super-page-designer 2.3.22-design1 → 2.3.22-design1-tmp2

package/dist/lib/components/design/views/assemblys/common/common-attr-size.vue.cjs

@@ -0,0 +1,21 @@
+"use strict";
+const e = require("vue"), t = require("../../../utils/interfaces/page-design-types.cjs"), l = require("../../../../../stores/page-store.cjs"), a = { style: { padding: "8px 0px 0px 0px" } }, o = e.defineComponent({ __name: "common-attr-size", props: { size: { type: Object, required: true }, showMaxHeight: { type: Boolean, default: false }, showCalcHeight: { type: Boolean, default: false }, isHeightOffset: { type: Boolean, default: false } }, setup(o2) {
+  const i = o2, d = [2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 24], n = l.usePageContextStore(), s = n.pageContext ? n.pageContext : {}, r = e.computed(() => {
+    let e2 = s.dimensions;
+    e2 || (e2 = t.PageDimensions.PC);
+    let l2 = i.size[e2];
+    if (!l2) {
+      if (l2 = {}, e2 !== t.PageDimensions.PC) {
+        const e3 = i.size[t.PageDimensions.PC];
+        e3 && Object.assign(l2, e3);
+      }
+      i.size[e2] = l2;
+    }
+    return i.size[e2];
+  });
+  return (t2, l2) => {
+    const i2 = e.resolveComponent("el-radio-button"), n2 = e.resolveComponent("el-radio-group"), s2 = e.resolveComponent("el-form-item"), u = e.resolveComponent("el-option"), c = e.resolveComponent("el-select"), m = e.resolveComponent("el-input"), p = e.resolveComponent("el-switch"), h = e.resolveComponent("el-input-number"), V = e.resolveComponent("el-collapse-item");
+    return e.openBlock(), e.createBlock(V, { title: "尺寸", name: "attrSize", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", a, [e.createVNode(s2, { label: "宽度", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(n2, { modelValue: r.value.widthType, "onUpdate:modelValue": l2[0] || (l2[0] = (e2) => r.value.widthType = e2) }, { default: e.withCtx(() => [e.createVNode(i2, { value: "flex" }, { default: e.withCtx(() => l2[7] || (l2[7] = [e.createTextVNode("24格", -1)])), _: 1, __: [7] }), e.createVNode(i2, { value: "fix" }, { default: e.withCtx(() => l2[8] || (l2[8] = [e.createTextVNode("自定义", -1)])), _: 1, __: [8] })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), "fix" != r.value.widthType ? (e.openBlock(), e.createBlock(s2, { key: 0, class: "amb-design-attr-item", label: "栏数" }, { default: e.withCtx(() => [e.createVNode(c, { modelValue: r.value.flexSpan, "onUpdate:modelValue": l2[1] || (l2[1] = (e2) => r.value.flexSpan = e2), placeholder: "默认", clearable: "" }, { default: e.withCtx(() => [(e.openBlock(), e.createElementBlock(e.Fragment, null, e.renderList(d, (t3) => e.createVNode(u, { key: t3, label: t3, value: t3 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 })) : e.createCommentVNode("", true), "fix" == r.value.widthType ? (e.openBlock(), e.createBlock(s2, { key: 1, class: "amb-design-attr-item", label: "宽度", title: "未设置时自动宽度,可设置百分比" }, { default: e.withCtx(() => [e.createVNode(m, { modelValue: r.value.fixWidth, "onUpdate:modelValue": l2[2] || (l2[2] = (e2) => r.value.fixWidth = e2), placeholder: "请输入" }, null, 8, ["modelValue"])]), _: 1 })) : e.createCommentVNode("", true), o2.showCalcHeight ? (e.openBlock(), e.createBlock(s2, { key: 2, class: "amb-design-attr-item", label: "高度自适应" }, { default: e.withCtx(() => [e.createVNode(p, { modelValue: r.value.isCalcHeight, "onUpdate:modelValue": l2[3] || (l2[3] = (e2) => r.value.isCalcHeight = e2) }, null, 8, ["modelValue"])]), _: 1 })) : e.createCommentVNode("", true), e.createVNode(s2, { label: "高度", class: "amb-design-attr-item", title: "未设置时自动高度,可设置百分比" }, { default: e.withCtx(() => [e.createVNode(m, { disabled: r.value.isCalcHeight, clearable: "", modelValue: r.value.fixHeight, "onUpdate:modelValue": l2[4] || (l2[4] = (e2) => r.value.fixHeight = e2), placeholder: "请输入" }, null, 8, ["disabled", "modelValue"])]), _: 1 }), e.createVNode(s2, { label: "最大高度", title: "未设置时自动高度,可设置百分比", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(m, { disabled: r.value.isCalcHeight, clearable: "", modelValue: r.value.maxHeight, "onUpdate:modelValue": l2[5] || (l2[5] = (e2) => r.value.maxHeight = e2), placeholder: "请输入" }, null, 8, ["disabled", "modelValue"])]), _: 1 }), o2.isHeightOffset ? (e.openBlock(), e.createBlock(s2, { key: 3, label: "高度偏移", title: "一般用于台账自适应高度偏差", class: "amb-design-attr-item" }, { default: e.withCtx(() => [e.createVNode(h, { modelValue: r.value.heightOffset, "onUpdate:modelValue": l2[6] || (l2[6] = (e2) => r.value.heightOffset = e2), "controls-position": "right" }, null, 8, ["modelValue"])]), _: 1 })) : e.createCommentVNode("", true)])]), _: 1 });
+  };
+} });
+module.exports = o;

package/dist/lib/components/design/views/assemblys/common/common-attr-size.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-attr-size.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-bind-default-value.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./common-bind-default-value.vue2.cjs");
+;/* empty css                                 */
+const u = require("../../../../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-ba9847b9"]]);
+module.exports = u;

package/dist/lib/components/design/views/assemblys/common/common-bind-default-value.vue2.cjs

@@ -0,0 +1,23 @@
+"use strict";
+const e = require("vue"), l = require("./common-variable-bind.vue.cjs"), a = require("@element-plus/icons-vue"), o = { class: "bind-variable-item" }, n = e.defineComponent({ __name: "common-bind-default-value", props: { configure: { type: Object, required: true }, isRange: { type: Boolean, default: false }, defaultValueProp: { type: String, default: "defaultValue" }, moreDefaultValueProp: { type: String, default: "moreDefaultValue" }, propPath: { type: String, default: "" } }, setup(n2) {
+  const u = n2, t = e.ref(JSON.parse(JSON.stringify(u.configure.props.base.moreDefaultValue ? u.configure.props.base.moreDefaultValue : [])));
+  function r(e2) {
+    u.configure.props.base[u.defaultValueProp] = e2;
+  }
+  function i() {
+    t.value.push(null);
+  }
+  function c() {
+    const e2 = t.value.filter((e3) => null != e3 && "" !== e3);
+    u.configure.props.base[u.moreDefaultValueProp] = e2;
+  }
+  return (u2, s) => {
+    const p = e.resolveComponent("el-icon");
+    return e.openBlock(), e.createElementBlock(e.Fragment, null, [e.createElementVNode("div", o, [(e.openBlock(), e.createBlock(l, { isTable: n2.configure.isTable, key: n2.configure.uuid, isRange: n2.isRange, modelValue: n2.configure.props.base[n2.defaultValueProp], "onUpdate:modelValue": r }, null, 8, ["isTable", "isRange", "modelValue"])), e.createVNode(p, { onClick: i }, { default: e.withCtx(() => [e.createVNode(e.unref(a.Plus))]), _: 1 })]), (e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(t.value, (o2, u3) => (e.openBlock(), e.createElementBlock("div", { style: {}, class: "bind-variable-item bind-variable-item-more", key: u3 }, [(e.openBlock(), e.createBlock(l, { isTable: n2.configure.isTable, key: n2.configure.uuid, isRange: n2.isRange, placeholder: "补充默认值" + (u3 + 1), modelValue: o2, "onUpdate:modelValue": (e2) => function(e3, l2) {
+      t.value[l2] = e3, c();
+    }(e2, u3) }, null, 8, ["isTable", "isRange", "placeholder", "modelValue", "onUpdate:modelValue"])), e.createVNode(p, { onClick: (e2) => function(e3) {
+      t.value.splice(e3, 1), c();
+    }(u3) }, { default: e.withCtx(() => [e.createVNode(e.unref(a.Delete))]), _: 2 }, 1032, ["onClick"])]))), 128))], 64);
+  };
+} });
+module.exports = n;

