@gct-paas/core-web 0.1.5-test.2 → 0.1.6-dev.1

package/es/components/label-design/hooks/useToolkit.d.ts

@@ -0,0 +1,12 @@
+import { ToolkitEnum } from '@gct-paas/core';
+import { Ref } from 'vue';
+export declare function useToolkit(): {
+    toolkit: Ref<ToolkitEnum, ToolkitEnum>;
+    toolkitShow: Ref<boolean, boolean>;
+    toolkitFixed: Ref<boolean, boolean>;
+    toolkitPinned: Ref<boolean, boolean>;
+    toggleToolkit: (payload: ToolkitEnum, force?: boolean) => void;
+    pinnedToolkit: () => void;
+    toolkitWidgets: Ref<never[], never[]>;
+    fixedToolkit: () => void;
+};

package/es/components/label-design/hooks/useToolkit.mjs

@@ -0,0 +1,42 @@
+import { ref } from "vue";
+import { ToolkitEnum } from "@gct-paas/core";
+//#region src/components/label-design/hooks/useToolkit.ts
+var toolkit = ref(ToolkitEnum.OUTLINE);
+var toolkitWidgets = ref([]);
+var toolkitShow = ref(true);
+var toolkitFixed = ref(false);
+/** 是否固定工具栏，不可自动切换 */
+var toolkitPinned = ref(false);
+function useToolkit() {
+	/**
+	* 切换工具栏
+	*
+	* @param payload - 工具栏类型
+	* @param force - 是否强制切换（忽略固定状态）
+	*/
+	function toggleToolkit(payload, force) {
+		if (toolkitPinned.value && !force) return;
+		toolkit.value = payload;
+		toolkitShow.value = true;
+	}
+	/** 切换工具栏固定状态 */
+	function fixedToolkit() {
+		toolkitFixed.value = !toolkitFixed.value;
+	}
+	/** 切换工具栏锁定状态（锁定后不可自动切换） */
+	function pinnedToolkit() {
+		toolkitPinned.value = !toolkitPinned.value;
+	}
+	return {
+		toolkit,
+		toolkitShow,
+		toolkitFixed,
+		toolkitPinned,
+		toggleToolkit,
+		pinnedToolkit,
+		toolkitWidgets,
+		fixedToolkit
+	};
+}
+//#endregion
+export { useToolkit };

package/es/components/label-design/identify-config.d.ts

@@ -0,0 +1,14 @@
+/** label-design 模块内部使用的表达式解析函数配置 */
+type IdentifyFn = (expr: string) => string[];
+/**
+ * 注册表达式解析函数，在应用初始化时调用一次
+ * @param fn 解析表达式中的标识符并返回列表的函数
+ */
+export declare function setIdentify(fn: IdentifyFn): void;
+/**
+ * 执行已注册的表达式解析函数
+ * @param expr 表达式字符串
+ * @returns 标识符列表
+ */
+export declare function identify(expr: string): string[];
+export {};

package/es/components/label-design/identify-config.mjs

@@ -0,0 +1,20 @@
+//#region src/components/label-design/identify-config.ts
+/** 默认实现：返回空数组，需通过 setIdentify 注入实际函数 */
+var _identify = () => [];
+/**
+* 注册表达式解析函数，在应用初始化时调用一次
+* @param fn 解析表达式中的标识符并返回列表的函数
+*/
+function setIdentify(fn) {
+	_identify = fn;
+}
+/**
+* 执行已注册的表达式解析函数
+* @param expr 表达式字符串
+* @returns 标识符列表
+*/
+function identify(expr) {
+	return _identify(expr);
+}
+//#endregion
+export { identify, setIdentify };

package/es/components/label-design/index.d.ts

@@ -0,0 +1,4 @@
+export { default as StageView } from './stage/stage-view.vue';
+export { useModalPicker } from './modal/index';
+export type { ProjectType } from './hooks/usePage';
+export { setIdentify } from './identify-config';

package/es/components/label-design/index.mjs

@@ -0,0 +1,3 @@
+import "./stage/stage-view.vue.mjs";
+import "./identify-config.mjs";
+import "./modal/index.mjs";

