super-page-runtime 2.0.40 → 2.0.43

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

@@ -0,0 +1,50 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+require("../../../../utils/global-refs.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "form-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    if (!props.configure.items) {
+      props.configure.items = [];
+    }
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeProps = runtimeInfo.props ? runtimeInfo.props : {};
+    const runtimeStyle = Vue.ref(runtimeInfo.style ? runtimeInfo.style : {});
+    const runtimeClass = runtimeInfo.class;
+    const titleStyle = Vue.ref(runtimeInfo.titleStyle ? runtimeInfo.titleStyle : {});
+    return (_ctx, _cache) => {
+      const _component_el_form = Vue.resolveComponent("el-form");
+      return Vue.openBlock(), Vue.createBlock(_component_el_form, {
+        ref: "thisRef",
+        "label-width": Vue.unref(runtimeProps).labelWidth,
+        "label-position": Vue.unref(runtimeProps).labelPosition,
+        size: Vue.unref(runtimeProps).componentSize,
+        style: Vue.normalizeStyle(runtimeStyle.value),
+        class: Vue.normalizeClass(Vue.unref(runtimeClass))
+      }, {
+        default: Vue.withCtx(() => [
+          Vue.unref(runtimeProps).formTitle ? (Vue.openBlock(), Vue.createElementBlock("div", {
+            key: 0,
+            class: "amb-widget-form-title",
+            style: Vue.normalizeStyle(titleStyle.value)
+          }, Vue.toDisplayString(Vue.unref(runtimeProps).formTitle), 5)) : Vue.createCommentVNode("", true),
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(_ctx.configure.items, (element, itemIndex) => {
+            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))
+        ]),
+        _: 1
+      }, 8, ["label-width", "label-position", "size", "style", "class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,30 @@
+"use strict";
+const Vue = require("vue");
+require("../../../../utils/global-refs.js");
+const _hoisted_1 = ["src"];
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "iframe-runtime",
+  props: {
+    pageContext: {},
+    configure: {},
+    indexObj: {},
+    selectWidget: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const thisRef = Vue.ref(null);
+    const runtimeInfo = props.configure.runtime ? props.configure.runtime : {};
+    const runtimeStyle = runtimeInfo.style;
+    const runtimeClass = runtimeInfo.class;
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("iframe", {
+        ref_key: "thisRef",
+        ref: thisRef,
+        src: _ctx.configure.props.src,
+        class: Vue.normalizeClass(["amb-widget-container-iframe", Vue.unref(runtimeClass)]),
+        style: Vue.normalizeStyle(Vue.unref(runtimeStyle))
+      }, null, 14, _hoisted_1);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,109 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+const superUi = require("../../../../../../node_modules/.pnpm/agilebuilder-ui@1.0.28_vue@3.4.21/node_modules/agilebuilder-ui/lib/super-ui.js");
+require("../../../../utils/global-refs.js");
+const eventUtil = require("../../../../utils/events/event-util.js");
+const index = require("../../../../../../node_modules/.pnpm/element-plus@2.6.2_vue@3.4.21/node_modules/element-plus/es/components/tabs/index.js");
+const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
+  __name: "tabs-runtime",
+  props: {
+    pageContext: {},
+    configure: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const activeName = Vue.ref(null);
+    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;
+    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
+      };
+      return eventUtil.handleEvent(paneName, props.pageContext, props.configure, "tab-remove", params);
+    }
+    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);
+    }
+    return (_ctx, _cache) => {
+      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)),
+        onTabClick: tabClick,
+        onTabChange: tabChange,
+        onTabRemove: tabRemove,
+        onTabAdd: tabAdd,
+        onEdit: tabEdit
+      }, {
+        default: Vue.withCtx(() => [
+          (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(_ctx.configure.items, (item, index$1) => {
+            return Vue.openBlock(), Vue.createBlock(Vue.unref(index.ElTabPane), {
+              label: item.label,
+              name: item.index
+            }, {
+              label: Vue.withCtx(() => [
+                item.iconType && item.iconValue ? (Vue.openBlock(), Vue.createBlock(Vue.unref(superUi.SuperIcon), {
+                  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(item.label), 5)
+              ]),
+              default: Vue.withCtx(() => [
+                Vue.createElementVNode("div", null, [
+                  (Vue.openBlock(true), Vue.createElementBlock(Vue.Fragment, null, Vue.renderList(item.items, (element, itemIndex) => {
+                    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))
+                ])
+              ]),
+              _: 2
+            }, 1032, ["label", "name"]);
+          }), 256))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "type", "tab-position", "style", "class"]);
+    };
+  }
+});
+module.exports = _sfc_main;

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

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

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

@@ -0,0 +1,75 @@
+"use strict";
+const Vue = require("vue");
+const objectRender_vue_vue_type_script_setup_true_lang = require("../../object-render.vue.js");
+require("../../../../utils/global-refs.js");
+const _hoisted_1 = { 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 ? props.configure.runtime : {};
+    const runtimeStyle = Vue.ref(runtimeInfo.style ? runtimeInfo.style : {});
+    const runtimeClass = runtimeInfo.class;
+    Vue.onMounted(() => {
+      if (thisRef.value && thisRef.value.parentNode) {
+        const resizeObserver2 = new ResizeObserver((entries) => {
+          for (let entry of entries) {
+          }
+          caculatePositionStyle();
+        });
+        resizeObserver2.observe(thisRef.value.parentNode);
+      }
+    });
+    Vue.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";
+            }
+          }
+          const parentRec = thisRef.value.parentNode.getBoundingClientRect();
+          console.log("parentRec", parentRec);
+          tempStyle["width"] = parentRec.width - 25 + "px";
+          Object.assign(runtimeStyle.value, tempStyle);
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return Vue.openBlock(), Vue.createElementBlock("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(_ctx.configure.items, (element, itemIndex) => {
+            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))
+        ], 6)
+      ]);
+    };
+  }
+});
+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,183 @@
+"use strict";
+const Vue = require("vue");
+require("../../../../../../node_modules/.pnpm/qrcode@1.5.3/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.0.28_vue@3.4.21/node_modules/agilebuilder-ui/src/utils/request.js");
+const browser = require("../../../../../../_virtual/browser2.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(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;