super-page-runtime 2.3.17 → 2.3.18-tmp1

package/dist/lib/components/runtime/views/assemblys/container/tabs/tabs-runtime.vue2.js

@@ -0,0 +1,272 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+const index39f4c2e9 = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.1.58_@vue_29e6d749740d5c0a82211de8e577b320/node_modules/agilebuilder-ui/lib/index-39f4c2e9.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const index = require("../../../../../../node_modules/.pnpm/element-plus@2.10.5_vue@3.5.18_typescript@5.4.5_/node_modules/element-plus/es/components/tabs/index.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "tabs-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const activeName = Vue.ref("");
+    const hiddenPanes = Vue.ref([]);
+    props.configure.items.forEach((item) => {
+      if (!item.code) {
+        item.code = item.index;
+      }
+    });
+    activeName.value = props.configure.props.defaultOpen ? props.configure.props.defaultOpen : 1;
+    const thisRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    Vue.watch(
+      hiddenPanes,
+      (newVal) => {
+        if (newVal && newVal.length > 0) {
+          newVal.forEach((paneName) => {
+            const paneElement = document.getElementById("tab-" + paneName);
+            if (paneElement) {
+              paneElement.style.display = "none";
+            }
+          });
+        } else {
+          props.configure.items.forEach((item) => {
+            const paneElement = document.getElementById("tab-" + item.code);
+            if (paneElement) {
+              paneElement.style.display = "";
+            }
+          });
+        }
+      },
+      { deep: true }
+    );
+    function beforeLeave(activeName2, oldActiveName) {
+      return eventUtil.handleEvent(activeName2, props.pageContext, props.configure, "before-leave", { activeName: activeName2, oldActiveName }) ?? true;
+    }
+    function tabClick(pane, ev) {
+      const params = {
+        pane,
+        ev
+      };
+      const activeTab = pane.paneName;
+      props.pageContext.activeTab = activeTab;
+      props.pageContext.activeLabel = params.label;
+      return eventUtil.handleEvent(activeTab, props.pageContext, props.configure, "tab-click", params);
+    }
+    function tabChange(paneName) {
+      const params = {
+        paneName
+      };
+      props.pageContext.activeTab = paneName;
+      return eventUtil.handleEvent(paneName, props.pageContext, props.configure, "tab-change", params);
+    }
+    function tabRemove(paneName) {
+      const params = {
+        paneName
+      };
+      const result = eventUtil.handleEvent(paneName, props.pageContext, props.configure, "tab-remove", params);
+      if (pageHelperUtil.isPromise(result)) {
+        result.then((res) => {
+          if (res !== false) {
+            handleTabRemove(paneName);
+          }
+        });
+      } else {
+        if (result !== false) {
+          handleTabRemove(paneName);
+        }
+      }
+    }
+    function handleTabRemove(paneName) {
+      if (activeName.value === paneName) {
+        props.configure.items.forEach((tab, index2) => {
+          if (tab.code === paneName) {
+            const nextTab = props.configure.items[index2 + 1] || props.configure.items[index2 - 1];
+            if (nextTab && nextTab.code !== void 0) {
+              activeName.value = nextTab.code;
+            }
+          }
+        });
+      }
+      if (!hiddenPanes.value.includes(paneName)) {
+        hiddenPanes.value.push(paneName);
+      }
+    }
+    function tabAdd() {
+      return eventUtil.handleEvent(null, props.pageContext, props.configure, "tab-add");
+    }
+    function tabEdit(paneName, action) {
+      const params = {
+        paneName,
+        action
+      };
+      return eventUtil.handleEvent(paneName, props.pageContext, props.configure, "edit", params);
+    }
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        let tabsDom = [];
+        props.configure.items.forEach((item) => {
+          if (item.code) {
+            tabsDom.push(document.getElementById("tab-" + item.code));
+          }
+        });
+        eventUtil.handleAfterInitEvent(null, props.pageContext, props.configure, {
+          componentRef: thisRef.value,
+          tabsDom,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    function resetTab() {
+      const result = eventUtil.handleEvent(props.configure.items, props.pageContext, props.configure, "tab-reset");
+      if (pageHelperUtil.isPromise(result)) {
+        result.then((res) => {
+          hiddenPanes.value = [];
+        });
+      } else {
+        if (result !== false) {
+          hiddenPanes.value = [];
+        }
+      }
+    }
+    function showTabPanes(paneNames) {
+      if (Array.isArray(paneNames)) {
+        paneNames.forEach((paneName) => {
+          const index2 = hiddenPanes.value.indexOf(paneName);
+          if (index2 > -1) {
+            hiddenPanes.value.splice(index2, 1);
+          }
+        });
+      } else {
+        console.warn("showTabs expects an array of pane names.");
+      }
+    }
+    function hiddenTabPanes(paneNames) {
+      if (Array.isArray(paneNames)) {
+        const addHiddenPanes = [];
+        paneNames.forEach((paneName) => {
+          if (!hiddenPanes.value.includes(paneName)) {
+            addHiddenPanes.push(paneName);
+          }
+        });
+        if (addHiddenPanes.length > 0) {
+          hiddenPanes.value.push(...addHiddenPanes);
+        }
+      } else {
+        console.warn("hiddenTabs expects an array of pane names.");
+      }
+    }
+    function showTabPanesOnly(paneNames) {
+      const hiddenPaneNames = [];
+      props.configure.items.forEach((item) => {
+        if (!paneNames.includes(item.code)) {
+          hiddenPaneNames.push(item.code);
+        }
+      });
+      hiddenPanes.value = [...new Set(hiddenPaneNames)];
+    }
+    function hiddenTabPanesOnly(paneNames) {
+      const hiddenPaneNames = [];
+      props.configure.items.forEach((item) => {
+        if (paneNames.includes(item.code)) {
+          hiddenPaneNames.push(item.code);
+        }
+      });
+      hiddenPanes.value = [...new Set(hiddenPaneNames)];
+    }
+    __expose({
+      thisRef,
+      activeName,
+      hiddenPanes,
+      resetTab,
+      hiddenTabPanes,
+      showTabPanes,
+      showTabPanesOnly,
+      hiddenTabPanesOnly
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = Vue.resolveComponent("el-button");
+      return Vue.openBlock(), Vue.createBlock(Vue.unref(index.ElTabs), {
+        ref_key: "thisRef",
+        ref: thisRef,
+        modelValue: activeName.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => activeName.value = $event),
+        type: _ctx.configure.props.cardType,
+        "tab-position": _ctx.configure.props.tabPosition,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle)),
+        class: Vue.normalizeClass([Vue.unref(runtimeClass), "runtime-page-container-tabs-view"]),
+        closable: _ctx.configure.props.closable,
+        "before-leave": beforeLeave,
+        onTabClick: tabClick,
+        onTabChange: tabChange,
+        onTabRemove: tabRemove,
+        onTabAdd: tabAdd,
+        onEdit: tabEdit
+      }, {
+        default: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(props.configure.items, (item, index$1) => {
+            return Vue.openBlock(), Vue.createBlock(Vue.unref(index.ElTabPane), {
+              key: index$1,
+              label: item.label,
+              name: item.code,
+              lazy: !!_ctx.configure.props.lazy
+            }, {
+              label: Vue.withCtx(() => [
+                item.iconType && item.iconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index39f4c2e9.aM), {
+                  key: 0,
+                  iconType: item.iconType,
+                  iconValue: item.iconValue,
+                  style: { "margin-right": "2px" }
+                }, null, 8, ["iconType", "iconValue"])) : Vue.createCommentVNode("", true),
+                Vue.createElementVNode("span", {
+                  style: Vue.normalizeStyle(Vue.unref(headerStyle))
+                }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(item.label)), 5)
+              ]),
+              default: Vue.withCtx(() => [
+                (_ctx.configure.props.isFullyRendered ?? true) || item.code === activeName.value ? (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, { key: 0 }, Vue.renderList(item.items, (element) => {
+                  return Vue.openBlock(), Vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+                    key: element.uuid,
+                    pageContext: _ctx.pageContext,
+                    configure: element
+                  }, null, 8, ["pageContext", "configure"]);
+                }), 128)) : Vue.createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1032, ["label", "name", "lazy"]);
+          }), 128)),
+          _ctx.configure.props.resetable ? (Vue.openBlock(), Vue.createBlock(Vue.unref(index.ElTabPane), {
+            key: 0,
+            disabled: "",
+            name: "-1"
+          }, {
+            label: Vue.withCtx(() => [
+              _ctx.configure.props.resetable ? (Vue.openBlock(), Vue.createBlock(_component_el_button, {
+                key: 0,
+                type: "text",
+                circle: "",
+                onClick: Vue.withModifiers(resetTab, ["stop"])
+              }, {
+                default: Vue.withCtx(() => [
+                  Vue.createTextVNode(Vue.toDisplayString(_ctx.configure.props.resetButtonName || "重置"), 1)
+                ]),
+                _: 1
+              })) : Vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          })) : Vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["modelValue", "type", "tab-position", "style", "class", "closable"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/container/tools/tools-runtime.vue.js

@@ -0,0 +1,6 @@
+"use strict";
+const toolsRuntime_vue_vue_type_script_setup_true_lang = require("./tools-runtime.vue2.js");
+;/* empty css                    */
+const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.js");
+const toolsRuntime = /* @__PURE__ */ _pluginVue_exportHelper(toolsRuntime_vue_vue_type_script_setup_true_lang, [["__scopeId", "data-v-03be39c3"]]);
+module.exports = toolsRuntime;

package/dist/lib/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -0,0 +1,144 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const YxAffix = require("../fixed/YxAffix.vue.js");
+const FixedBox = require("../fixed/FixedBox.vue.js");
+const _hoisted_1 = {
+  "data-v": "1.0.0",
+  class: "amb-widget-tools-parent"
+};
+const _hoisted_2 = {
+  "data-v": "1.0.0",
+  class: "amb-widget-tools-parent"
+};
+const _hoisted_3 = {
+  key: 2,
+  "data-v": "1.0.0",
+  class: "amb-widget-tools-parent"
+};
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "tools-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ?? {};
+    const runtimeClass = runtimeInfo.class;
+    const configureProps = Vue.computed(() => {
+      return props.configure.props;
+    });
+    const isShowRender = Vue.computed(() => {
+      var _a, _b;
+      return !!((_b = (_a = props.configure) == null ? void 0 : _a.items) == null ? void 0 : _b.length);
+    });
+    const runtimeStyle = Vue.computed(() => {
+      const { gap } = configureProps.value ?? {};
+      return {
+        backgroundColor: "#fff",
+        ...gap ? { gap: `${gap}px` } : {},
+        ...runtimeInfo.style ?? {}
+      };
+    });
+    const isAffix = Vue.computed(() => {
+      var _a, _b, _c;
+      if ([(_a = configureProps.value) == null ? void 0 : _a.isAffix, (_b = configureProps.value) == null ? void 0 : _b.isFixed].every((v) => v === void 0)) return true;
+      return (_c = configureProps.value) == null ? void 0 : _c.isAffix;
+    });
+    const isFixed = Vue.computed(() => {
+      var _a;
+      return (_a = configureProps.value) == null ? void 0 : _a.isFixed;
+    });
+    const position = Vue.computed(() => {
+      var _a, _b;
+      if (["top"].includes((_a = configureProps.value) == null ? void 0 : _a.position)) return "top";
+      if (["bottom"].includes((_b = configureProps.value) == null ? void 0 : _b.position)) return "bottom";
+      return void 0;
+    });
+    const offset = Vue.computed(() => {
+      var _a;
+      return ((_a = configureProps.value) == null ? void 0 : _a.offset) ?? 0;
+    });
+    Vue.onMounted(() => {
+      Vue.nextTick(() => {
+        eventUtil.handleAfterInitEvent(null, props.pageContext, props.configure, {
+          componentRef: thisRef.value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    Vue.onUnmounted(() => {
+    });
+    return (_ctx, _cache) => {
+      return isFixed.value && isShowRender.value ? (Vue.openBlock(), Vue.createBlock(FixedBox, {
+        key: 0,
+        position: position.value,
+        offset: offset.value
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", _hoisted_1, [
+            Vue.createElementVNode("div", {
+              class: Vue.normalizeClass(["amb-widget-container-tool amb-widget-tools", Vue.unref(runtimeClass)]),
+              style: Vue.normalizeStyle(runtimeStyle.value),
+              ref_key: "thisRef",
+              ref: thisRef
+            }, [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(props.configure.items, (element) => {
+                return Vue.openBlock(), Vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+                  pageContext: props.pageContext,
+                  configure: element,
+                  key: element.uuid
+                }, null, 8, ["pageContext", "configure"]);
+              }), 128))
+            ], 6)
+          ])
+        ]),
+        _: 1
+      }, 8, ["position", "offset"])) : isAffix.value && isShowRender.value ? (Vue.openBlock(), Vue.createBlock(YxAffix, {
+        key: 1,
+        position: position.value,
+        offset: offset.value
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.createElementVNode("div", _hoisted_2, [
+            Vue.createElementVNode("div", {
+              class: Vue.normalizeClass(["amb-widget-container-tool amb-widget-tools", Vue.unref(runtimeClass)]),
+              style: Vue.normalizeStyle(runtimeStyle.value),
+              ref_key: "thisRef",
+              ref: thisRef
+            }, [
+              (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(props.configure.items, (element) => {
+                return Vue.openBlock(), Vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+                  pageContext: props.pageContext,
+                  configure: element,
+                  key: element.uuid
+                }, null, 8, ["pageContext", "configure"]);
+              }), 128))
+            ], 6)
+          ])
+        ]),
+        _: 1
+      }, 8, ["position", "offset"])) : isShowRender.value ? (Vue.openBlock(), Vue.createElementBlock("div", _hoisted_3, [
+        Vue.createElementVNode("div", {
+          class: Vue.normalizeClass(["amb-widget-container-tool amb-widget-tools", Vue.unref(runtimeClass)]),
+          style: Vue.normalizeStyle(runtimeStyle.value),
+          ref_key: "thisRef",
+          ref: thisRef
+        }, [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(props.configure.items, (element) => {
+            return Vue.openBlock(), Vue.createBlock(objectRender_vue_vue_type_script_setup_true_lang, {
+              pageContext: props.pageContext,
+              configure: element,
+              key: element.uuid
+            }, null, 8, ["pageContext", "configure"]);
+          }), 128))
+        ], 6)
+      ])) : Vue.createCommentVNode("", true);
+    };
+  }
+});
+module.exports = _sfc_main;