package/es/components/label-design/modal/index.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPublicInstance } from 'vue';
+type IModalOpen = (value?: string, id?: string, fun?: (payload: string) => void) => void;
+type ModalInstance = null | undefined | (ComponentPublicInstance & {
+    open: IModalOpen;
+});
+export declare function useModalPicker(): {
+    openPickerLabel: () => Promise<ModalInstance>;
+};
+export {};

package/es/components/label-design/modal/index.mjs

@@ -0,0 +1,28 @@
+import template_default from "./template.vue.mjs";
+import { createVNode, render } from "vue";
+import { OverlayContainer } from "@gct-paas/core";
+//#region src/components/label-design/modal/index.ts
+var instance = null;
+function useModalPicker() {
+	const container = document.createElement("div");
+	async function readyModal() {
+		const vm = createVNode(template_default, { destroyVm: () => {
+			setTimeout(() => {
+				render(null, container);
+				instance = null;
+			}, 300);
+		} });
+		instance = (await OverlayContainer.createVueApp(vm)).mount(container);
+	}
+	/**
+	* 选择人员
+	* @param param0
+	*/
+	async function openPickerLabel() {
+		await readyModal();
+		return instance;
+	}
+	return { openPickerLabel };
+}
+//#endregion
+export { useModalPicker };

package/es/components/label-design/modal/rich-editor-modal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import rich_editor_modal_vue_vue_type_script_setup_true_lang_default from "./rich-editor-modal.vue_vue_type_script_setup_true_lang.mjs";
+import './rich-editor-modal.vue_vue_type_style_index_0_scoped_8c23f0af_lang.css';/* empty css                                                                        */
+//#region src/components/label-design/modal/rich-editor-modal.vue
+var rich_editor_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(rich_editor_modal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8c23f0af"]]);
+//#endregion
+export { rich_editor_modal_default as default };

package/es/components/label-design/modal/rich-editor-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,41 @@
+import rich_editor_default from "../components/rich-editor/index.vue.mjs";
+import "../components/rich-editor/index.mjs";
+import { createElementBlock, createVNode, defineComponent, onMounted, openBlock, ref, unref } from "vue";
+//#region src/components/label-design/modal/rich-editor-modal.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rich-editor-modal" };
+var rich_editor_modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "rich-editor-modal",
+	props: { value: {
+		type: String,
+		default: ""
+	} },
+	emits: ["update:value"],
+	setup(__props, { emit: __emit }) {
+		const richEditorRef = ref(null);
+		const contentVal = ref("");
+		const props = __props;
+		const emit = __emit;
+		onMounted(() => {
+			if (!contentVal.value) contentVal.value = props.value;
+		});
+		const editorCreated = () => {
+			const text = contentVal.value || props.value;
+			richEditorRef.value?.setHtml(text);
+		};
+		const handleEmailChange = (val) => {
+			contentVal.value = val;
+			emit("update:value", val);
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(rich_editor_default), {
+				ref_key: "richEditorRef",
+				ref: richEditorRef,
+				content: contentVal.value,
+				onCreated: editorCreated,
+				onChange: handleEmailChange
+			}, null, 8, ["content"])]);
+		};
+	}
+});
+//#endregion
+export { rich_editor_modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/modal/rich-editor-modal.vue_vue_type_style_index_0_scoped_8c23f0af_lang.css

@@ -0,0 +1,3 @@
+.rich-editor-modal[data-v-8c23f0af] {
+  padding: 24px 12px;
+}

package/es/components/label-design/modal/template.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    destroyVm: () => void;
+};
+declare function open(value?: string, id?: string, fun?: (payload: string) => void): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    open: typeof open;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/components/label-design/modal/template.vue.mjs

