| | |
| | | props: { |
| | | prefixCls: String, |
| | | }, |
| | | emits: ['view-data'], |
| | | emits: ['view-data', 'save-data', 'addlf', 'undo', 'redo'], |
| | | setup(_, { emit }) { |
| | | const toolbarItemList = ref<ToolbarConfig[]>([ |
| | | { |
| | | type: ToolbarTypeEnum.ADD, |
| | | icon: 'ion:add-outline', |
| | | tooltip: '新增流程', |
| | | }, |
| | | { |
| | | type: ToolbarTypeEnum.ZOOM_IN, |
| | | icon: 'codicon:zoom-out', |
| | |
| | | tooltip: '下载', |
| | | }, |
| | | { |
| | | type: ToolbarTypeEnum.SAVE_DATA, |
| | | icon: 'ion:save-outline', |
| | | tooltip: '保存', |
| | | }, |
| | | { |
| | | type: ToolbarTypeEnum.VIEW_DATA, |
| | | icon: 'carbon:document-view', |
| | | tooltip: '查看数据', |
| | |
| | | return; |
| | | } |
| | | switch (item.type) { |
| | | case ToolbarTypeEnum.ADD: |
| | | emit('addlf'); |
| | | break; |
| | | case ToolbarTypeEnum.ZOOM_IN: |
| | | lf.zoom(); |
| | | break; |
| | |
| | | break; |
| | | case ToolbarTypeEnum.UNDO: |
| | | lf.undo(); |
| | | emit('undo'); |
| | | break; |
| | | case ToolbarTypeEnum.REDO: |
| | | lf.redo(); |
| | | emit('redo'); |
| | | break; |
| | | case ToolbarTypeEnum.SNAPSHOT: |
| | | lf.getSnapshot(); |
| | |
| | | case ToolbarTypeEnum.VIEW_DATA: |
| | | emit('view-data'); |
| | | break; |
| | | case ToolbarTypeEnum.SAVE_DATA: |
| | | emit('save-data'); |
| | | break; |
| | | } |
| | | }; |
| | | |