super-page-designer 2.1.94 → 2.2.2

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

@@ -1,98 +1,31 @@
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, createElementVNode, vShow } from "vue";
-import qrcode from "qrcode";
-import JsBarcode from "jsbarcode";
-import { caculateDetailComponentStyle, caculateComponentProps } from "../../../../utils/form-design-util.js";
-const _hoisted_1 = ["src"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "barcode-design",
-  props: {
-    configure: Object
-  },
-  setup(__props) {
-    const props = __props;
-    const qrCodeData = ref("Hello br code");
-    const qrUrl = ref("");
-    const barcode = ref(null);
-    const barcodeFormat = ref("CODE128");
-    function createBarCode() {
-      if (barcode.value) {
-        JsBarcode(barcode.value, qrCodeData.value, { format: barcodeFormat.value });
-      }
-    }
-    function createQrCode() {
-      qrcode.toDataURL(qrCodeData.value, (err, url) => {
-        if (err) {
-          console.error(err);
-        } else {
-          qrUrl.value = url;
-        }
-      });
-    }
-    function getRestsParameter() {
-      let defineProps = {};
-      const tempProps = {};
-      if (props.configure.props.preSuffix) {
-        defineProps = props.configure.props;
-      }
-      if (defineProps["base"]["bindProp"]) {
-        qrCodeData.value = defineProps["base"]["bindProp"];
-      }
-      if (defineProps["base"] && defineProps["base"]["type"] === "br-code") {
-        createBarCode();
-      }
-      if (defineProps["base"] && defineProps["base"]["type"] === "QR-code") {
-        createQrCode();
-      }
-      tempProps["type"] = defineProps["base"]["type"];
-      tempProps["brCodeFormat"] = defineProps["base"]["brCodeFormat"];
-      tempProps["generateRuleType"] = defineProps["base"]["generateRuleType"];
-      tempProps["generateRule"] = defineProps["base"]["generateRule"];
-      if (tempProps != {}) {
-        for (const tempPropsKey in tempProps) {
-          designProperty.value[tempPropsKey] = tempProps[tempPropsKey];
-        }
-      }
-    }
-    onMounted(() => {
-      createBarCode();
-    });
-    const designStyle = ref({});
-    const designClass = ref("");
-    const designHeaderStyle = ref({});
-    const designProperty = ref({});
-    watch(
-      props.configure.style,
-      () => {
-        caculateDetailComponentStyle(props.configure, designStyle, designClass, designHeaderStyle);
-      },
-      { immediate: true }
-    );
-    watch(
-      props.configure.props,
-      () => {
-        caculateComponentProps(props.configure, designProperty), getRestsParameter();
-        props.configure.runtime.props = designProperty.value;
-      },
-      { immediate: true }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(designClass.value),
-        style: normalizeStyle(designStyle.value)
-      }, [
-        withDirectives(createElementVNode("canvas", {
-          ref_key: "barcode",
-          ref: barcode
-        }, null, 512), [
-          [vShow, designProperty.value.type === "br-code"]
-        ]),
-        withDirectives(createElementVNode("img", { src: qrUrl.value }, null, 8, _hoisted_1), [
-          [vShow, designProperty.value.type === "QR-code"]
-        ])
-      ], 6);
-    };
+import { defineComponent as e, ref as r, onMounted as o, watch as a, openBlock as t, createElementBlock as u, normalizeClass as s, normalizeStyle as l, withDirectives as n, createElementVNode as i, vShow as c } from "vue";
+import p from "qrcode";
+import f from "jsbarcode";
+import { caculateDetailComponentStyle as b, caculateComponentProps as d } from "../../../../utils/form-design-util.js";
+const m = ["src"], v = e({ __name: "barcode-design", props: { configure: Object }, setup(e2) {
+  const v2 = e2, g = r("Hello br code"), y = r(""), R = r(null), j = r("CODE128");
+  function C() {
+    R.value && f(R.value, g.value, { format: j.value });
   }
-});
+  function _() {
+    let e3 = {};
+    const r2 = {};
+    if (v2.configure.props.preSuffix && (e3 = v2.configure.props), e3.base.bindProp && (g.value = e3.base.bindProp), e3.base && "br-code" === e3.base.type && C(), e3.base && "QR-code" === e3.base.type && p.toDataURL(g.value, (e4, r3) => {
+      e4 || (y.value = r3);
+    }), r2.type = e3.base.type, r2.brCodeFormat = e3.base.brCodeFormat, r2.generateRuleType = e3.base.generateRuleType, r2.generateRule = e3.base.generateRule, r2 != {})
+      for (const e4 in r2)
+        O.value[e4] = r2[e4];
+  }
+  o(() => {
+    C();
+  });
+  const x = r({}), D = r(""), F = r({}), O = r({});
+  return a(v2.configure.style, () => {
+    b(v2.configure, x, D, F);
+  }, { immediate: true }), a(v2.configure.props, () => {
+    d(v2.configure, O), _(), v2.configure.runtime.props = O.value;
+  }, { immediate: true }), (e3, r2) => (t(), u("div", { class: s(D.value), style: l(x.value) }, [n(i("canvas", { ref_key: "barcode", ref: R }, null, 512), [[c, "br-code" === O.value.type]]), n(i("img", { src: y.value }, null, 8, m), [[c, "QR-code" === O.value.type]])], 6));
+} });
 export {
-  _sfc_main as default
+  v as default
 };

