canrd-outside / order-erp-front · Commits

Commit e1bc33f5c5660f62591997c1949c887ac7387871

Authored by Vben
1 parent 2576735a

perf: improve flowChart logic

Inline Side-by-side
Showing 44 changed files with 414 additions and 778 deletions
build/generate/generateModifyVars.ts
  View file @e1bc33f
@@ -32,5 +32,6 @@ export function generateModifyVars(dark = false) { @@ -32,5 +32,6 @@ export function generateModifyVars(dark = false) {
32 'font-size-base': '14px', // Main font size 32 'font-size-base': '14px', // Main font size
33 'border-radius-base': '2px', // Component/float fillet 33 'border-radius-base': '2px', // Component/float fillet
34 'link-color': primary, // Link color 34 'link-color': primary, // Link color
  35 + 'content-background': '#fafafa', // Link color
35 }; 36 };
36 } 37 }
build/vite/plugin/theme.ts
  View file @e1bc33f
@@ -53,6 +53,7 @@ export function configThemePlugin(isBuild: boolean): Plugin[] { @@ -53,6 +53,7 @@ export function configThemePlugin(isBuild: boolean): Plugin[] {
53 'border-color-base': '#303030', 53 'border-color-base': '#303030',
54 // 'border-color-split': '#30363d', 54 // 'border-color-split': '#30363d',
55 'item-active-bg': '#111b26', 55 'item-active-bg': '#111b26',
  56 + 'content-background': '#ffffff0a', // Link color
56 }, 57 },
57 }), 58 }),
58 ]; 59 ];
package.json
  View file @e1bc33f
@@ -101,7 +101,7 @@ @@ -101,7 +101,7 @@
101 "prettier": "^2.2.1", 101 "prettier": "^2.2.1",
102 "pretty-quick": "^3.1.0", 102 "pretty-quick": "^3.1.0",
103 "rimraf": "^3.0.2", 103 "rimraf": "^3.0.2",
104 - "rollup-plugin-visualizer": "5.3.6", 104 + "rollup-plugin-visualizer": "5.3.4",
105 "stylelint": "^13.12.0", 105 "stylelint": "^13.12.0",
106 "stylelint-config-prettier": "^8.0.2", 106 "stylelint-config-prettier": "^8.0.2",
107 "stylelint-config-standard": "^21.0.0", 107 "stylelint-config-standard": "^21.0.0",
src/components/FlowChart/index.ts
  View file @e1bc33f
1 import { App } from 'vue'; 1 import { App } from 'vue';
2 -import control from './src/Control.vue';  
3 -import nodePanel from './src/NodePanel.vue';  
4 import dataDialog from './src/DataDialog.vue'; 2 import dataDialog from './src/DataDialog.vue';
  3 +import flowChart from './src/index.vue';
5 4
6 -export const Control = Object.assign(control, { 5 +export const FlowChart = Object.assign(flowChart, {
7 install(app: App) { 6 install(app: App) {
8 - app.component(control.name, control);  
9 - },  
10 -});  
11 -  
12 -export const NodePanel = Object.assign(nodePanel, {  
13 - install(app: App) {  
14 - app.component(nodePanel.name, nodePanel); 7 + app.component(flowChart.name, flowChart);
15 }, 8 },
16 }); 9 });
17 10
src/components/FlowChart/src/Control.vue deleted 100644 → 0
  View file @2576735
1 -<template>  
2 - <div class="control-container">  
3 - <!-- 功能按钮 -->  
4 - <ul>  
5 - <li  
6 - v-for="(item, key) in titleLists"  
7 - :key="key"  
8 - :title="item.text"  
9 - @mouseenter.prevent="onEnter(key)"  
10 - @mouseleave.prevent="focusIndex = -1"  
11 - >  
12 - <a-button  
13 - :disabled="item.disabled"  
14 - :style="{ cursor: item.disabled === false ? 'pointer' : 'not-allowed' }"  
15 - @click="onControl(item, key)"  
16 - >  
17 - <span :class="'iconfont ' + item.icon"></span>  
18 - <p>{{ item.text }}</p>  
19 - </a-button>  
20 - </li>  
21 - </ul>  
22 - </div>  
23 -</template>  
24 -  
25 -<script lang="ts">  
26 - import { defineComponent, ref, unref, onMounted } from 'vue';  
27 -  
28 - export default defineComponent({  
29 - name: 'Control',  
30 - props: {  
31 - lf: Object || String,  
32 - catTurboData: Boolean,  
33 - },  
34 - emits: ['catData'],  
35 - setup(props, { emit }) {  
36 - let focusIndex = ref(-1);  
37 - let titleLists = ref([  
38 - {  
39 - icon: 'icon-zoom-out-hs',  
40 - text: '缩小',  
41 - disabled: false,  
42 - },  
43 - {  
44 - icon: 'icon-enlarge-hs',  
45 - text: '放大',  
46 - disabled: false,  
47 - },  
48 - {  
49 - icon: 'icon-full-screen-hs',  
50 - text: '适应',  
51 - disabled: false,  
52 - },  
53 - {  
54 - icon: 'icon-previous-hs',  
55 - text: '上一步',  
56 - disabled: true,  
57 - },  
58 - {  
59 - icon: 'icon-next-step-hs',  
60 - text: '下一步',  
61 - disabled: true,  
62 - },  
63 - {  
64 - icon: 'icon-download-hs',  
65 - text: '下载图片',  
66 - disabled: false,  
67 - },  
68 - {  
69 - icon: 'icon-watch-hs',  
70 - text: '查看数据',  
71 - disabled: false,  
72 - },  
73 - ]);  
74 -  
75 - const onControl = (item, key) => {  
76 - ['zoom', 'zoom', 'resetZoom', 'undo', 'redo', 'getSnapshot'].forEach((v, i) => {  
77 - let domControl = props.lf;  
78 - if (key === 1) {  
79 - domControl.zoom(true);  
80 - }  
81 - if (key === 6) {  
82 - emit('catData');  
83 - }  
84 - if (key === i) {  
85 - domControl[v]();  
86 - }  
87 - });  
88 - };  
89 -  
90 - const onEnter = (key) => {  
91 - focusIndex.value = key;  
92 - };  
93 -  
94 - onMounted(() => {  
95 - props.lf.on('history:change', ({ data: { undoAble, redoAble } }) => {  
96 - unref(titleLists)[3].disabled = !undoAble;  
97 - unref(titleLists)[4].disabled = !redoAble;  
98 - });  
99 - });  
100 -  
101 - return {  
102 - focusIndex,  
103 - titleLists,  
104 - onControl,  
105 - onEnter,  
106 - };  
107 - },  
108 - });  
109 -</script>  
110 -  
111 -<style scoped>  
112 - @import './assets/iconfont/iconfont.css';  
113 -  
114 - .control-container {  
115 - position: absolute;  
116 - right: 20px;  
117 - background: hsla(0, 0%, 100%, 0.8);  
118 - box-shadow: 0 1px 4px rgb(0 0 0 / 30%);  
119 - }  
120 -  
121 - .iconfont {  
122 - font-size: 25px;  
123 - }  
124 -  
125 - .control-container p {  
126 - margin: 0;  
127 - font-size: 12px;  
128 - }  
129 -  
130 - .control-container ul {  
131 - display: flex;  
132 - justify-content: space-around;  
133 - align-items: center;  
134 - margin: 2px;  
135 - }  
136 -  
137 - .control-container ul li {  
138 - width: 60px;  
139 - text-align: center;  
140 - }  
141 -  
142 - .control-container ul li button {  
143 - width: 100%;  
144 - height: 60px;  
145 - padding: 0;  
146 - background-color: transparent;  
147 - border: none;  
148 - outline: none;  
149 - }  
150 -</style>  
src/components/FlowChart/src/DataDialog.vue
  View file @e1bc33f
