fec-dev-designer 1.0.5 → 1.1.0

package/es/src/packages/form/components/ComponentPreviewWrapper.vue.js

@@ -17,25 +17,26 @@ import "../../../../node_modules/element-plus/theme-chalk/el-date-picker-panel.c
 import "../../../../node_modules/element-plus/theme-chalk/el-input.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-button.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-tooltip.css.js";
-import { computed as V, openBlock as t, createElementBlock as u, createBlock as o, createSlots as q, withCtx as r, normalizeProps as d, mergeProps as a, unref as l, createCommentVNode as i, Fragment as D, renderList as k, createTextVNode as h, toDisplayString as y, createElementVNode as v } from "vue";
+import { computed as q, openBlock as t, createElementBlock as d, createBlock as o, createSlots as k, withCtx as a, normalizeProps as u, mergeProps as l, unref as i, createVNode as W, createTextVNode as D, toDisplayString as s, createCommentVNode as c, Fragment as h, renderList as x, createElementVNode as b } from "vue";
 import "./ComponentPreviewWrapper.vue2.js";
-import W from "../../../../_virtual/_plugin-vue_export-helper.js";
-import { ElTooltip as B } from "../../../../node_modules/element-plus/es/components/tooltip/index.js";
-import { ElInput as I } from "../../../../node_modules/element-plus/es/components/input/index.js";
-import { ElDatePicker as L } from "../../../../node_modules/element-plus/es/components/date-picker/index.js";
-import { ElSelect as N } from "../../../../node_modules/element-plus/es/components/select/index.js";
-import { ElRadio as z, ElRadioGroup as F } from "../../../../node_modules/element-plus/es/components/radio/index.js";
-import { ElCheckbox as G, ElCheckboxGroup as O } from "../../../../node_modules/element-plus/es/components/checkbox/index.js";
-import { ElSwitch as R } from "../../../../node_modules/element-plus/es/components/switch/index.js";
-import { ElDivider as j } from "../../../../node_modules/element-plus/es/components/divider/index.js";
-import { ElFormItem as J } from "../../../../node_modules/element-plus/es/components/form/index.js";
-const M = { class: "component-preview" }, Z = {
+import I from "../../../../_virtual/_plugin-vue_export-helper.js";
+import { ElTooltip as L } from "../../../../node_modules/element-plus/es/components/tooltip/index.js";
+import { ElButton as z } from "../../../../node_modules/element-plus/es/components/button/index.js";
+import { ElInput as F } from "../../../../node_modules/element-plus/es/components/input/index.js";
+import { ElDatePicker as G } from "../../../../node_modules/element-plus/es/components/date-picker/index.js";
+import { ElSelect as O } from "../../../../node_modules/element-plus/es/components/select/index.js";
+import { ElRadio as R, ElRadioGroup as j } from "../../../../node_modules/element-plus/es/components/radio/index.js";
+import { ElCheckbox as J, ElCheckboxGroup as M } from "../../../../node_modules/element-plus/es/components/checkbox/index.js";
+import { ElSwitch as Z } from "../../../../node_modules/element-plus/es/components/switch/index.js";
+import { ElDivider as A } from "../../../../node_modules/element-plus/es/components/divider/index.js";
+import { ElFormItem as H } from "../../../../node_modules/element-plus/es/components/form/index.js";
+const K = { class: "component-preview" }, Q = {
   key: 0,
   class: "iconfont icon-iconZheng credit-icon"
-}, A = {
+}, U = {
   key: 1,
   class: "iconfont icon-iconJian regulation-icon"
-}, H = {
+}, X = {
   __name: "ComponentPreviewWrapper",
   props: {
     componentData: {
@@ -44,7 +45,7 @@ const M = { class: "component-preview" }, Z = {
     }
   },
   setup(e) {
-    const p = e, n = V(() => ({
+    const p = e, n = q(() => ({
       disabled: p.componentData.disabled,
       readonly: p.componentData.readOnly,
       placeholder: p.componentData.placeholder || "",
@@ -52,93 +53,106 @@ const M = { class: "component-preview" }, Z = {
       maxlength: p.componentData.maxLength,
       showWordLimit: p.componentData.showWordCount || !1
     }));
-    return (K, s) => {
-      const T = B, f = I, b = L, x = N, g = z, E = F, w = G, C = O, _ = R, P = j, S = J;
-      return t(), u("div", M, [
+    return (Y, y) => {
+      const v = L, T = z, f = F, g = G, E = O, w = R, B = j, C = J, N = M, P = Z, V = A, S = H;
+      return t(), d("div", K, [
         e.componentData.fieldType != "blank" ? (t(), o(S, {
           key: 0,
           placeholder: e.componentData.placeholder,
           required: e.componentData.required,
           class: "preview-form-item"
-        }, q({
-          default: r(() => [
-            e.componentData.fieldType == "text" ? (t(), o(f, d(a({ key: 0 }, l(n))), null, 16)) : e.componentData.fieldType == "textarea" ? (t(), o(f, a({
+        }, k({
+          default: a(() => [
+            e.componentData.fieldType == "text" ? (t(), o(f, u(l({ key: 0 }, i(n))), k({ _: 2 }, [
+              e.componentData.suffixButton && e.componentData.suffixButton != "none" ? {
+                name: "append",
+                fn: a(() => [
+                  W(T, { class: "suffixButton" }, {
+                    default: a(() => [
+                      D(s(e.componentData.suffixButton == "dialog" ? e.componentData.suffixDialogName ? e.componentData.suffixDialogName : "选择" : e.componentData.suffixButtonName), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)) : e.componentData.fieldType == "textarea" ? (t(), o(f, l({
               key: 1,
               rows: 4,
               type: "textarea"
-            }, l(n), {
+            }, i(n), {
               resize: "none",
               style: { height: "100%" }
-            }), null, 16)) : i("", !0),
-            e.componentData.fieldType == "number" ? (t(), o(f, a({ key: 2 }, l(n), { controls: !1 }), null, 16)) : e.componentData.fieldType == "date" ? (t(), o(b, a({ key: 3 }, l(n), {
+            }), null, 16)) : c("", !0),
+            e.componentData.fieldType == "number" ? (t(), o(f, l({ key: 2 }, i(n), { controls: !1 }), null, 16)) : e.componentData.fieldType == "date" ? (t(), o(g, l({ key: 3 }, i(n), {
               type: "date",
               style: { width: "100%" }
-            }), null, 16)) : e.componentData.fieldType == "select" || e.componentData.fieldType == "multipleSelection" || e.componentData.fieldType == "cascader" || e.componentData.fieldType == "area" || e.componentData.fieldType == "industry" ? (t(), o(x, d(a({ key: 4 }, l(n))), null, 16)) : e.componentData.fieldType == "radio" ? (t(), o(E, d(a({ key: 5 }, l(n))), {
-              default: r(() => {
-                var c;
+            }), null, 16)) : e.componentData.fieldType == "select" || e.componentData.fieldType == "multipleSelection" || e.componentData.fieldType == "cascader" || e.componentData.fieldType == "area" || e.componentData.fieldType == "industry" ? (t(), o(E, u(l({ key: 4 }, i(n))), null, 16)) : e.componentData.fieldType == "radio" ? (t(), o(B, u(l({ key: 5 }, i(n))), {
+              default: a(() => {
+                var m;
                 return [
-                  (t(!0), u(D, null, k(((c = e.componentData.optionConfig) == null ? void 0 : c.options) || [], (m) => (t(), o(g, {
-                    key: m.value,
-                    value: m.value
+                  (t(!0), d(h, null, x(((m = e.componentData.optionConfig) == null ? void 0 : m.options) || [], (r) => (t(), o(w, {
+                    key: r.value,
+                    value: r.value
                   }, {
-                    default: r(() => [
-                      h(y(m.label), 1)
+                    default: a(() => [
+                      D(s(r.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ];
               }),
               _: 1
-            }, 16)) : e.componentData.fieldType == "checkbox" ? (t(), o(C, d(a({ key: 6 }, l(n))), {
-              default: r(() => {
-                var c;
+            }, 16)) : e.componentData.fieldType == "checkbox" ? (t(), o(N, u(l({ key: 6 }, i(n))), {
+              default: a(() => {
+                var m;
                 return [
-                  (t(!0), u(D, null, k(((c = e.componentData.optionConfig) == null ? void 0 : c.options) || [], (m) => (t(), o(w, {
-                    key: m.value,
-                    value: m.value
+                  (t(!0), d(h, null, x(((m = e.componentData.optionConfig) == null ? void 0 : m.options) || [], (r) => (t(), o(C, {
+                    key: r.value,
+                    value: r.value
                   }, {
-                    default: r(() => [
-                      h(y(m.label), 1)
+                    default: a(() => [
+                      D(s(r.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ];
               }),
               _: 1
-            }, 16)) : i("", !0),
-            e.componentData.fieldType == "switch" ? (t(), o(_, d(a({ key: 7 }, l(n))), null, 16)) : i("", !0),
-            e.componentData.fieldType == "upload" ? (t(), o(f, d(a({ key: 8 }, l(n))), null, 16)) : i("", !0),
-            e.componentData.fieldType == "divider" ? (t(), o(P, { key: 9 })) : i("", !0)
+            }, 16)) : c("", !0),
+            e.componentData.fieldType == "switch" ? (t(), o(P, u(l({ key: 7 }, i(n))), null, 16)) : c("", !0),
+            e.componentData.fieldType == "upload" ? (t(), o(f, u(l({ key: 8 }, i(n))), null, 16)) : c("", !0),
+            e.componentData.fieldType == "divider" ? (t(), o(V, { key: 9 })) : c("", !0)
           ]),
           _: 2
         }, [
           e.componentData.labelMode != "input" ? {
             name: "label",
-            fn: r(() => {
-              var c;
+            fn: a(() => {
+              var m;
               return [
-                e.componentData.credit ? (t(), u("i", Z)) : i("", !0),
-                e.componentData.regulation ? (t(), u("i", A)) : i("", !0),
-                v("span", null, y(e.componentData.label), 1),
-                (c = e.componentData.tooltip) != null && c.trim() ? (t(), o(T, {
+                e.componentData.credit ? (t(), d("i", Q)) : c("", !0),
+                e.componentData.regulation ? (t(), d("i", U)) : c("", !0),
+                b("span", null, s(e.componentData.label), 1),
+                (m = e.componentData.tooltip) != null && m.trim() ? (t(), o(v, {
                   key: 2,
                   content: e.componentData.tooltip,
                   placement: "top"
                 }, {
-                  default: r(() => [...s[0] || (s[0] = [
-                    v("i", { class: "iconfont icon-tooltip info-icon" }, null, -1)
+                  default: a(() => [...y[0] || (y[0] = [
+                    b("i", { class: "iconfont icon-tooltip info-icon" }, null, -1)
                   ])]),
                   _: 1
-                }, 8, ["content"])) : i("", !0)
+                }, 8, ["content"])) : c("", !0)
               ];
             }),
             key: "0"
           } : void 0
-        ]), 1032, ["placeholder", "required"])) : i("", !0)
+        ]), 1032, ["placeholder", "required"])) : c("", !0)
       ]);
     };
   }
-}, Ce = /* @__PURE__ */ W(H, [["__scopeId", "data-v-4386137a"]]);
+}, Ve = /* @__PURE__ */ I(X, [["__scopeId", "data-v-823b4942"]]);
 export {
-  Ce as default
+  Ve as default
 };

package/es/src/packages/form/default.js

@@ -6,25 +6,25 @@ const e = {
   labelPosition: "right",
   dataSources: [],
   linkedConfig: {},
-  buttonConfig: {
-    showButtons: !0,
-    buttons: [
-      {
-        id: "btn_save",
-        text: "保存",
-        action: "save",
-        icon: "",
-        enabled: !0
-      },
-      {
-        id: "btn_cancel",
-        text: "返回",
-        action: "cancel",
-        icon: "",
-        enabled: !0
-      }
-    ]
-  },
+  // buttonConfig: {
+  //   showButtons: true,
+  //   buttons: [
+  //     {
+  //       id: 'btn_save',
+  //       text: '保存',
+  //       action: 'save',
+  //       icon: '',
+  //       enabled: true
+  //     },
+  //     {
+  //       id: 'btn_cancel',
+  //       text: '返回',
+  //       action: 'cancel',
+  //       icon: '',
+  //       enabled: true
+  //     }
+  //   ]
+  // },
   pageHeaderConfig: {
     enabled: !0,
     canBack: !0,

package/es/src/packages/form/headerBtn.vue.js

@@ -1,138 +1,157 @@
 import "../../../node_modules/element-plus/theme-chalk/base.css.js";
-import { ref as u, openBlock as H, createElementBlock as S, createElementVNode as a, unref as e, createVNode as n, withCtx as d, isRef as t } from "vue";
-import A from "../event/index.vue2.js";
-import J from "../event/pageEvent.vue.js";
-import { useDataSourceDialog as I } from "../dataSource/useDataSourceDialog.js";
-import { useAdvancedFilterDialog as N } from "../advancedFilter/useAdvancedFilterDialog.js";
-import { useDataLinkageDialog as P } from "../dataLinkage/useDataLinkageDialog.js";
-import { useJsonDataDrawer as j } from "../../components/useJsonDataDrawer.js";
-import M from "./HiddenFieldDialog.vue.js";
-import { Connection as R, Management as q, Link as y, Hide as z, Document as G } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
+import { ref as d, openBlock as J, createElementBlock as q, createElementVNode as a, unref as e, createVNode as n, withCtx as u, isRef as t } from "vue";
+import I from "../event/index.vue2.js";
+import N from "../event/pageEvent.vue.js";
+import { useDataSourceDialog as P } from "../dataSource/useDataSourceDialog.js";
+import { useAdvancedFilterDialog as j } from "../advancedFilter/useAdvancedFilterDialog.js";
+import { useDataLinkageDialog as M } from "../dataLinkage/useDataLinkageDialog.js";
+import { useJsonDataDrawer as R } from "../../components/useJsonDataDrawer.js";
+import y from "./HiddenFieldDialog.vue.js";
+import { useDialogDialog as z } from "../dialog/useDialogDialog.js";
+import { Connection as G, Management as K, Link as O, ChatLineSquare as Q, Hide as T, Document as W } from "../../../node_modules/@element-plus/icons-vue/dist/index.js";
 import "./headerBtn.vue2.js";
-import K from "../../../_virtual/_plugin-vue_export-helper.js";
-import { ElIcon as O } from "../../../node_modules/element-plus/es/components/icon/index.js";
-const Q = { class: "header-btns" }, T = {
+import X from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ElIcon as Y } from "../../../node_modules/element-plus/es/components/icon/index.js";
+const Z = { class: "header-btns" }, $ = {
   __name: "headerBtn",
-  setup(W) {
-    const { dataSourceDialogVisible: m, openDataSourceDialog: V, DataSourceDialog: C } = I(), { jsonDataDrawerVisible: f, openJsonDrawer: v, JsonDataDrawer: E } = j(), r = u(!1);
-    function F() {
-      r.value = !0;
-    }
-    const p = u(!1), s = u(!1);
-    function U() {
+  setup(_) {
+    const { dataSourceDialogVisible: m, openDataSourceDialog: v, DataSourceDialog: E } = P(), { jsonDataDrawerVisible: f, openJsonDrawer: b, JsonDataDrawer: F } = R(), s = d(!1);
+    function L() {
       s.value = !0;
     }
-    const w = u({
+    const p = d(!1), r = d(!1);
+    function w() {
+      r.value = !0;
+    }
+    const S = d({
       operator: "and",
       conditions: [],
       groups: []
     }), {
       advancedFilterDialogVisible: g,
-      openAdvancedFilterDialog: X,
-      AdvancedFilterDialog: L
-    } = N();
-    function x(k) {
-      console.log("advancedConfirm", k);
+      openAdvancedFilterDialog: c,
+      AdvancedFilterDialog: x
+    } = j();
+    function B(U) {
+      console.log("advancedConfirm", U);
     }
-    const { dataLinkageDialogVisible: D, openDataLinkageDialog: b, DataLinkageDialog: B } = P();
-    return u(!1), (k, l) => {
-      const i = O;
-      return H(), S("div", Q, [
+    const { dataLinkageDialogVisible: D, openDataLinkageDialog: C, DataLinkageDialog: H } = M();
+    d(!1);
+    const { dialogDialogVisible: V, openDialogDialog: k, DialogDialog: A } = z();
+    return (U, l) => {
+      const i = Y;
+      return J(), q("div", Z, [
         a("div", {
           class: "btn-item",
-          onClick: l[0] || (l[0] = (...o) => e(V) && e(V)(...o))
+          onClick: l[0] || (l[0] = (...o) => e(v) && e(v)(...o))
         }, [
           n(i, null, {
-            default: d(() => [
-              n(e(R))
+            default: u(() => [
+              n(e(G))
             ]),
             _: 1
           }),
-          l[10] || (l[10] = a("span", null, "数据源", -1))
+          l[12] || (l[12] = a("span", null, "数据源", -1))
         ]),
-        n(e(C), {
+        n(e(E), {
           modelValue: e(m),
           "onUpdate:modelValue": l[1] || (l[1] = (o) => t(m) ? m.value = o : null)
         }, null, 8, ["modelValue"]),
-        n(e(A), {
+        n(e(I), {
           modelValue: e(p),
           "onUpdate:modelValue": l[2] || (l[2] = (o) => t(p) ? p.value = o : null)
         }, null, 8, ["modelValue"]),
         a("div", {
           class: "btn-item",
-          onClick: U
+          onClick: w
         }, [
           n(i, null, {
-            default: d(() => [
-              n(e(q))
+            default: u(() => [
+              n(e(K))
             ]),
             _: 1
           }),
-          l[11] || (l[11] = a("span", null, "全局事件", -1))
+          l[13] || (l[13] = a("span", null, "全局事件", -1))
         ]),
-        n(J, {
-          modelValue: e(s),
-          "onUpdate:modelValue": l[3] || (l[3] = (o) => t(s) ? s.value = o : null)
+        n(N, {
+          modelValue: e(r),
+          "onUpdate:modelValue": l[3] || (l[3] = (o) => t(r) ? r.value = o : null)
         }, null, 8, ["modelValue"]),
-        n(e(L), {
+        n(e(x), {
           modelValue: e(g),
           "onUpdate:modelValue": l[4] || (l[4] = (o) => t(g) ? g.value = o : null),
-          filterConfig: e(w),
-          onConfirm: x,
+          filterConfig: e(S),
+          onConfirm: B,
           title: "条件表达式配置"
         }, null, 8, ["modelValue", "filterConfig"]),
         a("div", {
           class: "btn-item",
-          onClick: l[5] || (l[5] = (...o) => e(b) && e(b)(...o))
+          onClick: l[5] || (l[5] = (...o) => e(C) && e(C)(...o))
         }, [
           n(i, null, {
-            default: d(() => [
-              n(e(y))
+            default: u(() => [
+              n(e(O))
             ]),
             _: 1
           }),
-          l[12] || (l[12] = a("span", null, "联动配置", -1))
+          l[14] || (l[14] = a("span", null, "联动配置", -1))
         ]),
-        n(e(B), {
+        n(e(H), {
           modelValue: e(D),
           "onUpdate:modelValue": l[6] || (l[6] = (o) => t(D) ? D.value = o : null)
         }, null, 8, ["modelValue"]),
         a("div", {
           class: "btn-item",
-          onClick: F
+          onClick: l[7] || (l[7] = (...o) => e(k) && e(k)(...o))
         }, [
           n(i, null, {
-            default: d(() => [
-              n(e(z))
+            default: u(() => [
+              n(e(Q))
             ]),
             _: 1
           }),
-          l[13] || (l[13] = a("span", null, "隐藏域", -1))
+          l[15] || (l[15] = a("span", null, "弹层配置", -1))
         ]),
-        n(M, {
-          modelValue: e(r),
-          "onUpdate:modelValue": l[7] || (l[7] = (o) => t(r) ? r.value = o : null)
+        n(e(A), {
+          modelValue: e(V),
+          "onUpdate:modelValue": l[8] || (l[8] = (o) => t(V) ? V.value = o : null)
         }, null, 8, ["modelValue"]),
         a("div", {
           class: "btn-item",
-          onClick: l[8] || (l[8] = (...o) => e(v) && e(v)(...o))
+          onClick: L
         }, [
           n(i, null, {
-            default: d(() => [
-              n(e(G))
+            default: u(() => [
+              n(e(T))
             ]),
             _: 1
           }),
-          l[14] || (l[14] = a("span", null, "数据结构", -1))
+          l[16] || (l[16] = a("span", null, "隐藏域", -1))
         ]),
-        n(e(E), {
+        n(y, {
+          modelValue: e(s),
+          "onUpdate:modelValue": l[9] || (l[9] = (o) => t(s) ? s.value = o : null)
+        }, null, 8, ["modelValue"]),
+        a("div", {
+          class: "btn-item",
+          onClick: l[10] || (l[10] = (...o) => e(b) && e(b)(...o))
+        }, [
+          n(i, null, {
+            default: u(() => [
+              n(e(W))
+            ]),
+            _: 1
+          }),
+          l[17] || (l[17] = a("span", null, "数据结构", -1))
+        ]),
+        n(e(F), {
           modelValue: e(f),
-          "onUpdate:modelValue": l[9] || (l[9] = (o) => t(f) ? f.value = o : null)
+          "onUpdate:modelValue": l[11] || (l[11] = (o) => t(f) ? f.value = o : null)
         }, null, 8, ["modelValue"])
       ]);
     };
   }
-}, ul = /* @__PURE__ */ K(T, [["__scopeId", "data-v-34c55001"]]);
+}, pl = /* @__PURE__ */ X($, [["__scopeId", "data-v-90b76c88"]]);
 export {
-  ul as default
+  pl as default
 };

package/es/src/packages/form/property/pageFooterBtn.vue.js

@@ -2,34 +2,34 @@ import "../../../../node_modules/element-plus/theme-chalk/base.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-collapse.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-collapse-item.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-form.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-input.css.js";
+import "../../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-tag.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-option.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-option-group.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-scrollbar.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-popper.css.js";
 import "../../../../node_modules/element-plus/theme-chalk/el-select.css.js";
-import "../../../../node_modules/element-plus/theme-chalk/el-form-item.css.js";
-import "../../../../node_modules/element-plus/theme-chalk/el-input.css.js";
 import { computed as V, ref as b, openBlock as v, createBlock as C, unref as l, isRef as E, withCtx as m, createVNode as e } from "vue";
 import g from "../../../components/EventConfigButton.vue.js";
 import { getCurrentItem as I } from "../../utils/common.js";
-import { ElInput as B } from "../../../../node_modules/element-plus/es/components/input/index.js";
-import { ElFormItem as U, ElForm as x } from "../../../../node_modules/element-plus/es/components/form/index.js";
-import { ElOption as y, ElSelect as F } from "../../../../node_modules/element-plus/es/components/select/index.js";
-import { ElCollapseItem as S, ElCollapse as k } from "../../../../node_modules/element-plus/es/components/collapse/index.js";
+import { ElOption as B, ElSelect as U } from "../../../../node_modules/element-plus/es/components/select/index.js";
+import { ElFormItem as x, ElForm as y } from "../../../../node_modules/element-plus/es/components/form/index.js";
+import { ElInput as F } from "../../../../node_modules/element-plus/es/components/input/index.js";
+import { ElCollapseItem as k, ElCollapse as w } from "../../../../node_modules/element-plus/es/components/collapse/index.js";
 const Y = {
   __name: "pageFooterBtn",
-  setup(w) {
-    const o = V(() => I()), a = b(["common"]);
-    function d(p) {
-      o.value.eventConfig = p;
+  setup(N) {
+    const o = V(() => I()), p = b(["common"]);
+    function d(a) {
+      o.value.eventConfig = a;
     }
-    return (p, t) => {
-      const i = B, r = U, u = y, f = F, _ = x, s = S, c = k;
+    return (a, t) => {
+      const i = B, f = U, r = x, u = F, _ = y, s = k, c = w;
       return v(), C(c, {
         class: "setting",
-        modelValue: l(a),
-        "onUpdate:modelValue": t[3] || (t[3] = (n) => E(a) ? a.value = n : null)
+        modelValue: l(p),
+        "onUpdate:modelValue": t[3] || (t[3] = (n) => E(p) ? p.value = n : null)
       }, {
         default: m(() => [
           e(s, {
@@ -43,48 +43,48 @@ const Y = {
                 model: l(o)
               }, {
                 default: m(() => [
+                  e(r, { label: "按钮类型" }, {
+                    default: m(() => [
+                      e(f, {
+                        modelValue: l(o).btnType,
+                        "onUpdate:modelValue": t[0] || (t[0] = (n) => l(o).btnType = n)
+                      }, {
+                        default: m(() => [
+                          e(i, {
+                            label: "自定义",
+                            value: "primary"
+                          }),
+                          e(i, {
+                            label: "返回",
+                            value: "default"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  }),
                   e(r, {
                     label: "按钮名称",
                     required: ""
                   }, {
                     default: m(() => [
-                      e(i, {
+                      e(u, {
                         modelValue: l(o).label,
-                        "onUpdate:modelValue": t[0] || (t[0] = (n) => l(o).label = n)
+                        "onUpdate:modelValue": t[1] || (t[1] = (n) => l(o).label = n)
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
                   e(r, { label: "权限标识" }, {
                     default: m(() => [
-                      e(i, {
+                      e(u, {
                         modelValue: l(o).permission,
-                        "onUpdate:modelValue": t[1] || (t[1] = (n) => l(o).permission = n)
+                        "onUpdate:modelValue": t[2] || (t[2] = (n) => l(o).permission = n)
                       }, null, 8, ["modelValue"])
                     ]),
                     _: 1
                   }),
-                  e(r, { label: "风格" }, {
-                    default: m(() => [
-                      e(f, {
-                        modelValue: l(o).btnStyle,
-                        "onUpdate:modelValue": t[2] || (t[2] = (n) => l(o).btnStyle = n)
-                      }, {
-                        default: m(() => [
-                          e(u, {
-                            label: "默认",
-                            value: "default"
-                          }),
-                          e(u, {
-                            label: "主要",
-                            value: "primary"
-                          })
-                        ]),
-                        _: 1
-                      }, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  }),
                   e(r, { label: "事件配置" }, {
                     default: m(() => [
                       e(g, {