package/dist/es/components/design/views/assemblys/data/component/attr-header.vue.js

@@ -1,48 +1,11 @@
-import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, normalizeClass } from "vue";
-const _hoisted_1 = { class: "amb-design-attr-header" };
-const _hoisted_2 = { class: "amb-design-attr-header-type" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "attr-header",
-  props: {
-    modelValue: {
-      type: String,
-      default: "base"
-      // 设置默认值
-    }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const clickType = ref(props.modelValue);
-    function changeType(type) {
-      clickType.value = type;
-      emit("update:modelValue", type);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "base" }),
-            onClick: _cache[0] || (_cache[0] = ($event) => changeType("base"))
-          }, "属性", 2),
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "style" }),
-            onClick: _cache[1] || (_cache[1] = ($event) => changeType("style"))
-          }, "样式", 2),
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "event" }),
-            onClick: _cache[2] || (_cache[2] = ($event) => changeType("event"))
-          }, "事件", 2),
-          createElementVNode("label", {
-            class: normalizeClass({ selected: clickType.value === "advanced" }),
-            onClick: _cache[3] || (_cache[3] = ($event) => changeType("advanced"))
-          }, "高级", 2)
-        ])
-      ]);
-    };
+import { defineComponent as e, ref as a, openBlock as l, createElementBlock as t, createElementVNode as s, normalizeClass as d } from "vue";
+const c = { class: "amb-design-attr-header" }, n = { class: "amb-design-attr-header-type" }, u = e({ __name: "attr-header", props: { modelValue: { type: String, default: "base" } }, emits: ["update:modelValue"], setup(e2, { emit: u2 }) {
+  const o = u2, i = a(e2.modelValue);
+  function r(e3) {
+    i.value = e3, o("update:modelValue", e3);
   }
-});
+  return (e3, a2) => (l(), t("div", c, [s("div", n, [s("label", { class: d({ selected: "base" === i.value }), onClick: a2[0] || (a2[0] = (e4) => r("base")) }, "属性", 2), s("label", { class: d({ selected: "style" === i.value }), onClick: a2[1] || (a2[1] = (e4) => r("style")) }, "样式", 2), s("label", { class: d({ selected: "event" === i.value }), onClick: a2[2] || (a2[2] = (e4) => r("event")) }, "事件", 2), s("label", { class: d({ selected: "advanced" === i.value }), onClick: a2[3] || (a2[3] = (e4) => r("advanced")) }, "高级", 2)])]));
+} });
 export {
-  _sfc_main as default
+  u as default
 };

package/dist/es/components/design/views/assemblys/data/component/attr-header.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./attr-header.vue.js";
+import e from "./attr-header.vue.js";
 export {
-  _sfc_main as default
+  e as default
 };

package/dist/es/components/design/views/assemblys/data/component/attr-style.vue.js

@@ -1,114 +1,27 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode } from "vue";
+import { defineComponent as o, resolveComponent as e, openBlock as n, createElementBlock as t, Fragment as r, createVNode as i, withCtx as a, createBlock as u, createCommentVNode as s } from "vue";
 import "@element-plus/icons-vue";
 import "./row-backgroud-color.vue.js";