package/dist/lib/components/design/views/assemblys/common/common-function-code.vue.cjs

@@ -0,0 +1,18 @@
+"use strict";
+const e = require("vue"), o = require("../../../../../stores/page-store.cjs"), n = e.defineComponent({ __name: "common-function-code", props: { configure: { type: Object, required: true } }, setup(n2) {
+  const l = o.usePageContextStore(), t = n2, r = l.getPagePermissionOptions(), u = {};
+  for (let e2 of r) u[e2.value] = e2;
+  function c() {
+    const e2 = t.configure.functionCodes ? t.configure.functionCodes : [], o2 = [];
+    for (let n3 of e2) {
+      const e3 = u[n3];
+      o2.push(e3.sourceType);
+    }
+    t.configure.sourceTypes = o2;
+  }
+  return (o2, l2) => {
+    const t2 = e.resolveComponent("el-option"), u2 = e.resolveComponent("el-select");
+    return e.openBlock(), e.createBlock(u2, { modelValue: n2.configure.functionCodes, "onUpdate:modelValue": l2[0] || (l2[0] = (e2) => n2.configure.functionCodes = e2), placeholder: "请选择", "collapse-tags": "", multiple: "", clearable: "", filterable: "", onChange: c }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(e.unref(r), (o3) => (e.openBlock(), e.createBlock(t2, { label: o3.label, value: o3.value, key: o3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+module.exports = n;

package/dist/lib/components/design/views/assemblys/common/common-function-code.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-function-code.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-i18n-key-input.vue.cjs

@@ -0,0 +1,19 @@
+"use strict";
+const e = require("vue"), t = require("../../../../../stores/page-store.cjs"), l = e.defineComponent({ __name: "common-i18n-key-input", props: { modelValue: { type: String, default: "" }, systemCode: { type: String, default: null }, disabled: { type: Boolean, default: false }, size: { type: String, default: "small" } }, emits: ["update:modelValue", "change"], setup(l2, { emit: n }) {
+  const o = l2, a = t.usePageContextStore(), s = a.enabledI18n, d = n, i = e.ref(o.modelValue), u = (e2) => {
+    var _a;
+    a.pageContext.i18nKeys.includes(e2) || ((_a = a.pageContext.i18nKeys) == null ? void 0 : _a.push(e2));
+  };
+  s && i.value && "" !== i.value.trim() && u(i.value);
+  const r = e.ref(a.pageContext.systemCode);
+  function m(e2) {
+  }
+  function p(e2) {
+    d("update:modelValue", e2), u(e2), d("change", e2);
+  }
+  return o.systemCode && (r.value = o.systemCode), (t2, n2) => {
+    const o2 = e.resolveComponent("el-input"), a2 = e.resolveComponent("i18n-setting"), d2 = e.resolveComponent("el-tooltip");
+    return e.openBlock(), e.createElementBlock("div", { style: e.normalizeStyle({ width: e.unref(s) ? "80%" : "100%" }), class: e.normalizeClass({ "amb-design-attr-item-inline": e.unref(s) && !l2.disabled }) }, [e.createVNode(o2, { modelValue: i.value, "onUpdate:modelValue": n2[0] || (n2[0] = (e2) => i.value = e2), size: l2.size, disabled: l2.disabled, placeholder: "请输入", onChange: p }, null, 8, ["modelValue", "size", "disabled"]), e.createVNode(d2, { content: "国际化设置", effect: "light" }, { default: e.withCtx(() => [e.unref(s) && !l2.disabled ? (e.openBlock(), e.createBlock(a2, { key: 0, style: { "margin-left": "10px" }, systemCode: r.value, i18nkey: i.value, onClose: m }, null, 8, ["systemCode", "i18nkey"])) : e.createCommentVNode("", true)]), _: 1 })], 6);
+  };
+} });
+module.exports = l;

package/dist/lib/components/design/views/assemblys/common/common-i18n-key-input.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-i18n-key-input.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-icon-bind.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./common-icon-bind.vue2.cjs");
+;/* empty css                        */
+const c = require("../../../../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-ece27727"]]);
+module.exports = c;

package/dist/lib/components/design/views/assemblys/common/common-icon-bind.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    iconType: StringConstructor;
+    iconValue: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    iconType: StringConstructor;
+    iconValue: StringConstructor;
+    size: {
+        type: StringConstructor;
+        default: string;
+    };
+    showLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    size: string;
+    showLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/assemblys/common/common-icon-bind.vue2.cjs

@@ -0,0 +1,137 @@
+"use strict";
+const e = require("vue"), o = require("@element-plus/icons-vue"), l = require("@element-plus/icons"), t = require("agilebuilder-ui"), n = require("element-plus");
+function a(e2) {
+  const o2 = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e2) {
+    for (const l2 in e2) if ("default" !== l2) {
+      const t2 = Object.getOwnPropertyDescriptor(e2, l2);
+      Object.defineProperty(o2, l2, t2.get ? t2 : { enumerable: true, get: () => e2[l2] });
+    }
+  }
+  return o2.default = e2, Object.freeze(o2);
+}
+const c = a(l), i = { key: 0 }, r = { class: "amb-component-popover-left-menu-main" }, u = ["onClick"], s = { key: 1, style: { display: "flex", gap: "10px", "align-items": "center" } }, p = { key: 2 }, v = { key: 3, class: "amb-component-popover-icon-list-scroll", style: { overflow: "auto" } }, d = { class: "amb-component-popover-icon-grid" }, m = ["onClick"], f = { key: 4, style: { "text-align": "right" } }, g = e.defineComponent({ __name: "common-icon-bind", props: { iconType: String, iconValue: String, size: { type: String, default: "small" }, showLabel: { type: Boolean, default: false } }, emits: ["update:modelValue"], setup(l2, { emit: a2 }) {
+  var _a, _b;
+  const g2 = a2, h = l2, w = e.ref([]), C = e.ref([]), k = e.ref([]), b = e.ref([]), y = e.ref([{ value: "ElementUI", label: "ElementUI" }, { value: "ambIcon", label: "Amb图标库" }, { value: "ambColorIcon", label: "Amb彩色图标库", dataList: [] }, { value: "custom", label: "自定义" }]);
+  e.ref(false);
+  const V = e.ref(1), x = e.ref(h.iconType ?? ((_b = (_a = y.value) == null ? void 0 : _a[0]) == null ? void 0 : _b.value)), N = e.ref("");
+  N.value = h.iconValue;
+  const _ = e.ref({}), B = e.ref(""), I = e.ref(), E = e.ref(), A = e.ref(false), $ = e.computed(() => ["ElementUI"].includes(x.value) ? w.value : ["ambIcon"].includes(x.value) ? C.value : ["ambColorIcon"].includes(x.value) ? k.value : b.value), S = e.computed(() => {
+    let e2 = $.value ?? [];
+    return B.value && (e2 = e2.filter((e3) => [e3.label ?? "", e3.value ?? ""].some((e4) => {
+      var _a2;
+      return (_a2 = e4.toLowerCase()) == null ? void 0 : _a2.includes(B.value.toLowerCase());
+    }))), e2.slice(0, 50 * V.value);
+  }), O = () => {
+    S.value.length > 0 && !A.value && $.value.length > S.value.length && !B.value && V.value++;
+  };
+  const D = async () => {
+    if (!(b.value.length > 0)) {
+      try {
+        A.value = true;
+        const e2 = await t.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/general-icon/query", { pageSize: 200, pageNo: 1 }), o2 = (e2 == null ? void 0 : e2.data) ?? [], l3 = [];
+        for (let e3 of o2) l3.push({ value: e3.iconName, label: e3.iconName });
+        _.value.customOptions = l3, b.value = l3;
+      } catch (e2) {
+        console.error(e2);
+      }
+      A.value = false;
+    }
+  };
+  function P(e2) {
+    var o2;
+    V.value = 1, x.value = e2, "ElementUI" === (o2 = x.value) ? w.value = _.value.elementUIOptions : "custom" === o2 ? D() : ["ambIcon"].includes(o2) ? (async () => {
+      var _a2, _b2, _c;
+      if (!(C.value.length > 0)) {
+        try {
+          A.value = true;
+          let e3 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
+          ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e3 = `${window.$vueApp.config.globalProperties.fontIconAddress}/iconfont.json`);
+          const o3 = await fetch(e3, { mode: "cors" }).then((e4) => e4.json()), { css_prefix_text: l3, glyphs: t2 = [] } = o3 ?? {};
+          C.value = t2.map((e4) => ({ label: e4.name, value: `${l3}${e4.font_class}` }));
+        } catch (e3) {
+          console.error(e3);
+        }
+        A.value = false;
+      }
+    })() : ["ambColorIcon"].includes(o2) && async function() {
+      var _a2, _b2, _c;
+      if (!(k.value.length > 0)) {
+        try {
+          A.value = true;
+          let e3 = `${window.location.origin}${window.location.pathname}font-icon/iconfont.json`;
+          ((_c = (_b2 = (_a2 = window.$vueApp) == null ? void 0 : _a2.config) == null ? void 0 : _b2.globalProperties) == null ? void 0 : _c.fontIconAddress) && (e3 = `${window.$vueApp.config.globalProperties.fontIconAddress}-color/iconfont.json`);
+          const o3 = await fetch(e3, { mode: "cors", headers: { "Content-Type": "application/json" } }).then((e4) => e4.json()), { css_prefix_text: l3, glyphs: t2 = [] } = o3 ?? {};
+          k.value = t2.map((e4) => ({ label: e4.name, value: `${l3}${e4.font_class}` }));
+        } catch (e3) {
+          console.error(e3);
+        }
+        A.value = false;
+      }
+    }();
+  }
+  function T() {
+    var _a2, _b2;
+    (_b2 = (_a2 = I.value) == null ? void 0 : _a2.hide) == null ? void 0 : _b2.call(_a2);
+  }
+  function j() {
+    N.value = "", g2("update:modelValue", "", ""), I.value.hide();
+  }
+  function z() {
+    if (B.value = B.value.trim(), !B.value) return void n.ElMessage.warning("请输入图标名!");
+    const e2 = _.value.customOptions || [];
+    let o2 = false;
+    for (let l3 of e2) if (l3.value === B.value) {
+      o2 = true;
+      break;
+    }
+    if (!o2 && B.value.startsWith("svg-img-")) n.ElMessage.info("请选择需要上传的SVG文件!"), E.value.click();
+    else {
+      x.value = "custom", N.value = B.value;
+      const e3 = B.value;
+      if (B.value = "", g2("update:modelValue", x.value, N.value), I.value.hide(), !o2) {
+        const o3 = { iconName: e3 };
+        t.http.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/get-or-create", o3).then((e4) => {
+          "custom" == x.value && D();
+        }).catch((e4) => {
+          n.ElMessage.warning("保存图标失败!");
+        });
+      }
+    }
+  }
+  function U(e2) {
+    const o2 = e2.target.files[0];
+    if (!o2) return;
+    const l3 = new FormData();
+    l3.append("file", o2), l3.append("iconName", B.value.trim()), t.http.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/general-icon/upload-icon", l3, { headers: { "Content-Type": "multipart/form-data" } }).then((e3) => {
+      E.value.value = "", n.ElMessage.success("上传成功!"), b.value.unshift({ value: B.value.trim(), label: B.value.trim() }), B.value = "";
+    }).catch((e3) => {
+      n.ElMessage.warning("保存图标失败!");
+    });
+  }
+  function L() {
+    e.nextTick(() => {
+      !function() {
+        if (!_.value.elementUIOptions) {
+          if (!window.temp_Icon_Options) {
+            const e2 = [];
+            for (const [o2, l3] of Object.entries(c)) e2.push({ value: o2, label: o2, component: l3 });
+            e2.sort(function(e3, o2) {
+              const l3 = e3.value, t2 = o2.value;
+              return l3.localeCompare(t2);
+            }), window.temp_Icon_Options = e2;
+          }
+          _.value.elementUIOptions = window.temp_Icon_Options;
+        }
+      }(), P(x.value);
+    });
+  }
+  return e.ref(), (t2, n2) => {
+    const a3 = e.resolveComponent("el-icon"), c2 = e.resolveComponent("el-input"), h2 = e.resolveComponent("el-button"), w2 = e.resolveComponent("el-tooltip"), C2 = e.resolveComponent("el-scrollbar"), k2 = e.resolveComponent("el-col"), b2 = e.resolveComponent("el-empty"), V2 = e.resolveComponent("el-tag"), _2 = e.resolveComponent("SuperIcon"), D2 = e.resolveComponent("ArrowDown"), M = e.resolveComponent("el-row"), q = e.resolveComponent("el-popover"), F = e.resolveDirective("infinite-scroll"), R = e.resolveDirective("loading");
+    return l2.showLabel ? (e.openBlock(), e.createElementBlock("span", i, e.toDisplayString(N.value), 1)) : (e.openBlock(), e.createBlock(q, { key: 1, ref_key: "popoverRef", ref: I, "popper-class": "amb-component-popover-main", trigger: "click", width: 540 }, { reference: e.withCtx(() => [e.createVNode(c2, { readonly: "", size: l2.size, onClick: L, modelValue: N.value, "onUpdate:modelValue": n2[0] || (n2[0] = (e2) => N.value = e2), placeholder: "请选择" }, { suffix: e.withCtx(() => [e.withDirectives(e.createVNode(a3, { style: { cursor: "pointer" }, onClick: e.withModifiers(j, ["stop"]) }, { default: e.withCtx(() => [e.createVNode(e.unref(o.CircleClose))]), _: 1 }, 512), [[e.vShow, N.value]])]), _: 1 }, 8, ["size", "modelValue"])]), default: e.withCtx(() => [e.createVNode(M, null, { default: e.withCtx(() => [e.createVNode(w2, { effect: "dark", content: "关闭", placement: "top-end" }, { default: e.withCtx(() => [e.createVNode(h2, { type: "text", class: "amb-component-popover-close-btn", icon: e.unref(o.Close), onClick: T }, null, 8, ["icon"])]), _: 1 }), e.createVNode(k2, { span: 8 }, { default: e.withCtx(() => [e.createElementVNode("div", r, [e.createVNode(C2, { "max-height": "100%" }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(y.value, (l3) => (e.openBlock(), e.createElementBlock("div", { class: e.normalizeClass(["amb-popover-menu-item", l3.value == x.value ? "is-active" : ""]), onClick: (e2) => P(l3.value) }, [e.createVNode(a3, null, { default: e.withCtx(() => [e.withDirectives(e.createVNode(e.unref(o.Check), null, null, 512), [[e.vShow, l3.value == x.value]])]), _: 2 }, 1024), e.createElementVNode("span", null, e.toDisplayString(l3.label), 1)], 10, u))), 256))]), _: 1 })])]), _: 1 }), e.withDirectives((e.openBlock(), e.createBlock(k2, { span: 16, style: { "padding-left": "10px" }, class: "amb-component-popover-icon-list-view" }, { default: e.withCtx(() => [x.value ? e.createCommentVNode("", true) : (e.openBlock(), e.createBlock(b2, { key: 0, description: "请选择类型", "image-size": 80 })), x.value ? (e.openBlock(), e.createElementBlock("div", s, [e.createVNode(c2, { modelValue: B.value, "onUpdate:modelValue": n2[1] || (n2[1] = (e2) => B.value = e2), placeholder: "搜索", size: "default", "prefix-icon": e.unref(o.Search), clearable: "", filterable: "", style: { flex: "1 1 auto" } }, null, 8, ["modelValue", "prefix-icon"]), ["custom"].includes(x.value) && B.value && !S.value.length ? (e.openBlock(), e.createBlock(w2, { key: 0, effect: "dark", content: "创建该图标", placement: "top-end" }, { default: e.withCtx(() => [e.createVNode(h2, { type: "primary", circle: "", icon: e.unref(o.Plus), onClick: z }, null, 8, ["icon"])]), _: 1 })) : e.createCommentVNode("", true)])) : e.createCommentVNode("", true), e.createElementVNode("input", { ref_key: "uplooadSvgInputRef", ref: E, type: "file", accept: ".svg", style: { display: "none" }, onChange: U }, null, 544), ["custom"].includes(x.value) ? (e.openBlock(), e.createElementBlock("div", p, [e.createVNode(a3, null, { default: e.withCtx(() => [e.createVNode(e.unref(o.InfoFilled))]), _: 1 }), n2[5] || (n2[5] = e.createElementVNode("span", { style: { "margin-left": "5px" } }, "输入图标名后点击加号按钮添加", -1)), n2[6] || (n2[6] = e.createTextVNode("   ", -1)), e.createVNode(w2, null, { content: e.withCtx(() => n2[3] || (n2[3] = [e.createTextVNode(" 1.支持fa图标,图标名称详见官网：https://fontawesome.com.cn/v4/icons-ui/; ", -1), e.createElementVNode("br", null, null, -1), e.createTextVNode(" 2.支持svg图标,需以svg-img-开头,接svg内容,如：svg-img-xxxxxx. ", -1)])), default: e.withCtx(() => [e.createVNode(V2, { type: "primary" }, { default: e.withCtx(() => n2[4] || (n2[4] = [e.createTextVNode("更多", -1)])), _: 1, __: [4] })]), _: 1 })])) : e.createCommentVNode("", true), x.value ? e.withDirectives((e.openBlock(), e.createElementBlock("div", v, [S.value.length || A.value ? e.createCommentVNode("", true) : (e.openBlock(), e.createBlock(b2, { key: 0, description: "没有相关图标", "image-size": 80 })), e.createElementVNode("div", d, [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(S.value, (o2) => (e.openBlock(), e.createBlock(w2, { key: o2.value, effect: "dark", content: o2.label, placement: "top" }, { default: e.withCtx(() => [e.createElementVNode("div", { class: "amb-component-popover-icon-grid-item", onClick: (e2) => {
+      return l3 = o2, N.value = l3.value, g2("update:modelValue", x.value, N.value), void I.value.hide();
+      var l3;
+    } }, [e.createVNode(_2, { iconType: x.value, iconValue: o2.value }, null, 8, ["iconType", "iconValue"])], 8, m)]), _: 2 }, 1032, ["content"]))), 128))])])), [[F, O]]) : e.createCommentVNode("", true), x.value ? (e.openBlock(), e.createElementBlock("div", f, [S.value.length < $.value.length ? (e.openBlock(), e.createBlock(a3, { key: 0, style: { "padding-left": "10px", "font-size": "20px" }, onClick: n2[2] || (n2[2] = (e2) => O()) }, { default: e.withCtx(() => [e.createVNode(D2)]), _: 1 })) : e.createCommentVNode("", true), e.createTextVNode(e.toDisplayString(S.value.length) + "/" + e.toDisplayString($.value.length), 1)])) : e.createCommentVNode("", true)]), _: 1 })), [[R, A.value]])]), _: 1 })]), _: 1 }, 512));
+  };
+} });
+module.exports = g;

