@gct-paas/core-web 0.1.6-dev.17 → 0.1.6-dev.19

package/es/components/index.d.ts

@@ -8,19 +8,27 @@ import { FieldUpload } from './field-upload';
 import { default as PaasBpmnLog } from './paas-bpmn-log/paas-bpmn-log.vue';
 import { default as FullScreen } from './FullScreen/full-screen.vue';
 export { BaseButton, BasicButton, DoubleInput, CopyModuleKey, ImageUpload, FieldUpload, PaasBpmnLog, FullScreen, };
+export { BatchSelectList } from './batch-select-list/batch-select-list';
+export { DataRulesModal } from './data-rules-modal/data-rules-modal';
+export { DesignSaveTip } from './design-save-tip/design-save-tip';
+export { DesignStepCheck } from './design-step-check/design-step-check';
+export { DesignViewLayout } from './design-view-layout/design-view-layout';
 export { CodeEditor } from './code-editor/code-editor';
+export { ModalNameEditor } from './modal-name-editor/modal-name-editor';
 export { ViewContainer } from './layout/view-container/view-container';
 export { Vue3GridDndItem } from './vue3-grid-dnd-item/vue3-grid-dnd-item';
-export { FieldCascader } from './field-cascader';
-export { useModalPicker as useLabelModalPicker, StageView, type ProjectType, setIdentify, } from './label-design';
+export { FieldCascader, type comPropsType } from './field-cascader';
+export * from './label-design';
 export * from './UserPick';
 export * from './I18nSelect';
 export * from './serial-number';
 export * from './field-tree-select';
+export { ShrinkPanel } from './shrink-panel/shrink-panel';
 export * from './TreeEx';
 export * from './select-user-modal';
 export * from './open-select-user-modal';
 export { default as NumberRange } from './number-range/number-range.vue';
+export * from './ui';
 declare const _default: {
     install(app: App): void;
 };

package/es/components/index.mjs

@@ -6,14 +6,29 @@ import "./image-upload/index.mjs";
 import "./field-upload/index.mjs";
 import "./paas-bpmn-log/paas-bpmn-log.vue.mjs";
 import "./FullScreen/full-screen.vue.mjs";
+import "./batch-select-list/batch-select-list.mjs";
+import "./data-rules-modal/data-rules-modal.mjs";
+import "./design-save-tip/design-save-tip.mjs";
+import "./design-step-check/design-step-check.mjs";
+import "./modal-name-editor/modal-name-editor.mjs";
+import "./design-view-layout/design-view-layout.mjs";
 import "./code-editor/code-editor.mjs";
 import "./layout/view-container/view-container.mjs";
 import "./vue3-grid-dnd-item/vue3-grid-dnd-item.mjs";
 import "./field-cascader/src/FieldCascader.vue.mjs";
 import "./field-cascader/index.mjs";
+import "./label-design/constants/CommonPrintElems.mjs";
+import "./label-design/constants/size.mjs";
+import "./label-design/hooks/usePage.mjs";
+import "./label-design/hooks/useProp.mjs";
 import "./label-design/stage/stage-view.vue.mjs";
 import "./label-design/modal/index.mjs";
+import "./label-design/stage/stage-canvas.vue.mjs";
 import "./label-design/identify-config.mjs";
+import "./label-design/panels/widget/components/label-params-select.vue.mjs";
+import "./label-design/panels/widget/controls/index.mjs";
+import "./label-design/designer.vue.mjs";
+import "./label-design/type/index.mjs";
 import "./label-design/index.mjs";
 import "./UserPick/src/constants/index.mjs";
 import "./UserPick/index.mjs";
@@ -28,6 +43,7 @@ import "./I18nSelect/index.mjs";
 import "./serial-number/serial-number-container.vue.mjs";
 import "./serial-number/index.mjs";
 import "./field-tree-select/index.mjs";
+import "./shrink-panel/shrink-panel.mjs";
 import "./TreeEx/tree-select-ex/tree-select-ex.vue.mjs";
 import "./TreeEx/tree-ex.mjs";
 import "./TreeEx/index.mjs";
@@ -36,6 +52,16 @@ import "./select-user-modal/index.mjs";
 import "./open-select-user-modal/controller/index.mjs";
 import "./open-select-user-modal/index.mjs";
 import "./number-range/number-range.vue.mjs";