-import _sfc_main$2 from "../../common/common-style-position.vue.js";
-import _sfc_main$3 from "../../common/common-style-margin.vue.js";
-import _sfc_main$4 from "../../common/common-style-padding.vue.js";
-import _sfc_main$5 from "../../common/common-style-border.vue.js";
-import _sfc_main$6 from "../../common/common-style-shadow.vue.js";
-import _sfc_main$7 from "../../common/common-style-custom.vue.js";
-import _sfc_main$1 from "../../chart/statistical-table/component/style-table.vue.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "attr-style",
-  props: {
-    configure: {
-      type: Object,
-      default: () => ({})
-      // 设置默认值
-    },
-    blankOption: {
-      type: Object,
-      default: {
-        showTittleFont: true,
-        // 是否显示标题字体
-        showBackground: true,
-        // 是否显示背景
-        showBorder: true,
-        // 是否显示边框
-        showShadow: true,
-        // 是否显示阴影
-        showClass: true,
-        // 是否显示class
-        showCustom: true
-        // 是否显示自定义
-      }
-    },
-    // 页面信息
-    pageDesign: {
-      type: Object,
-      default: () => {
-      }
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    function rowStyleChange(tableData) {
-      props.configure.style.rowStyle = tableData;
-    }
-    function titleStyleChange(tableData) {
-      props.configure.style.titleStyle = tableData;
-    }
-    return (_ctx, _cache) => {
-      const _component_el_collapse_item = resolveComponent("el-collapse-item");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_el_collapse_item, {
-          title: "标题",
-          name: "tableHeader",
-          class: "amb-design-attr-group-header"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              configure: __props.configure,
-              showField: true,
-              data: __props.configure.style.titleStyle,
-              pageDesign: __props.pageDesign,
-              onDataChange: titleStyleChange
-            }, null, 8, ["configure", "data", "pageDesign"])
-          ]),
-          _: 1
-        }),
-        createVNode(_component_el_collapse_item, {
-          title: "内容",
-          name: "rowBackgroundColor",
-          class: "amb-design-attr-group-header"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1, {
-              paramTypes: ["data", "task", "page", "request", "row"],
-              configure: __props.configure,
-              showCondition: true,
-              data: __props.configure.style.rowStyle,
-              pageDesign: __props.pageDesign,
-              onDataChange: rowStyleChange
-            }, null, 8, ["configure", "data", "pageDesign"])
-          ]),
-          _: 1
-        }),
-        createVNode(_sfc_main$2, { configure: __props.configure }, null, 8, ["configure"]),
-        __props.blankOption.showMargin ? (openBlock(), createBlock(_sfc_main$3, {
-          key: 0,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showPadding ? (openBlock(), createBlock(_sfc_main$4, {
-          key: 1,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showBorder ? (openBlock(), createBlock(_sfc_main$5, {
-          key: 2,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showShadow ? (openBlock(), createBlock(_sfc_main$6, {
-          key: 3,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true),
-        __props.blankOption.showCustom ? (openBlock(), createBlock(_sfc_main$7, {
-          key: 4,
-          configure: __props.configure
-        }, null, 8, ["configure"])) : createCommentVNode("", true)
-      ], 64);
-    };
+import l from "../../common/common-style-position.vue.js";
+import c from "../../common/common-style-margin.vue.js";
+import g from "../../common/common-style-padding.vue.js";
+import m from "../../common/common-style-border.vue.js";
+import f from "../../common/common-style-shadow.vue.js";
+import p from "../../common/common-style-custom.vue.js";
+import d from "../../chart/statistical-table/component/style-table.vue.js";
+const y = o({ __name: "attr-style", props: { configure: { type: Object, default: () => ({}) }, blankOption: { type: Object, default: { showTittleFont: true, showBackground: true, showBorder: true, showShadow: true, showClass: true, showCustom: true } }, pageDesign: { type: Object, default: () => {
+} } }, setup(o2) {
+  const y2 = o2;
+  function h(o3) {
+    y2.configure.style.rowStyle = o3;
   }
-});
+  function w(o3) {
+    y2.configure.style.titleStyle = o3;
+  }
+  return (y3, b) => {
+    const k = e("el-collapse-item");
+    return n(), t(r, null, [i(k, { title: "标题", name: "tableHeader", class: "amb-design-attr-group-header" }, { default: a(() => [i(d, { configure: o2.configure, showField: true, data: o2.configure.style.titleStyle, pageDesign: o2.pageDesign, onDataChange: w }, null, 8, ["configure", "data", "pageDesign"])]), _: 1 }), i(k, { title: "内容", name: "rowBackgroundColor", class: "amb-design-attr-group-header" }, { default: a(() => [i(d, { paramTypes: ["data", "task", "page", "request", "row"], configure: o2.configure, showCondition: true, data: o2.configure.style.rowStyle, pageDesign: o2.pageDesign, onDataChange: h }, null, 8, ["configure", "data", "pageDesign"])]), _: 1 }), i(l, { configure: o2.configure }, null, 8, ["configure"]), o2.blankOption.showMargin ? (n(), u(c, { key: 0, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showPadding ? (n(), u(g, { key: 1, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showBorder ? (n(), u(m, { key: 2, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showShadow ? (n(), u(f, { key: 3, configure: o2.configure }, null, 8, ["configure"])) : s("", true), o2.blankOption.showCustom ? (n(), u(p, { key: 4, configure: o2.configure }, null, 8, ["configure"])) : s("", true)], 64);
+  };
+} });
 export {
-  _sfc_main as default
+  y as default
 };

package/dist/es/components/design/views/assemblys/data/component/attr-style.vue2.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./attr-style.vue.js";
+import t from "./attr-style.vue.js";
 export {
-  _sfc_main as default
+  t as default
 };