@@ -0,0 +1,8 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import template_vue_vue_type_script_setup_true_lang_default from "./template.vue_vue_type_script_setup_true_lang.mjs";
+import './template.vue_vue_type_style_index_1_lang.css';import './template.vue_vue_type_style_index_0_scoped_e795eb1e_lang.css';/* empty css                                                               */
+/* empty css                                               */
+//#region src/components/label-design/modal/template.vue
+var template_default = /* @__PURE__ */ _plugin_vue_export_helper_default(template_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e795eb1e"]]);
+//#endregion
+export { template_default as default };

package/es/components/label-design/modal/template.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,89 @@
+import { useModal } from "../../../modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../../modules/global-modal/index.mjs";
+import { getSpecificationsForSize } from "../constants/size.mjs";
+import { usePage } from "../hooks/usePage.mjs";
+import { useDesigner } from "../hooks/useDesigner.mjs";
+import toolkit_default from "../toolkits/toolkit.vue.mjs";
+import stage_default from "../stage/stage.vue.mjs";
+import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, reactive, ref, unref, withCtx } from "vue";
+//#region src/components/label-design/modal/template.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "label-designer" };
+var _hoisted_2 = { class: "label-designer-content" };
+var template_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "template",
+	props: { destroyVm: { type: Function } },
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const { selectedElements } = useDesigner();
+		const { project, width, height } = usePage();
+		const { destroyVm } = reactive(props);
+		const [register, { openModal, closeModal }] = useModal();
+		const callback = ref(() => ({}));
+		function handleOk() {
+			setTimeout(() => {
+				callback.value(JSON.stringify(project.value));
+				closeModal();
+				destroyVm();
+			}, 200);
+		}
+		function open(value, id, fun) {
+			selectedElements.value = [];
+			callback.value = fun ?? (() => ({}));
+			try {
+				if (value) project.value = JSON.parse(value);
+				else initValue(id);
+			} catch {
+				initValue(id);
+			}
+			width.value = parseInt(project.value.width);
+			height.value = parseInt(project.value.height);
+			openModal();
+		}
+		function initValue(id) {
+			const dpi = 203;
+			const { width, height, strHeight, strWidth } = getSpecificationsForSize(1, dpi);
+			project.value = {
+				labelWidth: width ?? 0,
+				labelHeight: height ?? 0,
+				height: strHeight,
+				width: strWidth,
+				heightMM: String(height ?? ""),
+				widthMM: String(width ?? ""),
+				id: String(id ?? ""),
+				key: String(id ?? ""),
+				page: [],
+				projectName: "",
+				styles: {
+					position: "relative",
+					margin: "auto",
+					background: "#fff"
+				},
+				labelSize: 1,
+				modelKey: void 0,
+				dpi
+			};
+		}
+		function onCancel() {
+			destroyVm();
+		}
+		__expose({ open });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(BasicModal), {
+				height: 640,
+				title: "标签模板设计",
+				centered: "",
+				width: "1200px",
+				"wrap-class-name": "label-design-modal",
+				"mask-closable": false,
+				onRegister: unref(register),
+				onOk: handleOk,
+				onCancel
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createVNode(toolkit_default, { class: "label-designer-toolkit" }), createVNode(stage_default, { class: "label-designer-stage" })])])]),
+				_: 1
+			}, 8, ["onRegister"]);
+		};
+	}
+});
+//#endregion
+export { template_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/modal/template.vue_vue_type_style_index_0_scoped_e795eb1e_lang.css

@@ -0,0 +1,29 @@
+.label-designer[data-v-e795eb1e] {
+  width: 100%;
+  height: 100%;
+  background-color: #f1f1f1;
+  color: #333;
+}
+.label-designer-header[data-v-e795eb1e] {
+  height: 56px;
+}
+.label-designer-content[data-v-e795eb1e] {
+  display: flex;
+  height: 100%;
+}
+.label-designer-nav[data-v-e795eb1e] {
+  flex: none;
+  width: 56px;
+  border-right: 2px solid #f1f1f1;
+  background-color: #fff;
+}
+.label-designer-toolkit[data-v-e795eb1e] {
+  flex: none;
+  width: 296px;
+  border-right: 1px solid #f1f1f1;
+  background-color: #f7f8fa;
+}
+.label-designer-stage[data-v-e795eb1e] {
+  flex: 1;
+  width: 10px;
+}

package/es/components/label-design/modal/template.vue_vue_type_style_index_1_lang.css

@@ -0,0 +1,3 @@
+.label-design-modal.vben .ant-modal .ant-modal-body > .scrollbar {
+  padding: 0 16px !important;
+}

package/es/components/label-design/panels/index.d.ts

@@ -0,0 +1,2 @@
+declare const panelComps: Record<string, unknown>;
+export default panelComps;

package/es/components/label-design/panels/index.mjs

@@ -0,0 +1,18 @@
+import { panel_history_exports } from "./page/panel-history.vue.mjs";
+import { panel_page_exports } from "./page/panel-page.vue.mjs";
+import { panel_widget_exports } from "./widget/panel-widget.vue.mjs";
+//#region src/components/label-design/panels/index.ts
+var panelComps = {};
+var modules = /* @__PURE__ */ Object.assign({
+	"./page/panel-history.vue": panel_history_exports,
+	"./page/panel-page.vue": panel_page_exports,
+	"./widget/panel-widget.vue": panel_widget_exports
+});
+for (const path in modules) {
+	const mod = modules[path];
+	const name = mod.default?.name || mod.default?.__name;
+	if (!name) continue;
+	panelComps[name] = mod.default;
+}
+//#endregion
+export { panelComps as default };

package/es/components/label-design/panels/modals/diff-modal.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/label-design/panels/modals/diff-modal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import diff_modal_vue_vue_type_script_setup_true_lang_default from "./diff-modal.vue_vue_type_script_setup_true_lang.mjs";
+import './diff-modal.vue_vue_type_style_index_0_scoped_16a76e9a_lang.css';/* empty css                                                                 */
+//#region src/components/label-design/panels/modals/diff-modal.vue
+var diff_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(diff_modal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-16a76e9a"]]);
+//#endregion
+export { diff_modal_default as default };

package/es/components/label-design/panels/modals/diff-modal.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,70 @@
+import { useEditorConsoleInner } from "../../../../modules/code-editor/useEditorConsole.mjs";
+import { useModalInner } from "../../../../modules/global-modal/src/hooks/useModal.mjs";
+import { BasicModal } from "../../../../modules/global-modal/index.mjs";
+import { usePage } from "../../hooks/usePage.mjs";
+import { createBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, toRaw, unref, watch, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+//#region src/components/label-design/panels/modals/diff-modal.vue?vue&type=script&setup=true&lang.ts
+var diff_modal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "diff-modal",
+	setup(__props) {
+		let monaco = null;
+		let diffEditor = null;
+		let originalModel = null;
+		let modifiedModel = null;
+		const { project, loadLabelDesignHistoryInfo } = usePage();
+		const { formatJson2Notes } = useEditorConsoleInner();
+		const targetHistoryId = ref();
+		const [registerInner, { closeModal }] = useModalInner((data) => {
+			if (data) {
+				if (!diffEditor) initDiffEditor();
+				targetHistoryId.value = data.hid;
+			}
+		});
+		async function initDiffEditor() {
+			monaco = await window.monacoLoader.loadMonaco();
+			diffEditor = monaco.editor.createDiffEditor(document.querySelector(".diff-modal__container"), {
+				enableSplitViewResizing: false,
+				automaticLayout: true
+			});
+			setModelContent("");
+		}
+		async function setModelContent(modifyContent = "") {
+			if (!monaco) {
+				console.warn("[DiffModal] Monaco editor is not available for setModelContent");
+				return;
+			}
+			originalModel = monaco.editor.createModel(formatJson2Notes(toRaw(project.value)), "json/string");
+			modifiedModel = monaco.editor.createModel(formatJson2Notes(modifyContent), "json/string");
+			diffEditor && diffEditor.setModel({
+				original: originalModel,
+				modified: modifiedModel
+			});
+		}
+		watch(targetHistoryId, async (value) => {
+			if (value) setModelContent((await loadLabelDesignHistoryInfo(value))?.designerJson);
+		}, { immediate: true });
+		const handleClose = () => {
+			targetHistoryId.value = null;
+			closeModal();
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(BasicModal), mergeProps(_ctx.$attrs, {
+				"min-height": 40,
+				title: unref(t)("sys.pageDesigner.pageDiff"),
+				centered: "",
+				width: "80vw",
+				"mask-closable": false,
+				"after-close": handleClose,
+				"show-cancel-btn": false,
+				"show-ok-btn": false,
+				onRegister: unref(registerInner)
+			}), {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("div", null, [createElementVNode("div", { class: "diff-modal__versions" }, [createElementVNode("div", null, "当前版本"), createElementVNode("div", null, [createElementVNode("span", { class: "mr-5px" }, "对比版本")])]), createElementVNode("div", { class: "diff-modal__container" })], -1)])]),
+				_: 1
+			}, 16, ["title", "onRegister"]);
+		};
+	}
+});
+//#endregion
+export { diff_modal_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/panels/modals/diff-modal.vue_vue_type_style_index_0_scoped_16a76e9a_lang.css

@@ -0,0 +1,10 @@
+.diff-modal__versions > div[data-v-16a76e9a] {
+  display: inline-block;
+  width: 50%;
+  box-sizing: border-box;
+  margin-bottom: 16px;
+  font-weight: bold;
+}
+.diff-modal__container[data-v-16a76e9a] {
+  height: 70vh;
+}

package/es/components/label-design/panels/page/panel-history.vue.mjs

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import panel_history_vue_vue_type_script_setup_true_name_panel_history_lang_default from "./panel-history.vue_vue_type_script_setup_true_name_panel-history_lang.mjs";
+import './panel-history.vue_vue_type_style_index_0_scoped_c862a9f6_lang.css';/* empty css                                                                    */
+//#region src/components/label-design/panels/page/panel-history.vue
+var panel_history_exports = /* @__PURE__ */ __exportAll({ default: () => panel_history_default });
+var panel_history_default = /* @__PURE__ */ _plugin_vue_export_helper_default(panel_history_vue_vue_type_script_setup_true_name_panel_history_lang_default, [["__scopeId", "data-v-c862a9f6"]]);
+//#endregion
+export { panel_history_exports };

package/es/components/label-design/panels/page/panel-history.vue_vue_type_script_setup_true_name_panel-history_lang.mjs

@@ -0,0 +1,89 @@
+import { usePage } from "../../hooks/usePage.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, mergeProps, openBlock, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { t } from "@gct-paas/core";
+import { Empty } from "ant-design-vue";
+import { useInfiniteScroll, useVirtualList } from "@vueuse/core";
+//#region src/components/label-design/panels/page/panel-history.vue?vue&type=script&setup=true&name=panel-history&lang.ts
+var _hoisted_1 = { class: "page-history-container" };
+var _hoisted_2 = { class: "page-history-title" };
+var _hoisted_3 = { class: "page-history-item__time" };
+var _hoisted_4 = { style: {
+	"display": "flex",
+	"justify-content": "space-between",
+	"align-items": "center"
+} };
+var _hoisted_5 = { class: "page-history-item__name" };
+var _hoisted_6 = { class: "page-history-item__action" };
+var _hoisted_7 = ["onClick"];
+var _hoisted_8 = {
+	key: 1,
+	style: {
+		"display": "flex",
+		"justify-content": "center",
+		"align-items": "center",
+		"height": "100%"
+	}
+};
+var panel_history_vue_vue_type_script_setup_true_name_panel_history_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "panel-history",
+	setup(__props) {
+		const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
+		const openDiffModal = inject("openDiffModal");
+		const { pageDesignHistoryList, recover, loadLabelDesignHistoryList, loading } = usePage();
+		const isShow = computed(() => {
+			return Array.isArray(unref(pageDesignHistoryList)) && unref(pageDesignHistoryList).length !== 0;
+		});
+		/** 比对 */
+		const handleCompare = (history) => {
+			openDiffModal(true, { hid: history.id });
+		};
+		const { list: virtualList, containerProps, wrapperProps } = useVirtualList(pageDesignHistoryList, {
+			itemHeight: 68,
+			overscan: 10
+		});
+		useInfiniteScroll(containerProps.ref, async () => {
+			loadLabelDesignHistoryList();
+		}, { distance: 20 });
+		return (_ctx, _cache) => {
+			const _component_a_tooltip = resolveComponent("a-tooltip");
+			const _component_a_popconfirm = resolveComponent("a-popconfirm");
+			const _component_a_empty = resolveComponent("a-empty");
+			const _component_a_spin = resolveComponent("a-spin");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("sys.pageDesigner.historyTitle")), 1), createElementVNode("div", mergeProps({ class: "page-history-wrapper" }, unref(containerProps)), [createElementVNode("div", mergeProps({ class: "page-history-list" }, unref(wrapperProps)), [isShow.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(virtualList), (item) => {
+				return openBlock(), createElementBlock("div", {
+					key: item.data?.id,
+					class: "page-history-item"
+				}, [createElementVNode("div", _hoisted_3, toDisplayString(item.data?.createTime), 1), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, toDisplayString(item.data?.createUserName), 1), createElementVNode("div", _hoisted_6, [createVNode(_component_a_tooltip, { "arrow-point-at-center": "" }, {
+					title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.compare")), 1)]),
+					default: withCtx(() => [createElementVNode("i", {
+						class: "iconfont icon-Compare mr-12px",
+						onClick: ($event) => handleCompare(item.data)
+					}, null, 8, _hoisted_7)]),
+					_: 2
+				}, 1024), createVNode(_component_a_popconfirm, {
+					title: unref(t)("sys.sureToRecover"),
+					placement: "topRight",
+					onConfirm: () => unref(recover)(item.data?.id ?? "")
+				}, {
+					default: withCtx(() => [createVNode(_component_a_tooltip, { "arrow-point-at-center": "" }, {
+						title: withCtx(() => [createTextVNode(toDisplayString(unref(t)("sys.pageDesigner.recover")), 1)]),
+						default: withCtx(() => [_cache[0] || (_cache[0] = createElementVNode("i", { class: "iconfont icon-recover" }, null, -1))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["title", "onConfirm"])])])]);
+			}), 128)) : (openBlock(), createElementBlock("div", _hoisted_8, [createVNode(_component_a_empty, {
+				image: unref(simpleImage),
+				description: unref(t)("sys.pageDesigner.emptyPageHistory")
+			}, null, 8, ["image", "description"])]))], 16), unref(loading) ? (openBlock(), createBlock(_component_a_spin, {
+				key: 0,
+				tip: `${unref(t)("sys.loadingText")}`
+			}, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("div", { class: "load-status w-full" }, null, -1)])]),
+				_: 1
+			}, 8, ["tip"])) : createCommentVNode("", true)], 16)]);
+		};
+	}
+});
+//#endregion
+export { panel_history_vue_vue_type_script_setup_true_name_panel_history_lang_default as default };