1 <template> 1 <template>
2 - <vue-json-pretty :path="'res'" :deep="3" :showLength="true" :data="graphData" /> 2 + <vue-json-pretty :path="'res'" :deep="3" :showLength="true" :data="data" />
3 </template> 3 </template>
4 4
5 <script lang="ts"> 5 <script lang="ts">
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 VueJsonPretty, 12 VueJsonPretty,
13 }, 13 },
14 props: { 14 props: {
15 - graphData: Object, 15 + data: Object,
16 }, 16 },
17 }); 17 });
18 </script> 18 </script>
src/components/FlowChart/src/FlowChartToolbar.vue 0 → 100644
  View file @e1bc33f
  1 +<template>
  2 + <div :class="`${prefixCls}-toolbar`" class="flex items-center px-2 py-1">
  3 + <template v-for="(item, index) in toolbarItemList" :key="item.type || index">
  4 + <Tooltip placement="bottom" v-bind="item.disabled ? { visible: false } : {}">
  5 + <template #title>{{ item.tooltip }}</template>
  6 + <span :class="`${prefixCls}-toolbar__icon`" v-if="item.icon" @click="onControl(item)">
  7 + <Icon
  8 + :icon="item.icon"
  9 + :class="item.disabled ? 'cursor-not-allowed disabeld' : 'cursor-pointer'"
  10 + />
  11 + </span>
  12 + </Tooltip>
  13 + <Divider v-if="item.separate" type="vertical" />
  14 + </template>
  15 + </div>
  16 +</template>
  17 +<script lang="ts">
  18 + import type { ToolbarConfig } from './types';
  19 +
  20 + import { defineComponent, ref, onUnmounted, unref, nextTick, watchEffect } from 'vue';
  21 + import { Divider, Tooltip } from 'ant-design-vue';
  22 + import { Icon } from '/@/components/Icon';
  23 +
  24 + import { useFlowChartContext } from './useFlowContext';
  25 + import { ToolbarTypeEnum } from './enum';
  26 +
  27 + export default defineComponent({
  28 + name: 'FlowChartToolbar',
  29 + components: { Icon, Divider, Tooltip },
  30 + props: {
  31 + prefixCls: String,
  32 + },
  33 + setup(_, { emit }) {
  34 + const toolbarItemList = ref<ToolbarConfig[]>([
  35 + {
  36 + type: ToolbarTypeEnum.ZOOM_IN,
  37 + icon: 'codicon:zoom-out',
  38 + tooltip: '缩小',
  39 + },
  40 + {
  41 + type: ToolbarTypeEnum.ZOOM_OUT,
  42 + icon: 'codicon:zoom-in',
  43 + tooltip: '放大',
  44 + },
  45 + {
  46 + type: ToolbarTypeEnum.RESET_ZOOM,
  47 + icon: 'codicon:screen-normal',
  48 + tooltip: '重置比例',
  49 + },
  50 + { separate: true },
  51 + {
  52 + type: ToolbarTypeEnum.UNDO,
  53 + icon: 'ion:arrow-undo-outline',
  54 + tooltip: '后退',
  55 + disabled: true,
  56 + },
  57 + {
  58 + type: ToolbarTypeEnum.REDO,
  59 + icon: 'ion:arrow-redo-outline',
  60 + tooltip: '前进',
  61 + disabled: true,
  62 + },
  63 + { separate: true },
  64 + {
  65 + type: ToolbarTypeEnum.SNAPSHOT,
  66 + icon: 'ion:download-outline',
  67 + tooltip: '下载',
  68 + },
  69 + {
  70 + type: ToolbarTypeEnum.VIEW_DATA,
  71 + icon: 'carbon:document-view',
  72 + tooltip: '查看数据',
  73 + },
  74 + ]);
  75 +
  76 + const { logicFlow } = useFlowChartContext();
  77 +
  78 + function onHistoryChange({ data: { undoAble, redoAble } }) {
  79 + const itemsList = unref(toolbarItemList);
  80 + const undoIndex = itemsList.findIndex((item) => item.type === ToolbarTypeEnum.UNDO);
  81 + const redoIndex = itemsList.findIndex((item) => item.type === ToolbarTypeEnum.REDO);
  82 + if (undoIndex !== -1) {
  83 + unref(toolbarItemList)[undoIndex].disabled = !undoAble;
  84 + }
  85 + if (redoIndex !== -1) {
  86 + unref(toolbarItemList)[redoIndex].disabled = !redoAble;
  87 + }
  88 + }
  89 +
  90 + const onControl = (item) => {
  91 + const lf = unref(logicFlow);
  92 + if (!lf) {
  93 + return;
  94 + }
  95 + switch (item.type) {
  96 + case ToolbarTypeEnum.ZOOM_IN:
  97 + lf.zoom();
  98 + break;
  99 + case ToolbarTypeEnum.ZOOM_OUT:
  100 + lf.zoom(true);
  101 + break;
  102 + case ToolbarTypeEnum.RESET_ZOOM:
  103 + lf.resetZoom();
  104 + break;
  105 + case ToolbarTypeEnum.UNDO:
  106 + lf.undo();
  107 + break;
  108 + case ToolbarTypeEnum.REDO:
  109 + lf.redo();
  110 + break;
  111 + case ToolbarTypeEnum.SNAPSHOT:
  112 + lf.getSnapshot();
  113 + break;
  114 + case ToolbarTypeEnum.VIEW_DATA:
  115 + emit('catData');
  116 + break;
  117 + }
  118 + };
  119 +
  120 + watchEffect(async () => {
  121 + if (unref(logicFlow)) {
  122 + await nextTick();
  123 + unref(logicFlow)?.on('history:change', onHistoryChange);
  124 + }
  125 + });
  126 +
  127 + onUnmounted(() => {
  128 + unref(logicFlow)?.off('history:change', onHistoryChange);
  129 + });
  130 + return { toolbarItemList, onControl };
  131 + },
  132 + });
  133 +</script>
  134 +<style lang="less" scoped>
  135 + @prefix-cls: ~'@{namespace}-flow-chart-toolbar';
  136 +
  137 + .@{prefix-cls} {
  138 + height: 36px;
  139 + background: @content-background;
  140 + border-bottom: 1px solid @border-color-base;
  141 +
  142 + .disabeld {
  143 + color: @disabled-color;
  144 + }
  145 +
  146 + &__icon {
  147 + display: inline-block;
  148 + padding: 2px 4px;
  149 + margin-right: 10px;
  150 +
  151 + &:hover {
  152 + color: @primary-color;
  153 + }
  154 + }
  155 + }
  156 +</style>
src/components/FlowChart/src/NodePanel.vue deleted 100644 → 0
  View file @2576735
1 -<template>  
2 - <!-- 左侧bpmn元素选择器 -->  
3 - <div class="node-panel">  
4 - <div  
5 - class="node-item"  
6 - v-for="item in nodeList"  
7 - :key="item.text"  
8 - @mousedown="nodeDragNode(item)"  
9 - >  
10 - <div class="node-item-icon" :class="item.class">  
11 - <div v-if="item.type === 'user' || item.type === 'time'" class="shape"></div>  
12 - </div>  
13 - <span class="node-label">{{ item.text }}</span>  
14 - </div>  
15 - </div>  
16 -</template>  
17 -  
18 -<script lang="ts">  
19 - import { defineComponent, ref, unref } from 'vue';  
20 - export default defineComponent({  
21 - name: 'NodePanel',  
22 - props: {  
23 - lf: Object,  
24 - nodeList: Array,  
25 - },  
26 - setup(props) {  
27 - let node = ref({  
28 - type: 'rect',  
29 - property: {  
30 - a: 'efrwe',  
31 - b: 'wewe',  
32 - },  
33 - });  
34 - let properties = ref({  
35 - a: 'efrwe',  
36 - b: 'wewe',  
37 - });  
38 -  
39 - const nodeDragNode = (item) => {  
40 - props.lf.dnd.startDrag({  
41 - type: item.type,  
42 - properties: unref(properties),  
43 - });  
44 - };  
45 -  
46 - return {  
47 - node,  
48 - properties,  
49 - nodeDragNode,  
50 - };  
51 - },  
52 - });  
53 -</script>  
54 -  
55 -<style scoped>  
56 - .node-panel {  
57 - position: absolute;  
58 - top: 100px;  
59 - left: 50px;  
60 - z-index: 101;  
61 - width: 70px;  
62 - padding: 20px 10px;  
63 - text-align: center;  
64 - background-color: white;  
65 - border-radius: 6px;  
66 - box-shadow: 0 0 10px 1px rgb(228, 224, 219);  
67 - }  
68 -  
69 - .node-item {  
70 - margin-bottom: 20px;  
71 - }  
72 -  
73 - .node-item-icon {  
74 - display: flex;  
75 - height: 30px;  
76 - background-size: cover;  
77 - flex-wrap: wrap;  
78 - justify-content: center;  
79 - }  
80 -  
81 - .node-label {  
82 - margin-top: 5px;  
83 - font-size: 12px;  
84 - user-select: none;  
85 - }  
86 -  
87 - .node-start {  
88 - background: url('./background/start.png') no-repeat;  
89 - background-size: cover;  
90 - }  
91 -  
92 - .node-rect {  
93 - border: 1px solid black;  
94 - }  
95 -  
96 - .node-user {  
97 - background: url('./background/user.png') no-repeat;  
98 - background-size: cover;  
99 - }  
100 -  
101 - .node-time {  
102 - background: url('./background/time.png') no-repeat;  
103 - background-size: cover;  
104 - }  
105 -  
106 - .node-push {  
107 - background: url('./background/push.png') no-repeat;  
108 - background-size: cover;  
109 - }  
110 -  
111 - .node-download {  
112 - background: url('./background/download.png') no-repeat;  
113 - background-size: cover;  
114 - }  
115 -  
116 - .node-click {  
117 - background: url('./background/click.png') no-repeat;  
118 - background-size: cover;  
119 - }  
120 -  
121 - .node-end {  
122 - background: url('./background/end.png') no-repeat;  
123 - background-size: cover;  
124 - }  
125 -  
126 - .bpmn-start {  
127 - cursor: grab;  
128 - background: url('./assets/background/bpmn-start.png') center center no-repeat;  
129 - }  
130 -  
131 - .bpmn-end {  
132 - cursor: grab;  
133 - background: url('./assets/background/bpmn-end.png') center center no-repeat;  
134 - }  
135 -  
136 - .bpmn-user {  
137 - cursor: grab;  
138 - background: url('./assets/background/bpmn-user.png') center center no-repeat;  
139 - }  
140 -  
141 - .bpmn-exclusiveGateway {  
142 - cursor: grab;  
143 - background: url('./assets/background/bpmn-exclusiveGateway.png') center center no-repeat;  
144 - }  
145 -</style>  
src/components/FlowChart/src/adpterForTurbo.ts
  View file @e1bc33f