+import "./ui/form-alert/form-alert.vue.mjs";
+import "./ui/grid-btns/grid-btns.vue.mjs";
+import "./ui/icon-tooltip/icon-tooltip.vue.mjs";
+import "./ui/modal-wrapper/modal-wrapper.vue.mjs";
+import "./ui/highlight/highlight.vue.mjs";
+import "./ui/grid-pagination/grid-pagination.vue.mjs";
+import "./ui/basic-grid/basic-grid.vue.mjs";
+import "./ui/embed-grid/embed-grid.vue.mjs";
+import "./ui/notice/index.mjs";
+import "./ui/index.mjs";
 import { defineAsyncComponent } from "vue";
 //#region src/components/index.ts
 var components_default = { install(app) {

package/es/components/label-design/designer.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, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/designer.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import designer_vue_vue_type_script_setup_true_lang_default from "./designer.vue_vue_type_script_setup_true_lang.mjs";
+import './designer.vue_vue_type_style_index_0_scoped_260222c9_lang.css';/* empty css                                                               */
+//#region src/components/label-design/designer.vue
+var designer_default = /* @__PURE__ */ _plugin_vue_export_helper_default(designer_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-260222c9"]]);
+//#endregion
+export { designer_default as default };

package/es/components/label-design/designer.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,32 @@
+import header_default from "./header/header.vue.mjs";
+import toolkit_default from "./toolkits/toolkit.vue.mjs";
+import stage_default from "./stage/stage.vue.mjs";
+import { createElementBlock, createElementVNode, createVNode, defineComponent, openBlock, ref, resolveComponent, withCtx } from "vue";
+//#region src/components/label-design/designer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "label-designer" };
+var _hoisted_2 = { class: "label-designer-content" };
+var designer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "designer",
+	setup(__props) {
+		const spinning = ref(false);
+		const toggleLoading = (flag) => {
+			spinning.value = flag;
+		};
+		return (_ctx, _cache) => {
+			const _component_a_spin = resolveComponent("a-spin");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_spin, {
+				spinning: spinning.value,
+				size: "large",
+				"wrapper-class-name": "w100% h100%"
+			}, {
+				default: withCtx(() => [createVNode(header_default, {
+					class: "label-designer-header",
+					onToggleLoading: toggleLoading
+				}), createElementVNode("div", _hoisted_2, [createVNode(toolkit_default, { class: "label-designer-toolkit" }), createVNode(stage_default, { class: "label-designer-stage" })])]),
+				_: 1
+			}, 8, ["spinning"])]);
+		};
+	}
+});
+//#endregion
+export { designer_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/designer.vue_vue_type_style_index_0_scoped_260222c9_lang.css

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

package/es/components/label-design/header/header.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    toggleLoading: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onToggleLoading?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/header/header.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import header_vue_vue_type_script_setup_true_lang_default from "./header.vue_vue_type_script_setup_true_lang.mjs";
+import './header.vue_vue_type_style_index_0_scoped_aa2b4235_lang.css';/* empty css                                                             */
+//#region src/components/label-design/header/header.vue
+var header_default = /* @__PURE__ */ _plugin_vue_export_helper_default(header_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-aa2b4235"]]);
+//#endregion
+export { header_default as default };

package/es/components/label-design/header/header.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,232 @@
+import { usePrinter } from "../../../hooks/usePrinter.mjs";
+import { PRINT_ELE_TYPE } from "../constants/CommonPrintElems.mjs";
+import { labelInfo, usePage } from "../hooks/usePage.mjs";
+import { useDesigner } from "../hooks/useDesigner.mjs";
+import test_var_modal_default from "./test-var-modal.vue.mjs";
+import { createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { cloneDeep, isEmpty } from "lodash-es";
+import { t } from "@gct-paas/core";
+import { message } from "ant-design-vue";
+import { PrinterOutlined } from "@ant-design/icons-vue";
+import domtoimage from "dom-to-image";
+//#region src/components/label-design/header/header.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "designer-header" };
+var _hoisted_2 = { class: "designer-header__actions" };
+var header_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "header",
+	emits: ["toggleLoading"],
+	setup(__props, { emit: __emit }) {
+		const { printLabelKey } = usePrinter();
+		const { project, loadLabelDesignHistoryList } = usePage();
+		const { selectedPage, selectedElements, isModal } = useDesigner();
+		const emit = __emit;
+		const print = async () => {
+			const varMap = isHaveVar();
+			const testVar = {};
+			if (varMap && varMap.length > 0) {
+				const arr = varMap.filter((_) => {
+					return _.valType !== "FIXED";
+				});
+				if (arr.length === 0) varMap.forEach((_) => {
+					testVar[_.key] = _.defaultVal;
+				});
+				else {
+					selectedElements.value = [];
+					const data = cloneDeep(selectedPage.value);
+					if (checkPageError()) return;
+					isModal.value = true;
+					const res = await _gct.openUtil.modal(test_var_modal_default, {
+						fieldConfig: arr,
+						data
+					}, {
+						width: 800,
+						height: 600,
+						title: t("sys.printTest"),
+						okText: t("sys.ok2")
+					});
+					if (res && res.ok && res.data) {
+						console.log("testVar", testVar, res.data);
+						Object.assign(testVar, res.data);
+						isModal.value = false;
+					} else {
+						isModal.value = false;
+						return;
+					}
+				}
+			}
+			if (!await save(false)) return;
+			printLabelKey(labelInfo.value?.key, {}, {
+				testVar,
+				printType: labelInfo.value?.printType
+			});
+		};
+		function checkPageError() {
+			for (const k in project.value.page) {
+				const i = project.value.page[k];
+				if (Object.prototype.hasOwnProperty.call(i, "hasError") && i.hasError) {
+					const errMsg = i.errMsg ? t(i.errMsg) : t("sys.printDesigner.hasErrorConfigTip", { sth: t(i.displayName) });
+					message.warning(errMsg);
+					return true;
+				}
+			}
+			return false;
+		}
+		const save = async (flag) => {
+			if (isHaveEmptyImg()) {
+				message.warning(t("sys.printDesigner.imgNotNull"));
+				return;
+			}
+			if (isTextLength1000()) {
+				message.warning(t("文本最大1000字"));
+				return;
+			}
+			if (checkPageError()) return false;
+			emit("toggleLoading", true);
+			try {
+				for (const k in project.value.page) {
+					const i = project.value.page[k];
+					if (i.type === PRINT_ELE_TYPE.ICON) {
+						const value = await svgToCanvas(i);
+						i.attrs.src = { value };
+					}
+					if (i.type === PRINT_ELE_TYPE.RICH_TEXT) {
+						const value = await richTextToCanvas(i);
+						i.attrs.src = { value };
+					}
+				}
+				await _api.apaas.label.putUpdateDesigner({
+					designerJson: JSON.stringify(project.value),
+					id: labelInfo.value.id
+				});
+				loadLabelDesignHistoryList();
+				if (flag) message.success(t("sys.saveSuccess"));
+				return true;
+			} finally {
+				emit("toggleLoading", false);
+			}
+		};
+		const isHaveVar = () => {
+			const varMap = [];
+			selectedPage.value.forEach((w) => {
+				if (!w.attrs) return;
+				if (w.attrs.content || w.attrs.text) {
+					const { type, value } = w.attrs.content || w.attrs.text;
+					switch (w.type) {
+						case PRINT_ELE_TYPE.TEXT:
+						case PRINT_ELE_TYPE.BAR_CODE:
+						case PRINT_ELE_TYPE.QR_CODE:
+							varMap.push({
+								key: w.id,
+								label: w.displayName,
+								valType: type,
+								defaultVal: type === "FIXED" ? value : ""
+							});
+							break;
+						default:
+					}
+				}
+			});
+			return varMap;
+		};
+		const isHaveEmptyImg = () => {
+			let flag = false;
+			selectedPage.value.forEach((w) => {
+				if (w.type === PRINT_ELE_TYPE.IMAGE && isEmpty(w.attrs.src.value)) flag = true;
+			});
+			return flag;
+		};
+		/** 检测文本大于大于1000字 */
+		const isTextLength1000 = () => {
+			let flag = false;
+			selectedPage.value.forEach((w) => {
+				if (w.type === PRINT_ELE_TYPE.TEXT && w.attrs.text.value.length > 1e3) flag = true;
+			});
+			return flag;
+		};
+		/**svg转png 目录的图标有引用 需要特殊处理 */
+		function svgToCanvas(row) {
+			console.log("row", row);
+			const id = row.id;
+			const iconValue = row.attrs.icon.value;
+			let elDom;
+			if (iconValue.startsWith("icon-platform:")) {
+				const svgId = "icon-" + iconValue.split(":")[1];
+				elDom = document.getElementById(id);
+				elDom?.firstChild?.appendChild(document.getElementById(svgId));
+			} else elDom = document.getElementById(id);
+			return new Promise((res, _rej) => {
+				domtoimage.toPng(elDom).then(async function(pngUrl) {
+					res(await _api.apaas.fileResource.postBase64Upload({
+						type: "LABEL_IMAGE",
+						fileContent: pngUrl,
+						filename: row.id
+					}));
+				});
+			});
+		}
+		/** 富文本特殊处理 */
+		function richTextToCanvas(row) {
+			const timestamp = Date.now();
+			const newDiv = document.createElement("div");
+			const elDom = document.getElementById(row.id);
+			newDiv.id = row.id + timestamp;
+			newDiv.classList.add("copy-main");
+			newDiv.style.borderTop = elDom.style.borderTop;
+			newDiv.style.borderRight = elDom.style.borderRight;
+			newDiv.style.borderBottom = elDom.style.borderBottom;
+			newDiv.style.borderLeft = elDom.style.borderLeft;
+			newDiv.style.fontSize = elDom.style.fontSize;
+			newDiv.style.backgroundColor = elDom.style.backgroundColor;
+			newDiv.style.borderRadius = elDom.style.borderRadius;
+			newDiv.style.transform = elDom.style.transform;
+			if (row.rotate === 270 || row.rotate === 90) {
+				newDiv.style.width = row.height + "px";
+				newDiv.style.height = row.width + "px";
+			} else {
+				newDiv.style.width = row.width + "px";
+				newDiv.style.height = row.height + "px";
+			}
+			newDiv.appendChild(elDom.firstElementChild.cloneNode(true));
+			newDiv.style.transformOrigin = elDom.style.transformOrigin;
+			newDiv.firstElementChild?.classList.remove("is-empty");
+			newDiv.firstElementChild?.classList.add("copy-rich-text");
+			document.body.appendChild(newDiv);
+			return new Promise((res, _rej) => {
+				domtoimage.toPng(newDiv).then(async function(dataUrl) {
+					document.body.removeChild(newDiv);
+					res(await _api.apaas.fileResource.postBase64Upload({
+						type: "LABEL_IMAGE",
+						fileContent: dataUrl,
+						filename: row.id
+					}));
+				});
+			});
+		}
+		return (_ctx, _cache) => {
+			const _component_a_breadcrumb_item = resolveComponent("a-breadcrumb-item");
+			const _component_a_breadcrumb = resolveComponent("a-breadcrumb");
+			const _component_a_button = resolveComponent("a-button");
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_a_breadcrumb, null, {
+				default: withCtx(() => [createVNode(_component_a_breadcrumb_item, null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.categoryName), 1)]),
+					_: 1
+				}), createVNode(_component_a_breadcrumb_item, null, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(labelInfo)?.name), 1)]),
+					_: 1
+				})]),
+				_: 1
+			}), createElementVNode("div", _hoisted_2, [createVNode(_component_a_button, { onClick: print }, {
+				default: withCtx(() => [createVNode(unref(PrinterOutlined)), createTextVNode(" " + toDisplayString(unref(t)("sys.printTest")), 1)]),
+				_: 1
+			}), createVNode(_component_a_button, {
+				type: "primary",
+				onClick: _cache[0] || (_cache[0] = ($event) => save(true))
+			}, {
+				default: withCtx(() => [_cache[1] || (_cache[1] = createElementVNode("i", { class: "iconfont icon-baocun1" }, null, -1)), createTextVNode(" " + toDisplayString(unref(t)("sys.saveText")), 1)]),
+				_: 1
+			})])]);
+		};
+	}
+});
+//#endregion
+export { header_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/label-design/header/header.vue_vue_type_style_index_0_scoped_aa2b4235_lang.css

@@ -0,0 +1,39 @@
+.designer-header[data-v-aa2b4235] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 20px;
+  background-color: #1a1d23;
+}
+.designer-header[data-v-aa2b4235] .ant-breadcrumb .ant-breadcrumb-link {
+  color: #fff;
+}
+.designer-header[data-v-aa2b4235] .ant-breadcrumb .ant-breadcrumb-separator {
+  color: #fff;
+}
+.designer-header__lock-info[data-v-aa2b4235] {
+  margin-left: auto;
+}
+.designer-header__lock-info > span[data-v-aa2b4235] {
+  color: #fff;
+  cursor: pointer;
+}
+.designer-header__divider[data-v-aa2b4235] {
+  height: 24px;
+  margin: 0 15px;
+  border-left: 1px solid #e3e3e3;
+}
+.designer-header__actions .ant-btn[data-v-aa2b4235] {
+  border: 0;
+  background-color: #444;
+  color: #fff;
+}
+.designer-header__actions .ant-btn .iconfont[data-v-aa2b4235] {
+  position: relative;
+  top: 1px;
+  margin-right: 5px;
+  line-height: 1em;
+}
+.designer-header__actions .ant-btn[data-v-aa2b4235]:not(:last-child) {
+  margin-right: 10px;
+}