package/es/components/label-design/panels/page/panel-history.vue_vue_type_style_index_0_scoped_c862a9f6_lang.css

@@ -0,0 +1,42 @@
+.page-history-container[data-v-c862a9f6] {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.page-history-container .page-history-title[data-v-c862a9f6] {
+  font-weight: bold;
+  height: 42px;
+  line-height: 42px;
+  text-align: center;
+  border-bottom: 1px solid #eaeaea;
+}
+.page-history-container .page-history-wrapper[data-v-c862a9f6] {
+  height: 100%;
+  overflow: auto;
+}
+.page-history-container .page-history-item[data-v-c862a9f6] {
+  line-height: 1.2;
+  padding: 14px 18px 10px;
+  position: relative;
+  border-bottom: 1px solid #eaeaea;
+  transition: all 0.3s;
+  cursor: pointer;
+}
+.page-history-container .page-history-item[data-v-c862a9f6]:hover {
+  background-color: #edf6f6;
+}
+.page-history-container .page-history-item__time[data-v-c862a9f6] {
+  color: #333;
+  line-height: 22px;
+}
+.page-history-container .page-history-item__name[data-v-c862a9f6] {
+  color: #9d9da6;
+  line-height: 22px;
+}
+.page-history-container .page-history-item .iconfont[data-v-c862a9f6] {
+  color: #9b9b9b;
+}
+.page-history-container .page-history-item .iconfont[data-v-c862a9f6]:hover {
+  color: var(--ant-primary-color);
+}

package/es/components/label-design/panels/page/panel-page.vue.mjs

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../../../_virtual/_rolldown/runtime.mjs";
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+import panel_page_vue_vue_type_script_setup_true_name_panel_page_lang_default from "./panel-page.vue_vue_type_script_setup_true_name_panel-page_lang.mjs";
+import './panel-page.vue_vue_type_style_index_0_scoped_0601b522_lang.css';/* empty css                                                                 */
+//#region src/components/label-design/panels/page/panel-page.vue
+var panel_page_exports = /* @__PURE__ */ __exportAll({ default: () => panel_page_default });
+var panel_page_default = /* @__PURE__ */ _plugin_vue_export_helper_default(panel_page_vue_vue_type_script_setup_true_name_panel_page_lang_default, [["__scopeId", "data-v-0601b522"]]);
+//#endregion
+export { panel_page_exports };