@@ -7,95 +7,6 @@ const TurboType = { @@ -7,95 +7,6 @@ const TurboType = {
7 EXCLUSIVE_GATEWAY: 6, 7 EXCLUSIVE_GATEWAY: 6,
8 }; 8 };
9 9
10 -function getTurboType(type) {  
11 - switch (type) {  
12 - case 'bpmn:sequenceFlow':  
13 - return TurboType.SEQUENCE_FLOW;  
14 - case 'bpmn:startEvent':  
15 - return TurboType.START_EVENT;  
16 - case 'bpmn:endEvent':  
17 - return TurboType.END_EVENT;  
18 - case 'bpmn:userTask':  
19 - return TurboType.USER_TASK;  
20 - case 'bpmn:serviceTask':  
21 - return TurboType.SERVICE_TASK;  
22 - case 'bpmn:exclusiveGateway':  
23 - return TurboType.EXCLUSIVE_GATEWAY;  
24 - default:  
25 - return type;  
26 - }  
27 -}  
28 -  
29 -function convertNodeToTurboElement(node) {  
30 - const { id, type, x, y, text = '', properties } = node;  
31 - return {  
32 - incoming: [],  
33 - outgoing: [],  
34 - dockers: [],  
35 - type: getTurboType(node.type),  
36 - properties: {  
37 - ...properties,  
38 - name: (text && text.value) || '',  
39 - x: x,  
40 - y: y,  
41 - text,  
42 - logicFlowType: type,  
43 - },  
44 - key: id,  
45 - };  
46 -}  
47 -  
48 -function convertEdgeToTurboElement(edge) {  
49 - const {  
50 - id,  
51 - type,  
52 - sourceNodeId,  
53 - targetNodeId,  
54 - startPoint,  
55 - endPoint,  
56 - pointsList,  
57 - text = '',  
58 - properties,  
59 - } = edge;  
60 - return {  
61 - incoming: [sourceNodeId],  
62 - outgoing: [targetNodeId],  
63 - type: getTurboType(type),  
64 - dockers: [],  
65 - properties: {  
66 - ...properties,  
67 - name: (text && text.value) || '',  
68 - text,  
69 - startPoint,  
70 - endPoint,  
71 - pointsList,  
72 - logicFlowType: type,  
73 - },  
74 - key: id,  
75 - };  
76 -}  
77 -  
78 -export function toTurboData(data) {  
79 - const nodeMap = new Map();  
80 - const turboData = {  
81 - flowElementList: [],  
82 - };  
83 - data.nodes.forEach((node) => {  
84 - const flowElement = convertNodeToTurboElement(node);  
85 - turboData.flowElementList.push(flowElement);  
86 - nodeMap.set(node.id, flowElement);  
87 - });  
88 - data.edges.forEach((edge) => {  
89 - const flowElement = convertEdgeToTurboElement(edge);  
90 - const sourceElement = nodeMap.get(edge.sourceNodeId);  
91 - sourceElement.outgoing.push(flowElement.key);  
92 - const targetElement = nodeMap.get(edge.targetNodeId);  
93 - targetElement.incoming.push(flowElement.key);  
94 - turboData.flowElementList.push(flowElement);  
95 - });  
96 - return turboData;  
97 -}  
98 -  
99 function convertFlowElementToEdge(element) { 10 function convertFlowElementToEdge(element) {
100 const { incoming, outgoing, properties, key } = element; 11 const { incoming, outgoing, properties, key } = element;
101 const { text, startPoint, endPoint, pointsList, logicFlowType } = properties; 12 const { text, startPoint, endPoint, pointsList, logicFlowType } = properties;
@@ -139,8 +50,12 @@ function convertFlowElementToNode(element) { @@ -139,8 +50,12 @@ function convertFlowElementToNode(element) {
139 return node; 50 return node;
140 } 51 }
141 52
142 -export function toLogicflowData(data) {  
143 - const lfData = { 53 +export function toLogicFlowData(data) {
  54 + const lfData: {
  55 + // TODO type
  56 + nodes: any[];
  57 + edges: any[];
  58 + } = {
144 nodes: [], 59 nodes: [],
145 edges: [], 60 edges: [],
146 }; 61 };
src/components/FlowChart/src/assets/background/bpmn-end.png deleted 100644 → 0
View file @2576735

921 Bytes
src/components/FlowChart/src/assets/background/bpmn-exclusiveGateway.png deleted 100644 → 0
View file @2576735

830 Bytes
src/components/FlowChart/src/assets/background/bpmn-start.png deleted 100644 → 0
View file @2576735

697 Bytes
src/components/FlowChart/src/assets/background/bpmn-user.png deleted 100644 → 0
View file @2576735

754 Bytes
src/components/FlowChart/src/assets/background/click.png deleted 100644 → 0
View file @2576735

2.6 KB
src/components/FlowChart/src/assets/background/download.png deleted 100644 → 0
View file @2576735

1.98 KB
src/components/FlowChart/src/assets/background/end.png deleted 100644 → 0
View file @2576735

4.77 KB
src/components/FlowChart/src/assets/background/push.png deleted 100644 → 0
View file @2576735

2.23 KB
src/components/FlowChart/src/assets/background/start.png deleted 100644 → 0
View file @2576735

3.86 KB
src/components/FlowChart/src/assets/background/time.png deleted 100644 → 0
View file @2576735

2.92 KB
src/components/FlowChart/src/assets/background/user.png deleted 100644 → 0
View file @2576735

39.8 KB
src/components/FlowChart/src/assets/iconfont/iconfont.css deleted 100644 → 0
  View file @2576735
1 -@font-face {  
2 - font-family: 'iconfont';  
3 - src: url('iconfont.eot?t=1618544337340'); /* IE9 */  
4 - src: url('iconfont.eot?t=1618544337340#iefix') format('embedded-opentype'),  
5 - /* IE6-IE8 */  
6 - url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAZ0AAsAAAAADKgAAAYmAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDZAqLQIldATYCJAMgCxIABCAFhG0HgQkb6ApRlA9Sk+xngd1wXQyjTXRCW7pkEvLB0N9/pZhyo7nvIIK1Nisnipg3omjUREiURDXNNEL/jDRCI5H/riTu/9q0D5OakT05VaM3E4kMJI2QhanZillesmYnVT0pD5+399suTrCEkjDhqLtAxyURhIU6Ser/1tp8aDPgI2g7ex2ah+Q7i0rI+Gy9rSNYOtEEdPFQVkrlj/1c3oZFk6Sv/bYQqWUunsgkk8QRkrgkCJEKpUcO8zx0cFLQr+x6CEiNi0BN2YWV4MwJhmDEqhdU4BwR8oIOEXPCjGMzcoKDuLmnLwLw6vy9vMCFM6ggIW50umRpIbVW14U29L/QmIZgqDs5cD0JDKwCHFIylReQ51yFpO+XKBwDcjHltbq9801mxdeFzX8inbguoAq1yCWzpH95JuRUJIC0EDPH5nNGtIkkA4GgvROBocpEEKLCCBwVj0BRF/CJHFYhEo9WCbF1TCdgEEgF0A0Ee8NxioIeN97QzQqFMd2tdfIJC3KeK0T3eJYu0J07g6BVbCB0IiDVDNsQ1mFcbNxDCTk6IWEb2ShHfHxUlvAjkfj0mHDhC56GAL4CWMUgQXgEywDxuH0TBAD7gDZuRqtx7KWpnyTbushlJUpytdfnUvoS/pXG880npIYe3wueUdIJoa9HlRgdsYiF5QJv8C2zjIbzXERGQmwH0QylmjJfC4evBB8UUKQZMsAMG2aWMU6nc6s9m7X4Thn0gTfomgnm5d0qwX4v0rQH3GZn4Ajp8F2VeUcTTARpA+FfyLcpc+T05bOemT2fny8EH8Vn4LPFh3htyOtB3jDSJj34IpEQ3HNboUdasWNDQifcA8BfPPkTe6YaWp0nF/IrhQHGW2D5HTO7O2zfTH3+gxip/NioTs9VwUXL7T3AbzTxHa3qSu1e4EZTfZl/QiC2c7UI5jZ/ET938pSH8Z8IPBwU0NopeLgB7h6Kvp0GVCOw72KAjKFA71sPKX7/9g+Js/AmNfj8/o28sqNVdSTVI93p08F3v/75zqw8W79vb0RVaCTrw6aNntrQwCtbzzDKosTRFMjp/WFqtpZUEGxsi6P8L09byvlyrrvUJ6/ZFJR/X32mbUmndlduWjbdnwnY2ZBHo8OIKIVDUJah62hi4aKdSoqZsWypN7d0w6nsAzb12tWrqZOl12+W/W7YyLFxDy/7U369cgFF85PUVevYahz8y/HS9ZGrbv7saR0sn5MfEzhinC2Dizcv5xHycyChG33pcskigbRkvXnDaurRjRuIeDdu4rnSgPQ/L196FHQg6FGs7266c82aTtDT1jU0CqzWoG2Ndf91wRo1g/0wo9b4VPtV+2iwl/fjvxq4f83CBZeYgx6njp8mb7jzou9FfPdwBBpffvyUx6XARoc/1umGwtrl034lryLH/YCEwly/XrrckYHsd+/YWY/u3EGI085rV6RD5+Bw7dqnoAvBjzifw3S3zdaNZL/dRnfz7XZup232DX4VtD6Cn+AzkqFgBq6unr/gwtCDuydN51fk76ocHS/nN25Y/WqMe1fzBRgEQHPEjqE0gIbkR1CKM/zYUukn9ItRVMHwLfuO1kaP2mlUivpAUpbb8f5wZS1eib+cs3/qlD9r8DU2NEccqhPVFos3SRGSKtb4hyJEcX6VZhArj8Y+edgVpHICKD9tt8ddsvuYpNLZfQGoyBiY2CzKm1chkFmHUGwbUityTs70kCCSE2DZZADRaSeo0heYTpdQ3vwIAv0+QagzEKTOQnnOzHzoXTMkrCJYy6q7Wb1GNPO6hLi6keVYaDeqpDDFGarGkqy3sLFRMXFPDjZjqYsD5A6BI4RneUk0sdlwM2w0iqxFEtuwhkTpCLHER0fzWQ+I0ogmcLVPgqkQmBZLrdvC1tMQmfGTE66J3y+HCdoZqUgFBd/Y1TCJTL92VqwoMRVQOUxzpYJTiZd1EHAIyXmskS4RmbCySY4ZpVPEsmRv1QbTIKLoGtgt4kVTI74qM2p4tulMzwFS4qPiUDFxCSSUSGJJKJd2ozFS1kgYmyN1snOnimh0brybVuw0G0WV9iF3xeYjFAg4LcEi4Q692C7TUI8omiJRZAN3M+4ikTLBlosAAAA=')  
7 - format('woff2'),  
8 - url('iconfont.woff?t=1618544337340') format('woff'),  
9 - url('iconfont.ttf?t=1618544337340') format('truetype'),  
10 - /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */  
11 - url('iconfont.svg?t=1618544337340#iconfont') format('svg'); /* iOS 4.1- */  
12 -}  
13 -  
14 -.iconfont {  
15 - font-family: 'iconfont' !important;  
16 - font-size: 16px;  
17 - font-style: normal;  
18 - -webkit-font-smoothing: antialiased;  
19 - -moz-osx-font-smoothing: grayscale;  
20 -}  
21 -  
22 -.icon-full-screen-hs:before {  
23 - content: '\e656';  
24 -}  
25 -  
26 -.icon-watch-hs:before {  
27 - content: '\e766';  
28 -}  
29 -  
30 -.icon-download-hs:before {  
31 - content: '\e6af';  
32 -}  
33 -  
34 -.icon-enlarge-hs:before {  
35 - content: '\e765';  
36 -}  
37 -  
38 -.icon-previous-hs:before {  
39 - content: '\e84c';  
40 -}  
41 -  
42 -.icon-zoom-out-hs:before {  
43 - content: '\e744';  
44 -}  
45 -  
46 -.icon-next-step-hs:before {  
47 - content: '\e84b';  
48 -}  
src/components/FlowChart/src/assets/iconfont/iconfont.eot deleted 100644 → 0
View file @2576735
No preview for this file type
src/components/FlowChart/src/assets/iconfont/iconfont.js deleted 100644 → 0
  View file @2576735
1 -!(function (c) {  
2 - var t,  
3 - e,  
4 - o,  
5 - a,  
6 - n,  
7 - l,  
8 - i =  
9 - '<svg><symbol id="icon-full-screen-hs" viewBox="0 0 1024 1024"><path d="M960.605 932.345v-240.231c0.045-7.2-2.723-14.445-8.213-19.98-11.115-11.047-29.002-11.047-40.071 0-5.535 5.535-8.303 12.757-8.303 19.98v171.923l-351.99-352.035 351.99-352.013v171.855c0 7.245 2.767 14.49 8.303 20.002 11.070 11.070 28.957 11.070 40.071 0 5.49-5.511 8.257-12.78 8.213-20.002v-240.187c0.045-7.223-2.723-14.468-8.213-20.003-5.58-5.511-12.803-8.279-20.025-8.302h-240.233c-7.222 0-14.467 2.79-19.98 8.302-11.115 11.049-11.115 28.957 0 40.050 5.511 5.535 12.735 8.302 19.98 8.279h171.9l-352.013 352.013-352.012-352.035h171.855c7.268 0.022 14.49-2.745 20.025-8.279 11.070-11.047 11.070-29.002 0-40.050-5.49-5.511-12.758-8.279-20.025-8.303h-240.187c-7.268 0-14.513 2.79-20.025 8.303-5.513 5.558-8.279 12.803-8.279 20.048v240.165c0 7.245 2.79 14.512 8.279 20.002 11.070 11.070 28.98 11.070 40.028 0 5.513-5.511 8.279-12.713 8.279-20.002v-171.855l352.058 352.012-352.035 352.035v-171.922c0-7.2-2.745-14.445-8.279-19.98-11.070-11.047-29.002-11.047-40.028 0-5.558 5.535-8.279 12.757-8.279 19.98v240.231c0 7.223 2.79 14.468 8.279 20.048 5.535 5.468 12.757 8.279 20.025 8.279h240.188c7.268 0 14.49-2.745 20.025-8.279 11.070-11.047 11.070-29.002 0-40.050-5.535-5.535-12.78-8.257-20.025-8.257h-171.877l352.012-352.035 352.013 352.035h-171.9c-7.222 0-14.467 2.768-19.98 8.257-11.115 11.049-11.115 29.002 0 40.050 5.511 5.468 12.735 8.279 19.98 8.279h240.255c7.2 0 14.445-2.813 20.025-8.279 5.467-5.602 8.19-12.825 8.19-20.048z" ></path></symbol><symbol id="icon-watch-hs" viewBox="0 0 1024 1024"><path d="M511.08 630.42c0.39-0.09 0.8-0.14 1.2-0.2h-0.52zM651 490.5c0 0.2-0.09 0.4-0.13 0.59s0 0.14 0 0.2c0.03-0.29 0.07-0.53 0.13-0.79zM471.17 630.42l-0.84-0.18h-0.31c0.38 0.03 0.77 0.1 1.15 0.18zM331.49 449v0.36c0.08-0.51 0.16-1 0.23-1.52-0.12 0.37-0.19 0.78-0.23 1.16zM468.88 630.1l1.14 0.11c-0.83-0.13-1.67-0.23-2.5-0.36a10 10 0 0 0 1.36 0.25zM331.57 492.78a11.92 11.92 0 0 0 0.24 1.36c-0.13-0.87-0.24-1.76-0.38-2.64 0.05 0.43 0.09 0.86 0.14 1.28zM331.25 490.5c0.07 0.33 0.13 0.66 0.18 1v-0.23zM331.25 450.58c0.05-0.26 0.1-0.5 0.15-0.73s0-0.34 0.05-0.51c-0.06 0.42-0.12 0.84-0.2 1.24zM650.84 491.41v-0.12c-0.07 0.41-0.13 0.83-0.19 1.24 0.09-0.4 0.15-0.8 0.19-1.12z" ></path><path d="M512 65C264.66 65 65 264.66 65 512s199.66 447 447 447 447-199.66 447-447S759.34 65 512 65z m213.38 684.87c-8.76 9.55-25 8.88-33.91 0l-12.3-12.3q-42.64-42.63-85.28-85.28a200 200 0 0 1-59.3 22.52 214 214 0 0 1-131.48-14.95c-37.52-16.92-69.56-46.36-90.86-81.46-22-36.33-32.73-80.15-29.4-122.54a213.12 213.12 0 0 1 48.3-119.42c54.37-66.3 150.16-92.22 230.58-62.43a214.42 214.42 0 0 1 100.68 77.16c24.62 34.5 37.4 77.11 37.56 119.37a235.67 235.67 0 0 1-2.92 34.06c-6.88 45.84-30.52 87.73-64.1 118.92l5.81 5.81L725.38 716c9.48 9.43 8.79 24.3 0 33.87z" ></path><path d="M635.31 542.1c1.2-2.36 2.34-4.74 3.44-7.15 0.28-0.61 0.54-1.22 0.81-1.83 1.5-3.86 3-7.72 4.25-11.67a183.83 183.83 0 0 0 6.56-26.9c0.11-0.66 0.2-1.34 0.29-2-0.35 1.85-0.91 3.8 0.21-1.44 0.24-2.18 0.45-4.37 0.61-6.56 0.35-4.66 0.51-9.32 0.52-14s-0.17-9.33-0.52-14q-0.26-3.45-0.64-6.88v-0.08c-1-6-0.2-1.67 0 0 0 0.31 0.11 0.63 0.17 1-0.16-0.89-0.27-1.8-0.41-2.7a182.65 182.65 0 0 0-6.6-27.62c-1.38-4.27-3-8.41-4.59-12.61-0.32-0.71-0.63-1.42-1-2.13-0.92-2-1.87-4-2.87-6a184.55 184.55 0 0 0-13.85-23.12c-1.11-1.58-7-8.66-1.71-2.52-1.42-1.65-2.72-3.42-4.12-5.09q-4.2-5-8.75-9.73c-6.1-6.32-12.78-11.79-19.44-17.49 6.14 5.26-0.94-0.6-2.52-1.71-1.79-1.26-3.6-2.48-5.43-3.68q-5.52-3.59-11.27-6.78-6.07-3.36-12.38-6.26c-0.75-0.35-1.51-0.68-2.26-1-1.64-0.62-3.25-1.3-4.9-1.9a181.3 181.3 0 0 0-27.13-7.74c-2.67-0.55-5.36-1-8.05-1.46-0.9-0.14-1.81-0.25-2.71-0.41l1 0.17c1.67 0.2 6 1 0 0H512q-6.56-0.75-13.15-1a188.34 188.34 0 0 0-28.4 1c-1.1 0.2-2.25 0.31-3.34 0.49-2.24 0.37-4.48 0.78-6.7 1.24q-6.63 1.35-13.14 3.18c-4.29 1.21-8.55 2.58-12.75 4.1-2 0.72-4 1.51-6 2.28l-1.84 0.82a185.92 185.92 0 0 0-24.25 13.32q-3.3 2.16-6.51 4.44c-0.74 0.53-3.82 2.89-3.93 2.93-0.71 0.57-1.41 1.14-2.1 1.72q-2.52 2.1-5 4.27a186.27 186.27 0 0 0-18.65 19.25c-1.32 1.58-6.2 9-2 2.31-1.16 1.83-2.62 3.53-3.86 5.3q-3.78 5.37-7.17 11T346.94 399q-1.5 3-2.89 5.95c-0.86 1.86-3.23 8.91-0.78 1.56-3 8.94-6.46 17.52-8.69 26.72q-1.68 6.94-2.82 14c0 0.21-0.05 0.42-0.08 0.62 0.29-1.51 0.67-2.55-0.28 2-0.2 1.77-0.38 3.54-0.53 5.32a188.09 188.09 0 0 0-0.11 29.36c0.17 2.25 0.41 4.49 0.65 6.74 0.8 3.86 0.63 3.81 0.4 2.87l0.06 0.41q1.06 6.38 2.56 12.66a200.32 200.32 0 0 0 8.27 26c0.46 1 0.89 2 1.35 3q1.4 3 2.89 6 3 5.86 6.39 11.53 3.56 5.89 7.54 11.54c1.13 1.59 2.44 3.11 3.49 4.76-4.09-6.45-0.21-0.31 1.12 1.3a185.34 185.34 0 0 0 19 19.82q2.92 2.63 5.95 5.13c1.62 1.33 7.76 5.22 1.31 1.12 3.49 2.22 6.72 4.91 10.18 7.19a184.79 184.79 0 0 0 23.59 13.12c1 0.48 2.06 0.93 3.09 1.4 2 0.76 3.94 1.54 5.92 2.26 4.2 1.52 8.46 2.89 12.75 4.1s8.72 2.29 13.14 3.18c2.22 0.46 4.46 0.87 6.7 1.24l0.41 0.06c-0.93-0.22-1-0.39 2.81 0.39a200.31 200.31 0 0 0 27.82 1q6.83-0.25 13.61-1c4.64-1 3.6-0.58 2.08-0.28l0.62-0.09c2-0.33 4-0.69 6-1.08a183.29 183.29 0 0 0 27.22-7.55c2.26-0.81 4.49-1.87 6.76-2.64 0.75-0.34 1.51-0.67 2.25-1q5.7-2.64 11.2-5.66c7.94-4.37 15-9.82 22.58-14.65-6.69 4.25 0.74-0.64 2.31-2s3.32-2.83 4.95-4.29q4.86-4.38 9.4-9.08 4.79-5 9.17-10.23c1.26-1.51 2.43-3.1 3.7-4.59-5.06 5.91-0.2 0.17 1-1.45a185.86 185.86 0 0 0 14.31-23.66z" ></path><path d="M512.68 630.18l1.16-0.19-1.56 0.23z" ></path></symbol><symbol id="icon-download-hs" viewBox="0 0 1024 1024"><path d="M200 834h632v88a8 8 0 0 1-8 8H192v-88a8 8 0 0 1 8-8z m239-262.037V185c0-13.255 10.745-24 24-24h104v401.473l141.997-137.148c9.534-9.209 24.728-8.945 33.936 0.59l0.004 0.003 72.205 74.799-304.959 294.546c-9.534 9.208-24.728 8.944-33.936-0.59l-0.003-0.004-71.859-74.44-0.063 0.062-205.587-212.927c-9.206-9.534-8.941-24.724 0.59-33.932l74.782-72.246L439 571.963z" ></path></symbol><symbol id="icon-enlarge-hs" viewBox="0 0 1024 1024"><path d="M945.159 867.61l-206.543-206.538c49.578-63.772 79.108-143.903 79.108-230.953 0-207.97-168.58-376.547-376.639-376.547-207.97 0-376.547 168.577-376.547 376.547 0 208.038 168.577 376.614 376.547 376.614 87.059 0 167.197-29.532 230.973-79.108l206.543 206.544c9.171 9.17 21.227 13.802 33.278 13.802s24.106-4.629 33.28-13.802c18.431-18.43 18.431-48.215 0-66.559v0zM158.701 430.119c0-155.737 126.65-282.39 282.39-282.39 155.826 0 282.477 126.65 282.477 282.39 0 155.805-126.65 282.458-282.477 282.458-155.739 0-282.39-126.65-282.39-282.458v0z" ></path><path d="M579.708 389.853h-98.352v-98.352c0-22.272-17.991-40.268-40.268-40.352-22.185 0.086-40.267 18.078-40.267 40.352v98.352h-98.352c-22.272 0-40.268 17.991-40.268 40.179 0 22.272 17.991 40.352 40.268 40.352h98.352v98.352c0 22.252 18.080 40.246 40.267 40.333 22.274-0.086 40.268-18.080 40.268-40.333v-98.352h98.352c22.272 0 40.355-18.079 40.267-40.352 0-22.187-17.991-40.179-40.267-40.179v0z" ></path></symbol><symbol id="icon-previous-hs" viewBox="0 0 1024 1024"><path d="M814.933333 482.133333C716.8 384 597.333333 328.533333 460.8 315.733333V128c0-17.066667-8.533333-34.133333-25.6-38.4-17.066667-8.533333-34.133333-4.266667-46.933333 8.533333L29.866667 473.6c-17.066667 17.066667-17.066667 42.666667 0 59.733333l358.4 392.533334c8.533333 8.533333 21.333333 12.8 34.133333 12.8 4.266667 0 8.533333 0 17.066667-4.266667 17.066667-4.266667 25.6-21.333333 25.6-38.4v-204.8c68.266667-8.533333 128-4.266667 192 12.8 76.8 21.333333 170.666667 93.866667 273.066666 213.333333 12.8 12.8 29.866667 21.333333 51.2 12.8 17.066667-8.533333 29.866667-25.6 25.6-42.666666-21.333333-162.133333-85.333333-298.666667-192-405.333334z" ></path></symbol><symbol id="icon-zoom-out-hs" viewBox="0 0 1024 1024"><path d="M951.643 877.547l-210.337-210.335c50.487-64.946 80.56-146.547 80.56-235.199 0-211.793-171.681-383.472-383.563-383.472-211.792 0-383.471 171.679-383.471 383.472 0 211.862 171.679 383.538 383.471 383.538 88.661 0 170.271-30.075 235.218-80.56l210.337 210.339c9.34 9.339 21.614 14.055 33.89 14.055s24.551-4.716 33.892-14.055c18.77-18.77 18.77-49.101 0-67.781v0zM150.725 432.011c0-158.601 128.978-287.58 287.58-287.58 158.691 0 287.671 128.978 287.671 287.58 0 158.668-128.978 287.651-287.671 287.651-158.601 0-287.58-128.978-287.58-287.651v0z" ></path><path d="M397.297 391.004h-100.16c-22.683 0-41.008 18.324-41.008 40.919 0 22.683 18.324 41.094 41.008 41.094h282.333c22.683 0 41.095-18.412 41.007-41.094 0-22.595-18.324-40.919-41.007-40.919v0h-182.173z" ></path></symbol><symbol id="icon-next-step-hs" viewBox="0 0 1024 1024"><path d="M209.066667 482.133333c98.133333-98.133333 213.333333-153.6 349.866666-166.4V128c0-17.066667 8.533333-34.133333 25.6-38.4 17.066667-8.533333 34.133333-4.266667 46.933334 8.533333l358.4 375.466667c17.066667 17.066667 17.066667 42.666667 0 59.733333l-358.4 392.533334c-8.533333 8.533333-21.333333 12.8-29.866667 12.8-4.266667 0-8.533333 0-17.066667-4.266667-17.066667-4.266667-25.6-21.333333-25.6-38.4v-204.8c-68.266667-8.533333-128-4.266667-192 12.8-76.8 21.333333-170.666667 93.866667-273.066666 213.333333-8.533333 17.066667-29.866667 21.333333-46.933334 12.8-17.066667-8.533333-29.866667-25.6-25.6-42.666666 17.066667-162.133333 81.066667-298.666667 187.733334-405.333334z" ></path></symbol></svg>',  
10 - s = (s = document.getElementsByTagName('script'))[s.length - 1].getAttribute('data-injectcss');  
11 - if (s && !c.__iconfont__svg__cssinject__) {  
12 - c.__iconfont__svg__cssinject__ = !0;  
13 - try {  
14 - document.write(  
15 - '<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>'  
16 - );  
17 - } catch (c) {  
18 - console && console.log(c);  
19 - }  
20 - }  
21 - function h() {  
22 - n || ((n = !0), o());  
23 - }  
24 - (t = function () {  
25 - var c, t, e, o;  
26 - ((o = document.createElement('div')).innerHTML = i),  
27 - (i = null),  
28 - (e = o.getElementsByTagName('svg')[0]) &&  
29 - (e.setAttribute('aria-hidden', 'true'),  
30 - (e.style.position = 'absolute'),  
31 - (e.style.width = 0),  
32 - (e.style.height = 0),  
33 - (e.style.overflow = 'hidden'),  
34 - (c = e),  
35 - (t = document.body).firstChild  
36 - ? ((o = c), (e = t.firstChild).parentNode.insertBefore(o, e))  
37 - : t.appendChild(c));  
38 - }),  
39 - document.addEventListener  
40 - ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState)  
41 - ? setTimeout(t, 0)  
42 - : ((e = function () {  
43 - document.removeEventListener('DOMContentLoaded', e, !1), t();  
44 - }),  
45 - document.addEventListener('DOMContentLoaded', e, !1))  
46 - : document.attachEvent &&  
47 - ((o = t),  
48 - (a = c.document),  
49 - (n = !1),  
50 - (l = function () {  
51 - try {  
52 - a.documentElement.doScroll('left');  
53 - } catch (c) {  
54 - return void setTimeout(l, 50);  
55 - }  
56 - h();  
57 - })(),  
58 - (a.onreadystatechange = function () {  
59 - 'complete' == a.readyState && ((a.onreadystatechange = null), h());  
60 - }));  
61 -})(window);  
src/components/FlowChart/src/assets/iconfont/iconfont.json deleted 100644 → 0
  View file @2576735
1 -{  
2 - "id": "2491438",  
3 - "name": "liu'c'tu",  
4 - "font_family": "iconfont",  
5 - "css_prefix_text": "icon-",  
6 - "description": "",  
7 - "glyphs": [  
8 - {  
9 - "icon_id": "755619",  
10 - "name": "自适应图标",  
11 - "font_class": "full-screen-hs",  
12 - "unicode": "e656",  
13 - "unicode_decimal": 58966  
14 - },  
15 - {  
16 - "icon_id": "14445801",  
17 - "name": "查看",  
18 - "font_class": "watch-hs",  
19 - "unicode": "e766",  
20 - "unicode_decimal": 59238  
21 - },  
22 - {  
23 - "icon_id": "9712640",  
24 - "name": "下载",  
25 - "font_class": "download-hs",  
26 - "unicode": "e6af",  
27 - "unicode_decimal": 59055  
28 - },  
29 - {  
30 - "icon_id": "1029099",  
31 - "name": "放大",  
32 - "font_class": "enlarge-hs",  
33 - "unicode": "e765",  
34 - "unicode_decimal": 59237  
35 - },  
36 - {  
37 - "icon_id": "20017362",  
38 - "name": "上一步",  
39 - "font_class": "previous-hs",  
40 - "unicode": "e84c",  
41 - "unicode_decimal": 59468  
42 - },  
43 - {  
44 - "icon_id": "1010015",  
45 - "name": "缩小",  
46 - "font_class": "zoom-out-hs",  
47 - "unicode": "e744",  
48 - "unicode_decimal": 59204  
49 - },  
50 - {  
51 - "icon_id": "20017363",  
52 - "name": "下一步",  
53 - "font_class": "next-step-hs",  
54 - "unicode": "e84b",  
55 - "unicode_decimal": 59467  
56 - }  
57 - ]  
58 -}  
src/components/FlowChart/src/assets/iconfont/iconfont.svg deleted 100644 → 0
  View file @2576735
1 -<?xml version="1.0" standalone="no"?>  
2 -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >  
3 -<!--  
4 -2013-9-30: Created.  
5 --->  
6 -<svg>  
7 -<metadata>  
8 -Created by iconfont  
9 -</metadata>  
10 -<defs>  
11 -  
12 -<font id="iconfont" horiz-adv-x="1024" >  
13 - <font-face  
14 - font-family="iconfont"  
15 - font-weight="500"  
16 - font-stretch="normal"  
17 - units-per-em="1024"  
18 - ascent="896"  
19 - descent="-128"  
20 - />  
21 - <missing-glyph />  
22 -  
23 - <glyph glyph-name="full-screen-hs" unicode="&#58966;" d="M960.605-36.34500000000003v240.231c0.045 7.2-2.723 14.445-8.213 19.98-11.115 11.047-29.002 11.047-40.071 0-5.535-5.535-8.303-12.757-8.303-19.98v-171.923l-351.99 352.035 351.99 352.013v-171.855c0-7.245 2.767-14.49 8.303-20.002 11.07-11.07 28.957-11.07 40.071 0 5.49 5.511 8.257 12.78 8.213 20.002v240.187c0.045 7.223-2.723 14.468-8.213 20.003-5.58 5.511-12.803 8.279-20.025 8.302h-240.233c-7.222 0-14.467-2.79-19.98-8.302-11.115-11.049-11.115-28.957 0-40.05 5.511-5.535 12.735-8.302 19.98-8.279h171.9l-352.013-352.013-352.012 352.035h171.855c7.268-0.022 14.49 2.745 20.025 8.279 11.07 11.047 11.07 29.002 0 40.05-5.49 5.511-12.758 8.279-20.025 8.303h-240.187c-7.268 0-14.513-2.79-20.025-8.303-5.513-5.558-8.279-12.803-8.279-20.048v-240.165c0-7.245 2.79-14.512 8.279-20.002 11.07-11.07 28.98-11.07 40.028 0 5.513 5.511 8.279 12.713 8.279 20.002v171.855l352.058-352.012-352.035-352.035v171.922c0 7.2-2.745 14.445-8.279 19.98-11.07 11.047-29.002 11.047-40.028 0-5.558-5.535-8.279-12.757-8.279-19.98v-240.231c0-7.223 2.79-14.468 8.279-20.048 5.535-5.468 12.757-8.279 20.025-8.279h240.188c7.268 0 14.49 2.745 20.025 8.279 11.07 11.047 11.07 29.002 0 40.05-5.535 5.535-12.78 8.257-20.025 8.257h-171.877l352.012 352.035 352.013-352.035h-171.9c-7.222 0-14.467-2.768-19.98-8.257-11.115-11.049-11.115-29.002 0-40.05 5.511-5.468 12.735-8.279 19.98-8.279h240.255c7.2 0 14.445 2.813 20.025 8.279 5.467 5.602 8.19 12.825 8.19 20.048z" horiz-adv-x="1024" />  
24 -  
25 -  
26 - <glyph glyph-name="watch-hs" unicode="&#59238;" d="M511.08 265.58000000000004c0.39 0.09 0.8 0.14 1.2 0.2h-0.52zM651 405.5c0-0.2-0.09-0.4-0.13-0.59s0-0.14 0-0.2c0.03 0.29 0.07 0.53 0.13 0.79zM471.17 265.58000000000004l-0.84 0.18h-0.31c0.38-0.03 0.77-0.1 1.15-0.18zM331.49 447v-0.36c0.08 0.51 0.16 1 0.23 1.52-0.12-0.37-0.19-0.78-0.23-1.16zM468.88 265.9l1.14-0.11c-0.83 0.13-1.67 0.23-2.5 0.36a10 10 0 0 1 1.36-0.25zM331.57 403.22a11.92 11.92 0 0 1 0.24-1.36c-0.13 0.87-0.24 1.76-0.38 2.64 0.05-0.43 0.09-0.86 0.14-1.28zM331.25 405.5c0.07-0.33 0.13-0.66 0.18-1v0.23zM331.25 445.42c0.05 0.26 0.1 0.5 0.15 0.73s0 0.34 0.05 0.51c-0.06-0.42-0.12-0.84-0.2-1.24zM650.84 404.59v0.12c-0.07-0.41-0.13-0.83-0.19-1.24 0.09 0.4 0.15 0.8 0.19 1.12zM512 831C264.66 831 65 631.3399999999999 65 384s199.66-447 447-447 447 199.66 447 447S759.34 831 512 831z m213.38-684.87c-8.76-9.55-25-8.88-33.91 0l-12.3 12.3q-42.64 42.63-85.28 85.28a200 200 0 0 0-59.3-22.52 214 214 0 0 0-131.48 14.95c-37.52 16.92-69.56 46.36-90.86 81.46-22 36.33-32.73 80.15-29.4 122.54a213.12 213.12 0 0 0 48.3 119.42c54.37 66.3 150.16 92.22 230.58 62.43a214.42 214.42 0 0 0 100.68-77.16c24.62-34.5 37.4-77.11 37.56-119.37a235.67 235.67 0 0 0-2.92-34.06c-6.88-45.84-30.52-87.73-64.1-118.92l5.81-5.81L725.38 180c9.48-9.43 8.79-24.3 0-33.87zM635.31 353.9c1.2 2.36 2.34 4.74 3.44 7.15 0.28 0.61 0.54 1.22 0.81 1.83 1.5 3.86 3 7.72 4.25 11.67a183.83 183.83 0 0 1 6.56 26.9c0.11 0.66 0.2 1.34 0.29 2-0.35-1.85-0.91-3.8 0.21 1.44 0.24 2.18 0.45 4.37 0.61 6.56 0.35 4.66 0.51 9.32 0.52 14s-0.17 9.33-0.52 14q-0.26 3.45-0.64 6.88v0.08c-1 6-0.2 1.67 0 0 0-0.31 0.11-0.63 0.17-1-0.16 0.89-0.27 1.8-0.41 2.7a182.65 182.65 0 0 1-6.6 27.62c-1.38 4.27-3 8.41-4.59 12.61-0.32 0.71-0.63 1.42-1 2.13-0.92 2-1.87 4-2.87 6a184.55 184.55 0 0 1-13.85 23.12c-1.11 1.58-7 8.66-1.71 2.52-1.42 1.65-2.72 3.42-4.12 5.09q-4.2 5-8.75 9.73c-6.1 6.32-12.78 11.79-19.44 17.49 6.14-5.26-0.94 0.6-2.52 1.71-1.79 1.26-3.6 2.48-5.43 3.68q-5.52 3.59-11.27 6.78-6.07 3.36-12.38 6.26c-0.75 0.35-1.51 0.68-2.26 1-1.64 0.62-3.25 1.3-4.9 1.9a181.3 181.3 0 0 1-27.13 7.74c-2.67 0.55-5.36 1-8.05 1.46-0.9 0.14-1.81 0.25-2.71 0.41l1-0.17c1.67-0.2 6-1 0 0H512q-6.56 0.75-13.15 1a188.34 188.34 0 0 1-28.4-1c-1.1-0.2-2.25-0.31-3.34-0.49-2.24-0.37-4.48-0.78-6.7-1.24q-6.63-1.35-13.14-3.18c-4.29-1.21-8.55-2.58-12.75-4.1-2-0.72-4-1.51-6-2.28l-1.84-0.82a185.92 185.92 0 0 1-24.25-13.32q-3.3-2.16-6.51-4.44c-0.74-0.53-3.82-2.89-3.93-2.93-0.71-0.57-1.41-1.14-2.1-1.72q-2.52-2.1-5-4.27a186.27 186.27 0 0 1-18.65-19.25c-1.32-1.58-6.2-9-2-2.31-1.16-1.83-2.62-3.53-3.86-5.3q-3.78-5.37-7.17-11T346.94 497q-1.5-3-2.89-5.95c-0.86-1.86-3.23-8.91-0.78-1.56-3-8.94-6.46-17.52-8.69-26.72q-1.68-6.94-2.82-14c0-0.21-0.05-0.42-0.08-0.62 0.29 1.51 0.67 2.55-0.28-2-0.2-1.77-0.38-3.54-0.53-5.32a188.09 188.09 0 0 1-0.11-29.36c0.17-2.25 0.41-4.49 0.65-6.74 0.8-3.86 0.63-3.81 0.4-2.87l0.06-0.41q1.06-6.38 2.56-12.66a200.32 200.32 0 0 1 8.27-26c0.46-1 0.89-2 1.35-3q1.4-3 2.89-6 3-5.86 6.39-11.53 3.56-5.89 7.54-11.54c1.13-1.59 2.44-3.11 3.49-4.76-4.09 6.45-0.21 0.31 1.12-1.3a185.34 185.34 0 0 1 19-19.82q2.92-2.63 5.95-5.13c1.62-1.33 7.76-5.22 1.31-1.12 3.49-2.22 6.72-4.91 10.18-7.19a184.79 184.79 0 0 1 23.59-13.12c1-0.48 2.06-0.93 3.09-1.4 2-0.76 3.94-1.54 5.92-2.26 4.2-1.52 8.46-2.89 12.75-4.1s8.72-2.29 13.14-3.18c2.22-0.46 4.46-0.87 6.7-1.24l0.41-0.06c-0.93 0.22-1 0.39 2.81-0.39a200.31 200.31 0 0 1 27.82-1q6.83 0.25 13.61 1c4.64 1 3.6 0.58 2.08 0.28l0.62 0.09c2 0.33 4 0.69 6 1.08a183.29 183.29 0 0 1 27.22 7.55c2.26 0.81 4.49 1.87 6.76 2.64 0.75 0.34 1.51 0.67 2.25 1q5.7 2.64 11.2 5.66c7.94 4.37 15 9.82 22.58 14.65-6.69-4.25 0.74 0.64 2.31 2s3.32 2.83 4.95 4.29q4.86 4.38 9.4 9.08 4.79 5 9.17 10.23c1.26 1.51 2.43 3.1 3.7 4.59-5.06-5.91-0.2-0.17 1 1.45a185.86 185.86 0 0 1 14.31 23.66zM512.68 265.82000000000005l1.16 0.19-1.56-0.23z" horiz-adv-x="1024" />  
27 -  
28 -  
29 - <glyph glyph-name="download-hs" unicode="&#59055;" d="M200 62h632v-88a8 8 0 0 0-8-8H192v88a8 8 0 0 0 8 8z m239 262.037V711c0 13.255 10.745 24 24 24h104v-401.473l141.997 137.148c9.534 9.209 24.728 8.945 33.936-0.59l0.004-0.003 72.205-74.799-304.959-294.546c-9.534-9.208-24.728-8.944-33.936 0.59l-0.003 0.004-71.859 74.44-0.063-0.062-205.587 212.927c-9.206 9.534-8.941 24.724 0.59 33.932l74.782 72.246L439 324.03700000000003z" horiz-adv-x="1024" />  
30 -  
31 -  
32 - <glyph glyph-name="enlarge-hs" unicode="&#59237;" d="M945.159 28.389999999999986l-206.543 206.538c49.578 63.772 79.108 143.903 79.108 230.953 0 207.97-168.58 376.547-376.639 376.547-207.97 0-376.547-168.577-376.547-376.547 0-208.038 168.577-376.614 376.547-376.614 87.059 0 167.197 29.532 230.973 79.108l206.543-206.544c9.171-9.17 21.227-13.802 33.278-13.802s24.106 4.629 33.28 13.802c18.431 18.43 18.431 48.215 0 66.559v0zM158.701 465.881c0 155.737 126.65 282.39 282.39 282.39 155.826 0 282.477-126.65 282.477-282.39 0-155.805-126.65-282.458-282.477-282.458-155.739 0-282.39 126.65-282.39 282.458v0zM579.708 506.147h-98.352v98.352c0 22.272-17.991 40.268-40.268 40.352-22.185-0.086-40.267-18.078-40.267-40.352v-98.352h-98.352c-22.272 0-40.268-17.991-40.268-40.179 0-22.272 17.991-40.352 40.268-40.352h98.352v-98.352c0-22.252 18.08-40.246 40.267-40.333 22.274 0.086 40.268 18.08 40.268 40.333v98.352h98.352c22.272 0 40.355 18.079 40.267 40.352 0 22.187-17.991 40.179-40.267 40.179v0z" horiz-adv-x="1024" />  
33 -  
34 -  
35 - <glyph glyph-name="previous-hs" unicode="&#59468;" d="M814.933333 413.866667C716.8 512 597.333333 567.4666669999999 460.8 580.266667V768c0 17.066667-8.533333 34.133333-25.6 38.4-17.066667 8.533333-34.133333 4.266667-46.933333-8.533333L29.866667 422.4c-17.066667-17.066667-17.066667-42.666667 0-59.733333l358.4-392.533334c8.533333-8.533333 21.333333-12.8 34.133333-12.8 4.266667 0 8.533333 0 17.066667 4.266667 17.066667 4.266667 25.6 21.333333 25.6 38.4v204.8c68.266667 8.533333 128 4.266667 192-12.8 76.8-21.333333 170.666667-93.866667 273.066666-213.333333 12.8-12.8 29.866667-21.333333 51.2-12.8 17.066667 8.533333 29.866667 25.6 25.6 42.666666-21.333333 162.133333-85.333333 298.666667-192 405.333334z" horiz-adv-x="1024" />  
36 -  
37 -  
38 - <glyph glyph-name="zoom-out-hs" unicode="&#59204;" d="M951.643 18.452999999999975l-210.337 210.335c50.487 64.946 80.56 146.547 80.56 235.199 0 211.793-171.681 383.472-383.563 383.472-211.792 0-383.471-171.679-383.471-383.472 0-211.862 171.679-383.538 383.471-383.538 88.661 0 170.271 30.075 235.218 80.56l210.337-210.339c9.34-9.339 21.614-14.055 33.89-14.055s24.551 4.716 33.892 14.055c18.77 18.77 18.77 49.101 0 67.781v0zM150.725 463.989c0 158.601 128.978 287.58 287.58 287.58 158.691 0 287.671-128.978 287.671-287.58 0-158.668-128.978-287.651-287.671-287.651-158.601 0-287.58 128.978-287.58 287.651v0zM397.297 504.996h-100.16c-22.683 0-41.008-18.324-41.008-40.919 0-22.683 18.324-41.094 41.008-41.094h282.333c22.683 0 41.095 18.412 41.007 41.094 0 22.595-18.324 40.919-41.007 40.919v0h-182.173z" horiz-adv-x="1024" />  
39 -  
40 -  
41 - <glyph glyph-name="next-step-hs" unicode="&#59467;" d="M209.066667 413.866667c98.133333 98.133333 213.333333 153.6 349.866666 166.4V768c0 17.066667 8.533333 34.133333 25.6 38.4 17.066667 8.533333 34.133333 4.266667 46.933334-8.533333l358.4-375.466667c17.066667-17.066667 17.066667-42.666667 0-59.733333l-358.4-392.533334c-8.533333-8.533333-21.333333-12.8-29.866667-12.8-4.266667 0-8.533333 0-17.066667 4.266667-17.066667 4.266667-25.6 21.333333-25.6 38.4v204.8c-68.266667 8.533333-128 4.266667-192-12.8-76.8-21.333333-170.666667-93.866667-273.066666-213.333333-8.533333-17.066667-29.866667-21.333333-46.933334-12.8-17.066667 8.533333-29.866667 25.6-25.6 42.666666 17.066667 162.133333 81.066667 298.666667 187.733334 405.333334z" horiz-adv-x="1024" />  
42 -  
43 -  
44 -  
45 -  
46 - </font>  
47 -</defs></svg>  
src/components/FlowChart/src/assets/iconfont/iconfont.ttf deleted 100644 → 0
View file @2576735
No preview for this file type
src/components/FlowChart/src/assets/iconfont/iconfont.woff deleted 100644 → 0
View file @2576735
No preview for this file type
src/components/FlowChart/src/assets/iconfont/iconfont.woff2 deleted 100644 → 0
View file @2576735
No preview for this file type
src/components/FlowChart/src/enum.ts 0 → 100644
  View file @e1bc33f
  1 +export enum ToolbarTypeEnum {
  2 + ZOOM_IN = 'zoomIn',
  3 + ZOOM_OUT = 'zoomOut',
  4 + RESET_ZOOM = 'resetZoom',
  5 +
  6 + UNDO = 'undo',
  7 + REDO = 'redo',
  8 +
  9 + SNAPSHOT = 'snapshot',
  10 + VIEW_DATA = 'viewData',
  11 +}
src/components/FlowChart/src/index.vue 0 → 100644
  View file @e1bc33f
  1 +<template>
  2 + <div class="h-full" :class="prefixCls">
  3 + <FlowChartToolbar :prefixCls="prefixCls" v-if="toolbar" />
  4 + <div ref="lfElRef" class="h-full"></div>
  5 + </div>
  6 +</template>
  7 +<script lang="ts">
  8 + import type { Definition } from '@logicflow/core';
  9 +
  10 + import { defineComponent, ref, onMounted, unref, nextTick, computed, watch } from 'vue';
  11 +
  12 + import FlowChartToolbar from './FlowChartToolbar.vue';
  13 + import LogicFlow from '@logicflow/core';
  14 + import { Snapshot, BpmnElement, Menu, DndPanel } from '@logicflow/extension';
  15 +
  16 + import { useDesign } from '/@/hooks/web/useDesign';
  17 + import { createFlowChartContext } from './useFlowContext';
  18 +
  19 + import { toLogicFlowData } from './adpterForTurbo';
  20 +
  21 + import '@logicflow/core/dist/style/index.css';
  22 + import '@logicflow/extension/lib/style/index.css';
  23 + export default defineComponent({
  24 + name: 'FlowChart',
  25 + components: { FlowChartToolbar },
  26 + props: {
  27 + flowOptions: {
  28 + type: Object as PropType<Definition>,
  29 + default: () => {},
  30 + },
  31 +
  32 + data: {
  33 + type: Object as PropType<any>,
  34 + default: () => {},
  35 + },
  36 +
  37 + toolbar: {
  38 + type: Boolean,
  39 + default: true,
  40 + },
  41 + },
  42 + setup(props) {
  43 + const lfElRef = ref<ElRef>(null);
  44 +
  45 + const lfInstance = ref<Nullable<LogicFlow>>(null);
  46 +
  47 + const { prefixCls } = useDesign('flow-chart');
  48 + createFlowChartContext({
  49 + logicFlow: (lfInstance as unknown) as LogicFlow,
  50 + });
  51 +
  52 + const getFlowOptions = computed(() => {
  53 + const { flowOptions } = props;
  54 +
  55 + const defaultOptions: Partial<Definition> = {
  56 + grid: true,
  57 + background: {
  58 + color: '#f7f9ff',
  59 + },
  60 + keyboard: {
  61 + enabled: true,
  62 + },
  63 + ...flowOptions,
  64 + };
  65 + return defaultOptions as Definition;
  66 + });
  67 +
  68 + watch(
  69 + () => props.data,
  70 + () => {
  71 + onRender();
  72 + }
  73 + );
  74 +
  75 + watch(
  76 + () => props.flowOptions,
  77 + (options) => {
  78 + unref(lfInstance)?.updateEditConfig(options);
  79 + }
  80 + );
  81 +
  82 + // init logicFlow
  83 + async function init() {
  84 + await nextTick();
  85 +
  86 + const lfEl = unref(lfElRef);
  87 + if (!lfEl) {
  88 + return;
  89 + }
  90 +
  91 + // Canvas configuration
  92 + LogicFlow.use(Snapshot);
  93 + // Use the bpmn plug-in to introduce bpmn elements, which can be used after conversion in turbo
  94 + LogicFlow.use(BpmnElement);
  95 + // Start the right-click menu
  96 + LogicFlow.use(Menu);
  97 + LogicFlow.use(DndPanel);
  98 + lfInstance.value = new LogicFlow({
  99 + ...unref(getFlowOptions),
  100 + container: lfEl,
  101 + });
  102 + unref(lfInstance)?.setDefaultEdgeType('line');
  103 + onRender();
  104 + }
  105 +
  106 + async function onRender() {
  107 + await nextTick();
  108 + const lf = unref(lfInstance);
  109 + if (!lf) {
  110 + return;
  111 + }
  112 + const lFData = toLogicFlowData(props.data);
  113 + lf.render(lFData);
  114 + }
  115 +
  116 + onMounted(init);
  117 +
  118 + return {
  119 + prefixCls,
  120 + lfElRef,
  121 + };
  122 + },
  123 + });
  124 +</script>
src/components/FlowChart/src/types.ts 0 → 100644
  View file @e1bc33f
  1 +import { NodeConfig } from '@logicflow/core';
  2 +import { ToolbarTypeEnum } from './enum';
  3 +
  4 +export interface NodeItem extends NodeConfig {
  5 + icon: string;
  6 +}
  7 +
  8 +export interface ToolbarConfig {
  9 + type?: string | ToolbarTypeEnum;
  10 + tooltip?: string | boolean;
  11 + icon?: string;
  12 + disabled?: boolean;
  13 + separate?: boolean;
  14 +}
src/components/FlowChart/src/useFlowContext.ts 0 → 100644
  View file @e1bc33f
  1 +import type LogicFlow from '@logicflow/core';
  2 +
  3 +import { provide, inject } from 'vue';
  4 +
  5 +const key = Symbol('flow-chart');
  6 +
  7 +type Instance = {
  8 + logicFlow: LogicFlow;
  9 +};
  10 +
  11 +export function createFlowChartContext(instance: Instance) {
  12 + provide(key, instance);
  13 +}
  14 +
  15 +export function useFlowChartContext(): Instance {
  16 + return inject(key) as Instance;
  17 +}
src/components/Table/src/BasicTable.vue
  View file @e1bc33f
@@ -298,27 +298,13 @@ @@ -298,27 +298,13 @@
298 298
299 @prefix-cls: ~'@{namespace}-basic-table'; 299 @prefix-cls: ~'@{namespace}-basic-table';
300 300
301 - html[data-theme='light'] {  
302 - .@{prefix-cls} {  
303 - &-row__striped {  
304 - td {  
305 - background-color: #fafafa;  
306 - }  
307 - }  
308 - }  
309 - }  
310 -  
311 - html[data-theme='dark'] {  
312 - .@{prefix-cls} {  
313 - &-row__striped {  
314 - td {  
315 - background-color: rgb(255 255 255 / 4%);  
316 - } 301 + .@{prefix-cls} {
  302 + &-row__striped {
  303 + td {
  304 + background-color: content-background;
317 } 305 }
318 } 306 }
319 - }  
320 307
321 - .@{prefix-cls} {  
322 &-form-container { 308 &-form-container {
323 padding: 16px; 309 padding: 16px;
324 310
src/components/Tinymce/src/tinymce.ts
  View file @e1bc33f
@@ -25,7 +25,7 @@ import &#39;tinymce/plugins/save&#39;; @@ -25,7 +25,7 @@ import &#39;tinymce/plugins/save&#39;;
25 import 'tinymce/plugins/searchreplace'; 25 import 'tinymce/plugins/searchreplace';
26 import 'tinymce/plugins/spellchecker'; 26 import 'tinymce/plugins/spellchecker';
27 import 'tinymce/plugins/tabfocus'; 27 import 'tinymce/plugins/tabfocus';
28 -import 'tinymce/plugins/table'; 28 +// import 'tinymce/plugins/table';
29 import 'tinymce/plugins/template'; 29 import 'tinymce/plugins/template';
30 import 'tinymce/plugins/textpattern'; 30 import 'tinymce/plugins/textpattern';
31 import 'tinymce/plugins/visualblocks'; 31 import 'tinymce/plugins/visualblocks';
@@ -38,12 +38,12 @@ import &#39;tinymce/plugins/wordcount&#39;; @@ -38,12 +38,12 @@ import &#39;tinymce/plugins/wordcount&#39;;
38 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration 38 // colorpicker/contextmenu/textcolor plugin is now built in to the core editor, please remove it from your editor configuration
39 39
40 export const plugins = [ 40 export const plugins = [
41 - 'advlist anchor autolink autosave code codesample directionality fullscreen hr insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textpattern visualblocks visualchars wordcount', 41 + 'advlist anchor autolink autosave code codesample directionality fullscreen hr insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus template textpattern visualblocks visualchars wordcount',
42 ]; 42 ];
43 43
44 export const toolbar = [ 44 export const toolbar = [
45 'fontsizeselect lineheight searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample', 45 'fontsizeselect lineheight searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample',
46 - 'hr bullist numlist link preview anchor pagebreak insertdatetime media table forecolor backcolor fullscreen', 46 + 'hr bullist numlist link preview anchor pagebreak insertdatetime media forecolor backcolor fullscreen',
47 ]; 47 ];
48 48
49 export { tinymce }; 49 export { tinymce };
src/locales/lang/en/routes/demo/comp.ts
  View file @e1bc33f
@@ -35,5 +35,4 @@ export default { @@ -35,5 +35,4 @@ export default {
35 35
36 time: 'Relative Time', 36 time: 'Relative Time',
37 cropperImage: 'Cropper Image', 37 cropperImage: 'Cropper Image',
38 - flowChart: 'Flow Chart',  
39 }; 38 };
src/locales/lang/en/routes/demo/flow.ts 0 → 100644
  View file @e1bc33f
  1 +export default {
  2 + name: 'Graphics editor',
  3 + flowChart: 'FlowChart',
  4 +};
src/locales/lang/zh_CN/routes/demo/comp.ts
  View file @e1bc33f
@@ -34,5 +34,4 @@ export default { @@ -34,5 +34,4 @@ export default {
34 34
35 time: '相对时间', 35 time: '相对时间',
36 cropperImage: '图片裁剪', 36 cropperImage: '图片裁剪',
37 - flowChart: '流程图',  
38 }; 37 };
src/locales/lang/zh_CN/routes/demo/flow.ts 0 → 100644
  View file @e1bc33f
  1 +export default {
  2 + name: '图形编辑器',
  3 + flowChart: '流程图',
  4 +};
src/router/menus/modules/demo/comp.ts
  View file @e1bc33f
@@ -124,13 +124,6 @@ const menu: MenuModule = { @@ -124,13 +124,6 @@ const menu: MenuModule = {
124 }, 124 },
125 }, 125 },
126 { 126 {
127 - path: 'flowChart',  
128 - name: t('routes.demo.comp.flowChart'),  
129 - tag: {  
130 - content: 'new',  
131 - },  
132 - },  
133 - {  
134 path: 'countTo', 127 path: 'countTo',
135 name: t('routes.demo.comp.countTo'), 128 name: t('routes.demo.comp.countTo'),
136 }, 129 },
src/router/menus/modules/demo/flow.ts 0 → 100644
  View file @e1bc33f
  1 +import type { MenuModule } from '/@/router/types';
  2 +import { t } from '/@/hooks/web/useI18n';
  3 +
  4 +const menu: MenuModule = {
  5 + orderNo: 5000,
  6 + menu: {
  7 + name: t('routes.demo.flow.name'),
  8 + path: '/flow',
  9 +
  10 + children: [
  11 + {
  12 + path: 'flowChart',
  13 + name: t('routes.demo.flow.flowChart'),
  14 + },
  15 + ],
  16 + },
  17 +};
  18 +export default menu;
src/router/routes/modules/demo/comp.ts
  View file @e1bc33f
@@ -240,14 +240,7 @@ const comp: AppRouteModule = { @@ -240,14 +240,7 @@ const comp: AppRouteModule = {
240 title: t('routes.demo.comp.cropperImage'), 240 title: t('routes.demo.comp.cropperImage'),
241 }, 241 },
242 }, 242 },
243 - {  
244 - path: 'flowChart',  
245 - name: 'flowChartDemo',  
246 - component: () => import('/@/views/demo/comp/flow-chart/index.vue'),  
247 - meta: {  
248 - title: t('routes.demo.comp.flowChart'),  
249 - },  
250 - }, 243 +
251 { 244 {
252 path: 'timestamp', 245 path: 'timestamp',
253 name: 'TimeDemo', 246 name: 'TimeDemo',
src/router/routes/modules/demo/flow.ts 0 → 100644
  View file @e1bc33f
  1 +import type { AppRouteModule } from '/@/router/types';
  2 +
  3 +import { LAYOUT } from '/@/router/constant';
  4 +import { t } from '/@/hooks/web/useI18n';
  5 +
  6 +const charts: AppRouteModule = {
  7 + path: '/flow',
  8 + name: 'FlowDemo',
  9 + component: LAYOUT,
  10 + redirect: '/flow/flowChart',
  11 + meta: {
  12 + icon: 'tabler:chart-dots',
  13 + title: t('routes.demo.flow.name'),
  14 + },
  15 + children: [
  16 + {
  17 + path: 'flowChart',
  18 + name: 'flowChartDemo',
  19 + component: () => import('/@/views/demo/comp/flow-chart/index.vue'),
  20 + meta: {
  21 + title: t('routes.demo.flow.flowChart'),
  22 + },
  23 + },
  24 + ],
  25 +};
  26 +
  27 +export default charts;
src/views/demo/comp/flow-chart/index.vue
  View file @e1bc33f
1 <template> 1 <template>
2 - <div class="logic-flow-view">  
3 - <!-- 辅助工具栏 -->  
4 - <Control class="demo-control" v-if="lf" :lf="lf" :catTurboData="false" @catData="catData" />  
5 - <!-- 节点面板 -->  
6 - <NodePanel :lf="lf" :nodeList="nodeList" />  
7 - <!-- 画布 -->  
8 - <div id="LF-Turbo"></div>  
9 - <!-- 数据查看面板 -->  
10 - <BasicModal @register="register" title="数据">  
11 - <DataDialog :graphData="graphData" />  
12 - </BasicModal>  
13 - </div> 2 + <PageWrapper
  3 + title="流程图"
  4 + content="简单流程图示例,具体功能需要自己完善"
  5 + contentFullHeight
  6 + fixedHeight
  7 + >
  8 + <FlowChart :data="demoData" />
  9 + </PageWrapper>
14 </template> 10 </template>
15 11
16 <script lang="ts"> 12 <script lang="ts">
17 - import { ref, unref, onMounted } from 'vue';  
18 - import LogicFlow from '@logicflow/core';  
19 - import { Snapshot, BpmnElement, Menu } from '@logicflow/extension';  
20 - import '@logicflow/core/dist/style/index.css';  
21 - import '@logicflow/extension/lib/style/index.css';  
22 - import { Control, NodePanel, DataDialog } from '/@/components/FlowChart'; 13 + import { FlowChart } from '/@/components/FlowChart';
  14 + import { PageWrapper } from '/@/components/Page';
23 15
24 - import { toLogicflowData } from '/@/components/FlowChart/src/adpterForTurbo';  
25 - import { BpmnNode } from '/@/components/FlowChart/src/config';  
26 import demoData from './dataTurbo.json'; 16 import demoData from './dataTurbo.json';
27 -  
28 - import { BasicModal, useModal } from '/@/components/Modal';  
29 export default { 17 export default {
30 - components: { NodePanel, Control, DataDialog, BasicModal }, 18 + components: { FlowChart, PageWrapper },
31 setup() { 19 setup() {
32 - let lf = ref(null);  
33 - let graphData = ref(null);  
34 - let config = ref({  
35 - grid: true,  
36 - background: {  
37 - color: '#f7f9ff',  
38 - },  
39 - keyboard: {  
40 - enabled: true,  
41 - },  
42 - });  
43 - let nodeList = BpmnNode;  
44 -  
45 - const [register, { openModal }] = useModal();  
46 -  
47 - function initLf() {  
48 - // 画布配置  
49 - LogicFlow.use(Snapshot);  
50 - // 使用bpmn插件，引入bpmn元素，这些元素可以在turbo中转换后使用  
51 - LogicFlow.use(BpmnElement);  
52 - // 启动右键菜单  
53 - LogicFlow.use(Menu);  
54 - const domLf = new LogicFlow({  
55 - ...unref(config),  
56 - container: document.querySelector('#LF-Turbo'),  
57 - });  
58 - lf.value = domLf;  
59 - // 设置边类型bpmn:sequenceFlow为默认类型  
60 - unref(lf).setDefaultEdgeType('bpmn:sequenceFlow');  
61 - onRender();  
62 - }  
63 -  
64 - function onRender() {  
65 - // Turbo数据转换为LogicFlow内部识别的数据结构  
66 - const lFData = toLogicflowData(demoData);  
67 - lf.value.render(lFData);  
68 - }  
69 -  
70 - function catData() {  
71 - graphData.value = unref(lf).getGraphData();  
72 - openModal();  
73 - }  
74 -  
75 - onMounted(() => {  
76 - initLf();  
77 - });  
78 -  
79 - return {  
80 - lf,  
81 - graphData,  
82 - config,  
83 - nodeList,  
84 - catData,  
85 - register,  
86 - openModal,  
87 - }; 20 + return { demoData };
88 }, 21 },
89 }; 22 };
90 </script> 23 </script>
91 -  
92 -<style scoped>  
93 - #LF-Turbo {  
94 - width: 100vw;  
95 - height: 85%;  
96 - outline: none;  
97 - }  
98 -  
99 - .logic-flow-view {  
100 - position: relative;  
101 - height: 100%;  
102 - }  
103 -  
104 - .demo-title {  
105 - margin: 20px;  
106 - text-align: center;  
107 - }  
108 -  
109 - .demo-control {  
110 - position: absolute;  
111 - top: 10px;  
112 - right: 20px;  
113 - z-index: 2;  
114 - }  
115 -  
116 - .time-plus {  
117 - cursor: pointer;  
118 - }  
119 -  
120 - .add-panel {  
121 - position: absolute;  
122 - z-index: 11;  
123 - padding: 10px 5px;  
124 - background-color: white;  
125 - }  
126 -  
127 - .el-drawer__body {  
128 - z-index: 3;  
129 - height: 80%;  
130 - margin-top: -30px;  
131 - overflow: auto;  
132 - }  
133 -</style>  
yarn.lock
  View file @e1bc33f
@@ -7719,17 +7719,17 @@ rollup-plugin-terser@^7.0.0: @@ -7719,17 +7719,17 @@ rollup-plugin-terser@^7.0.0:
7719 serialize-javascript "^4.0.0" 7719 serialize-javascript "^4.0.0"
7720 terser "^5.0.0" 7720 terser "^5.0.0"
7721 7721
7722 -rollup-plugin-visualizer@5.3.6:  
7723 - version "5.3.6"  
7724 - resolved "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.3.6.tgz#df6317b242f4aa58b6a03261335dbc64ea6fe0df"  
7725 - integrity sha512-USIyYkzRuvIJZyUoFWSvejy/c8F9jm9mHbyB+01oE7m0Vc0Ll67HlZgRsY59IqU/j/qF1adPsXKSDkEXS6tzfg== 7722 +rollup-plugin-visualizer@5.3.4:
  7723 + version "5.3.4"
  7724 + resolved "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.3.4.tgz#216300acca6e31b139be92eed98280c5662a5818"
  7725 + integrity sha512-n3wYwKrZ3nhYJj8apzFuxmiu4y+ygDNJYLqQCOxludg3Pnhkql9WYc8iupgsMI+jGREA0dFsfDlzDAKcmXZIMQ==
7726 dependencies: 7726 dependencies:
7727 nanoid "^3.1.22" 7727 nanoid "^3.1.22"
7728 open "^7.4.2" 7728 open "^7.4.2"
7729 source-map "^0.7.3" 7729 source-map "^0.7.3"
7730 yargs "^16.2.0" 7730 yargs "^16.2.0"
7731 7731
7732 -rollup@^2.25.0, rollup@^2.38.5, rollup@^2.44.0, rollup@^2.45.2: 7732 +rollup@^2.25.0, rollup@^2.38.5, rollup@^2.44.0:
7733 version "2.45.2" 7733 version "2.45.2"
7734 resolved "https://registry.npmjs.org/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48" 7734 resolved "https://registry.npmjs.org/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48"
7735 integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ== 7735 integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ==