@gct-paas/core-web 0.1.6-dev.8 → 6.0.0-dev.1

package/es/components/index.mjs

@@ -6,19 +6,34 @@ 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 "./monaco-editor/monaco-editor.mjs";
+import "./batch-select-list/batch-select-list.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 "./model-cascader/util.mjs";
+import "./model-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/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/stage/stage-canvas.vue.mjs";
+import "./label-design/modal/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";
-import "./BpmnRuntime/paas/paas-bpmn-runtime.vue.mjs";
-import "./BpmnRuntime/index.mjs";
 import "./I18nSelect/src/i18n-modal.vue.mjs";
 import "./I18nSelect/src/useI18nSelect.mjs";
 import "./I18nSelect/src/i18n-select-btn.vue.mjs";
@@ -30,12 +45,25 @@ 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";
 import "./select-user-modal/select-user-modal.vue.mjs";
 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/components/mr-vue/MrEl.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 import MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default from "./MrEl.vue_vue_type_script_setup_true_name_mr-el_lang.mjs";
-import './MrEl.vue_vue_type_style_index_0_scoped_abef86c9_lang.css';/* empty css                                                           */
+import './MrEl.vue_vue_type_style_index_0_scoped_371e4b06_lang.css';/* empty css                                                           */
 //#region src/components/label-design/components/mr-vue/MrEl.vue
-var MrEl_default = /* @__PURE__ */ _plugin_vue_export_helper_default(MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default, [["__scopeId", "data-v-abef86c9"]]);
+var MrEl_default = /* @__PURE__ */ _plugin_vue_export_helper_default(MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default, [["__scopeId", "data-v-371e4b06"]]);
 //#endregion
 export { MrEl_default as default };

package/es/components/label-design/components/mr-vue/MrEl.vue_vue_type_script_setup_true_name_mr-el_lang.mjs

@@ -1,17 +1,19 @@
 import { PRINT_ELE_TYPE } from "../../constants/CommonPrintElems.mjs";
 import { useDesigner } from "../../hooks/useDesigner.mjs";
 import { useProp } from "../../hooks/useProp.mjs";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, unref, vShow, withDirectives, withModifiers } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, vShow, withDirectives, withModifiers } from "vue";
+import { t } from "@gct-paas/core";
 //#region src/components/label-design/components/mr-vue/MrEl.vue?vue&type=script&setup=true&name=mr-el&lang.ts
 var _hoisted_1 = {
 	key: 1,
 	class: "page-wrap-desc"
 };
-var _hoisted_2 = {
+var _hoisted_2 = { class: "page-wrap-desc_text" };
+var _hoisted_3 = {
 	key: 3,
 	class: "selection-box--internal"
 };
-var _hoisted_3 = {
+var _hoisted_4 = {
 	key: 4,
 	class: "selection-box"
 };
@@ -117,8 +119,9 @@ var MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default = /* @__PURE__ *
 		/**针对线段需要做一些修正 */
 		const elTopNumber = computed(() => {
 			let top = parseFloat((props.top || 0) + "");
-			if (props.elem?.type === PRINT_ELE_TYPE.HORIZONTAL_LINE) {
-				const height = props.elem.height;
+			const element = props.elem;
+			if (element?.type === PRINT_ELE_TYPE.HORIZONTAL_LINE) {
+				const { height } = element;
 				top -= height / 2 - 1;
 			}
 			return top;
@@ -126,8 +129,9 @@ var MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default = /* @__PURE__ *
 		/**针对线段需要做一些修正 */
 		const elLeftNumber = computed(() => {
 			let left = parseFloat((props.left || 0) + "");
-			if (props.elem?.type === PRINT_ELE_TYPE.VERTICAL_LINE) {
-				const width = props.elem.width;
+			const element = props.elem;
+			if (element?.type === PRINT_ELE_TYPE.VERTICAL_LINE) {
+				const { width } = element;
 				left -= width / 2 - 1;
 			}
 			return left;
@@ -179,21 +183,21 @@ var MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default = /* @__PURE__ *
 				onMousedownCapture: [_cache[2] || (_cache[2] = withModifiers((e) => activatedHandler(e), ["meta", "stop"])), _cache[3] || (_cache[3] = withModifiers((e) => activatedHandler(e), ["ctrl", "stop"]))]
 			}, [
 				renderSlot(_ctx.$slots, "default", {}, void 0, true),
-				!unref(selectedItem)?.isEdit ? (openBlock(), createElementBlock("div", {
+				!props.elem?.isEdit ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					class: normalizeClass(["mr-mask", {
 						"mr-active": active.value,
 						"mr-hover": avtiveHover.value
 					}])
 				}, null, 2)) : createCommentVNode("", true),
-				_cache[5] || (_cache[5] = createElementVNode("div", {
+				_cache[4] || (_cache[4] = createElementVNode("div", {
 					class: "tag-handle",
 					style: { "display": "none" }
 				}, [createElementVNode("div", { class: "handle-body" }), createElementVNode("i", {
 					class: "font_family icon-ico-dzt",
 					"data-mr-rotate": "true"
 				})], -1)),
-				__props.name === "pageWrap" ? (openBlock(), createElementBlock("div", _hoisted_1, [..._cache[4] || (_cache[4] = [createElementVNode("div", { class: "page-wrap-desc_text" }, " 该区域无法直接编辑，请在页面列表中点击前往相应的子页面编辑内容。 ", -1)])])) : createCommentVNode("", true),
+				__props.name === "pageWrap" ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("sys.printDesigner.pageWrapDesc")), 1)])) : createCommentVNode("", true),
 				resizable.value ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.handles, (handle) => {
 					return withDirectives((openBlock(), createElementBlock("div", {
 						key: handle,
@@ -205,7 +209,7 @@ var MrEl_vue_vue_type_script_setup_true_name_mr_el_lang_default = /* @__PURE__ *
 						key: item + index,
 						class: normalizeClass(["unhandle", `un-${item}`])
 					}, null, 2)), [[vShow, active.value]]);
-				}), 128)) : createCommentVNode("", true)], 64)) : __props.internal ? withDirectives((openBlock(), createElementBlock("div", _hoisted_2, null, 512)), [[vShow, active.value]]) : withDirectives((openBlock(), createElementBlock("div", _hoisted_3, null, 512)), [[vShow, active.value]])
+				}), 128)) : createCommentVNode("", true)], 64)) : __props.internal ? withDirectives((openBlock(), createElementBlock("div", _hoisted_3, null, 512)), [[vShow, active.value]]) : withDirectives((openBlock(), createElementBlock("div", _hoisted_4, null, 512)), [[vShow, active.value]])
 			], 38);
 		};
 	}

package/es/components/label-design/components/mr-vue/{MrEl.vue_vue_type_style_index_0_scoped_abef86c9_lang.css → MrEl.vue_vue_type_style_index_0_scoped_371e4b06_lang.css}

@@ -62,80 +62,80 @@
  *   }
  */
 /* stylelint-disable scss/no-global-function-names */
-.mr-el[data-v-abef86c9] {
+.mr-el[data-v-371e4b06] {
   position: absolute;
   box-sizing: border-box;
   border: 1px solid transparent;
 }
-.mr-el .mr-mask[data-v-abef86c9] {
+.mr-el .mr-mask[data-v-371e4b06] {
   position: absolute;
   top: -1px;
   left: -1px;
   width: calc(100% + 2px);
   height: calc(100% + 2px);
 }
-.mr-el .mr-mask[data-v-abef86c9]:hover {
+.mr-el .mr-mask[data-v-371e4b06]:hover {
   border: 1px dashed var(--ant-primary-color);
   background: rgba(var(--ant-primary-color), 0.16);
   background-color: color-mix(in srgb, var(--ant-primary-color) 16%, transparent);
 }
-.mr-el .mr-mask.mr-hover[data-v-abef86c9] {
+.mr-el .mr-mask.mr-hover[data-v-371e4b06] {
   border: 1px dashed var(--ant-primary-color);
   background: rgba(var(--ant-primary-color), 0.16);
   background-color: color-mix(in srgb, var(--ant-primary-color) 16%, transparent);
 }
-.mr-el .mr-mask.mr-active[data-v-abef86c9]:hover {
+.mr-el .mr-mask.mr-active[data-v-371e4b06]:hover {
   border-color: transparent;
   background: transparent;
 }
-.mr-el[data-v-abef86c9] .icon-next {
+.mr-el[data-v-371e4b06] .icon-next {
   height: 100%;
 }
-.mr-el[data-v-abef86c9] .icon-next svg {
+.mr-el[data-v-371e4b06] .icon-next svg {
   width: 100%;
   height: 100%;
 }
-.mr-el .moveIcon[data-v-abef86c9] {
+.mr-el .moveIcon[data-v-371e4b06] {
   position: absolute;
   color: #409eff;
   text-align: center;
 }
-.posTop[data-v-abef86c9] {
+.posTop[data-v-371e4b06] {
   top: -20px;
   left: 6px;
 }
-.posBottom[data-v-abef86c9] {
+.posBottom[data-v-371e4b06] {
   bottom: -20px;
   left: 6px;
 }
-.posRotTop[data-v-abef86c9] {
+.posRotTop[data-v-371e4b06] {
   bottom: 6px;
   left: -20px;
 }
-.posRotBottom[data-v-abef86c9] {
+.posRotBottom[data-v-371e4b06] {
   right: -20px;
   bottom: 6px;
 }
-.mr-el[data-v-abef86c9]:hover {
+.mr-el[data-v-371e4b06]:hover {
   cursor: move;
 }
-.mr-el.internal[data-v-abef86c9]:hover {
+.mr-el.internal[data-v-371e4b06]:hover {
   cursor: initial;
 }
-.mr-el[data-v-abef86c9] > * {
+.mr-el[data-v-371e4b06] > * {
   position: absolute;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   margin: 0;
 }
-.selection-box[data-v-abef86c9] {
+.selection-box[data-v-371e4b06] {
   border: 2px solid var(--ant-primary-color);
 }
-.selection-box--internal[data-v-abef86c9] {
+.selection-box--internal[data-v-371e4b06] {
   border: 2px solid #999;
 }
-.tag-mark[data-v-abef86c9] {
+.tag-mark[data-v-371e4b06] {
   position: absolute;
   top: 0;
   left: 0;
@@ -144,14 +144,14 @@
   line-height: 16px;
   text-align: center;
 }
-.tag-val-wrap[data-v-abef86c9] {
+.tag-val-wrap[data-v-371e4b06] {
   display: flex;
   align-items: center;
   width: 100%;
   height: 100%;
   background-color: transparent;
 }
-.tab-list[data-v-abef86c9] {
+.tab-list[data-v-371e4b06] {
   left: -80px;
   width: auto;
   height: auto;
@@ -159,7 +159,7 @@
   border: 1px solid rgb(202, 202, 202);
   border-right: none;
 }
-.tab-item[data-v-abef86c9] {
+.tab-item[data-v-371e4b06] {
   display: block;
   width: 80px;
   height: 25px;
@@ -169,17 +169,17 @@
   text-align: center;
   cursor: pointer;
 }
-.tab-item[data-v-abef86c9]:not(:first-child) {
+.tab-item[data-v-371e4b06]:not(:first-child) {
   border-top: 1px solid rgb(202, 202, 202);
 }
-.tab-item[data-v-abef86c9]:hover {
+.tab-item[data-v-371e4b06]:hover {
   background-color: #2473ce;
   color: #fff;
 }
-.tab-item.selected[data-v-abef86c9] {
+.tab-item.selected[data-v-371e4b06] {
   color: #2473ce;
 }
-.handle[data-v-abef86c9] {
+.handle[data-v-371e4b06] {
   position: absolute;
   z-index: 6;
   box-sizing: border-box;
@@ -187,13 +187,13 @@
   height: 8px;
   font-size: 1px;
 }
-.tl[data-v-abef86c9] {
+.tl[data-v-371e4b06] {
   top: -3px;
   left: -3px;
   background: var(--ant-primary-color);
   cursor: nwse-resize;
 }
-.mt[data-v-abef86c9] {
+.mt[data-v-371e4b06] {
   top: 0;
   width: 100%;
   border-width: 2px;
@@ -202,13 +202,13 @@
   border-color: var(--ant-primary-color);
   cursor: ns-resize;
 }
-.tr[data-v-abef86c9] {
+.tr[data-v-371e4b06] {
   top: -3px;
   right: -3px;
   background: var(--ant-primary-color);
   cursor: nesw-resize;
 }
-.mr[data-v-abef86c9] {
+.mr[data-v-371e4b06] {
   top: 0;
   right: 0;
   height: 100%;
@@ -218,13 +218,13 @@
   border-color: var(--ant-primary-color);
   cursor: ew-resize;
 }
-.br[data-v-abef86c9] {
+.br[data-v-371e4b06] {
   right: -3px;
   bottom: -3px;
   background: var(--ant-primary-color);
   cursor: nwse-resize;
 }
-.mb[data-v-abef86c9] {
+.mb[data-v-371e4b06] {
   bottom: 0;
   width: 100%;
   border-width: 2px;
@@ -233,13 +233,13 @@
   border-color: var(--ant-primary-color);
   cursor: ns-resize;
 }
-.bl[data-v-abef86c9] {
+.bl[data-v-371e4b06] {
   bottom: -3px;
   left: -3px;
   background: var(--ant-primary-color);
   cursor: nesw-resize;
 }
-.ml[data-v-abef86c9] {
+.ml[data-v-371e4b06] {
   top: 0;
   left: 0;
   height: 100%;
@@ -249,35 +249,35 @@
   border-color: var(--ant-primary-color);
   cursor: ew-resize;
 }
-.tc[data-v-abef86c9] {
+.tc[data-v-371e4b06] {
   top: -3px;
   left: 50%;
   transform: translate(-50%);
   background: var(--ant-primary-color);
   cursor: ns-resize;
 }
-.bc[data-v-abef86c9] {
+.bc[data-v-371e4b06] {
   bottom: -3px;
   left: 50%;
   transform: translate(-50%);
   background: var(--ant-primary-color);
   cursor: ns-resize;
 }
-.lc[data-v-abef86c9] {
+.lc[data-v-371e4b06] {
   top: 50%;
   left: -3px;
   transform: translate(0, -50%);
   background: var(--ant-primary-color);
   cursor: ew-resize;
 }
-.rc[data-v-abef86c9] {
+.rc[data-v-371e4b06] {
   top: 50%;
   right: -3px;
   transform: translate(0, -50%);
   background: var(--ant-primary-color);
   cursor: ew-resize;
 }
-.unhandle[data-v-abef86c9] {
+.unhandle[data-v-371e4b06] {
   position: absolute;
   z-index: 6;
   box-sizing: border-box;
@@ -288,65 +288,65 @@
   border-color: var(--ant-primary-color);
   font-size: 1px;
 }
-.unhandle.un-mt[data-v-abef86c9] {
+.unhandle.un-mt[data-v-371e4b06] {
   top: 0;
   width: 100%;
   border-style: solid none none;
 }
-.unhandle.un-mb[data-v-abef86c9] {
+.unhandle.un-mb[data-v-371e4b06] {
   bottom: 0;
   width: 100%;
   border-style: none none solid;
 }
-.unhandle.un-ml[data-v-abef86c9] {
+.unhandle.un-ml[data-v-371e4b06] {
   top: 0;
   left: 0;
   height: 100%;
   border-style: none none none solid;
 }
-.unhandle.un-mr[data-v-abef86c9] {
+.unhandle.un-mr[data-v-371e4b06] {
   top: 0;
   right: 0;
   height: 100%;
   border-style: none solid none none;
 }
-.rotDiv .tl[data-v-abef86c9] {
+.rotDiv .tl[data-v-371e4b06] {
   cursor: nesw-resize;
 }
-.rotDiv .br[data-v-abef86c9] {
+.rotDiv .br[data-v-371e4b06] {
   cursor: nesw-resize;
 }
-.rotDiv .tr[data-v-abef86c9] {
+.rotDiv .tr[data-v-371e4b06] {
   cursor: nwse-resize;
 }
-.rotDiv .bl[data-v-abef86c9] {
+.rotDiv .bl[data-v-371e4b06] {
   cursor: nwse-resize;
 }
-.rotDiv .mt[data-v-abef86c9] {
+.rotDiv .mt[data-v-371e4b06] {
   cursor: ew-resize;
 }
-.rotDiv .mb[data-v-abef86c9] {
+.rotDiv .mb[data-v-371e4b06] {
   cursor: ew-resize;
 }
-.rotDiv .mr[data-v-abef86c9] {
+.rotDiv .mr[data-v-371e4b06] {
   cursor: ns-resize;
 }
-.rotDiv .ml[data-v-abef86c9] {
+.rotDiv .ml[data-v-371e4b06] {
   cursor: ns-resize;
 }
-.page-wrap-desc[data-v-abef86c9] {
+.page-wrap-desc[data-v-371e4b06] {
   display: flex;
   align-items: center;
   justify-content: center;
   /* background-color: #dcdcdc; */
 }
-.page-wrap-desc > div[data-v-abef86c9] {
+.page-wrap-desc > div[data-v-371e4b06] {
   width: 80%;
   color: #666;
   text-align: center;
   /* background-color: #dcdcdc; */
 }
-.event-handle[data-v-abef86c9] {
+.event-handle[data-v-371e4b06] {
   display: flex;
   top: 50%;
   left: -30px;
@@ -355,17 +355,17 @@
   height: 10px;
   margin-top: -5px;
 }
-.event-handle .icon-event2[data-v-abef86c9] {
+.event-handle .icon-event2[data-v-371e4b06] {
   color: #999;
   font-size: 24px;
   cursor: grab;
 }
-.event-handle .handle-body[data-v-abef86c9] {
+.event-handle .handle-body[data-v-371e4b06] {
   width: 20px;
   height: 2px;
   background-color: #999;
 }
-.tag-handle[data-v-abef86c9] {
+.tag-handle[data-v-371e4b06] {
   display: flex;
   top: 50%;
   right: -30px;
@@ -374,7 +374,7 @@
   height: 10px;
   margin-top: -5px;
 }
-.tag-handle i[data-v-abef86c9] {
+.tag-handle i[data-v-371e4b06] {
   display: block;
   width: 22px;
   height: 22px;
@@ -385,12 +385,12 @@
   line-height: 22px;
   text-align: center;
 }
-.tag-handle .handle-body[data-v-abef86c9] {
+.tag-handle .handle-body[data-v-371e4b06] {
   width: 6px;
   height: 2px;
   background-color: #999;
 }
-.rotate-handle[data-v-abef86c9] {
+.rotate-handle[data-v-371e4b06] {
   top: -36px;
   left: 50%;
   width: 24px;
@@ -399,10 +399,10 @@
   color: var(--ant-primary-color);
   cursor: grab;
 }
-.rotate-handle .icon-rotate[data-v-abef86c9] {
+.rotate-handle .icon-rotate[data-v-371e4b06] {
   font-size: 24px;
 }
-.modal-handle[data-v-abef86c9] {
+.modal-handle[data-v-371e4b06] {
   position: static;
   z-index: 5;
   height: 1px;

package/es/components/label-design/components/widgets/QrCode.vue.mjs

@@ -1,9 +1,9 @@
 import { __exportAll } from "../../../../_virtual/_rolldown/runtime.mjs";
 import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.mjs";
 import QrCode_vue_vue_type_script_setup_true_name_QR_CODE_lang_default from "./QrCode.vue_vue_type_script_setup_true_name_QR_CODE_lang.mjs";
-import './QrCode.vue_vue_type_style_index_0_scoped_61b471f2_lang.css';/* empty css                                                            */
+import './QrCode.vue_vue_type_style_index_0_scoped_2fb36afd_lang.css';/* empty css                                                            */
 //#region src/components/label-design/components/widgets/QrCode.vue
 var QrCode_exports = /* @__PURE__ */ __exportAll({ default: () => QrCode_default });
-var QrCode_default = /* @__PURE__ */ _plugin_vue_export_helper_default(QrCode_vue_vue_type_script_setup_true_name_QR_CODE_lang_default, [["__scopeId", "data-v-61b471f2"]]);
+var QrCode_default = /* @__PURE__ */ _plugin_vue_export_helper_default(QrCode_vue_vue_type_script_setup_true_name_QR_CODE_lang_default, [["__scopeId", "data-v-2fb36afd"]]);
 //#endregion
 export { QrCode_exports };

package/es/components/label-design/components/widgets/QrCode.vue_vue_type_script_setup_true_name_QR_CODE_lang.mjs

@@ -1,6 +1,7 @@
 import qrcode_default from "./images/qrcode.png.mjs";
 import gs1datamatrix_default from "./images/gs1datamatrix.png.mjs";
-import { createElementBlock, defineComponent, normalizeStyle, openBlock, ref } from "vue";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, nextTick, normalizeStyle, onMounted, openBlock, ref, vShow, watch, withDirectives } from "vue";
+import bwipjs from "bwip-js";
 //#region src/components/label-design/components/widgets/QrCode.vue?vue&type=script&setup=true&name=QR_CODE&lang.ts
 var _hoisted_1 = { class: "p-qrcode" };
 var QrCode_vue_vue_type_script_setup_true_name_QR_CODE_lang_default = /* @__PURE__ */ defineComponent({
@@ -13,10 +14,87 @@ var QrCode_vue_vue_type_script_setup_true_name_QR_CODE_lang_default = /* @__PURE
 		type: {
 			type: Object,
 			default: () => ({ value: "QR_CODE" })
+		},
+		content: {
+			type: Object,
+			default: () => ({
+				type: "text",
+				val: "QR Code Text",
+				var: ""
+			})
+		},
+		rowHeight: {
+			type: Object,
+			default: () => ({ val: 3 })
+		},
+		rows: {
+			type: Object,
+			default: () => ({ val: null })
+		},
+		columns: {
+			type: Object,
+			default: () => ({ val: null })
 		}
 	},
-	setup(__props) {
+	emits: ["qrcodeChange"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
 		const style = ref();
+		const canvasRef = ref();
+		watch(() => [
+			props.type.value,
+			props.content.value,
+			props.rows.value,
+			props.columns.value,
+			props.rowHeight.value
+		], () => {
+			createQrcode();
+		});
+		onMounted(() => {
+			createQrcode();
+		});
+		async function createQrcode() {
+			if (props.type.value !== "PDF_417") return;
+			await nextTick();
+			const canvas = canvasRef.value;
+			if (!canvas) return;
+			const content = props.content.value || "PDF417 Text";
+			try {
+				bwipjs.toCanvas(canvas, {
+					bcid: "pdf417",
+					text: content,
+					scale: 1,
+					rowmult: props.rowHeight.value ?? 3,
+					rows: props.rows.value ?? 0,
+					columns: props.columns.value ?? 0,
+					eclevel: 4,
+					paddingwidth: 2,
+					paddingheight: 1
+				});
+				syncCanvasDisplaySize();
+				await nextTick();
+				notifySizeChange();
+			} catch (err) {
+				console.warn(err);
+			}
+		}
+		/** 按 canvas 实际像素尺寸展示，避免被旧容器拉伸 */
+		function syncCanvasDisplaySize() {
+			const canvas = canvasRef.value;
+			if (!canvas) return;
+			canvas.style.width = `${canvas.width}px`;
+			canvas.style.height = `${canvas.height}px`;
+		}
+		/** canvas 无 load 事件，绘制完成后主动同步外层元素尺寸 */
+		function notifySizeChange() {
+			const canvas = canvasRef.value;
+			if (!canvas) return;
+			emit("qrcodeChange", {
+				width: canvas.width,
+				height: canvas.height
+			});
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", _hoisted_1, [__props.type.value == "QR_CODE" ? (openBlock(), createElementBlock("img", {
 				key: 0,
@@ -24,13 +102,17 @@ var QrCode_vue_vue_type_script_setup_true_name_QR_CODE_lang_default = /* @__PURE
 				alt: "qrcode",
 				class: "p-img-element",
 				style: normalizeStyle(style.value)
-			}, null, 4)) : (openBlock(), createElementBlock("img", {
+			}, null, 4)) : __props.type.value == "GS1_DATA_MATRIX" ? (openBlock(), createElementBlock("img", {
 				key: 1,
 				src: gs1datamatrix_default,
 				alt: "gs1datamatrix",
 				class: "p-img-element",
 				style: normalizeStyle(style.value)
-			}, null, 4))]);
+			}, null, 4)) : createCommentVNode("", true), withDirectives(createElementVNode("canvas", {
+				ref_key: "canvasRef",
+				ref: canvasRef,
+				class: "p-pdf417-canvas"
+			}, null, 512), [[vShow, __props.type.value == "PDF_417"]])]);
 		};
 	}
 });