package/dist/lib/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue.js

@@ -0,0 +1,3 @@
+"use strict";
+const barcodeRuntime_vue_vue_type_script_setup_true_lang = require("./barcode-runtime.vue2.js");
+module.exports = barcodeRuntime_vue_vue_type_script_setup_true_lang;

package/dist/lib/components/runtime/views/assemblys/data/bar-code/barcode-runtime.vue2.js

@@ -0,0 +1,184 @@
+"use strict";
+const Vue = require("vue");
+require("../../../../../../node_modules/.pnpm/qrcode@1.5.4/node_modules/qrcode/lib/browser.js");
+const JsBarcode = require("../../../../../../_virtual/JsBarcode.js");
+const pageInitUtil = require("../../../../utils/page-init-util.js");
+const barcodeUtil = require("../../../../utils/barcode-util.js");
+const pageHelperUtil = require("../../../../utils/page-helper-util.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const request = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.1.58_@vue_29e6d749740d5c0a82211de8e577b320/node_modules/agilebuilder-ui/src/utils/request.js");
+const i18nUtil = require("../../../../utils/i18n-util.js");
+const browser = require("../../../../../../_virtual/browser.js");
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "barcode-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = pageInitUtil.getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = Vue.computed({
+      get() {
+        return pageHelperUtil.getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+      }
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = Vue.ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const qrUrl = Vue.ref("");
+    const barcode = Vue.ref(null);
+    const barcodeFormat = Vue.ref(designProperty.value.brCodeFormat ?? "CODE128");
+    const watchVariableNames = Vue.ref([]);
+    Vue.onMounted(() => {
+      if (designProperty.value.generateRule) {
+        if (designProperty.value.generateRuleType === "fixed") {
+          handleFixedFormat();
+        } else {
+          handleSelectedRule();
+        }
+      }
+      if (dynamicModelMethod.value) {
+        createCode(dynamicModelMethod.value);
+      }
+    });
+    function getValue() {
+      return pageHelperUtil.getVariableValue(entity, dynamicFields);
+    }
+    function setValue(value) {
+      return pageHelperUtil.setVariableValue(entity, dynamicFields, value);
+    }
+    function handleFixedFormat() {
+      watchVariableNames.value = Array.from(
+        designProperty.value.generateRule.matchAll(/\$\{(\w+)\}/g),
+        (m) => m[1]
+      );
+      watchVariableNames.value.forEach((name) => {
+        Vue.watch(
+          () => props.pageContext.entity.data[name],
+          (newValue, oldValue) => {
+            if (newValue !== void 0 && newValue !== null) {
+              generateFixedFormatCode();
+            }
+          }
+        );
+      });
+    }
+    function handleSelectedRule() {
+      request.get(
+        window["$vueApp"].config.globalProperties.baseAPI + "/dc/setting-barcode-models/by-code/" + designProperty.value.generateRule
+      ).then((res) => {
+        const rule = JSON.parse(res.barcodeModelItems);
+        rule.forEach((item) => {
+          if (item.propDbName !== "-1" && item.propDbName !== -1) {
+            watchVariableNames.value.push(item.propDbName);
+            Vue.watch(
+              () => props.pageContext.entity.data[item.propDbName],
+              (newValue, oldValue) => {
+                if (newValue !== void 0 && newValue !== null) {
+                  const codeValue = barcodeUtil.generateCodeByRule(rule, props.pageContext.entity.data);
+                  if (codeValue) {
+                    generateCode(codeValue);
+                  }
+                }
+              }
+            );
+          }
+        });
+      }).catch((error) => {
+        console.error("获取条码规则失败:", error);
+      });
+    }
+    function generateFixedFormatCode() {
+      let allVariablesPresent = true;
+      watchVariableNames.value.forEach((name) => {
+        if (!props.pageContext.entity.data[name]) {
+          allVariablesPresent = false;
+          return;
+        }
+      });
+      if (allVariablesPresent) {
+        let barCodeValue = replaceVariables(
+          designProperty.value.generateRule,
+          props.pageContext.entity.data
+        );
+        generateCode(barCodeValue);
+      }
+    }
+    function generateCode(value) {
+      createCode(value);
+      setValue(value);
+      eventUtil.handleEvent(value, props.pageContext, props.configure, "change", {
+        entity
+      });
+    }
+    function createCode(value) {
+      if (designProperty.value.type === "QR-code") {
+        createQrCode(value);
+      } else {
+        createBarCode(value);
+      }
+    }
+    function createBarCode(codeValue) {
+      try {
+        JsBarcode(barcode.value, codeValue, { format: barcodeFormat.value });
+      } catch (error) {
+        console.error("生成条形码时发生错误:", error);
+      }
+    }
+    function createQrCode(codeValue) {
+      browser.__exports.toDataURL(codeValue, (err, url) => {
+        if (err) {
+          console.error(err);
+        } else {
+          qrUrl.value = url;
+        }
+      });
+    }
+    function replaceVariables(template, variables) {
+      const regex = /\$\{(\w+)\}/g;
+      return template.replace(regex, (match, keyword) => {
+        return variables.hasOwnProperty(keyword) ? variables[keyword] : match;
+      });
+    }
+    __expose({
+      getValue,
+      setValue
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form_item = Vue.resolveComponent("el-form-item");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form_item, {
+        required: designProperty.value.required ? true : false,
+        class: Vue.normalizeClass(Vue.unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, {
+        label: Vue.withCtx(() => [
+          designProperty.value.tittleShow ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            style: Vue.normalizeStyle({ ...Vue.unref(headerStyle) })
+          }, Vue.toDisplayString(Vue.unref(i18nUtil.$t)(designProperty.value.title)), 5)) : Vue.createCommentVNode("", true)
+        ]),
+        default: Vue.withCtx(() => [
+          designProperty.value.type === "QR-code" ? (Vue.openBlock(), Vue.createElementBlock("img", {
+            key: 0,
+            src: qrUrl.value
+          }, null, 8, _hoisted_1)) : (Vue.openBlock(), Vue.createElementBlock("canvas", {
+            key: 1,
+            ref_key: "barcode",
+            ref: barcode
+          }, null, 512))
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
+module.exports = _sfc_main;