super-page-runtime 2.2.26 → 2.2.29-tmp2

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

@@ -1,41 +1,130 @@
-import { defineComponent as e, ref as t, onMounted as n, nextTick as o, createBlock as a, openBlock as i, unref as l, normalizeClass as u, normalizeStyle as r, withCtx as c, createElementBlock as p, Fragment as s, renderList as g, createElementVNode as f, createCommentVNode as m, toDisplayString as d } from "vue";
-import { ElTabs as b, ElTabPane as y } from "element-plus";
-import x from "../../object-render.vue.js";
-import { SuperIcon as C } from "agilebuilder-ui";
-import { handleAfterInitEvent as v, handleEvent as T } from "../../../../utils/events/event-util.js";
-import { $t as h } from "../../../../utils/i18n-util.js";
-const V = e({ __name: "tabs-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const V2 = e2, k = t(null);
-  k.value = V2.configure.props.defaultOpen ? V2.configure.props.defaultOpen : 1;
-  const _ = t(null), j = V2.configure.runtime ? V2.configure.runtime : {}, N = j.style, R = j.class, D = j.headerStyle;
-  function E(e3, t2) {
-    const n2 = { pane: e3, ev: t2 }, o2 = e3.paneName;
-    return V2.pageContext.activeTab = o2, V2.pageContext.activeLabel = n2.label, T(o2, V2.pageContext, V2.configure, "tab-click", n2);
-  }
-  function O(e3) {
-    const t2 = { paneName: e3 };
-    return V2.pageContext.activeTab = e3, T(e3, V2.pageContext, V2.configure, "tab-change", t2);
-  }
-  function S(e3) {
-    const t2 = { paneName: e3 };
-    return T(e3, V2.pageContext, V2.configure, "tab-remove", t2);
-  }
-  function q() {
-    return T(null, V2.pageContext, V2.configure, "tab-add");
-  }
-  function A(e3, t2) {
-    const n2 = { paneName: e3, action: t2 };
-    return T(e3, V2.pageContext, V2.configure, "edit", n2);
-  }
-  return n(() => {
-    o(() => {
-      let e3 = [];
-      V2.configure.items.forEach((t2) => {
-        t2.code && e3.push(document.querySelector("." + t2.code));
-      }), v(null, V2.pageContext, V2.configure, { componentRef: _.value, tabsDom: e3, entity: V2.pageContext.entity.data, pageData: V2.pageContext.entity.page });
+import { defineComponent, ref, onMounted, nextTick, createBlock, openBlock, unref, normalizeClass, normalizeStyle, withCtx, createElementBlock, Fragment, renderList, createElementVNode, createCommentVNode, toDisplayString } from "vue";
+import { ElTabs, ElTabPane } from "element-plus";
+import _sfc_main$1 from "../../object-render.vue.js";
+import { SuperIcon } from "agilebuilder-ui";
+import { handleAfterInitEvent, handleEvent } from "../../../../utils/events/event-util.js";
+import { $t } from "../../../../utils/i18n-util.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tabs-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const activeName = ref(null);
+    activeName.value = props.configure.props.defaultOpen ? props.configure.props.defaultOpen : 1;
+    const thisRef = ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    function tabClick(pane, ev) {
+      const params = {
+        pane,
+        ev
+      };
+      const activeTab = pane.paneName;
+      props.pageContext.activeTab = activeTab;
+      props.pageContext.activeLabel = params.label;
+      return handleEvent(activeTab, props.pageContext, props.configure, "tab-click", params);
+    }
+    function tabChange(paneName) {
+      const params = {
+        paneName
+      };
+      props.pageContext.activeTab = paneName;
+      return handleEvent(paneName, props.pageContext, props.configure, "tab-change", params);
+    }
+    function tabRemove(paneName) {
+      const params = {
+        paneName
+      };
+      return handleEvent(paneName, props.pageContext, props.configure, "tab-remove", params);
+    }
+    function tabAdd() {
+      return handleEvent(null, props.pageContext, props.configure, "tab-add");
+    }
+    function tabEdit(paneName, action) {
+      const params = {
+        paneName,
+        action
+      };
+      return handleEvent(paneName, props.pageContext, props.configure, "edit", params);
+    }
+    onMounted(() => {
+      nextTick(() => {
+        let tabsDom = [];
+        props.configure.items.forEach((item) => {
+          if (item.code) {
+            tabsDom.push(document.querySelector("." + item.code));
+          }
+        });
+        handleAfterInitEvent(null, props.pageContext, props.configure, {
+          componentRef: thisRef.value,
+          tabsDom,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
     });
-  }), (e3, t2) => (i(), a(l(b), { ref_key: "thisRef", ref: _, modelValue: k.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => k.value = e4), type: e3.configure.props.cardType, "tab-position": e3.configure.props.tabPosition, style: r(l(N)), class: u(l(R)), onTabClick: E, onTabChange: O, onTabRemove: S, onTabAdd: q, onEdit: A }, { default: c(() => [(i(true), p(s, null, g(e3.configure.items, (t3, n2) => (i(), a(l(y), { label: t3.label, name: t3.index }, { label: c(() => [f("span", { class: u(t3.code) }, [t3.iconType && t3.iconValue ? (i(), a(l(C), { key: 0, iconType: t3.iconType, iconValue: t3.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : m("", true), f("span", { style: r(l(D)) }, d(l(h)(t3.label)), 5)], 2)]), default: c(() => [f("div", null, [(i(true), p(s, null, g(t3.items, (t4, n3) => (i(), a(x, { key: t4.uuid, pageContext: e3.pageContext, configure: t4 }, null, 8, ["pageContext", "configure"]))), 128))])]), _: 2 }, 1032, ["label", "name"]))), 256))]), _: 1 }, 8, ["modelValue", "type", "tab-position", "style", "class"]));
-} });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(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: normalizeStyle(unref(runtimeStyle)),
+        class: normalizeClass(unref(runtimeClass)),
+        onTabClick: tabClick,
+        onTabChange: tabChange,
+        onTabRemove: tabRemove,
+        onTabAdd: tabAdd,
+        onEdit: tabEdit
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.configure.items, (item, index) => {
+            return openBlock(), createBlock(unref(ElTabPane), {
+              label: item.label,
+              name: item.index
+            }, {
+              label: withCtx(() => [
+                createElementVNode("span", {
+                  class: normalizeClass(item.code)
+                }, [
+                  item.iconType && item.iconValue ? (openBlock(), createBlock(unref(SuperIcon), {
+                    key: 0,
+                    iconType: item.iconType,
+                    iconValue: item.iconValue,
+                    style: { "margin-right": "2px" }
+                  }, null, 8, ["iconType", "iconValue"])) : createCommentVNode("", true),
+                  createElementVNode("span", {
+                    style: normalizeStyle(unref(headerStyle))
+                  }, toDisplayString(unref($t)(item.label)), 5)
+                ], 2)
+              ]),
+              default: withCtx(() => [
+                createElementVNode("div", null, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(item.items, (element, itemIndex) => {
+                    return openBlock(), createBlock(_sfc_main$1, {
+                      key: element.uuid,
+                      pageContext: _ctx.pageContext,
+                      configure: element
+                    }, null, 8, ["pageContext", "configure"]);
+                  }), 128))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "name"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "type", "tab-position", "style", "class"]);
+    };
+  }
+});
 export {
-  V as default
+  _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import o from "./tools-runtime.vue2.js";
+import _sfc_main from "./tools-runtime.vue2.js";
 export {
-  o as default
+  _sfc_main as default
 };

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

@@ -1,34 +1,82 @@
-import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, createElementBlock as a, openBlock as r, createElementVNode as s, normalizeStyle as u, normalizeClass as l, unref as p, Fragment as g, renderList as c, createBlock as f } from "vue";
-import d from "../../object-render.vue.js";
+import { defineComponent, ref, onMounted, nextTick, onUnmounted, createElementBlock, openBlock, createElementVNode, normalizeStyle, normalizeClass, unref, Fragment, renderList, createBlock } from "vue";
+import _sfc_main$1 from "../../object-render.vue.js";
 import "../../../../utils/global-refs.js";
-import { handleAfterInitEvent as m } from "../../../../utils/events/event-util.js";
-const v = { class: "amb-widget-tools-parent" }, x = e({ __name: "tools-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const x2 = e2, b = t(null), C = x2.configure.runtime ? x2.configure.runtime : {}, y = t(C.style ? C.style : {}), w = C.class;
-  return o(() => {
-    if (b.value && b.value.parentNode) {
-      new ResizeObserver((e3) => {
-        !function() {
-          if (b.value && b.value.parentNode) {
-            const e4 = x2.configure.props.position;
-            if ("top1" == e4 || "bottom1" == e4) {
-              const t2 = { position: "fixed !important", "z-index": "1" }, o2 = [b.value.parentNode];
-              if (o2 && o2.length > 0) {
-                const n3 = o2[0].getBoundingClientRect();
-                "top" == e4 && (t2.top = n3.top + "px"), "bottom" == e4 && (t2.bottom = "10px");
-              }
-              const n2 = b.value.parentNode.getBoundingClientRect();
-              t2.width = n2.width - 25 + "px", Object.assign(y.value, t2);
+import { handleAfterInitEvent } from "../../../../utils/events/event-util.js";
+const _hoisted_1 = { class: "amb-widget-tools-parent" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "tools-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const thisRef = ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = ref(runtimeInfo.style ? runtimeInfo.style : {});
+    const runtimeClass = runtimeInfo.class;
+    onMounted(() => {
+      if (thisRef.value && thisRef.value.parentNode) {
+        const resizeObserver2 = new ResizeObserver((entries) => {
+          caculatePositionStyle();
+        });
+        resizeObserver2.observe(thisRef.value.parentNode);
+      }
+      nextTick(() => {
+        handleAfterInitEvent(null, props.pageContext, props.configure, {
+          componentRef: thisRef.value,
+          entity: props.pageContext.entity.data,
+          pageData: props.pageContext.entity.page
+        });
+      });
+    });
+    onUnmounted(() => {
+    });
+    function caculatePositionStyle() {
+      if (thisRef.value && thisRef.value.parentNode) {
+        const thisProps = props.configure.props;
+        const position = thisProps.position;
+        if (position == "top1" || position == "bottom1") {
+          const tempStyle = {};
+          tempStyle["position"] = "fixed !important";
+          tempStyle["z-index"] = "1";
+          const contentObj = [thisRef.value.parentNode];
+          if (contentObj && contentObj.length > 0) {
+            const contentRec = contentObj[0].getBoundingClientRect();
+            if (position == "top") {
+              tempStyle["top"] = contentRec.top + "px";
+            }
+            if (position == "bottom") {
+              tempStyle["bottom"] = "10px";
             }
           }
-        }();
-      }).observe(b.value.parentNode);
+          const parentRec = thisRef.value.parentNode.getBoundingClientRect();
+          console.log("parentRec", parentRec);
+          tempStyle["width"] = parentRec.width - 25 + "px";
+          Object.assign(runtimeStyle.value, tempStyle);
+        }
+      }
     }
-    n(() => {
-      m(null, x2.pageContext, x2.configure, { componentRef: b.value, entity: x2.pageContext.entity.data, pageData: x2.pageContext.entity.page });
-    });
-  }), i(() => {
-  }), (e3, t2) => (r(), a("div", v, [s("div", { class: l(["amb-widget-container-tool amb-widget-tools", p(w)]), style: u(y.value), ref_key: "thisRef", ref: b }, [(r(true), a(g, null, c(e3.configure.items, (t3, o2) => (r(), f(d, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 6)]));
-} });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass(["amb-widget-container-tool amb-widget-tools", unref(runtimeClass)]),
+          style: normalizeStyle(runtimeStyle.value),
+          ref_key: "thisRef",
+          ref: thisRef
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.configure.items, (element, itemIndex) => {
+            return openBlock(), createBlock(_sfc_main$1, {
+              key: element.uuid,
+              pageContext: _ctx.pageContext,
+              configure: element
+            }, null, 8, ["pageContext", "configure"]);
+          }), 128))
+        ], 6)
+      ]);
+    };
+  }
+});
 export {
-  x as default
+  _sfc_main as default
 };

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

@@ -1,4 +1,4 @@
-import e from "./barcode-runtime.vue2.js";
+import _sfc_main from "./barcode-runtime.vue2.js";
 export {
-  e as default
+  _sfc_main as default
 };

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

@@ -1,67 +1,184 @@
-import { defineComponent as e, computed as t, ref as a, onMounted as r, watch as l, resolveComponent as o, createBlock as u, openBlock as n, normalizeStyle as i, normalizeClass as s, unref as p, withCtx as c, createElementBlock as m, createCommentVNode as f, toDisplayString as g } from "vue";
-import d from "qrcode";
-import v from "jsbarcode";
-import { getFormModelFields as y } from "../../../../utils/page-init-util.js";
-import { generateCodeByRule as b } from "../../../../utils/barcode-util.js";
-import { setVariableValue as h, getVariableValue as x } from "../../../../utils/page-helper-util.js";
-import { handleEvent as C } from "../../../../utils/events/event-util.js";
-import w from "agilebuilder-ui/src/utils/request";
-import { $t as R } from "../../../../utils/i18n-util.js";
-const j = ["src"], D = e({ __name: "barcode-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: D2 }) {
-  const q = e2, N = q.pageContext.entity ? q.pageContext.entity : {};
-  let k = y(q.pageContext, q.configure);
-  const A = t({ get: () => x(N, k), set(e3) {
-    h(N, k, e3);
-  } }), E = q.configure.runtime ? q.configure.runtime : {}, _ = a(E.props ? E.props : {}), O = E.style, P = E.class, S = E.headerStyle, $ = a(""), I = a(null), Q = a(_.value.brCodeFormat ?? "CODE128"), V = a([]);
-  function F(e3) {
-    return h(N, k, e3);
-  }
-  function J(e3) {
-    L(e3), F(e3), C(e3, q.pageContext, q.configure, "change", { entity: N });
-  }
-  function L(e3) {
-    var t2;
-    "QR-code" === _.value.type ? (t2 = e3, d.toDataURL(t2, (e4, t3) => {
-      e4 || ($.value = t3);
-    })) : function(e4) {
-      try {
-        v(I.value, e4, { format: Q.value });
-      } catch (e5) {
+import { defineComponent, computed, ref, onMounted, watch, resolveComponent, createBlock, openBlock, normalizeStyle, normalizeClass, unref, withCtx, createElementBlock, createCommentVNode, toDisplayString } from "vue";
+import qrcode from "qrcode";
+import JsBarcode from "jsbarcode";
+import { getFormModelFields } from "../../../../utils/page-init-util.js";
+import { generateCodeByRule } from "../../../../utils/barcode-util.js";
+import { setVariableValue, getVariableValue } from "../../../../utils/page-helper-util.js";
+import { handleEvent } from "../../../../utils/events/event-util.js";
+import http from "agilebuilder-ui/src/utils/request";
+import { $t } from "../../../../utils/i18n-util.js";
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "barcode-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const entity = props.pageContext.entity ? props.pageContext.entity : {};
+    let dynamicFields = getFormModelFields(props.pageContext, props.configure);
+    const dynamicModelMethod = computed({
+      get() {
+        return getVariableValue(entity, dynamicFields);
+      },
+      set(value) {
+        setVariableValue(entity, dynamicFields, value);
       }
-    }(e3);
-  }
-  return r(() => {
-    _.value.generateRule && ("fixed" === _.value.generateRuleType ? (V.value = Array.from(_.value.generateRule.matchAll(/\$\{(\w+)\}/g), (e3) => e3[1]), V.value.forEach((e3) => {
-      l(() => q.pageContext.entity.data[e3], (e4, t2) => {
-        null != e4 && function() {
-          let e5 = true;
-          V.value.forEach((t3) => {
-            q.pageContext.entity.data[t3] || (e5 = false);
-          }), e5 && J(function(e6, t3) {
-            const a2 = /\$\{(\w+)\}/g;
-            return e6.replace(a2, (e7, a3) => t3.hasOwnProperty(a3) ? t3[a3] : e7);
-          }(_.value.generateRule, q.pageContext.entity.data));
-        }();
+    });
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const designProperty = ref(runtimeInfo.props ? runtimeInfo.props : {});
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    const headerStyle = runtimeInfo.headerStyle;
+    const qrUrl = ref("");
+    const barcode = ref(null);
+    const barcodeFormat = ref(designProperty.value.brCodeFormat ?? "CODE128");
+    const watchVariableNames = ref([]);
+    onMounted(() => {
+      if (designProperty.value.generateRule) {
+        if (designProperty.value.generateRuleType === "fixed") {
+          handleFixedFormat();
+        } else {
+          handleSelectedRule();
+        }
+      }
+      if (dynamicModelMethod.value) {
+        createCode(dynamicModelMethod.value);
+      }
+    });
+    function getValue() {
+      return getVariableValue(entity, dynamicFields);
+    }
+    function setValue(value) {
+      return setVariableValue(entity, dynamicFields, value);
+    }
+    function handleFixedFormat() {
+      watchVariableNames.value = Array.from(
+        designProperty.value.generateRule.matchAll(/\$\{(\w+)\}/g),
+        (m) => m[1]
+      );
+      watchVariableNames.value.forEach((name) => {
+        watch(
+          () => props.pageContext.entity.data[name],
+          (newValue, oldValue) => {
+            if (newValue !== void 0 && newValue !== null) {
+              generateFixedFormatCode();
+            }
+          }
+        );
       });
-    })) : w.get(window.$vueApp.config.globalProperties.baseAPI + "/dc/setting-barcode-models/by-code/" + _.value.generateRule).then((e3) => {
-      const t2 = JSON.parse(e3.barcodeModelItems);
-      t2.forEach((e4) => {
-        "-1" !== e4.propDbName && -1 !== e4.propDbName && (V.value.push(e4.propDbName), l(() => q.pageContext.entity.data[e4.propDbName], (e5, a2) => {
-          if (null != e5) {
-            const e6 = b(t2, q.pageContext.entity.data);
-            e6 && J(e6);
+    }
+    function handleSelectedRule() {
+      http.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);
+            watch(
+              () => props.pageContext.entity.data[item.propDbName],
+              (newValue, oldValue) => {
+                if (newValue !== void 0 && newValue !== null) {
+                  const codeValue = 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;
+        }
       });
-    }).catch((e3) => {
-    })), A.value && L(A.value);
-  }), D2({ getValue: function() {
-    return x(N, k);
-  }, setValue: F }), (e3, t2) => {
-    const a2 = o("el-form-item");
-    return n(), u(a2, { required: !!_.value.required, class: s(p(P)), "label-width": _.value.labelWidth, style: i(p(O)) }, { label: c(() => [_.value.tittleShow ? (n(), m("div", { key: 0, style: i({ ...p(S) }) }, g(p(R)(_.value.title)), 5)) : f("", true)]), default: c(() => ["QR-code" === _.value.type ? (n(), m("img", { key: 0, src: $.value }, null, 8, j)) : (n(), m("canvas", { key: 1, ref_key: "barcode", ref: I }, null, 512))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
-  };
-} });
+      if (allVariablesPresent) {
+        let barCodeValue = replaceVariables(
+          designProperty.value.generateRule,
+          props.pageContext.entity.data
+        );
+        generateCode(barCodeValue);
+      }
+    }
+    function generateCode(value) {
+      createCode(value);
+      setValue(value);
+      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) {
+      qrcode.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 = resolveComponent("el-form-item");
+      return openBlock(), createBlock(_component_el_form_item, {
+        required: designProperty.value.required ? true : false,
+        class: normalizeClass(unref(runtimeClass)),
+        "label-width": designProperty.value.labelWidth,
+        style: normalizeStyle(unref(runtimeStyle))
+      }, {
+        label: withCtx(() => [
+          designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle({ ...unref(headerStyle) })
+          }, toDisplayString(unref($t)(designProperty.value.title)), 5)) : createCommentVNode("", true)
+        ]),
+        default: withCtx(() => [
+          designProperty.value.type === "QR-code" ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: qrUrl.value
+          }, null, 8, _hoisted_1)) : (openBlock(), createElementBlock("canvas", {
+            key: 1,
+            ref_key: "barcode",
+            ref: barcode
+          }, null, 512))
+        ]),
+        _: 1
+      }, 8, ["required", "class", "label-width", "style"]);
+    };
+  }
+});
 export {
-  D as default
+  _sfc_main as default
 };