package/es/components/label-design/header/test-var-modal.vue.d.ts

@@ -0,0 +1,204 @@
+import { IModal } from '@gct-paas/core';
+type __VLS_Props = {
+    modal: IModal;
+    fieldConfig: IObject[];
+    data: IObject[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    FormRef: unknown;
+    containerRef: HTMLDivElement;
+    canvasRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        schema?: IObject[];
+    }> & Readonly<{
+        onMovingItem?: ((...args: any[]) => any) | undefined;
+        onUpdatePBarcodeWidth?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        movingItem: (...args: any[]) => void;
+        updatePBarcodeWidth: (...args: any[]) => void;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        mrContainerRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                activeElements: unknown[];
+                snapTracking: boolean;
+                zoom: number;
+                isDesign: boolean;
+            }> & Omit<{
+                readonly activeElements: unknown[];
+                readonly snapTracking: boolean;
+                readonly zoom: number;
+                readonly isDesign: boolean;
+                readonly onArrows?: ((...args: any[]) => any) | undefined;
+                readonly onClearselection?: ((...args: any[]) => any) | undefined;
+                readonly onCopy?: ((...args: any[]) => any) | undefined;
+                readonly onCut?: ((...args: any[]) => any) | undefined;
+                readonly onDelete?: ((...args: any[]) => any) | undefined;
+                readonly onDrop?: ((...args: any[]) => any) | undefined;
+                readonly onMovestop?: ((...args: any[]) => any) | undefined;
+                readonly onMoving?: ((...args: any[]) => any) | undefined;
+                readonly onMovingItem?: ((...args: any[]) => any) | undefined;
+                readonly onPaste?: ((...args: any[]) => any) | undefined;
+                readonly onRedo?: ((...args: any[]) => any) | undefined;
+                readonly onResizestop?: ((...args: any[]) => any) | undefined;
+                readonly onRotatestop?: ((...args: any[]) => any) | undefined;
+                readonly onRotating?: ((...args: any[]) => any) | undefined;
+                readonly onSelectstop?: ((...args: any[]) => any) | undefined;
+                readonly onUndo?: ((...args: any[]) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "activeElements" | "isDesign" | "snapTracking" | "zoom">;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                elementRef: HTMLDivElement;
+                selectionArea: HTMLDivElement;
+                sublineT: HTMLDivElement;
+                sublineB: HTMLDivElement;
+                sublineY: HTMLDivElement;
+                sublineL: HTMLDivElement;
+                sublineR: HTMLDivElement;
+                sublineX: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "arrows", ...args: any[]) => void) & ((event: "clearselection", ...args: any[]) => void) & ((event: "copy", ...args: any[]) => void) & ((event: "cut", ...args: any[]) => void) & ((event: "delete", ...args: any[]) => void) & ((event: "drop", ...args: any[]) => void) & ((event: "movestop", ...args: any[]) => void) & ((event: "moving", ...args: any[]) => void) & ((event: "movingItem", ...args: any[]) => void) & ((event: "paste", ...args: any[]) => void) & ((event: "redo", ...args: any[]) => void) & ((event: "resizestop", ...args: any[]) => void) & ((event: "rotatestop", ...args: any[]) => void) & ((event: "rotating", ...args: any[]) => void) & ((event: "selectstop", ...args: any[]) => void) & ((event: "undo", ...args: any[]) => void);
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                activeElements: {
+                    type: ArrayConstructor;
+                    default: () => never[];
+                };
+                snapTracking: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                zoom: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                isDesign: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onArrows?: ((...args: any[]) => any) | undefined;
+                onClearselection?: ((...args: any[]) => any) | undefined;
+                onCopy?: ((...args: any[]) => any) | undefined;
+                onCut?: ((...args: any[]) => any) | undefined;
+                onDelete?: ((...args: any[]) => any) | undefined;
+                onDrop?: ((...args: any[]) => any) | undefined;
+                onMovestop?: ((...args: any[]) => any) | undefined;
+                onMoving?: ((...args: any[]) => any) | undefined;
+                onMovingItem?: ((...args: any[]) => any) | undefined;
+                onPaste?: ((...args: any[]) => any) | undefined;
+                onRedo?: ((...args: any[]) => any) | undefined;
+                onResizestop?: ((...args: any[]) => any) | undefined;
+                onRotatestop?: ((...args: any[]) => any) | undefined;
+                onRotating?: ((...args: any[]) => any) | undefined;
+                onSelectstop?: ((...args: any[]) => any) | undefined;
+                onUndo?: ((...args: any[]) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                arrows: (...args: any[]) => void;
+                clearselection: (...args: any[]) => void;
+                copy: (...args: any[]) => void;
+                cut: (...args: any[]) => void;
+                delete: (...args: any[]) => void;
+                drop: (...args: any[]) => void;
+                movestop: (...args: any[]) => void;
+                moving: (...args: any[]) => void;
+                movingItem: (...args: any[]) => void;
+                paste: (...args: any[]) => void;
+                redo: (...args: any[]) => void;
+                resizestop: (...args: any[]) => void;
+                rotatestop: (...args: any[]) => void;
+                rotating: (...args: any[]) => void;
+                selectstop: (...args: any[]) => void;
+                undo: (...args: any[]) => void;
+            }, string, {
+                activeElements: unknown[];
+                snapTracking: boolean;
+                zoom: number;
+                isDesign: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void)[] | (() => void);
+                created?: (() => void)[] | (() => void);
+                beforeMount?: (() => void)[] | (() => void);
+                mounted?: (() => void)[] | (() => void);
+                beforeUpdate?: (() => void)[] | (() => void);
+                updated?: (() => void)[] | (() => void);
+                activated?: (() => void)[] | (() => void);
+                deactivated?: (() => void)[] | (() => void);
+                beforeDestroy?: (() => void)[] | (() => void);
+                beforeUnmount?: (() => void)[] | (() => void);
+                destroyed?: (() => void)[] | (() => void);
+                unmounted?: (() => void)[] | (() => void);
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void)[] | ((e: import('vue').DebuggerEvent) => void);
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void)[] | ((e: import('vue').DebuggerEvent) => void);
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[] | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void);
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            activeElements: unknown[];
+            snapTracking: boolean;
+            zoom: number;
+            isDesign: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            activeElements: {
+                type: ArrayConstructor;
+                default: () => never[];
+            };
+            snapTracking: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            zoom: {
+                type: NumberConstructor;
+                default: number;
+            };
+            isDesign: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onArrows?: ((...args: any[]) => any) | undefined;
+            onClearselection?: ((...args: any[]) => any) | undefined;
+            onCopy?: ((...args: any[]) => any) | undefined;
+            onCut?: ((...args: any[]) => any) | undefined;
+            onDelete?: ((...args: any[]) => any) | undefined;
+            onDrop?: ((...args: any[]) => any) | undefined;
+            onMovestop?: ((...args: any[]) => any) | undefined;
+            onMoving?: ((...args: any[]) => any) | undefined;
+            onMovingItem?: ((...args: any[]) => any) | undefined;
+            onPaste?: ((...args: any[]) => any) | undefined;
+            onRedo?: ((...args: any[]) => any) | undefined;
+            onResizestop?: ((...args: any[]) => any) | undefined;
+            onRotatestop?: ((...args: any[]) => any) | undefined;
+            onRotating?: ((...args: any[]) => any) | undefined;
+            onSelectstop?: ((...args: any[]) => any) | undefined;
+            onUndo?: ((...args: any[]) => any) | undefined;
+        }>, "activeElements" | "isDesign" | "snapTracking" | "zoom"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        schema?: IObject[];
+    }> & Readonly<{
+        onMovingItem?: ((...args: any[]) => any) | undefined;
+        onUpdatePBarcodeWidth?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/es/components/label-design/header/test-var-modal.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
+import test_var_modal_vue_vue_type_script_setup_true_lang_default from "./test-var-modal.vue_vue_type_script_setup_true_lang.mjs";
+import './test-var-modal.vue_vue_type_style_index_0_scoped_972496bb_lang.css';/* empty css                                                                     */
+//#region src/components/label-design/header/test-var-modal.vue
+var test_var_modal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(test_var_modal_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-972496bb"]]);
+//#endregion
+export { test_var_modal_default as default };