package/dist/lib/components/design/views/assemblys/common/common-select-page.vue.cjs

@@ -0,0 +1,50 @@
+"use strict";
+const e = require("vue"), t = require("@element-plus/icons"), l = require("agilebuilder-ui"), o = require("../../../utils/interfaces/page-design-types.cjs"), a = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "10px" } }, n = e.defineComponent({ __name: "common-select-page", props: { systemCode: {}, systemVersion: {} }, emits: ["selectPage"], setup(n2, { expose: r, emit: s }) {
+  const i = n2, u = s, c = e.ref(300), d = e.ref(false), p = e.reactive({ systemId: null, searchValue: "" });
+  function m() {
+    p.systemId = null, p.searchValue = "", w();
+  }
+  const h = e.reactive({ currentPage: 1, pageSize: 20, showTotal: true, total: 0 }), g = e.ref([]), V = e.ref([{ value: "", version: 1, label: "" }]), y = e.ref({});
+  let f, b = false;
+  e.onUnmounted(() => {
+    f && clearTimeout(f);
+  });
+  let v = null;
+  function C({ column: e2 }) {
+    v = e2, w();
+  }
+  function w() {
+    const e2 = { pagination: { currentPage: h.currentPage, pageSize: h.pageSize, showTotal: true }, searchForm: [], dynamicColumnInfo: [], sorts: [] };
+    null != v && e2.sorts.push({ prop: v.property, order: "ascending" == v.order ? "asc" : "desc" });
+    let t2 = p.systemId;
+    p.tableType && p.tableType;
+    const o2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/app-pages/listBySystem/" + (t2 || 0);
+    let a2 = { searchParam: e2, searchInfo: {} };
+    p.searchValue && (a2.searchInfo.name = p.searchValue), l.http.post(o2, a2).then((e3) => {
+      g.value = e3.data, h.currentPage = e3.page, h.pageSize = e3.size, h.total = e3.total;
+    });
+  }
+  return r({ openDialog: function() {
+    let e2 = window.innerHeight - 140 - 176;
+    e2 > 500 ? e2 = 500 : e2 < 100 && (e2 = 100), c.value = e2, d.value = true, b || (b = true, l.http.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-charts/findAllSystem").then((e3) => {
+      const t2 = e3, l2 = [], a2 = {};
+      for (let e4 of t2) {
+        if (y[e4.id] = e4.name, e4.deleted) continue;
+        if (e4.enabledState != o.EnableStates.ENABLE) continue;
+        const t3 = a2[e4.code];
+        null != t3 ? e4.code == i.systemCode ? t3.publishVersion != i.systemVersion && (e4.code == i.systemCode && e4.publishVersion == i.systemVersion || e4.publishVersion > t3.publishVersion) && (a2[e4.code] = e4) : e4.publishVersion > t3.publishVersion && (a2[e4.code] = e4) : null == t3 && (a2[e4.code] = e4, l2.push(e4.code));
+      }
+      V.value = [];
+      for (let e4 of l2) {
+        const t3 = a2[e4], l3 = e4 === i.systemCode ? i.systemVersion : t3.publishVersion;
+        V.value.push({ value: t3.id, label: t3.name + "(" + l3 + ")", code: t3.code, name: t3.name, version: l3 });
+      }
+    }), f = setTimeout(() => {
+      w();
+    }, 100));
+  } }), (l2, o2) => {
+    const n3 = e.resolveComponent("el-option"), r2 = e.resolveComponent("el-select"), s2 = e.resolveComponent("el-input"), i2 = e.resolveComponent("el-button"), f2 = e.resolveComponent("el-table-column"), b2 = e.resolveComponent("el-table"), v2 = e.resolveComponent("el-pagination"), x = e.resolveComponent("el-dialog");
+    return e.openBlock(), e.createBlock(x, { modelValue: d.value, "onUpdate:modelValue": o2[4] || (o2[4] = (e2) => d.value = e2), title: "选择页面", width: "800", "append-to-body": "" }, { default: e.withCtx(() => [e.createElementVNode("div", a, [e.createVNode(r2, { modelValue: p.systemId, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => p.systemId = e2), placeholder: "所有应用", clearable: "", filterable: "", onChange: w, style: { width: "220px" } }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(V.value, (t2) => (e.openBlock(), e.createBlock(n3, { key: t2.value, label: t2.label, value: t2.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), e.createVNode(s2, { modelValue: p.searchValue, "onUpdate:modelValue": o2[1] || (o2[1] = (e2) => p.searchValue = e2), style: { width: "260px", "margin-left": "10px" }, clearable: "", placeholder: "请输入编码或名称" }, null, 8, ["modelValue"]), e.createVNode(i2, { type: "primary", style: { "margin-left": "10px" }, icon: e.unref(t.Search), onClick: w }, { default: e.withCtx(() => o2[5] || (o2[5] = [e.createTextVNode("确定", -1)])), _: 1, __: [5] }, 8, ["icon"]), e.createVNode(i2, { type: "default", style: { "margin-left": "10px" }, icon: e.unref(t.RefreshLeft), onClick: m }, { default: e.withCtx(() => o2[6] || (o2[6] = [e.createTextVNode("重置", -1)])), _: 1, __: [6] }, 8, ["icon"])]), e.createVNode(b2, { data: g.value, stripe: "", height: c.value, onSortChange: C }, { default: e.withCtx(() => [e.createVNode(f2, { type: "index", label: "序", width: "50" }, { default: e.withCtx((t2) => [e.createTextVNode(e.toDisplayString(t2.$index + 1), 1)]), _: 1 }), e.createVNode(f2, { label: "操作", width: "80" }, { default: e.withCtx((t2) => [e.createVNode(i2, { type: "primary", size: "small", onClick: (e2) => (u("selectPage", t2.row), void (d.value = false)) }, { default: e.withCtx(() => o2[7] || (o2[7] = [e.createTextVNode("选择", -1)])), _: 2, __: [7] }, 1032, ["onClick"])]), _: 1 }), e.createVNode(f2, { property: "dataView", label: "应用", width: "120" }, { default: e.withCtx((t2) => [e.createElementVNode("span", null, e.toDisplayString(y.value[t2.row.systemId]), 1)]), _: 1 }), e.createVNode(f2, { property: "code", label: "编码", width: "160", sortable: "custom" }), e.createVNode(f2, { property: "name", label: "名称", width: "260", sortable: "custom" })]), _: 1 }, 8, ["data", "height"]), e.createVNode(v2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": h.currentPage, "onUpdate:currentPage": o2[2] || (o2[2] = (e2) => h.currentPage = e2), "page-size": h.pageSize, "onUpdate:pageSize": o2[3] || (o2[3] = (e2) => h.pageSize = e2), "page-sizes": [20, 30, 50, 100], background: "", layout: "sizes,prev,pager,next,jumper,total", total: h.total, onSizeChange: w, onCurrentChange: w }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+module.exports = n;

package/dist/lib/components/design/views/assemblys/common/common-select-page.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-select-page.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-select-table.vue.cjs

@@ -0,0 +1,62 @@
+"use strict";
+const e = require("vue"), t = require("@element-plus/icons"), a = require("agilebuilder-ui"), o = require("../../../utils/interfaces/page-design-types.cjs"), l = require("../../../../../stores/page-store.cjs"), r = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "10px" } }, n = e.defineComponent({ __name: "common-select-table", props: { systemCode: {}, systemVersion: {} }, emits: ["selectTable"], setup(n2, { expose: s, emit: i }) {
+  const p = n2, u = l.usePageContextStore(), c = u.pageContext ? u.pageContext : {}, d = i, m = e.ref(300);
+  let h = p.systemCode, g = p.systemVersion;
+  h || (h = c.systemCode, g = c.systemVersion);
+  const y = e.ref(false), V = e.reactive({ systemCode: "", tableType: null, searchValue: "" });
+  function C() {
+    V.systemCode = "", V.tableType = null, V.searchValue = "", _();
+  }
+  const f = e.reactive({ currentPage: 1, pageSize: 20, showTotal: true, total: 0 }), b = e.ref([]), v = e.ref([{ value: "", version: 1, label: "" }]);
+  let x, w = false;
+  e.onUnmounted(() => {
+    x && clearTimeout(x);
+  });
+  let N = null;
+  function T({ column: e2 }) {
+    N = e2, _();
+  }
+  function _() {
+    const e2 = { pagination: { currentPage: f.currentPage, pageSize: f.pageSize, showTotal: true }, searchForm: [], dynamicColumnInfo: [], sorts: [] };
+    null != N && e2.sorts.push({ prop: N.property, order: "ascending" == N.order ? "asc" : "desc" }), V.searchValue && (e2.searchForm.push({ propName: "name", propDbName: "name", operator: "CONTAIN", dataType: "TEXT", propValue: V.searchValue, joinSign: "or" }), e2.searchForm.push({ propName: "alias", propDbName: "alias", operator: "CONTAIN", dataType: "TEXT", propValue: V.searchValue }));
+    let t2 = V.systemCode, o2 = -1;
+    if (t2) {
+      let e3 = v.value.filter((e4) => e4.value == t2);
+      o2 = e3.length > 0 ? e3[0].version : -1;
+    } else t2 = h, o2 = g;
+    const l2 = V.tableType ? V.tableType : 0, r2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/data-tables/list/" + t2 + "/" + l2 + "/" + o2;
+    a.http.post(r2, e2).then((e3) => {
+      b.value = e3.data, f.currentPage = e3.page, f.pageSize = e3.size, f.total = e3.total;
+    });
+  }
+  return s({ openDialog: function() {
+    let e2 = window.innerHeight - 140 - 176;
+    e2 > 500 ? e2 = 500 : e2 < 100 && (e2 = 100), m.value = e2, y.value = true, w || (w = true, a.http.get(window.$vueApp.config.globalProperties.baseAPI + "/component/super-charts/findAllSystem").then((e3) => {
+      const t2 = e3, a2 = [], l2 = {};
+      for (let e4 of t2) {
+        if (e4.deleted) continue;
+        if (e4.enabledState != o.EnableStates.ENABLE) continue;
+        const t3 = l2[e4.code];
+        null != t3 && e4.publishVersion > t3.publishVersion ? l2[e4.code] = e4 : null == t3 && (l2[e4.code] = e4, a2.push(e4.code));
+      }
+      v.value = [];
+      for (let e4 of a2) {
+        const t3 = l2[e4], a3 = e4 === h ? g : t3.publishVersion;
+        v.value.push({ value: e4, label: t3.name + "(" + a3 + ")", version: a3 });
+      }
+    }), x = setTimeout(() => {
+      _();
+    }, 100));
+  } }), (a2, o2) => {
+    const l2 = e.resolveComponent("el-option"), n3 = e.resolveComponent("el-select"), s2 = e.resolveComponent("el-input"), i2 = e.resolveComponent("el-button"), p2 = e.resolveComponent("el-table-column"), u2 = e.resolveComponent("el-text"), h2 = e.resolveComponent("el-table"), g2 = e.resolveComponent("el-pagination"), x2 = e.resolveComponent("el-dialog");
+    return e.openBlock(), e.createBlock(x2, { "append-to-body": "", modelValue: y.value, "onUpdate:modelValue": o2[5] || (o2[5] = (e2) => y.value = e2), title: "选择数据模型", width: "800" }, { default: e.withCtx(() => [e.createElementVNode("div", r, [e.createVNode(n3, { modelValue: V.systemCode, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => V.systemCode = e2), placeholder: "当前应用", clearable: "", onChange: _, style: { width: "120px" } }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(v.value, (t2) => (e.openBlock(), e.createBlock(l2, { key: t2.value, label: t2.label, value: t2.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"]), e.createVNode(n3, { modelValue: V.tableType, "onUpdate:modelValue": o2[1] || (o2[1] = (e2) => V.tableType = e2), placeholder: "表和视图", clearable: "", onChange: _, style: { width: "120px", "margin-left": "10px" } }, { default: e.withCtx(() => [e.createVNode(l2, { value: "1", label: "表" }), e.createVNode(l2, { value: "2", label: "视图" })]), _: 1 }, 8, ["modelValue"]), e.createVNode(s2, { modelValue: V.searchValue, "onUpdate:modelValue": o2[2] || (o2[2] = (e2) => V.searchValue = e2), style: { width: "240px", "margin-left": "10px" }, placeholder: "请输入名称或别名" }, null, 8, ["modelValue"]), e.createVNode(i2, { type: "primary", style: { "margin-left": "10px" }, icon: e.unref(t.Search), onClick: _ }, { default: e.withCtx(() => o2[6] || (o2[6] = [e.createTextVNode("确定", -1)])), _: 1, __: [6] }, 8, ["icon"]), e.createVNode(i2, { type: "default", style: { "margin-left": "10px" }, icon: e.unref(t.RefreshLeft), onClick: C }, { default: e.withCtx(() => o2[7] || (o2[7] = [e.createTextVNode("重置", -1)])), _: 1, __: [7] }, 8, ["icon"])]), e.createVNode(h2, { data: b.value, stripe: "", height: m.value, onSortChange: T }, { default: e.withCtx(() => [e.createVNode(p2, { type: "index", label: "序", width: "50" }, { default: e.withCtx((t2) => [e.createTextVNode(e.toDisplayString(t2.$index + 1), 1)]), _: 1 }), e.createVNode(p2, { label: "操作", width: "80" }, { default: e.withCtx((t2) => [e.createVNode(i2, { type: "primary", size: "small", onClick: (e2) => function(e3) {
+      const t3 = { name: e3.row.name, alias: e3.row.alias };
+      if (V.systemCode && V.systemCode != c.systemCode) {
+        let e4 = V.systemCode, a3 = v.value.filter((t4) => t4.value == e4);
+        t3.systemVersion = a3.length > 0 ? a3[0].version : 1, t3.systemCode = e4;
+      } else V.systemCode || (e3.row.systemCode && (t3.systemCode = e3.row.systemCode), e3.row.publishVersion && (t3.systemVersion = e3.row.publishVersion));
+      d("selectTable", t3), y.value = false;
+    }(t2) }, { default: e.withCtx(() => o2[8] || (o2[8] = [e.createTextVNode("选择", -1)])), _: 2, __: [8] }, 1032, ["onClick"])]), _: 1 }), e.createVNode(p2, { property: "dataView", label: "类型", width: "70" }, { default: e.withCtx((t2) => [t2.dataView ? e.createCommentVNode("", true) : (e.openBlock(), e.createBlock(u2, { key: 0, class: "mx-1", type: "primary" }, { default: e.withCtx(() => o2[9] || (o2[9] = [e.createTextVNode("数据表", -1)])), _: 1, __: [9] })), t2.dataView ? (e.openBlock(), e.createBlock(u2, { key: 1, class: "mx-1", type: "success" }, { default: e.withCtx(() => o2[10] || (o2[10] = [e.createTextVNode("视图", -1)])), _: 1, __: [10] })) : e.createCommentVNode("", true)]), _: 1 }), e.createVNode(p2, { property: "name", label: "名称", width: "200", sortable: "custom" }), e.createVNode(p2, { property: "alias", label: "别名" })]), _: 1 }, 8, ["data", "height"]), e.createVNode(g2, { style: { "margin-top": "10px", "justify-content": "center" }, "current-page": f.currentPage, "onUpdate:currentPage": o2[3] || (o2[3] = (e2) => f.currentPage = e2), "page-size": f.pageSize, "onUpdate:pageSize": o2[4] || (o2[4] = (e2) => f.pageSize = e2), "page-sizes": [20, 30, 50, 100], background: "", layout: "sizes,prev,pager,next,jumper,total", total: f.total, onSizeChange: _, onCurrentChange: _ }, null, 8, ["current-page", "page-size", "total"])]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+module.exports = n;

package/dist/lib/components/design/views/assemblys/common/common-select-table.vue.d.ts

@@ -0,0 +1,25 @@
+interface MyProps {
+    systemCode: string;
+    systemVersion: number;
+}
+/**
+ * 打开对象框
+ */
+declare function openDialog(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {
+    openDialog: typeof openDialog;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    selectTable: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{
+    onSelectTable?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/lib/components/design/views/assemblys/common/common-select-table.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-select-table.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-style-background.vue.cjs

@@ -0,0 +1,19 @@
+"use strict";
+const e = require("vue"), o = require("@element-plus/icons-vue"), t = require("agilebuilder-ui"), r = { style: { padding: "8px 0px 0px 0px" } }, a = ["src"], l = e.defineComponent({ __name: "common-style-background", props: { configure: { type: Object, required: true } }, setup(l2) {
+  const n = l2, i = e.ref(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/uploads"), s = t.getToken(), c = e.ref(window.$vueApp.config.globalProperties.baseAPI + "/component/super-form/show-image?jwt=" + s + "&serverPath=");
+  function u() {
+    n.configure.style.backgroundImageServerPath = void 0;
+  }
+  function p(e2) {
+    if (e2.size > 3145728) return this.$message({ type: "warning", message: this.$t("imatrixUIMessage.exceedFileSize", { fileSize: 3 }), showClose: true }), false;
+  }
+  i.value;
+  const d = (e2, o2) => {
+    n.configure.style.backgroundImageServerPath = e2.serverPath;
+  };
+  return (t2, n2) => {
+    const g = e.resolveComponent("el-color-picker"), m = e.resolveComponent("el-form-item"), f = e.resolveComponent("CloseBold"), v = e.resolveComponent("el-icon"), h = e.resolveComponent("el-upload"), k = e.resolveComponent("el-collapse-item");
+    return e.openBlock(), e.createBlock(k, { title: "背景", name: "styleBackground", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", r, [e.createVNode(m, { label: "颜色", style: { "margin-top": "4px" } }, { default: e.withCtx(() => [e.createVNode(g, { modelValue: l2.configure.style.backgroundColor, "onUpdate:modelValue": n2[0] || (n2[0] = (e2) => l2.configure.style.backgroundColor = e2) }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(m, { label: "图片", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: e.withCtx(() => [e.createVNode(h, { class: "avatar-uploader", accept: "image/png, image/jpeg", "with-credentials": true, headers: { Authorization: e.unref(s) }, action: i.value, "show-file-list": false, "on-success": d, "before-upload": p, style: { position: "relative" }, name: "file" }, { default: e.withCtx(() => [l2.configure.style.backgroundImageServerPath ? (e.openBlock(), e.createElementBlock("img", { key: 0, src: c.value + l2.configure.style.backgroundImageServerPath + "&_tt=" + (/* @__PURE__ */ new Date()).getTime(), class: "avatar" }, null, 8, a)) : e.createCommentVNode("", true), l2.configure.style.backgroundImageServerPath ? (e.openBlock(), e.createBlock(v, { key: 1, style: { position: "absolute", top: "4px", right: "4px", "font-size": "15px", "background-color": "red" }, onClick: e.withModifiers(u, ["stop"]) }, { default: e.withCtx(() => [e.createVNode(f)]), _: 1 })) : (e.openBlock(), e.createBlock(v, { key: 2, class: "avatar-uploader-icon" }, { default: e.withCtx(() => [e.createVNode(e.unref(o.Plus))]), _: 1 }))]), _: 1 }, 8, ["headers", "action"])]), _: 1 })])]), _: 1 });
+  };
+} });
+module.exports = l;

package/dist/lib/components/design/views/assemblys/common/common-style-background.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    configure: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    configure: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/assemblys/common/common-style-background.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-style-background.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-style-border.vue.cjs

@@ -0,0 +1,6 @@
+"use strict";
+const e = require("vue"), t = { style: { padding: "8px 0px 0px 0px" } }, o = e.defineComponent({ __name: "common-style-border", props: { configure: { type: Object, required: true } }, setup: (o2) => (l, r) => {
+  const a = e.resolveComponent("el-color-picker"), d = e.resolveComponent("el-form-item"), n = e.resolveComponent("el-input-number"), u = e.resolveComponent("el-radio"), i = e.resolveComponent("el-radio-group"), m = e.resolveComponent("el-collapse-item");
+  return e.openBlock(), e.createBlock(m, { title: "边框", name: "styleBorder", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", t, [e.createVNode(d, { label: "颜色", class: "amb-design-attr-item", style: { "margin-top": "4px" } }, { default: e.withCtx(() => [e.createVNode(a, { modelValue: o2.configure.style.borderColor, "onUpdate:modelValue": r[0] || (r[0] = (e2) => o2.configure.style.borderColor = e2) }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(d, { label: "线宽", style: { "margin-top": "0px" } }, { default: e.withCtx(() => [e.createVNode(n, { modelValue: o2.configure.style.borderWidth, "onUpdate:modelValue": r[1] || (r[1] = (e2) => o2.configure.style.borderWidth = e2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(d, { label: "线型", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(i, { modelValue: o2.configure.style.borderType, "onUpdate:modelValue": r[2] || (r[2] = (e2) => o2.configure.style.borderType = e2) }, { default: e.withCtx(() => [e.createVNode(u, { value: "solid" }, { default: e.withCtx(() => r[4] || (r[4] = [e.createTextVNode("实线", -1)])), _: 1, __: [4] }), e.createVNode(u, { value: "dotted" }, { default: e.withCtx(() => r[5] || (r[5] = [e.createTextVNode("点线", -1)])), _: 1, __: [5] }), e.createVNode(u, { value: "dashed" }, { default: e.withCtx(() => r[6] || (r[6] = [e.createTextVNode("虚线", -1)])), _: 1, __: [6] }), e.createVNode(u, { value: null }, { default: e.withCtx(() => r[7] || (r[7] = [e.createTextVNode("无", -1)])), _: 1, __: [7] })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e.createVNode(d, { label: "圆角", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: e.withCtx(() => [e.createVNode(n, { modelValue: o2.configure.style.radius, "onUpdate:modelValue": r[3] || (r[3] = (e2) => o2.configure.style.radius = e2), min: 0, max: 40 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
+} });
+module.exports = o;

package/dist/lib/components/design/views/assemblys/common/common-style-border.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-style-border.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-style-custom.vue.cjs

@@ -0,0 +1,6 @@
+"use strict";
+const e = require("vue"), t = { style: { padding: "8px 0px 0px 0px" } }, o = e.defineComponent({ __name: "common-style-custom", props: { configure: { type: Object, required: true } }, setup: (o2) => (l, a) => {
+  const s = e.resolveComponent("el-input"), r = e.resolveComponent("el-form-item"), n = e.resolveComponent("el-form"), m = e.resolveComponent("el-collapse-item");
+  return e.openBlock(), e.createBlock(m, { title: "自定义", name: "styleCustom", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", t, [e.createVNode(n, { "label-position": "top" }, { default: e.withCtx(() => [e.createVNode(r, { label: "  class(多个分号;隔开)", style: { "margin-top": "4px" } }, { default: e.withCtx(() => [e.createVNode(s, { modelValue: o2.configure.style.customClass, "onUpdate:modelValue": a[0] || (a[0] = (e2) => o2.configure.style.customClass = e2), placeholder: "" }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(r, { label: "  style", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: e.withCtx(() => [e.createVNode(s, { modelValue: o2.configure.style.customStyle, "onUpdate:modelValue": a[1] || (a[1] = (e2) => o2.configure.style.customStyle = e2), rows: 5, type: "textarea", placeholder: "" }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })])]), _: 1 });
+} });
+module.exports = o;

package/dist/lib/components/design/views/assemblys/common/common-style-custom.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    configure: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    configure: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/assemblys/common/common-style-custom.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-style-custom.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-style-font-head.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), t = { style: { padding: "8px 0px 0px 0px" } }, l = e.defineComponent({ __name: "common-style-font-head", props: { headerTextAlign: { default: true }, configure: { type: Object, required: true } }, setup(l2) {
+  const o = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
+  return (a, r) => {
+    const n = e.resolveComponent("el-switch"), d = e.resolveComponent("el-form-item"), u = e.resolveComponent("el-col"), i = e.resolveComponent("el-row"), c = e.resolveComponent("el-option"), p = e.resolveComponent("el-select"), m = e.resolveComponent("el-color-picker"), s = e.resolveComponent("el-radio-button"), x = e.resolveComponent("el-radio-group"), V = e.resolveComponent("el-collapse-item");
+    return e.openBlock(), e.createBlock(V, { title: "标题", name: "styleFontHead", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", t, [e.createVNode(i, { style: { "margin-top": "4px" } }, { default: e.withCtx(() => [e.createVNode(u, { span: 9 }, { default: e.withCtx(() => [e.createVNode(d, { label: "加粗" }, { default: e.withCtx(() => [e.createVNode(n, { modelValue: l2.configure.style.headerFontWeight, "onUpdate:modelValue": r[0] || (r[0] = (e2) => l2.configure.style.headerFontWeight = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), e.createVNode(u, { span: 12 }, { default: e.withCtx(() => [e.createVNode(d, { label: "倾斜" }, { default: e.withCtx(() => [e.createVNode(n, { modelValue: l2.configure.style.headerIncline, "onUpdate:modelValue": r[1] || (r[1] = (e2) => l2.configure.style.headerIncline = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), e.createVNode(d, { label: "字号", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(p, { modelValue: l2.configure.style.headerFontSize, "onUpdate:modelValue": r[2] || (r[2] = (e2) => l2.configure.style.headerFontSize = e2), placeholder: "默认", clearable: "" }, { default: e.withCtx(() => [(e.openBlock(), e.createElementBlock(e.Fragment, null, e.renderList(o, (t2) => e.createVNode(c, { label: t2, value: t2 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e.createVNode(d, { label: "颜色", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: e.withCtx(() => [e.createVNode(m, { modelValue: l2.configure.style.headerColor, "onUpdate:modelValue": r[3] || (r[3] = (e2) => l2.configure.style.headerColor = e2) }, null, 8, ["modelValue"])]), _: 1 }), e.withDirectives(e.createVNode(d, { label: "左右对齐", style: { "margin-top": "22px", "margin-bottom": "-15px" } }, { default: e.withCtx(() => [e.createVNode(x, { modelValue: l2.configure.style.headerTextAlign, "onUpdate:modelValue": r[4] || (r[4] = (e2) => l2.configure.style.headerTextAlign = e2) }, { default: e.withCtx(() => [e.createVNode(s, { value: "left" }, { default: e.withCtx(() => r[5] || (r[5] = [e.createTextVNode("左", -1)])), _: 1, __: [5] }), e.createVNode(s, { value: "center" }, { default: e.withCtx(() => r[6] || (r[6] = [e.createTextVNode("中", -1)])), _: 1, __: [6] }), e.createVNode(s, { value: "right" }, { default: e.withCtx(() => r[7] || (r[7] = [e.createTextVNode("右", -1)])), _: 1, __: [7] })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 512), [[e.vShow, l2.headerTextAlign]])])]), _: 1 });
+  };
+} });
+module.exports = l;

package/dist/lib/components/design/views/assemblys/common/common-style-font-head.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./common-style-font-head.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/assemblys/common/common-style-font.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), t = { style: { padding: "8px 0px 0px 0px" } }, l = e.defineComponent({ __name: "common-style-font", props: { configure: { type: Object, required: true } }, setup(l2) {
+  const o = ["8px", "10px", "12px", "14px", "16px", "18px", "20px", "24px", "28px"];
+  return (a, n) => {
+    const r = e.resolveComponent("el-switch"), d = e.resolveComponent("el-form-item"), u = e.resolveComponent("el-col"), c = e.resolveComponent("el-row"), i = e.resolveComponent("el-option"), p = e.resolveComponent("el-select"), m = e.resolveComponent("el-color-picker"), s = e.resolveComponent("el-radio-button"), x = e.resolveComponent("el-radio-group"), V = e.resolveComponent("el-collapse-item");
+    return e.openBlock(), e.createBlock(V, { title: "字体", name: "styleFont", class: "amb-design-attr-group-header" }, { default: e.withCtx(() => [e.createElementVNode("div", t, [e.createVNode(c, { style: { "margin-top": "4px" } }, { default: e.withCtx(() => [e.createVNode(u, { span: 9 }, { default: e.withCtx(() => [e.createVNode(d, { label: "加粗" }, { default: e.withCtx(() => [e.createVNode(r, { modelValue: l2.configure.style.fontWeight, "onUpdate:modelValue": n[0] || (n[0] = (e2) => l2.configure.style.fontWeight = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }), e.createVNode(u, { span: 12 }, { default: e.withCtx(() => [e.createVNode(d, { label: "倾斜" }, { default: e.withCtx(() => [e.createVNode(r, { modelValue: l2.configure.style.incline, "onUpdate:modelValue": n[1] || (n[1] = (e2) => l2.configure.style.incline = e2) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), e.createVNode(d, { label: "字号", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(p, { modelValue: l2.configure.style.fontSize, "onUpdate:modelValue": n[2] || (n[2] = (e2) => l2.configure.style.fontSize = e2), placeholder: "默认", clearable: "" }, { default: e.withCtx(() => [(e.openBlock(), e.createElementBlock(e.Fragment, null, e.renderList(o, (t2) => e.createVNode(i, { label: t2, value: t2 }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), e.createVNode(d, { label: "颜色", style: { "margin-top": "-10px" } }, { default: e.withCtx(() => [e.createVNode(m, { modelValue: l2.configure.style.color, "onUpdate:modelValue": n[3] || (n[3] = (e2) => l2.configure.style.color = e2) }, null, 8, ["modelValue"])]), _: 1 }), e.createVNode(d, { label: "左右对齐", style: { "margin-top": "-10px", "margin-bottom": "-15px" } }, { default: e.withCtx(() => [e.createVNode(x, { modelValue: l2.configure.style.textAlign, "onUpdate:modelValue": n[4] || (n[4] = (e2) => l2.configure.style.textAlign = e2) }, { default: e.withCtx(() => [e.createVNode(s, { value: "left" }, { default: e.withCtx(() => n[5] || (n[5] = [e.createTextVNode("左", -1)])), _: 1, __: [5] }), e.createVNode(s, { value: "center" }, { default: e.withCtx(() => n[6] || (n[6] = [e.createTextVNode("中", -1)])), _: 1, __: [6] }), e.createVNode(s, { value: "right" }, { default: e.withCtx(() => n[7] || (n[7] = [e.createTextVNode("右", -1)])), _: 1, __: [7] })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 });
+  };
+} });
+module.exports = l;