UNPKG

label-print-design

Version:

操作简单,组件丰富的一站式打印解决方案打印设计器

1 lines 2.27 kB
{"version":3,"file":"history-panel.vue2.mjs","sources":["../../../../../../src/components/content/handle-panel/history-panel.vue"],"sourcesContent":["<template>\n <my-collapse v-model=\"configStore.settingPanel.history.visible\"\n :element=\"handlePanelElementList.history\"\n :position=\"configStore.settingPanel.history\">\n <template #head>\n <div class=\"display-flex\">\n <div @mousedown=\"clearEventBubble($event)\" @click=\"undoPanel\"\n :class=\"[{'my-icon-disabled': !canUndo}]\"\n class=\"my-icon iconfont icon-undo my-handle-panel-icon\" />\n <div @mousedown=\"clearEventBubble($event)\" @click=\"redoPanel\"\n :class=\"[{'my-icon-disabled': !canRedo}]\"\n class=\"my-icon iconfont icon-redo my-handle-panel-icon\" />\n </div>\n </template>\n <div class=\"history-list\">\n <div v-for=\"(item) in redoStack.slice().reverse()\" :key=\"item.timestamp\"\n class=\"history-list-item\">\n <history-line-text :content=\"item.snapshot.label\" />\n </div>\n <history-line-text\n v-for=\"(item, index) in history\"\n :class=\"[{'currentHistory': index == 0, 'history-list-item': index != 0}]\"\n :key=\"item.timestamp\"\n :content=\"item.snapshot.label\" />\n </div>\n </my-collapse>\n</template>\n\n<script setup lang=\"ts\">\n\nimport { redoStack, undoPanel, redoPanel, history, canRedo, canUndo } from '@myprint/design/utils/historyUtil';\nimport { handlePanelElementList } from '@myprint/design/constants/settingPanel';\nimport MyCollapse from '@myprint/design/components/my/collapse/my-collapse.vue';\nimport { useConfigStore } from '@myprint/design/stores/config';\nimport HistoryLineText from '@myprint/design/components/content/handle-panel/history-line-text.vue';\nimport { clearEventBubble } from '@myprint/design/utils/event';\n\nconst configStore = useConfigStore();\n\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqCA,IAAA,MAAM,cAAc,cAAe,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}