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

package/dist/lib/components/design/views/design/page-event/page-event-container.vue.cjs

@@ -0,0 +1,85 @@
+"use strict";
+const e = require("vue"), t = require("@element-plus/icons-vue"), l = require("element-plus"), a = require("../../../utils/assemblys-config.cjs"), n = require("../view/assemblys-container-explore.vue.cjs"), o = require("../../../utils/common-util.cjs"), i = require("../../../utils/eventBus.cjs"), r = require("../../../../../stores/page-store.cjs"), s = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, u = { style: { "padding-top": "10px" } }, c = ["title"], d = ["title"], m = { key: 0 }, p = { key: 1 }, v = ["title"], f = ["title"], h = ["title"], g = e.defineComponent({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(g2, { expose: w, emit: b }) {
+  const C = r.usePageContextStore(), x = e.ref(null), V = e.ref(), N = e.ref(false);
+  let y = e.ref(["searchCollapse", "addCollapse", "unUseEventCollapse"]), E = e.ref(null), _ = e.ref("");
+  const k = e.computed(() => {
+    let e2 = "";
+    const t2 = E.value;
+    if ("page" === (t2 && "page" != t2.name ? t2.name : "page")) e2 = "页面";
+    else if (e2 = t2 && t2.label ? t2.label : "", t2 && t2.props && t2.props.base) {
+      const l2 = t2.props.base.title;
+      l2 && (e2 = l2 + "(" + e2 + ")");
+    }
+    return e2;
+  });
+  let S = e.computed(() => x.value && x.value.customEvents ? x.value.customEvents.filter((e2) => "customFunc" == e2.name) : []);
+  const B = e.computed(() => {
+    let e2 = E.value ? E.value.name : null;
+    e2 = e2 || "page";
+    const t2 = E.value ? E.value.uuid : null;
+    let l2 = [];
+    const n2 = [];
+    if (x.value && x.value.customEvents) for (let a2 of x.value.customEvents) "customFunc" != a2.name && ("page" !== e2 && a2.uuid !== t2 || (l2.push(a2), n2.includes(a2.name) || n2.push(a2.name)));
+    let i2 = null;
+    if (i2 = "page" == e2 ? x.value ? x.value.events : null : E.value ? E.value.events : null, i2) {
+      for (let t4 of i2) {
+        t4.componentUuid || (t4.componentUuid = E.value && E.value.uuid ? E.value.uuid : "page"), t4.componentLabel || (t4.componentLabel = "page" == e2 ? "页面" : E.value ? E.value.label : "");
+        let a2 = "";
+        E.value && E.value.props && E.value.props.base && (a2 = E.value.props.base.title), t4.title = a2, n2.includes(t4.name) || (l2.push(t4), n2.push(t4.name));
+      }
+      let t3 = a.getDesignConfByName(e2);
+      const r2 = [];
+      if (t3 && t3.events && t3.events.length > 0) {
+        for (let e3 of t3.events) if (r2.push(e3.name), !n2.includes(e3.name)) {
+          const t4 = o.deepCopy(e3);
+          l2.push(t4), i2.push(t4), n2.push(e3.name);
+        }
+        if ("page" !== e2) {
+          for (let e3 = n2.length - 1; e3 >= 0; e3--) if (!r2.includes(n2[e3])) {
+            const t4 = l2.findIndex((t5) => t5.name === n2[e3]);
+            -1 !== t4 && l2.splice(t4, 1), n2.splice(e3, 1);
+          }
+        }
+      } else l2 = [];
+    }
+    if (_.value) {
+      const e3 = [];
+      for (let t3 of l2) (t3.name && t3.name.includes(_.value) || t3.label && t3.label.includes(_.value)) && e3.push(t3);
+      return e3;
+    }
+    return l2;
+  }), D = e.ref([]);
+  function j(e2) {
+    x.value = e2, D.value = e2 && e2.items ? e2.items : [], L(null, null);
+  }
+  function q(e2) {
+    l.ElMessageBox.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      i.$emit("clearEvent", e2);
+    });
+  }
+  function T(e2) {
+    i.$emit("editEvent", e2);
+  }
+  function $(e2) {
+    i.$emit("editEvent", e2);
+  }
+  let U;
+  function L(e2, t2) {
+    E.value = t2, N.value = false;
+  }
+  return e.onMounted(() => {
+    j(C.pageContext), V.value = window.innerHeight - 220;
+  }), i.$on("changePageDesign", () => {
+    j(C.pageContext);
+  }), i.$on("editComponentEvent", (e2) => {
+    U && clearTimeout(U), E.value = e2.configureObj, U = setTimeout(function() {
+      i.$emit("editEvent", e2.event);
+    }, 100);
+  }), e.onUnmounted(() => {
+    U && clearTimeout(U), i.$off("changePageDesign"), i.$off("editComponentEvent");
+  }), w({}), (l2, a2) => {
+    const o2 = e.resolveComponent("el-button"), i2 = e.resolveComponent("el-input"), r2 = e.resolveComponent("el-popover"), g3 = e.resolveComponent("el-table-column"), w2 = e.resolveComponent("el-table"), b2 = e.resolveComponent("el-collapse-item"), C2 = e.resolveComponent("el-collapse");
+    return e.openBlock(), e.createElementBlock("div", s, [e.createElementVNode("div", null, [e.createElementVNode("div", u, [e.createVNode(r2, { placement: "right", width: 300, visible: N.value, trigger: "manual" }, { reference: e.withCtx(() => [e.createVNode(i2, { size: "small", modelValue: k.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e2) => k.value = e2), placeholder: "请选择组件", readonly: "", clearable: "", onClick: a2[2] || (a2[2] = (e2) => N.value = !N.value) }, { append: e.withCtx(() => [e.createVNode(o2, { type: "info", icon: e.unref(t.Search), circle: "", text: "", onClick: a2[0] || (a2[0] = (e2) => N.value = !N.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: e.withCtx(() => [e.createVNode(n, { onSelectComponent: L, treeMarginTop: "", headerSearchClass: "custom", designItems: D.value, selectWidget: l2.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), e.createElementVNode("div", null, [e.createVNode(C2, { modelValue: e.unref(y), "onUpdate:modelValue": a2[4] || (a2[4] = (t2) => e.isRef(y) ? y.value = t2 : y = t2), style: { "margin-top": "10px" } }, { default: e.withCtx(() => [e.createVNode(b2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: e.withCtx(() => [e.createElementVNode("div", null, [e.createVNode(i2, { modelValue: e.unref(_), "onUpdate:modelValue": a2[3] || (a2[3] = (t2) => e.isRef(_) ? _.value = t2 : _ = t2), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": e.unref(t.Search) }, null, 8, ["modelValue", "suffix-icon"]), e.createVNode(w2, { size: "small", data: B.value, style: { width: "100%" }, "max-height": V.value, "highlight-current-row": "", onRowClick: $ }, { default: e.withCtx(() => [e.createVNode(g3, { label: "名称", width: "90" }, { default: e.withCtx((t2) => [e.createElementVNode("span", { title: t2.row.name }, e.toDisplayString(t2.row.name), 9, c)]), _: 1 }), e.createVNode(g3, { label: "别名", width: "60" }, { default: e.withCtx((t2) => [e.createElementVNode("span", { title: t2.row.label }, e.toDisplayString(t2.row.label), 9, d)]), _: 1 }), e.createVNode(g3, { label: "组件", width: "120", align: "left" }, { default: e.withCtx((t2) => [t2.row.title || t2.row.componentLabel ? (e.openBlock(), e.createElementBlock("span", m, e.toDisplayString(t2.row.title ? t2.row.title + "(" + t2.row.componentLabel + ")" : t2.row.componentLabel), 1)) : (e.openBlock(), e.createElementBlock("span", p, e.toDisplayString(e.unref(E) ? e.unref(E).label : "页面"), 1))]), _: 1 }), e.createVNode(g3, { label: "备注" }, { default: e.withCtx((t2) => [e.createElementVNode("span", { title: t2.row.remark }, e.toDisplayString(t2.row.remark), 9, v)]), _: 1 }), e.createVNode(g3, { fixed: "right", label: "", width: "40", align: "center" }, { default: e.withCtx((t2) => [e.withDirectives(e.createVNode(o2, { disabled: false === t2.row.isEdit, link: "", type: "danger", size: "small", onClick: e.withModifiers((e2) => q(t2.row), ["stop"]) }, { default: e.withCtx(() => a2[5] || (a2[5] = [e.createTextVNode("清除", -1)])), _: 2, __: [5] }, 1032, ["disabled", "onClick"]), [[e.vShow, t2.row.isStandard && t2.row.eventName || !t2.row.isStandard && t2.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])])]), _: 1 }), e.createVNode(b2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: e.withCtx(() => [e.createVNode(w2, { size: "small", data: e.unref(S), "highlight-current-row": "", style: { width: "100%" }, "max-height": V.value, onRowClick: T }, { default: e.withCtx(() => [e.createVNode(g3, { prop: "label", label: "方法名", width: "90" }, { default: e.withCtx((t2) => [e.createElementVNode("span", { title: t2.row.eventName }, e.toDisplayString(t2.row.eventName), 9, f)]), _: 1 }), e.createVNode(g3, { prop: "label", label: "描述" }, { default: e.withCtx((t2) => [e.createElementVNode("span", { title: t2.row.remark }, e.toDisplayString(t2.row.remark), 9, h)]), _: 1 }), e.createVNode(g3, { fixed: "right", label: "", width: "50", align: "center" }, { default: e.withCtx((t2) => [e.createVNode(o2, { disabled: t2.row.disable, link: "", type: "primary", size: "small", onClick: e.withModifiers((e2) => q(t2.row), ["stop"]) }, { default: e.withCtx(() => a2[6] || (a2[6] = [e.createTextVNode("清除", -1)])), _: 2, __: [6] }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 512);
+  };
+} });
+module.exports = g;

package/dist/lib/components/design/views/design/page-event/page-event-container.vue.d.ts

@@ -0,0 +1,24 @@
+import { PageDesign } from '../../../utils/interfaces/page-design-types';
+
+interface MyProps {
+    configure: PageDesign;
+    configureObj: any;
+    editEvent: any;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "add-event": (...args: any[]) => void;
+    "change-event": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{
+    "onAdd-event"?: (...args: any[]) => any;
+    "onChange-event"?: (...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/design/page-event/page-event-container.vue2.cjs

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

package/dist/lib/components/design/views/design/page-event/page-event-content.vue.cjs

@@ -0,0 +1,153 @@
+"use strict";
+const e = require("vue"), t = require("element-plus"), n = require("./config.vue.cjs"), a = require("../../../utils/assemblys-config.cjs"), l = require("../../../utils/common-util.cjs"), o = require("../../../../../stores/page-store.cjs"), u = require("../../../../../stores/event-undo-redo-store.cjs"), s = require("../../../utils/eventBus.cjs"), r = { style: { margin: "10px" } }, i = { class: "amb-design-tool", style: { "user-select": "none", "margin-bottom": "10px" } }, c = { class: "amb-design-tool-item" }, m = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, d = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, v = { style: { display: "flex", gap: "15px", padding: "0 20px" } }, p = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, f = e.defineComponent({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(f2, { expose: g, emit: h }) {
+  const x = f2, C = u.undoRedo(), V = o.usePageContextStore(), E = e.ref(null), y = e.ref();
+  let N = e.ref();
+  const b = a.standardButtonOperations;
+  let w = x.customEvent;
+  const S = e.ref({ jsContent: "" }), k = e.ref({ jsContent: "" }), B = e.ref(0), U = e.ref(-1), F = e.ref();
+  function T() {
+    let e2 = false;
+    k.value && k.value.standardValues && k.value.standardValues.includes("true") && (e2 = true), k.value && (k.value.isStandard = e2);
+  }
+  function _() {
+    const e2 = S.value ? JSON.stringify(S.value) : null, n2 = k.value ? JSON.stringify(k.value) : null;
+    e2 && e2 !== n2 ? t.ElMessageBox.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
+      false !== j() && z();
+    }).catch((e3) => {
+      z();
+    }) : z();
+  }
+  function z() {
+    const e2 = { name: "customFunc", isStandard: false, jsContent: "" };
+    e2.uuid = l.getUuidv4(), $(e2);
+  }
+  function $(e2) {
+    e2 = e2 || {}, S.value = e2, k.value = l.deepCopy(e2), E.value && E.value.updateJsContent && E.value.updateJsContent(k.value), C.clearSnapshot(), C.addSnapshot(k), B.value = 1, U.value = 0;
+  }
+  function j() {
+    if (!k.value) return t.ElMessageBox.confirm("编辑对象不存在,不需要保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
+    const e2 = V.pageContext;
+    if (!e2) return t.ElMessageBox.confirm("页面设计对象不存在,不可保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
+    const n2 = function() {
+      const e3 = k.value;
+      if (!e3.isStandard && !e3.jsContent) return t.ElMessage({ message: "方法内容不能为空!", type: "error" }), false;
+      if ("customFunc" == e3.name) {
+        if (e3.eventName && (e3.eventName = e3.eventName.trim()), !e3.funcParam) return t.ElMessage({ message: "自定义方法参数名不能为空!", type: "error" }), false;
+        const n3 = e3.eventName;
+        if (!n3) return t.ElMessage({ message: "方法名不能为空!", type: "error" }), false;
+        if (!/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(n3)) return t.ElMessage({ message: "方法名只能以字母、下划线或$开头,只能包含数字、字母或$!", type: "error" }), false;
+        e3.funcParam && (e3.funcParam = e3.funcParam.trim().replace("，", ","));
+        const a3 = e3.funcParam;
+        if (a3) {
+          if (!/^([a-zA-Z_$][a-zA-Z0-9_$]*(?:,[a-zA-Z_$][a-zA-Z0-9_$]*)*)$/.test(a3)) return t.ElMessage({ message: "方法参数只能以字母、下划线或$开头,只能包含数字、字母或$!", type: "error" }), false;
+        }
+        const l2 = V.pageContext;
+        if (l2 && l2.customEvents) {
+          for (let a4 of l2.customEvents) if ("customFunc" == a4.name && a4.eventName == n3 && a4.uuid != e3.uuid) return t.ElMessage({ message: "存在相同的方法名!", type: "error" }), false;
+        }
+      } else if (e3.isStandard && !e3.eventName) return t.ElMessage({ message: "未指定标准功能!", type: "error" }), false;
+    }();
+    if (false === n2) return false;
+    e2.customEvents || (e2.customEvents = []);
+    const a2 = k.value;
+    let o2 = null, u2 = -1;
+    for (let t2 = 0; t2 < e2.customEvents.length; t2++) {
+      const n3 = e2.customEvents[t2];
+      if ("customFunc" === a2.name) {
+        if (n3.uuid == a2.uuid) {
+          o2 = n3, u2 = t2;
+          break;
+        }
+      } else if (n3.componentUuid == a2.componentUuid && n3.name == a2.name) {
+        o2 = n3, u2 = t2;
+        break;
+      }
+    }
+    if (o2) {
+      if (Object.assign(o2, a2), e2.customEvents[u2] = o2, "customFunc" !== o2.name && o2.componentUuid) {
+        const t2 = l.findDesignItemByUuid({ items: [e2] }, o2.componentUuid);
+        if (t2 && t2.events) {
+          const e3 = t2.events.findIndex((e4) => e4.name == o2.name && e4.componentUuid == o2.componentUuid);
+          e3 > -1 && (t2.events[e3] = o2);
+        }
+      }
+    } else Object.assign(S.value, a2), e2.customEvents.push(S.value);
+    S.value = a2, k.value = l.deepCopy(a2), t.ElMessage({ message: "暂存成功!", type: "success" });
+  }
+  function M() {
+    t.ElMessageBox.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      !function() {
+        k.value && D(k.value);
+        z();
+      }();
+    });
+  }
+  function D(e2) {
+    const t2 = e2, n2 = V.pageContext;
+    if (e2.isStandard) q(e2), J(t2, e2);
+    else if (n2 && n2.customEvents) for (let e3 = 0; e3 < n2.customEvents.length; e3++) {
+      let a2 = n2.customEvents[e3];
+      if ("customFunc" == t2.name) {
+        if (t2.uuid == a2.uuid) {
+          n2.customEvents.splice(e3, 1);
+          break;
+        }
+      } else if (a2.name == t2.name && t2.componentUuid == a2.componentUuid) {
+        q(a2), n2.customEvents.splice(e3, 1), J(t2, a2);
+        break;
+      }
+    }
+  }
+  function q(e2) {
+    e2.eventName = null, e2.isStandard = false, e2.jsContent = "", e2.remark = "", e2.standardValues = [];
+  }
+  function J(e2, t2) {
+    const n2 = V.pageContext, a2 = l.findDesignItemByUuid(n2, e2.componentUuid);
+    if (a2 && a2.events) {
+      const n3 = a2.events.findIndex((t3) => t3.name == e2.name && t3.componentUuid == e2.componentUuid);
+      n3 > -1 && (a2.events[n3] = t2);
+    }
+  }
+  e.onMounted(() => {
+    y.value = window.innerHeight, N.value = { overflow: "auto", height: y.value + "px" }, s.$on("clearEvent", (e2) => {
+      if (D(e2), k.value) {
+        const t2 = k.value;
+        "customFunc" == e2.name ? e2.uuid == t2.uuid && z() : e2.componentUuid == t2.componentUuid && e2.name == t2.name && z();
+      }
+    }), s.$on("editEvent", (e2) => {
+      let n2 = false;
+      if (k.value && ("customFunc" == e2.name ? k.value.uuid == e2.uuid && (n2 = true) : k.value.componentUuid == e2.componentUuid && e2.name == k.value.name && (n2 = true)), n2) return;
+      null == e2.jsContent && (e2.jsContent = ""), null == e2.isStandard && (e2.isStandard = false, e2.standardValues = []), e2.isStandard && !e2.standardValues && (e2.standardValues = ["true"]);
+      const a2 = S.value ? JSON.stringify(S.value) : null, l2 = k.value ? JSON.stringify(k.value) : null;
+      a2 && a2 !== l2 ? t.ElMessageBox.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
+        false !== j() && $(e2);
+      }).catch((t2) => {
+        $(e2);
+      }) : $(e2);
+    });
+  }), e.onUnmounted(() => {
+    s.$off("clearEvent"), s.$off("editEvent"), L && clearTimeout(L), I && clearTimeout(I), C.clearSnapshotTimeout();
+  }), z();
+  let L, I, O = false;
+  function P() {
+    L && clearTimeout(L), O = true, C.undo(k), B.value = C.getTotalLen(), U.value = C.getCurrentIndex(), E.value && E.value.updateJsContent && E.value.updateJsContent(k.value), L = setTimeout(() => {
+      O = false;
+    }, 100);
+  }
+  function A() {
+    I && clearTimeout(I), O = true, C.record(k), B.value = C.getTotalLen(), U.value = C.getCurrentIndex(), E.value && E.value.updateJsContent && E.value.updateJsContent(k.value), I = setTimeout(() => {
+      O = false;
+    }, 100);
+  }
+  return e.watch(() => k, (e2) => {
+    O || C.addSnapshot(k, function() {
+      B.value = C.getTotalLen(), U.value = C.getCurrentIndex();
+    });
+  }, { deep: true }), g({ resize: function() {
+    E.value && E.value.resize && E.value.resize();
+  } }), (t2, a2) => {
+    const l2 = e.resolveComponent("Plus"), o2 = e.resolveComponent("el-icon"), u2 = e.resolveComponent("el-divider"), s2 = e.resolveComponent("Check"), f3 = e.resolveComponent("View"), g2 = e.resolveComponent("el-text"), h2 = e.resolveComponent("el-input"), x2 = e.resolveComponent("el-form-item"), C2 = e.resolveComponent("el-checkbox"), V2 = e.resolveComponent("el-checkbox-group"), y2 = e.resolveComponent("el-option"), N2 = e.resolveComponent("el-option-group"), S2 = e.resolveComponent("el-select"), z2 = e.resolveComponent("el-form");
+    return e.openBlock(), e.createElementBlock("div", r, [e.createElementVNode("div", i, [e.createElementVNode("div", c, [e.createElementVNode("label", { class: "amb-page-type", onClick: _ }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(l2)]), _: 1 }), a2[5] || (a2[5] = e.createElementVNode("label", null, "添加自定义方法", -1))]), e.createVNode(u2, { direction: "vertical" }), e.withDirectives(e.createElementVNode("label", m, null, 512), [[e.vShow, U.value < 1]]), e.withDirectives(e.createElementVNode("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: P }, a2[6] || (a2[6] = [e.createElementVNode("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[e.vShow, U.value > 0]]), e.withDirectives(e.createElementVNode("label", { class: "amb-page-type", onClick: A }, a2[7] || (a2[7] = [e.createElementVNode("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[e.vShow, U.value > -1 && U.value + 1 < B.value]])]), e.withDirectives(e.createElementVNode("div", d, [e.createElementVNode("label", { class: "amb-page-type", onClick: a2[0] || (a2[0] = (e2) => j()) }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(s2)]), _: 1 }), a2[8] || (a2[8] = e.createElementVNode("label", null, "确定", -1))]), e.createVNode(u2, { direction: "vertical" }), e.createElementVNode("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: M }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(f3)]), _: 1 }), a2[9] || (a2[9] = e.createElementVNode("label", null, "清除", -1))])], 512), [[e.vShow, k.value.name]])]), e.createVNode(z2, { class: "amb-design-board", style: { "padding-top": "20px" }, ref_key: "formRef", ref: F, size: "small", model: e.unref(w), "inline-message": "", "label-width": "80px" }, { default: e.withCtx(() => [e.createElementVNode("div", v, [e.createVNode(x2, { label: "名称", "label-width": "auto", style: { "min-width": "280px" }, required: "customFunc" == k.value.name }, { default: e.withCtx(() => [e.withDirectives(e.createVNode(g2, { type: "primary" }, { default: e.withCtx(() => [e.createTextVNode(e.toDisplayString(k.value.title ? k.value.title + (k.value.componentLabel ? "(" + k.value.componentLabel + ")" : "") : k.value.componentLabel) + "." + e.toDisplayString(k.value.name), 1)]), _: 1 }, 512), [[e.vShow, k.value.name && "customFunc" != k.value.name]]), e.withDirectives(e.createVNode(h2, { modelValue: k.value.eventName, "onUpdate:modelValue": a2[1] || (a2[1] = (e2) => k.value.eventName = e2), title: "自定义方法名" }, null, 8, ["modelValue"]), [[e.vShow, "customFunc" == k.value.name]])]), _: 1 }, 8, ["required"]), e.withDirectives(e.createVNode(V2, { modelValue: k.value.standardValues, "onUpdate:modelValue": a2[2] || (a2[2] = (e2) => k.value.standardValues = e2), onChange: T }, { default: e.withCtx(() => [e.createVNode(C2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[e.vShow, "customFunc" != k.value.name]]), e.withDirectives(e.createVNode(S2, { disabled: !k.value.isStandard, modelValue: k.value.eventName, "onUpdate:modelValue": a2[3] || (a2[3] = (e2) => k.value.eventName = e2), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(e.unref(b), (t3) => (e.openBlock(), e.createBlock(N2, { key: t3.label, label: t3.label }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(t3.options, (t4) => (e.openBlock(), e.createBlock(y2, { key: t4.value, label: t4.label, value: t4.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[e.vShow, "customFunc" != k.value.name]]), e.createVNode(x2, { label: "描述", "label-width": "auto", style: { flex: "1 1 auto" } }, { default: e.withCtx(() => [e.createVNode(h2, { modelValue: k.value.remark, "onUpdate:modelValue": a2[4] || (a2[4] = (e2) => k.value.remark = e2) }, null, 8, ["modelValue"])]), _: 1 })]), e.withDirectives(e.createElementVNode("div", p, [e.createVNode(n, { eventForm: k.value, ref_key: "editorRef", ref: E }, null, 8, ["eventForm"])], 512), [[e.vShow, "customFunc" == k.value.name || "customFunc" != k.value.name && !k.value.isStandard]])]), _: 1 }, 8, ["model"])]);
+  };
+} });
+module.exports = f;

package/dist/lib/components/design/views/design/page-event/page-event-content.vue.d.ts

@@ -0,0 +1,38 @@
+declare function resize(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    eventForm: {
+        type: Object;
+        default: {};
+    };
+    configure: PageDesign;
+    customEvent: Object;
+    handleType: String;
+}>>, {
+    resize: typeof resize;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    addEvent: (...args: any[]) => void;
+    changeSelectEvent: (...args: any[]) => void;
+    changeSelectStandardEvent: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    eventForm: {
+        type: Object;
+        default: {};
+    };
+    configure: PageDesign;
+    customEvent: Object;
+    handleType: String;
+}>>> & Readonly<{
+    onAddEvent?: (...args: any[]) => any;
+    onChangeSelectEvent?: (...args: any[]) => any;
+    onChangeSelectStandardEvent?: (...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/design/page-event/page-event-content.vue2.cjs

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

package/dist/lib/components/design/views/design/page-event/page-event-view.vue.cjs

@@ -0,0 +1,11 @@
+"use strict";
+const e = require("vue"), n = require("./page-event-container.vue.cjs"), t = require("./page-event-content.vue.cjs"), o = require("../view/components/el-aside-expand-component.vue.cjs"), r = e.defineComponent({ __name: "page-event-view", setup(r2, { expose: a }) {
+  const c = e.ref(null);
+  return a({ resize: function() {
+    c.value && c.value.resize && c.value.resize();
+  } }), (r3, a2) => {
+    const u = e.resolveComponent("el-main"), i = e.resolveComponent("el-container");
+    return e.openBlock(), e.createBlock(i, { class: "amb-container" }, { default: e.withCtx(() => [e.createVNode(o, null, { default: e.withCtx(() => [e.createVNode(n, { ref: "pageEventContainerRef", configure: r3.configure }, null, 8, ["configure"])]), _: 1 }), e.createVNode(u, { class: "amb-container-main" }, { default: e.withCtx(() => [e.createVNode(t, { configure: {}, eventForm: {}, ref_key: "contentRef", ref: c }, null, 512)]), _: 1 })]), _: 1 });
+  };
+} });
+module.exports = r;

package/dist/lib/components/design/views/design/page-event/page-event-view.vue.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 重新设置尺寸
+ */
+declare function resize(): void;
+declare const _default: import('vue').DefineComponent<{}, {
+    resize: typeof resize;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/page-event/page-event-view.vue2.cjs

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

package/dist/lib/components/design/views/design/view/assemblys-container-explore.vue.cjs

@@ -0,0 +1,12 @@
+"use strict";
+const e = require("vue"), l = require("@element-plus/icons"), t = require("../../../utils/page-explore-util.cjs"), n = e.defineComponent({ __name: "assemblys-container-explore", props: { designItems: Array, selectWidget: Object, headerSearchClass: { type: String, default: "amb-assembly-header-search" }, treeMarginTop: { type: String, default: "margin-top:40px;" } }, emits: ["onSelectWidget", "selectComponent"], setup(n2, { emit: o }) {
+  const a = n2, r = o, s = e.ref(""), c = { children: "children", label: "label" }, d = e.ref({}), i = e.computed(() => t.convertToExploreTreeDatas(a.designItems, s.value, d)), p = (e2) => {
+    let l2 = null;
+    null != e2.componentIndex && (l2 = d.value[e2.componentIndex], l2 && e2.componentIndex ? r("onSelectWidget", e2.componentIndex, l2) : r("onSelectWidget", -1), r("selectComponent", e2.componentIndex, l2, e2));
+  };
+  return (t2, o2) => {
+    const a2 = e.resolveComponent("el-input"), r2 = e.resolveComponent("el-tree");
+    return e.openBlock(), e.createElementBlock("div", null, [e.createElementVNode("div", { class: e.normalizeClass(n2.headerSearchClass) }, [e.createVNode(a2, { modelValue: s.value, "onUpdate:modelValue": o2[0] || (o2[0] = (e2) => s.value = e2), style: { height: "36px" }, placeholder: "Search...", clearable: "", class: "input-with-select", "suffix-icon": e.unref(l.Search) }, null, 8, ["modelValue", "suffix-icon"])], 2), e.createVNode(r2, { style: e.normalizeStyle(n2.treeMarginTop), data: i.value, props: c, "default-expand-all": "", "expand-on-click-node": false, onNodeClick: p }, null, 8, ["style", "data"])]);
+  };
+} });
+module.exports = n;

package/dist/lib/components/design/views/design/view/assemblys-container-explore.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    designItems: ArrayConstructor;
+    selectWidget: ObjectConstructor;
+    headerSearchClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    treeMarginTop: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSelectWidget: (...args: any[]) => void;
+    selectComponent: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    designItems: ArrayConstructor;
+    selectWidget: ObjectConstructor;
+    headerSearchClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    treeMarginTop: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onOnSelectWidget?: (...args: any[]) => any;
+    onSelectComponent?: (...args: any[]) => any;
+}>, {
+    headerSearchClass: string;
+    treeMarginTop: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/assemblys-container-explore.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./assemblys-container-explore.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/design/view/assemblys-container-list.vue.cjs

@@ -0,0 +1,44 @@
+"use strict";
+const e = require("vue"), l = require("@element-plus/icons"), t = require("../../../utils/assemblys-config.cjs"), a = require("../../../utils/common-util.cjs"), o = require("vue-draggable-plus"), n = { class: "amb-assembly-header-search" }, s = ["src"], r = ["title"], c = ["src"], u = e.defineComponent({ __name: "assemblys-container-list", emits: ["handleMoveEnd", "handleMoveEnd", "handleMoveStart"], setup(u2, { emit: i }) {
+  const m = e.ref(""), d = e.ref(""), p = e.ref([]);
+  p.value.length = 0;
+  const v = e.ref([]);
+  for (let e2 in t.assemblyGroups) {
+    let l2 = t.assemblyGroups[e2];
+    p.value.push(l2.name), v.value.push({ name: l2.name, label: l2.label });
+  }
+  const h = e.computed(() => {
+    if (m.value || d.value) {
+      p.value.length = 0;
+      const e2 = [];
+      for (let l2 = 0; l2 < t.assemblyGroups.length; l2++) {
+        let a2 = t.assemblyGroups[l2];
+        if (m.value) {
+          let e3 = a2.name, l3 = a2.label;
+          if (e3 && -1 == e3.indexOf(m.value) && l3 && -1 == l3.indexOf(m.value)) continue;
+        }
+        let o2 = a2.items, n2 = [];
+        if (d.value) for (let e3 = 0; e3 < o2.length; e3++) {
+          let l3 = o2[e3], t2 = l3.name, a3 = l3.label;
+          t2 && -1 == t2.indexOf(d.value) && a3 && -1 == a3.indexOf(d.value) || n2.push(l3);
+        }
+        else n2 = o2;
+        if (n2.length > 0) {
+          let l3 = { name: a2.name, label: a2.label, icon: a2.icon, items: n2 };
+          e2.push(l3), p.value.push(l3.name);
+        }
+      }
+      return e2;
+    }
+    return t.assemblyGroups;
+  });
+  function f(l2) {
+    const t2 = e.reactive(a.deepCopy(l2));
+    return delete t2.designComponent, delete t2.attrComponent, delete t2.renderComponent, t2.props || (t2.props = {}), t2.uuid = a.getUuidv4(), t2.items && t2.items.length > 0 && (t2.items = t2.items.map((e2) => (e2.uuid || (e2.uuid = a.getUuidv4()), e2))), t2.props.isInit = true, t2;
+  }
+  return (t2, a2) => {
+    const u3 = e.resolveComponent("el-option"), i2 = e.resolveComponent("el-select"), b = e.resolveComponent("el-input"), g = e.resolveComponent("el-icon"), k = e.resolveComponent("el-col"), y = e.resolveComponent("el-row"), x = e.resolveComponent("el-collapse-item"), V = e.resolveComponent("el-collapse");
+    return e.openBlock(), e.createElementBlock("div", null, [e.createElementVNode("div", n, [e.createVNode(b, { modelValue: d.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e2) => d.value = e2), style: { height: "36px" }, placeholder: "Search...", clearable: "", class: "input-with-select", "suffix-icon": e.unref(l.Search) }, { prepend: e.withCtx(() => [e.createVNode(i2, { class: "amb-assembly-search-select", style: { width: "90px" }, clearable: "", modelValue: m.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e2) => m.value = e2), placeholder: "全部" }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(v.value, (l2) => (e.openBlock(), e.createBlock(u3, { label: l2.label, value: l2.name }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue", "suffix-icon"])]), e.createVNode(V, { modelValue: p.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e2) => p.value = e2), style: { "margin-top": "45px" } }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(h.value, (t3, a3) => (e.openBlock(), e.createBlock(x, { class: "amb-assembly-collapse-header", name: t3.name }, { title: e.withCtx(() => [t3.icon ? (e.openBlock(), e.createElementBlock("img", { key: 0, class: "amb-assembly-group-img", src: t3.icon }, null, 8, s)) : (e.openBlock(), e.createBlock(g, { key: 1, style: { width: "16px", height: "16px", color: "#5893ef" } }, { default: e.withCtx(() => [e.createVNode(e.unref(l.HelpFilled))]), _: 1 })), e.createTextVNode("   " + e.toDisplayString(t3.label), 1)]), default: e.withCtx(() => [e.createVNode(y, { gutter: 14 }, { default: e.withCtx(() => [e.createVNode(e.unref(o.VueDraggable), { group: { name: "amb-assembly-item", pull: "clone", put: false, revertClone: true }, modelValue: t3.items, "onUpdate:modelValue": (e2) => t3.items = e2, "force-fallback": true, sort: false, animation: 300, style: { width: "100%" }, clone: f, "fallback-class": true, class: "el-row" }, { default: e.withCtx(() => [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(t3.items, (t4, a4) => (e.openBlock(), e.createBlock(k, { span: 8 }, { default: e.withCtx(() => [e.createElementVNode("div", { class: "amb-assembly-item", title: t4.name }, [e.createElementVNode("div", null, [t4.icon ? (e.openBlock(), e.createElementBlock("img", { key: 0, class: "amb-assembly-item-img", src: t4.icon }, null, 8, c)) : (e.openBlock(), e.createBlock(g, { key: 1, style: { width: "16px", height: "16px", color: "#5893ef" } }, { default: e.withCtx(() => [e.createVNode(e.unref(l.HelpFilled))]), _: 1 }))]), e.createTextVNode(" " + e.toDisplayString(t4.label), 1)], 8, r)]), _: 2 }, 1024))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1024)]), _: 2 }, 1032, ["name"]))), 256))]), _: 1 }, 8, ["modelValue"])]);
+  };
+} });
+module.exports = u;

package/dist/lib/components/design/views/design/view/assemblys-container-list.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    handleMoveEnd: (...args: any[]) => void;
+    handleMoveStart: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onHandleMoveEnd?: (...args: any[]) => any;
+    onHandleMoveStart?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/assemblys-container-list.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const s = require("./assemblys-container-list.vue.cjs");
+module.exports = s;

package/dist/lib/components/design/views/design/view/assemblys-container-template.vue.cjs

@@ -0,0 +1,9 @@
+"use strict";
+const e = require("vue"), l = require("@element-plus/icons"), t = { class: "amb-assembly-header-search" }, o = ["title"], a = e.defineComponent({ __name: "assemblys-container-template", setup(a2) {
+  const n = e.ref(""), r = [{ name: "grid", label: "标准表格" }, { name: "basicform", label: "标准表单" }, { name: "workflowform", label: "带流程表单" }];
+  return (a3, s) => {
+    const c = e.resolveComponent("el-input"), i = e.resolveComponent("el-icon"), m = e.resolveComponent("el-col"), d = e.resolveComponent("el-row");
+    return e.openBlock(), e.createElementBlock("div", null, [e.createElementVNode("div", t, [e.createVNode(c, { modelValue: n.value, "onUpdate:modelValue": s[0] || (s[0] = (e2) => n.value = e2), style: { height: "36px" }, placeholder: "Search...", class: "input-with-select", "suffix-icon": e.unref(l.Search) }, null, 8, ["modelValue", "suffix-icon"])]), e.createVNode(d, { gutter: 14, style: { "margin-top": "30px" } }, { default: e.withCtx(() => [(e.openBlock(), e.createElementBlock(e.Fragment, null, e.renderList(r, (t2, a4) => e.createVNode(m, { span: 24 }, { default: e.withCtx(() => [e.createElementVNode("div", { class: "amb-assembly-item", title: t2.label }, [e.createElementVNode("div", null, [e.createVNode(i, { style: { width: "16px", height: "16px", color: "#5893EF" } }, { default: e.withCtx(() => [e.createVNode(e.unref(l.HelpFilled))]), _: 1 })]), e.createTextVNode(" " + e.toDisplayString(t2.label), 1)], 8, o)]), _: 2 }, 1024)), 64))]), _: 1 })]);
+  };
+} });
+module.exports = a;

package/dist/lib/components/design/views/design/view/assemblys-container-template.vue.d.ts

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

package/dist/lib/components/design/views/design/view/assemblys-container-template.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./assemblys-container-template.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/design/view/assemblys-container.vue.cjs

@@ -0,0 +1,16 @@
+"use strict";
+const e = require("vue"), l = require("./assemblys-container-list.vue.cjs"), s = require("./assemblys-container-explore.vue.cjs"), t = require("./assemblys-container-template.vue.cjs");
+require("@element-plus/icons-vue"), require("element-plus"), require("../../../utils/assemblys-config.cjs"), require("uuid"), require("../../../utils/eventBus.cjs"), require("../../../../../stores/page-store.cjs");
+const a = { class: "amb-design-assembly-content" }, n = { class: "amb-assembly-header" }, r = { class: "amb-assembly-header-type" }, c = { class: "amb-design-assembly-list" }, i = e.defineComponent({ __name: "assemblys-container", props: { designItems: Array, selectWidget: Object, configure: Object }, emits: ["onSelectWidget", "addEvent", "changeEvent", "onSelectEvent"], setup(i2, { expose: u, emit: o }) {
+  const v = o;
+  i2.configure;
+  const m = e.ref("selected"), d = e.ref(""), b = e.ref(""), g = e.ref("");
+  function p(e2) {
+    "assembly" == e2 ? (m.value = "selected", d.value = "", b.value = "", g.value = "") : "pageEvent" == e2 ? (d.value = "", m.value = "", b.value = "", g.value = "selected") : "explorer" == e2 ? (d.value = "selected", m.value = "", b.value = "", g.value = "") : (d.value = "", m.value = "", b.value = "selected", g.value = "");
+  }
+  function y(e2, l2) {
+    v("onSelectWidget", e2, l2);
+  }
+  return e.ref(null), e.ref(null), u({ selAsselbyType: "assembly" }), (u2, o2) => (e.openBlock(), e.createElementBlock("div", a, [e.createElementVNode("div", n, [e.createElementVNode("div", r, [e.createElementVNode("label", { class: e.normalizeClass(m.value), onClick: o2[0] || (o2[0] = (e2) => p("assembly")) }, "组件", 2), e.createElementVNode("label", { class: e.normalizeClass(d.value), onClick: o2[1] || (o2[1] = (e2) => p("explorer")) }, "大纲", 2), e.createElementVNode("label", { class: e.normalizeClass(b.value), onClick: o2[2] || (o2[2] = (e2) => p("template")) }, "模板库", 2)])]), e.createElementVNode("div", c, [e.withDirectives(e.createVNode(l, null, null, 512), [[e.vShow, m.value]]), e.withDirectives(e.createVNode(s, { onOnSelectWidget: y, designItems: i2.designItems, selectWidget: i2.selectWidget }, null, 8, ["designItems", "selectWidget"]), [[e.vShow, d.value]]), e.withDirectives(e.createVNode(t, null, null, 512), [[e.vShow, b.value]])])]));
+} });
+module.exports = i;

package/dist/lib/components/design/views/design/view/assemblys-container.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    designItems: ArrayConstructor;
+    selectWidget: ObjectConstructor;
+    configure: ObjectConstructor;
+}>, {
+    selAsselbyType: string;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSelectWidget: (...args: any[]) => void;
+    addEvent: (...args: any[]) => void;
+    changeEvent: (...args: any[]) => void;
+    onSelectEvent: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    designItems: ArrayConstructor;
+    selectWidget: ObjectConstructor;
+    configure: ObjectConstructor;
+}>> & Readonly<{
+    onOnSelectWidget?: (...args: any[]) => any;
+    onAddEvent?: (...args: any[]) => any;
+    onChangeEvent?: (...args: any[]) => any;
+    onOnSelectEvent?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/assemblys-container.vue2.cjs

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

package/dist/lib/components/design/views/design/view/attr-container.vue.cjs

@@ -0,0 +1,28 @@
+"use strict";
+const e = require("vue"), n = require("../../assemblys/page/page-attr.vue.cjs"), t = require("../../assemblys/error-attr.vue.cjs"), s = require("../../../utils/assemblys-config.cjs"), o = require("../../../utils/common-util.cjs"), a = e.defineComponent({ __name: "attr-container", props: { pageInfo: Object, system: Object }, setup(a2, { expose: u }) {
+  const r = a2, l = e.ref({}), i = e.ref({});
+  l.value = r.pageInfo, i.value = n;
+  const m = e.ref({ index: 1 }), c = {};
+  function p(e2) {
+    if (e2 && e2.name && "page" !== e2.name) {
+      !function(e3) {
+        if (!e3 || !e3.name || !e3.events) return;
+        const n3 = s.getComponentEventOptions(e3.name);
+        if (!n3) return;
+        const t2 = {};
+        for (let n4 of e3.events) t2[n4.name] = n4;
+        for (let s2 of n3) {
+          if (t2[s2.name]) continue;
+          const n4 = o.deepCopy(s2);
+          e3.events.push(n4);
+        }
+      }(e2), l.value = e2;
+      let n2 = c[e2.name];
+      null == n2 && (n2 = s.getAttrComponentByName(e2.name)), null == n2 && (n2 = t), c[e2.name] = n2, i.value = n2;
+    } else l.value = r.pageInfo, i.value = n;
+  }
+  return u({ changeAssembly: p, changeAssemblyByComponent: function(e2, n2) {
+    l.value = e2, i.value = n2;
+  } }), (n2, t2) => (e.openBlock(), e.createBlock(e.resolveDynamicComponent(i.value), { key: "attr_" + l.value.uuid, indexObj: m.value, pageDesign: a2.pageInfo, system: a2.system, configure: l.value, onChangeAssembly: p }, null, 40, ["indexObj", "pageDesign", "system", "configure"]));
+} });
+module.exports = a;

package/dist/lib/components/design/views/design/view/attr-container.vue.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 修改组件属性框
+ * @param name
+ * @param configure
+ */
+declare function changeAssembly(configure: any): void;
+/**
+ * 设置到指定的组件
+ * @param configure
+ * @param component
+ */
+declare function changeAssemblyByComponent(configure: object, component: object): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pageInfo: ObjectConstructor;
+    system: ObjectConstructor;
+}>, {
+    changeAssembly: typeof changeAssembly;
+    changeAssemblyByComponent: typeof changeAssemblyByComponent;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageInfo: ObjectConstructor;
+    system: ObjectConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/attr-container.vue2.cjs

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