+
+
+
+
+
diff --git a/vue3/mock/_createProductionServer.ts b/vue3/mock/_createProductionServer.ts
new file mode 100644
index 00000000..a44310b9
--- /dev/null
+++ b/vue3/mock/_createProductionServer.ts
@@ -0,0 +1,18 @@
+import { createProdMockServer } from 'vite-plugin-mock/es/createProdMockServer';
+
+const modules = import.meta.globEager('./**/*.ts');
+
+const mockModules: any[] = [];
+Object.keys(modules).forEach((key) => {
+ if (key.includes('/_')) {
+ return;
+ }
+ mockModules.push(...modules[key].default);
+});
+
+/**
+ * Used in a production environment. Need to manually import all modules
+ */
+export function setupProdMockServer() {
+ createProdMockServer(mockModules);
+}
diff --git a/vue3/mock/_util.ts b/vue3/mock/_util.ts
new file mode 100644
index 00000000..0c15b154
--- /dev/null
+++ b/vue3/mock/_util.ts
@@ -0,0 +1,45 @@
+// Interface data format used to return a unified format
+
+export function resultSuccess
+
+
+ 
+
+
+
+
+
+ <%= title %>
+
+
+
+
+
+
diff --git a/vue3/src/components/Application/src/AppLocalePicker.vue b/vue3/src/components/Application/src/AppLocalePicker.vue
new file mode 100644
index 00000000..ca8b55ce
--- /dev/null
+++ b/vue3/src/components/Application/src/AppLocalePicker.vue
@@ -0,0 +1,85 @@
+
+
+
+ 
+
+
+
+
diff --git a/vue3/src/components/Application/src/AppProvider.vue b/vue3/src/components/Application/src/AppProvider.vue
new file mode 100644
index 00000000..fe19a800
--- /dev/null
+++ b/vue3/src/components/Application/src/AppProvider.vue
@@ -0,0 +1,82 @@
+
diff --git a/vue3/src/components/Application/src/search/AppSearch.vue b/vue3/src/components/Application/src/search/AppSearch.vue
new file mode 100644
index 00000000..63d346ee
--- /dev/null
+++ b/vue3/src/components/Application/src/search/AppSearch.vue
@@ -0,0 +1,33 @@
+
diff --git a/vue3/src/components/Application/src/search/AppSearchFooter.vue b/vue3/src/components/Application/src/search/AppSearchFooter.vue
new file mode 100644
index 00000000..d7076aaa
--- /dev/null
+++ b/vue3/src/components/Application/src/search/AppSearchFooter.vue
@@ -0,0 +1,64 @@
+
+
+
+ {{ title }}
+
+
+
+
+
+
+
diff --git a/vue3/src/components/Application/src/search/AppSearchKeyItem.vue b/vue3/src/components/Application/src/search/AppSearchKeyItem.vue
new file mode 100644
index 00000000..b535cef6
--- /dev/null
+++ b/vue3/src/components/Application/src/search/AppSearchKeyItem.vue
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('common.cancelText') }}
+
+
+
+
+ {{ t('component.app.searchNotData') }}
+
+
+ -
+
-
+ ++
+ + {{ item.name }} +++++
+
+
+
+
diff --git a/vue3/src/components/ClickOutSide/src/index.vue b/vue3/src/components/ClickOutSide/src/index.vue
new file mode 100644
index 00000000..8a618837
--- /dev/null
+++ b/vue3/src/components/ClickOutSide/src/index.vue
@@ -0,0 +1,26 @@
+
+
+
+
+
diff --git a/vue3/src/components/CodeEditor/index.ts b/vue3/src/components/CodeEditor/index.ts
new file mode 100644
index 00000000..a9b0c30e
--- /dev/null
+++ b/vue3/src/components/CodeEditor/index.ts
@@ -0,0 +1,6 @@
+import { withInstall } from '/@/utils';
+import codeEditor from './src/CodeEditor.vue';
+import jsonPreview from './src/json-preview/JsonPreview.vue';
+
+export const CodeEditor = withInstall(codeEditor);
+export const JsonPreview = withInstall(jsonPreview);
diff --git a/vue3/src/components/CodeEditor/src/CodeEditor.vue b/vue3/src/components/CodeEditor/src/CodeEditor.vue
new file mode 100644
index 00000000..aa6351ed
--- /dev/null
+++ b/vue3/src/components/CodeEditor/src/CodeEditor.vue
@@ -0,0 +1,52 @@
+
+
+
+
+
diff --git a/vue3/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/vue3/src/components/CodeEditor/src/codemirror/CodeMirror.vue
new file mode 100644
index 00000000..0d50cd1b
--- /dev/null
+++ b/vue3/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/vue3/src/components/Container/src/collapse/CollapseHeader.vue b/vue3/src/components/Container/src/collapse/CollapseHeader.vue
new file mode 100644
index 00000000..4196c0a6
--- /dev/null
+++ b/vue3/src/components/Container/src/collapse/CollapseHeader.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ title }}
+
+
+
+
+
+
diff --git a/vue3/src/components/Container/src/types.ts b/vue3/src/components/Container/src/types.ts
new file mode 100644
index 00000000..86c03bea
--- /dev/null
+++ b/vue3/src/components/Container/src/types.ts
@@ -0,0 +1,17 @@
+export type ScrollType = 'default' | 'main';
+
+export interface CollapseContainerOptions {
+ canExpand?: boolean;
+ title?: string;
+ helpMessage?: Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ ![]()
+
+
+
+
diff --git a/vue3/src/components/Cropper/src/CropperAvatar.vue b/vue3/src/components/Cropper/src/CropperAvatar.vue
new file mode 100644
index 00000000..4617da7c
--- /dev/null
+++ b/vue3/src/components/Cropper/src/CropperAvatar.vue
@@ -0,0 +1,162 @@
+
+
+
+ {{ btnText ? btnText : t('component.cropper.selectImage') }}
+
+
+
+
+
+
+
diff --git a/vue3/src/components/Cropper/src/index.vue b/vue3/src/components/Cropper/src/index.vue
new file mode 100644
index 00000000..c70e8473
--- /dev/null
+++ b/vue3/src/components/Cropper/src/index.vue
@@ -0,0 +1,130 @@
+
+
+ ![avatar]()
+
+
+
+
+ ![]()
+
+
+
diff --git a/vue3/src/components/Cropper/src/typing.ts b/vue3/src/components/Cropper/src/typing.ts
new file mode 100644
index 00000000..e76cc6f8
--- /dev/null
+++ b/vue3/src/components/Cropper/src/typing.ts
@@ -0,0 +1,8 @@
+import type Cropper from 'cropperjs';
+
+export interface CropendResult {
+ imgBase64: string;
+ imgInfo: Cropper.Data;
+}
+
+export type { Cropper };
diff --git a/vue3/src/components/Description/index.ts b/vue3/src/components/Description/index.ts
new file mode 100644
index 00000000..58277d06
--- /dev/null
+++ b/vue3/src/components/Description/index.ts
@@ -0,0 +1,6 @@
+import { withInstall } from '/@/utils';
+import description from './src/Description.vue';
+
+export * from './src/typing';
+export { useDescription } from './src/useDescription';
+export const Description = withInstall(description);
diff --git a/vue3/src/components/Description/src/Description.vue b/vue3/src/components/Description/src/Description.vue
new file mode 100644
index 00000000..17b8c74c
--- /dev/null
+++ b/vue3/src/components/Description/src/Description.vue
@@ -0,0 +1,181 @@
+
diff --git a/vue3/src/components/Description/src/index.vue b/vue3/src/components/Description/src/index.vue
new file mode 100644
index 00000000..b9dff512
--- /dev/null
+++ b/vue3/src/components/Description/src/index.vue
@@ -0,0 +1,162 @@
+
diff --git a/vue3/src/components/Description/src/props.ts b/vue3/src/components/Description/src/props.ts
new file mode 100644
index 00000000..0c81d4df
--- /dev/null
+++ b/vue3/src/components/Description/src/props.ts
@@ -0,0 +1,25 @@
+import type { PropType } from 'vue';
+import type { CollapseContainerOptions } from '/@/components/Container';
+import type { DescItem } from './types';
+import { propTypes } from '/@/utils/propTypes';
+export default {
+ useCollapse: propTypes.bool.def(true),
+ title: propTypes.string.def(''),
+ size: propTypes.oneOf(['small', 'default', 'middle', undefined]).def('small'),
+ bordered: propTypes.bool.def(true),
+ column: {
+ type: [Number, Object] as PropType
+
+
+ {{ cancelText }}
+
+
+ {{ okText }}
+
+
+
+
+
+
diff --git a/vue3/src/components/Drawer/src/components/DrawerHeader.vue b/vue3/src/components/Drawer/src/components/DrawerHeader.vue
new file mode 100644
index 00000000..82321287
--- /dev/null
+++ b/vue3/src/components/Drawer/src/components/DrawerHeader.vue
@@ -0,0 +1,74 @@
+
+
+
+
+
+
+
+
+
diff --git a/vue3/src/components/Drawer/src/props.ts b/vue3/src/components/Drawer/src/props.ts
new file mode 100644
index 00000000..0a7ca8cd
--- /dev/null
+++ b/vue3/src/components/Drawer/src/props.ts
@@ -0,0 +1,44 @@
+import type { PropType } from 'vue';
+
+import { useI18n } from '/@/hooks/web/useI18n';
+const { t } = useI18n();
+
+export const footerProps = {
+ confirmLoading: { type: Boolean },
+ /**
+ * @description: Show close button
+ */
+ showCancelBtn: { type: Boolean, default: true },
+ cancelButtonProps: Object as PropType
+
+
+
+
diff --git a/vue3/src/components/Excel/src/types.ts b/vue3/src/components/Excel/src/types.ts
new file mode 100644
index 00000000..2ea08be1
--- /dev/null
+++ b/vue3/src/components/Excel/src/types.ts
@@ -0,0 +1,31 @@
+import type { JSON2SheetOpts, WritingOptions, BookType } from 'xlsx';
+
+export interface ExcelData
+
+
+
+
+
+
+
diff --git a/vue3/src/components/FlowChart/src/FlowChartToolbar.vue b/vue3/src/components/FlowChart/src/FlowChartToolbar.vue
new file mode 100644
index 00000000..c88af5ca
--- /dev/null
+++ b/vue3/src/components/FlowChart/src/FlowChartToolbar.vue
@@ -0,0 +1,162 @@
+
+
+
+
+ {{ item.tooltip }}
+
+
+
+
+
+
diff --git a/vue3/src/components/FlowChart/src/adpterForTurbo.ts b/vue3/src/components/FlowChart/src/adpterForTurbo.ts
new file mode 100644
index 00000000..d6d8a63d
--- /dev/null
+++ b/vue3/src/components/FlowChart/src/adpterForTurbo.ts
@@ -0,0 +1,75 @@
+const TurboType = {
+ SEQUENCE_FLOW: 1,
+ START_EVENT: 2,
+ END_EVENT: 3,
+ USER_TASK: 4,
+ SERVICE_TASK: 5,
+ EXCLUSIVE_GATEWAY: 6,
+};
+
+function convertFlowElementToEdge(element) {
+ const { incoming, outgoing, properties, key } = element;
+ const { text, startPoint, endPoint, pointsList, logicFlowType } = properties;
+ const edge = {
+ id: key,
+ type: logicFlowType,
+ sourceNodeId: incoming[0],
+ targetNodeId: outgoing[0],
+ text,
+ startPoint,
+ endPoint,
+ pointsList,
+ properties: {},
+ };
+ const excludeProperties = ['startPoint', 'endPoint', 'pointsList', 'text', 'logicFlowType'];
+ Object.keys(element.properties).forEach((property) => {
+ if (excludeProperties.indexOf(property) === -1) {
+ edge.properties[property] = element.properties[property];
+ }
+ });
+ return edge;
+}
+
+function convertFlowElementToNode(element) {
+ const { properties, key } = element;
+ const { x, y, text, logicFlowType } = properties;
+ const node = {
+ id: key,
+ type: logicFlowType,
+ x,
+ y,
+ text,
+ properties: {},
+ };
+ const excludeProperties = ['x', 'y', 'text', 'logicFlowType'];
+ Object.keys(element.properties).forEach((property) => {
+ if (excludeProperties.indexOf(property) === -1) {
+ node.properties[property] = element.properties[property];
+ }
+ });
+ return node;
+}
+
+export function toLogicFlowData(data) {
+ const lfData: {
+
+ nodes: any[];
+ edges: any[];
+ } = {
+ nodes: [],
+ edges: [],
+ };
+ const list = data.flowElementList;
+ list &&
+ list.length > 0 &&
+ list.forEach((element) => {
+ if (element.type === TurboType.SEQUENCE_FLOW) {
+ const edge = convertFlowElementToEdge(element);
+ lfData.edges.push(edge);
+ } else {
+ const node = convertFlowElementToNode(element);
+ lfData.nodes.push(node);
+ }
+ });
+ return lfData;
+}
diff --git a/vue3/src/components/FlowChart/src/config.ts b/vue3/src/components/FlowChart/src/config.ts
new file mode 100644
index 00000000..4f10d2ca
--- /dev/null
+++ b/vue3/src/components/FlowChart/src/config.ts
@@ -0,0 +1,96 @@
+export const nodeList = [
+ {
+ text: '开始',
+ type: 'start',
+ class: 'node-start',
+ },
+ {
+ text: '矩形',
+ type: 'rect',
+ class: 'node-rect',
+ },
+ {
+ type: 'user',
+ text: '用户',
+ class: 'node-user',
+ },
+ {
+ type: 'push',
+ text: '推送',
+ class: 'node-push',
+ },
+ {
+ type: 'download',
+ text: '位置',
+ class: 'node-download',
+ },
+ {
+ type: 'end',
+ text: '结束',
+ class: 'node-end',
+ },
+];
+
+export const BpmnNode = [
+ {
+ type: 'bpmn:startEvent',
+ text: '开始',
+ class: 'bpmn-start',
+ },
+ {
+ type: 'bpmn:endEvent',
+ text: '结束',
+ class: 'bpmn-end',
+ },
+ {
+ type: 'bpmn:exclusiveGateway',
+ text: '网关',
+ class: 'bpmn-exclusiveGateway',
+ },
+ {
+ type: 'bpmn:userTask',
+ text: '用户',
+ class: 'bpmn-user',
+ },
+];
+
+export function configDefaultDndPanel(lf) {
+ return [
+ {
+ text: '选区',
+ icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAAOVJREFUOBGtVMENwzAIjKP++2026ETdpv10iy7WFbqFyyW6GBywLCv5gI+Dw2Bluj1znuSjhb99Gkn6QILDY2imo60p8nsnc9bEo3+QJ+AKHfMdZHnl78wyTnyHZD53Zzx73MRSgYvnqgCUHj6gwdck7Zsp1VOrz0Uz8NbKunzAW+Gu4fYW28bUYutYlzSa7B84Fh7d1kjLwhcSdYAYrdkMQVpsBr5XgDGuXwQfQr0y9zwLda+DUYXLaGKdd2ZTtvbolaO87pdo24hP7ov16N0zArH1ur3iwJpXxm+v7oAJNR4JEP8DoAuSFEkYH7cAAAAASUVORK5CYII=',
+ callback: () => {
+ lf.updateEditConfig({
+ stopMoveGraph: true,
+ });
+ },
+ },
+ {
+ type: 'circle',
+ text: '开始',
+ icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAAnBJREFUOBGdVL1rU1EcPfdGBddmaZLiEhdx1MHZQXApraCzQ7GKLgoRBxMfcRELuihWKcXFRcEWF8HBf0DdDCKYRZpnl7p0svLe9Zzbd29eQhTbC8nv+9zf130AT63jvooOGS8Vf9Nt5zxba7sXQwODfkWpkbjTQfCGUd9gIp3uuPP8bZ946g56dYQvnBg+b1HB8VIQmMFrazKcKSvFW2dQTxJnJdQ77urmXWOMBCmXM2Rke4S7UAW+/8ywwFoewmBps2tu7mbTdp8VMOkIRAkKfrVawalJTtIliclFbaOBqa0M2xImHeVIfd/nKAfVq/LGnPss5Kh00VEdSzfwnBXPUpmykNss4lUI9C1ga+8PNrBD5YeqRY2Zz8PhjooIbfJXjowvQJBqkmEkVnktWhwu2SM7SMx7Cj0N9IC0oQXRo8xwAGzQms+xrB/nNSUWVveI48ayrFGyC2+E2C+aWrZHXvOuz+CiV6iycWe1Rd1Q6+QUG07nb5SbPrL4426d+9E1axKjY3AoRrlEeSQo2Eu0T6BWAAr6COhTcWjRaYfKG5csnvytvUr/WY4rrPMB53Uo7jZRjXaG6/CFfNMaXEu75nG47X+oepU7PKJvvzGDY1YLSKHJrK7vFUwXKkaxwhCW3u+sDFMVrIju54RYYbFKpALZAo7sB6wcKyyrd+aBMryMT2gPyD6GsQoRFkGHr14TthZni9ck0z+Pnmee460mHXbRAypKNy3nuMdrWgVKj8YVV8E7PSzp1BZ9SJnJAsXdryw/h5ctboUVi4AFiCd+lQaYMw5z3LGTBKjLQOeUF35k89f58Vv/tGh+l+PE/wG0rgfIUbZK5AAAAABJRU5ErkJggg==',
+ },
+ {
+ type: 'rect',
+ text: '用户任务',
+ icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAABGdBTUEAALGPC/xhBQAAAqlJREFUOBF9VM9rE0EUfrMJNUKLihGbpLGtaCOIR8VjQMGDePCgCCIiCNqzCAp2MyYUCXhUtF5E0D+g1t48qAd7CCLqQUQKEWkStcEfVGlLdp/fm3aW2QQdyLzf33zz5m2IsAZ9XhDpyaaIZkTS4ASzK41TFao88GuJ3hsr2pAbipHxuSYyKRugagICGANkfFnNh3HeE2N0b3nN2cgnpcictw5veJIzxmDamSlxxQZicq/mflxhbaH8BLRbuRwNtZp0JAhoplVRUdzmCe/vO27wFuuA3S5qXruGdboy5/PRGFsbFGKo/haRtQHIrM83bVeTrOgNhZReWaYGnE4aUQgTJNvijJFF4jQ8BxJE5xfKatZWmZcTQ+BVgh7s8SgPlCkcec4mGTmieTP4xd7PcpIEg1TX6gdeLW8rTVMVLVvb7ctXoH0Cydl2QOPJBG21STE5OsnbweVYzAnD3A7PVILuY0yiiyDwSm2g441r6rMSgp6iK42yqroI2QoXeJVeA+YeZSa47gZdXaZWQKTrG93rukk/l2Al6Kzh5AZEl7dDQy+JjgFahQjRopSxPbrbvK7GRe9ePWBo1wcU7sYrFZtavXALwGw/7Dnc50urrHJuTPSoO2IMV3gUQGNg87IbSOIY9BpiT9HV7FCZ94nPXb3MSnwHn/FFFE1vG6DTby+r31KAkUktB3Qf6ikUPWxW1BkXSPQeMHHiW0+HAd2GelJsZz1OJegCxqzl+CLVHa/IibuHeJ1HAKzhuDR+ymNaRFM+4jU6UWKXorRmbyqkq/D76FffevwdCp+jN3UAN/C9JRVTDuOxC/oh+EdMnqIOrlYteKSfadVRGLJFJPSB/ti/6K8f0CNymg/iH2gO/f0DwE0yjAFO6l8JaR5j0VPwPwfaYHqOqrCI319WzwhwzNW/aQAAAABJRU5ErkJggg==',
+ cls: 'important-node',
+ },
+ {
+ type: 'rect',
+ text: '系统任务',
+ icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAEFVwZaAAAABGdBTUEAALGPC/xhBQAAAqlJREFUOBF9VM9rE0EUfrMJNUKLihGbpLGtaCOIR8VjQMGDePCgCCIiCNqzCAp2MyYUCXhUtF5E0D+g1t48qAd7CCLqQUQKEWkStcEfVGlLdp/fm3aW2QQdyLzf33zz5m2IsAZ9XhDpyaaIZkTS4ASzK41TFao88GuJ3hsr2pAbipHxuSYyKRugagICGANkfFnNh3HeE2N0b3nN2cgnpcictw5veJIzxmDamSlxxQZicq/mflxhbaH8BLRbuRwNtZp0JAhoplVRUdzmCe/vO27wFuuA3S5qXruGdboy5/PRGFsbFGKo/haRtQHIrM83bVeTrOgNhZReWaYGnE4aUQgTJNvijJFF4jQ8BxJE5xfKatZWmZcTQ+BVgh7s8SgPlCkcec4mGTmieTP4xd7PcpIEg1TX6gdeLW8rTVMVLVvb7ctXoH0Cydl2QOPJBG21STE5OsnbweVYzAnD3A7PVILuY0yiiyDwSm2g441r6rMSgp6iK42yqroI2QoXeJVeA+YeZSa47gZdXaZWQKTrG93rukk/l2Al6Kzh5AZEl7dDQy+JjgFahQjRopSxPbrbvK7GRe9ePWBo1wcU7sYrFZtavXALwGw/7Dnc50urrHJuTPSoO2IMV3gUQGNg87IbSOIY9BpiT9HV7FCZ94nPXb3MSnwHn/FFFE1vG6DTby+r31KAkUktB3Qf6ikUPWxW1BkXSPQeMHHiW0+HAd2GelJsZz1OJegCxqzl+CLVHa/IibuHeJ1HAKzhuDR+ymNaRFM+4jU6UWKXorRmbyqkq/D76FffevwdCp+jN3UAN/C9JRVTDuOxC/oh+EdMnqIOrlYteKSfadVRGLJFJPSB/ti/6K8f0CNymg/iH2gO/f0DwE0yjAFO6l8JaR5j0VPwPwfaYHqOqrCI319WzwhwzNW/aQAAAABJRU5ErkJggg==',
+ cls: 'import_icon',
+ },
+ {
+ type: 'diamond',
+ text: '条件判断',
+ icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAAHeEJUAAAAABGdBTUEAALGPC/xhBQAAAvVJREFUOBGNVEFrE0EU/mY3bQoiFlOkaUJrQUQoWMGePLX24EH0IIoHKQiCV0G8iE1covgLiqA/QTzVm1JPogc9tIJYFaQtlhQxqYjSpunu+L7JvmUTU3AgmTfvffPNN++9WSA1DO182f6xwILzD5btfAoQmwL5KJEwiQyVbSVZ0IgRyV6PTpIJ81E5ZvqfHQR0HUOBHW4L5Et2kQ6Zf7iAOhTFAA8s0pEP7AXO1uAA52SbqGk6h/6J45LaLhO64ByfcUzM39V7ZiAdS2yCePPEIQYvTUHqM/n7dgQNfBKWPjpF4ISk8q3J4nB11qw6X8l+FsF3EhlkEMfrjIer3wJTLwS2aCNcj4DbGxXTw00JmAuO+Ni6bBxVUCvS5d9aa04+so4pHW5jLTywuXAL7jJ+D06sl82Sgl2JuVBQn498zkc2bGKxULHjCnSMadBKYDYYHAtsby1EQ5lNGrQd4Y3v4Zo0XdGEmDno46yCM9Tk+RiJmUYHS/aXHPNTcjxcbTFna000PFJHIVZ5lFRqRpJWk9/+QtlOUYJj9HG5pVFEU7zqIYDVsw2s+AJaD8wTd2umgSCCyUxgGsS1Y6TBwXQQTFuZaHcd8gAGioE90hlsY+wMcs30RduYtxanjMGal8H5dMW67dmT1JFtYUEe8LiQLRsPZ6IIc7A4J5tqco3T0pnv/4u0kyzrYUq7gASuEyI8VXKvB9Odytv6jS/PNaZBln0nioJG/AVQRZvApOdhjj3Jt8QC8Im09SafwdBdvIpztpxWxpeKCC+EsFdS8DCyuCn2munFpL7ctHKp+Xc5cMybeIyMAN33SPL3ZR9QV1XVwLyzHm6Iv0/yeUuUb7PPlZC4D4HZkeu6dpF4v9j9MreGtMbxMMRLIcjJic9yHi7WQ3yVKzZVWUr5UrViJvn1FfUlwe/KYVfYyWRLSGNu16hR01U9IacajXPei0wx/5BqgInvJN+MMNtNme7ReU9SBbgntovn0kKHpFg7UogZvaZiOue/q1SBo9ktHzQAAAAASUVORK5CYII=',
+ },
+ {
+ type: 'circle',
+ text: '结束',
+ icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAA1BJREFUOBFtVE1IVUEYPXOf+tq40Y3vPcmFIdSjIorWoRG0ERWUgnb5FwVhYQSl72oUoZAboxKNFtWiwKRN0M+jpfSzqJAQclHo001tKkjl3emc8V69igP3znzfnO/M9zcDcKT67azmjYWTwl9Vn7Vumeqzj1DVb6cleQY4oAVnIOPb+mKAGxQmKI5CWNJ2aLPatxWa3aB9K7/fB+/Z0jUF6TmMlFLQqrkECWQzOZxYGjTlOl8eeKaIY5yHnFn486xBustDjWT6dG7pmjHOJd+33t0iitTPkK6tEvjxq4h2MozQ6WFSX/LkDUGfFwfhEZj1Auz/U4pyAi5Sznd7uKzznXeVHlI/Aywmk6j7fsUsEuCGADrWARXXwjxWQsUbIupDHJI7kF5dRktg0eN81IbiZXiTESic50iwS+t1oJgL83jAiBupLDCQqwziaWSoAFSeIR3P5Xv5az00wyIn35QRYTwdSYbz8pH8fxUUAtxnFvYmEmgI0wYXUXcCCSpeEVpXlsRhBnCEATxWylL9+EKCAYhe1NGstUa6356kS9NVvt3DU2fd+Wtbm/+lSbylJqsqkSm9CRhvoJVlvKPvF1RKY/FcPn5j4UfIMLn8D4UYb54BNsilTDXKnF4CfTobA0FpoW/LSp306wkXM+XaOJhZaFkcNM82ASNAWMrhrUbRfmyeI1FvRBTpN06WKxa9BK0o2E4Pd3zfBBEwPsv9sQBnmLVbLEIZ/Xe9LYwJu/Er17W6HYVBc7vmuk0xUQ+pqxdom5Fnp55SiytXLPYoMXNM4u4SNSCFWnrVIzKG3EGyMXo6n/BQOe+bX3FClY4PwydVhthOZ9NnS+ntiLh0fxtlUJHAuGaFoVmttpVMeum0p3WEXbcll94l1wM/gZ0Ccczop77VvN2I7TlsZCsuXf1WHvWEhjO8DPtyOVg2/mvK9QqboEth+7pD6NUQC1HN/TwvydGBARi9MZSzLE4b8Ru3XhX2PBxf8E1er2A6516o0w4sIA+lwURhAON82Kwe2iDAC1Watq4XHaGQ7skLcFOtI5lDxuM2gZe6WFIotPAhbaeYlU4to5cuarF1QrcZ/lwrLaCJl66JBocYZnrNlvm2+MBCTmUymPrYZVbjdlr/BxlMjmNmNI3SAAAAAElFTkSuQmCC',
+ },
+ ];
+}
diff --git a/vue3/src/components/FlowChart/src/enum.ts b/vue3/src/components/FlowChart/src/enum.ts
new file mode 100644
index 00000000..8ea134ca
--- /dev/null
+++ b/vue3/src/components/FlowChart/src/enum.ts
@@ -0,0 +1,11 @@
+export enum ToolbarTypeEnum {
+ ZOOM_IN = 'zoomIn',
+ ZOOM_OUT = 'zoomOut',
+ RESET_ZOOM = 'resetZoom',
+
+ UNDO = 'undo',
+ REDO = 'redo',
+
+ SNAPSHOT = 'snapshot',
+ VIEW_DATA = 'viewData',
+}
diff --git a/vue3/src/components/FlowChart/src/types.ts b/vue3/src/components/FlowChart/src/types.ts
new file mode 100644
index 00000000..94992ba1
--- /dev/null
+++ b/vue3/src/components/FlowChart/src/types.ts
@@ -0,0 +1,14 @@
+import { NodeConfig } from '@logicflow/core';
+import { ToolbarTypeEnum } from './enum';
+
+export interface NodeItem extends NodeConfig {
+ icon: string;
+}
+
+export interface ToolbarConfig {
+ type?: string | ToolbarTypeEnum;
+ tooltip?: string | boolean;
+ icon?: string;
+ disabled?: boolean;
+ separate?: boolean;
+}
diff --git a/vue3/src/components/FlowChart/src/useFlowContext.ts b/vue3/src/components/FlowChart/src/useFlowContext.ts
new file mode 100644
index 00000000..7d15f3b3
--- /dev/null
+++ b/vue3/src/components/FlowChart/src/useFlowContext.ts
@@ -0,0 +1,17 @@
+import type LogicFlow from '@logicflow/core';
+
+import { provide, inject } from 'vue';
+
+const key = Symbol('flow-chart');
+
+type Instance = {
+ logicFlow: LogicFlow;
+};
+
+export function createFlowChartContext(instance: Instance) {
+ provide(key, instance);
+}
+
+export function useFlowChartContext(): Instance {
+ return inject(key) as Instance;
+}
diff --git a/vue3/src/components/Form/index.ts b/vue3/src/components/Form/index.ts
new file mode 100644
index 00000000..0ba6b7ec
--- /dev/null
+++ b/vue3/src/components/Form/index.ts
@@ -0,0 +1,13 @@
+import BasicForm from './src/BasicForm.vue';
+
+export * from './src/types/form';
+export * from './src/types/formItem';
+
+export { useComponentRegister } from './src/hooks/useComponentRegister';
+export { useForm } from './src/hooks/useForm';
+
+export { default as ApiSelect } from './src/components/ApiSelect.vue';
+export {default as TableSelect} from './src/components/TableSelect.vue'
+export { default as RadioButtonGroup } from './src/components/RadioButtonGroup.vue';
+export { default as ApiTreeSelect } from './src/components/ApiTreeSelect.vue';
+export { BasicForm };
diff --git a/vue3/src/components/Form/src/BasicForm.vue b/vue3/src/components/Form/src/BasicForm.vue
new file mode 100644
index 00000000..cfda0f8c
--- /dev/null
+++ b/vue3/src/components/Form/src/BasicForm.vue
@@ -0,0 +1,338 @@
+
+
+
+
+
diff --git a/vue3/src/components/Form/src/componentMap.ts b/vue3/src/components/Form/src/componentMap.ts
new file mode 100644
index 00000000..17e8273a
--- /dev/null
+++ b/vue3/src/components/Form/src/componentMap.ts
@@ -0,0 +1,77 @@
+import type { Component } from 'vue';
+import type { ComponentType } from './types/index';
+
+/**
+ * Component list, register here to setting it in the form
+ */
+import {
+ Input,
+ Select,
+ Radio,
+ Checkbox,
+ AutoComplete,
+ Cascader,
+ DatePicker,
+ InputNumber,
+ Switch,
+ TimePicker,
+ TreeSelect,
+ // Slider,
+ // Rate,
+} from 'ant-design-vue';
+import NumericalInterval from '../../../dcomponents/NumericalInterval.vue'
+import TableMoreSelect from '../../../dcomponents/TableMoreSelect.vue'
+import RadioButtonGroup from './components/RadioButtonGroup.vue';
+import ApiSelect from './components/ApiSelect.vue';
+import ApiTreeSelect from './components/ApiTreeSelect.vue'
+import TableSelect from './components/TableSelect.vue';
+import { BasicUpload } from '/@/components/Upload';
+import { StrengthMeter } from '/@/components/StrengthMeter';
+import { IconPicker } from '/@/components/Icon';
+import { CountdownInput } from '/@/components/CountDown';
+
+const componentMap = new Map
+
+
+
+