@kp-ui/lowcode 2.15.0-alpha.6 → 2.15.0-alpha.8

package/src/components/form-designer/setting-panel/property-editor/boxModel-editor.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as u, useModel as b, watch as v, onMounted as t } from "vue";
-import { useI18n as M } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as f } from "../../../../constants/EditorTypeEnum.js";
-import { useEditor as x } from "./useEditor.js";
-const h = /* @__PURE__ */ u({
-  name: f.boxModelEditor,
+import { defineComponent as C, useModel as U, watch as k, onMounted as B, resolveComponent as v, createElementBlock as f, openBlock as h, createVNode as a, createElementVNode as e, withCtx as n, createTextVNode as b, toDisplayString as i, unref as t, createCommentVNode as M, Fragment as y } from "vue";
+import { useI18n as R } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as O } from "../../../../constants/EditorTypeEnum.js";
+import { useEditor as T } from "./useEditor.js";
+const L = { class: "box-model-container" }, E = { class: "property-group" }, W = { class: "property-group-title" }, N = { class: "property-item" }, X = { class: "property-label" }, Y = { class: "property-item" }, V = { class: "property-label" }, j = { class: "property-item" }, q = { class: "property-label" }, D = { class: "property-item" }, F = { class: "property-label" }, H = { class: "property-group" }, P = { class: "property-group-title" }, z = { class: "property-item" }, A = { class: "property-label" }, G = { class: "property-item" }, J = { class: "property-label" }, K = { class: "property-item" }, Q = { class: "property-label" }, Z = { class: "property-item" }, $ = { class: "property-label" }, oo = { class: "property-group border-group" }, eo = { class: "property-group-title" }, to = { class: "property-item" }, lo = { class: "property-label" }, ao = { class: "property-item" }, so = { class: "property-label" }, io = { class: "property-item" }, no = { class: "property-label" }, ro = { class: "property-item" }, uo = { class: "property-label" }, po = { class: "property-item" }, vo = { class: "property-label" }, bo = { class: "property-group border-group" }, go = { class: "property-group-title" }, xo = { class: "property-item" }, _o = { class: "property-label" }, fo = { class: "property-group border-group" }, ho = { class: "property-group-title" }, co = { class: "property-item" }, mo = { class: "property-label" }, Mo = { class: "property-item" }, yo = { class: "property-label" }, wo = { class: "property-item" }, Io = { class: "property-label" }, So = { class: "property-item" }, Co = { class: "property-label" }, Uo = { class: "property-item" }, ko = { class: "property-label" }, Bo = { class: "property-item" }, Ro = { class: "property-label" }, Wo = /* @__PURE__ */ C({
+  name: O.boxModelEditor,
   __name: "boxModel-editor",
   props: {
     optionModel: {
@@ -14,13 +14,12 @@ const h = /* @__PURE__ */ u({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(d, { expose: l }) {
-    l();
-    const o = b(d, "optionModel"), { i18nt: a } = M(), { inputNumberHandler: i } = x();
-    v(
+  setup(w) {
+    const o = U(w, "optionModel"), { i18nt: s } = R(), { inputNumberHandler: r } = T();
+    return k(
       () => o.value.boxModel.borderShow,
-      (r) => {
-        r || (o.value.boxModel = {
+      (c) => {
+        c || (o.value.boxModel = {
           ...o.value.boxModel,
           borderStyle: "solid",
           borderWidth: 1,
@@ -28,13 +27,340 @@ const h = /* @__PURE__ */ u({
           borderRadius: 0
         });
       }
-    ), t(() => {
+    ), B(() => {
       o.value.boxModel || (o.value.boxModel = {}), o.value.boxModel.paddingTop === void 0 && (o.value.boxModel.paddingTop = 0), o.value.boxModel.paddingRight === void 0 && (o.value.boxModel.paddingRight = 0), o.value.boxModel.paddingBottom === void 0 && (o.value.boxModel.paddingBottom = 0), o.value.boxModel.paddingLeft === void 0 && (o.value.boxModel.paddingLeft = 0), o.value.boxModel.marginTop === void 0 && (o.value.boxModel.marginTop = 0), o.value.boxModel.marginRight === void 0 && (o.value.boxModel.marginRight = 0), o.value.boxModel.marginBottom === void 0 && (o.value.boxModel.marginBottom = 0), o.value.boxModel.marginLeft === void 0 && (o.value.boxModel.marginLeft = 0), o.value.boxModel.borderShow === void 0 && (o.value.boxModel.borderShow = !1), o.value.boxModel.borderStyle === void 0 && (o.value.boxModel.borderStyle = "solid"), o.value.boxModel.borderWidth === void 0 && (o.value.boxModel.borderWidth = 1), o.value.boxModel.borderColor === void 0 && (o.value.boxModel.borderColor = "#cccccc"), o.value.boxModel.borderRadius === void 0 && (o.value.boxModel.borderRadius = 0), o.value.boxModel.backgroundColor === void 0 && (o.value.boxModel.backgroundColor = "#ffffff"), o.value.boxModel.shadowShow === void 0 && (o.value.boxModel.shadowShow = !1), o.value.boxModel.shadowOffsetX === void 0 && (o.value.boxModel.shadowOffsetX = 0), o.value.boxModel.shadowOffsetY === void 0 && (o.value.boxModel.shadowOffsetY = 2), o.value.boxModel.shadowBlur === void 0 && (o.value.boxModel.shadowBlur = 4), o.value.boxModel.shadowSpread === void 0 && (o.value.boxModel.shadowSpread = 0), o.value.boxModel.shadowColor === void 0 && (o.value.boxModel.shadowColor = "rgba(0,0,0,0.2)");
-    });
-    const e = { optionModel: o, i18nt: a, inputNumberHandler: i };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    }), (c, d) => {
+      const I = v("a-divider"), u = v("a-input-number"), p = v("a-col"), g = v("a-row"), m = v("a-switch"), x = v("a-select-option"), S = v("a-select"), _ = v("a-input");
+      return h(), f("div", L, [
+        a(I, { class: "custom-divider" }, {
+          default: n(() => [
+            b(i(t(s)("盒模型配置")), 1)
+          ]),
+          _: 1
+        }),
+        e("div", E, [
+          e("div", W, i(t(s)("Padding")), 1),
+          a(g, { gutter: 8 }, {
+            default: n(() => [
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", N, [
+                    e("div", X, i(t(s)("designer.setting.top")), 1),
+                    a(u, {
+                      value: o.value.boxModel.paddingTop,
+                      "onUpdate:value": d[0] || (d[0] = (l) => o.value.boxModel.paddingTop = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              }),
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", Y, [
+                    e("div", V, i(t(s)("designer.setting.right")), 1),
+                    a(u, {
+                      value: o.value.boxModel.paddingRight,
+                      "onUpdate:value": d[1] || (d[1] = (l) => o.value.boxModel.paddingRight = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          a(g, {
+            gutter: 8,
+            style: { "margin-top": "8px" }
+          }, {
+            default: n(() => [
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", j, [
+                    e("div", q, i(t(s)("designer.setting.bottom")), 1),
+                    a(u, {
+                      value: o.value.boxModel.paddingBottom,
+                      "onUpdate:value": d[2] || (d[2] = (l) => o.value.boxModel.paddingBottom = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              }),
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", D, [
+                    e("div", F, i(t(s)("designer.setting.left")), 1),
+                    a(u, {
+                      value: o.value.boxModel.paddingLeft,
+                      "onUpdate:value": d[3] || (d[3] = (l) => o.value.boxModel.paddingLeft = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        e("div", H, [
+          e("div", P, i(t(s)("Margin")), 1),
+          a(g, { gutter: 8 }, {
+            default: n(() => [
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", z, [
+                    e("div", A, i(t(s)("designer.setting.top")), 1),
+                    a(u, {
+                      value: o.value.boxModel.marginTop,
+                      "onUpdate:value": d[4] || (d[4] = (l) => o.value.boxModel.marginTop = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              }),
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", G, [
+                    e("div", J, i(t(s)("designer.setting.right")), 1),
+                    a(u, {
+                      value: o.value.boxModel.marginRight,
+                      "onUpdate:value": d[5] || (d[5] = (l) => o.value.boxModel.marginRight = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          a(g, {
+            gutter: 8,
+            style: { "margin-top": "8px" }
+          }, {
+            default: n(() => [
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", K, [
+                    e("div", Q, i(t(s)("designer.setting.bottom")), 1),
+                    a(u, {
+                      value: o.value.boxModel.marginBottom,
+                      "onUpdate:value": d[6] || (d[6] = (l) => o.value.boxModel.marginBottom = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              }),
+              a(p, { span: 12 }, {
+                default: n(() => [
+                  e("div", Z, [
+                    e("div", $, i(t(s)("designer.setting.left")), 1),
+                    a(u, {
+                      value: o.value.boxModel.marginLeft,
+                      "onUpdate:value": d[7] || (d[7] = (l) => o.value.boxModel.marginLeft = l),
+                      onInput: t(r),
+                      min: 0,
+                      style: { width: "100%" },
+                      "addon-after": "px"
+                    }, null, 8, ["value", "onInput"])
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        e("div", oo, [
+          e("div", eo, i(t(s)("designer.setting.border")), 1),
+          e("div", to, [
+            e("div", lo, i(t(s)("designer.setting.showBorder")), 1),
+            a(m, {
+              checked: o.value.boxModel.borderShow,
+              "onUpdate:checked": d[8] || (d[8] = (l) => o.value.boxModel.borderShow = l)
+            }, null, 8, ["checked"])
+          ]),
+          o.value.boxModel.borderShow ? (h(), f(y, { key: 0 }, [
+            e("div", ao, [
+              e("div", so, i(t(s)("designer.setting.borderStyle")), 1),
+              a(S, {
+                value: o.value.boxModel.borderStyle,
+                "onUpdate:value": d[9] || (d[9] = (l) => o.value.boxModel.borderStyle = l)
+              }, {
+                default: n(() => [
+                  a(x, { value: "solid" }, {
+                    default: n(() => [
+                      b(i(t(s)("designer.setting.solid")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(x, { value: "dashed" }, {
+                    default: n(() => [
+                      b(i(t(s)("designer.setting.dashed")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(x, { value: "dotted" }, {
+                    default: n(() => [
+                      b(i(t(s)("designer.setting.dotted")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  a(x, { value: "double" }, {
+                    default: n(() => [
+                      b(i(t(s)("designer.setting.double")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["value"])
+            ]),
+            e("div", io, [
+              e("div", no, i(t(s)("designer.setting.borderWidth")), 1),
+              a(u, {
+                value: o.value.boxModel.borderWidth,
+                "onUpdate:value": d[10] || (d[10] = (l) => o.value.boxModel.borderWidth = l),
+                onInput: t(r),
+                min: 0,
+                style: { width: "100%" },
+                "addon-after": "px"
+              }, null, 8, ["value", "onInput"])
+            ]),
+            e("div", ro, [
+              e("div", uo, i(t(s)("designer.setting.borderColor")), 1),
+              a(_, {
+                value: o.value.boxModel.borderColor,
+                "onUpdate:value": d[11] || (d[11] = (l) => o.value.boxModel.borderColor = l),
+                type: "color",
+                style: { width: "100%" }
+              }, null, 8, ["value"])
+            ])
+          ], 64)) : M("", !0),
+          e("div", po, [
+            e("div", vo, i(t(s)("designer.setting.borderRadius")), 1),
+            a(u, {
+              value: o.value.boxModel.borderRadius,
+              "onUpdate:value": d[12] || (d[12] = (l) => o.value.boxModel.borderRadius = l),
+              onInput: t(r),
+              min: 0,
+              style: { width: "100%" },
+              "addon-after": "px"
+            }, null, 8, ["value", "onInput"])
+          ])
+        ]),
+        e("div", bo, [
+          e("div", go, i(t(s)("designer.setting.backgroundColor")), 1),
+          e("div", xo, [
+            e("div", _o, i(t(s)("designer.setting.backgroundColor")), 1),
+            a(_, {
+              value: o.value.boxModel.backgroundColor,
+              "onUpdate:value": d[13] || (d[13] = (l) => o.value.boxModel.backgroundColor = l),
+              type: "color",
+              style: { width: "100%" }
+            }, null, 8, ["value"])
+          ])
+        ]),
+        e("div", fo, [
+          e("div", ho, i(t(s)("designer.setting.shadow")), 1),
+          e("div", co, [
+            e("div", mo, i(t(s)("designer.setting.enableShadow")), 1),
+            a(m, {
+              checked: o.value.boxModel.shadowShow,
+              "onUpdate:checked": d[14] || (d[14] = (l) => o.value.boxModel.shadowShow = l)
+            }, null, 8, ["checked"])
+          ]),
+          o.value.boxModel.shadowShow ? (h(), f(y, { key: 0 }, [
+            e("div", Mo, [
+              e("div", yo, i(t(s)("designer.setting.shadowOffsetX")), 1),
+              a(u, {
+                value: o.value.boxModel.shadowOffsetX,
+                "onUpdate:value": d[15] || (d[15] = (l) => o.value.boxModel.shadowOffsetX = l),
+                onInput: t(r),
+                min: -100,
+                max: 100,
+                style: { width: "100%" },
+                "addon-after": "px"
+              }, null, 8, ["value", "onInput"])
+            ]),
+            e("div", wo, [
+              e("div", Io, i(t(s)("designer.setting.shadowOffsetY")), 1),
+              a(u, {
+                value: o.value.boxModel.shadowOffsetY,
+                "onUpdate:value": d[16] || (d[16] = (l) => o.value.boxModel.shadowOffsetY = l),
+                onInput: t(r),
+                min: -100,
+                max: 100,
+                style: { width: "100%" },
+                "addon-after": "px"
+              }, null, 8, ["value", "onInput"])
+            ]),
+            e("div", So, [
+              e("div", Co, i(t(s)("designer.setting.shadowBlur")), 1),
+              a(u, {
+                value: o.value.boxModel.shadowBlur,
+                "onUpdate:value": d[17] || (d[17] = (l) => o.value.boxModel.shadowBlur = l),
+                onInput: t(r),
+                min: 0,
+                max: 100,
+                style: { width: "100%" },
+                "addon-after": "px"
+              }, null, 8, ["value", "onInput"])
+            ]),
+            e("div", Uo, [
+              e("div", ko, i(t(s)("designer.setting.shadowSpread")), 1),
+              a(u, {
+                value: o.value.boxModel.shadowSpread,
+                "onUpdate:value": d[18] || (d[18] = (l) => o.value.boxModel.shadowSpread = l),
+                onInput: t(r),
+                min: -100,
+                max: 100,
+                style: { width: "100%" },
+                "addon-after": "px"
+              }, null, 8, ["value", "onInput"])
+            ]),
+            e("div", Bo, [
+              e("div", Ro, i(t(s)("designer.setting.shadowColor")), 1),
+              a(_, {
+                value: o.value.boxModel.shadowColor,
+                "onUpdate:value": d[19] || (d[19] = (l) => o.value.boxModel.shadowColor = l),
+                type: "color",
+                style: { width: "100%" }
+              }, null, 8, ["value"])
+            ])
+          ], 64)) : M("", !0)
+        ])
+      ]);
+    };
   }
 });
 export {
-  h as default
+  Wo as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js

@@ -1,74 +1,4 @@
 import f from "./button-list-editor.vue2.js";
-import { resolveComponent as a, createElementBlock as g, openBlock as m, Fragment as c, createVNode as o, withCtx as e, createTextVNode as s, toDisplayString as r } from "vue";
-import b from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function _(p, n, u, t, C, v) {
-  const l = a("a-button"), d = a("a-form-item");
-  return m(), g(
-    c,
-    null,
-    [
-      o(d, {
-        label: t.i18nt("designer.setting.buttonList")
-      }, {
-        default: e(() => [
-          o(l, { onClick: t.handleConfigBtn }, {
-            default: e(() => [
-              s(
-                r(t.i18nt("designer.setting.buttonConfig")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      o(t.TpfModal, {
-        title: t.i18nt("designer.setting.buttonsColumnEdit"),
-        visible: t.btnListConfigDialogVisible,
-        "onUpdate:visible": n[1] || (n[1] = (i) => t.btnListConfigDialogVisible = i),
-        "show-close": !0,
-        dialogClass: "drag-dialog",
-        "append-to-body": "",
-        "close-on-click-modal": !1,
-        "close-on-press-escape": !1,
-        width: "1050px",
-        mask: !1
-      }, {
-        footerRight: e(() => [
-          o(l, {
-            size: "default",
-            onClick: t.handleCloseDialog
-          }, {
-            default: e(() => [
-              s(
-                r(t.i18nt("designer.hint.closePreview")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        default: e(() => [
-          o(t.ActionButtonListDialog, {
-            data: t.buttonList,
-            "onUpdate:data": n[0] || (n[0] = (i) => t.buttonList = i)
-          }, null, 8, ["data"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["title", "visible"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const h = /* @__PURE__ */ b(f, [["render", _], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"]]);
 export {
-  h as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js

@@ -1,32 +1,77 @@
-import { defineComponent as a, ref as i, watch as p } from "vue";
-import { useI18n as u } from "../../../../utils/i18n.js";
-import { cloneDeep as f } from "lodash-es";
-import m from "../../../public/ActionButtonListDialog.vue.js";
-import { TpfModal as d } from "tmgc2-share";
-import { EditorTypeEnum as c } from "../../../../constants/EditorTypeEnum.js";
-const M = /* @__PURE__ */ a({
+import { defineComponent as _, ref as d, watch as C, resolveComponent as p, createElementBlock as L, openBlock as h, Fragment as k, createVNode as e, unref as o, withCtx as n, createTextVNode as f, toDisplayString as m } from "vue";
+import { useI18n as w } from "../../../../utils/i18n.js";
+import { cloneDeep as x } from "lodash-es";
+import D from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as E } from "tmgc2-share";
+import { EditorTypeEnum as B } from "../../../../constants/EditorTypeEnum.js";
+const z = /* @__PURE__ */ _({
   inheritAttrs: !1,
-  name: c.buttonListEditor,
+  name: B.buttonListEditor,
   __name: "button-list-editor",
   props: {
-    optionModel: { type: null, required: !0 }
+    optionModel: {}
   },
-  setup(r, { expose: l }) {
-    l();
-    const { i18nt: s } = u(), o = r, t = i([]), e = i(!1);
-    p(t, () => {
-      o.optionModel.buttonList = t.value;
+  setup(c) {
+    const { i18nt: i } = w(), r = c, t = d([]), l = d(!1);
+    C(t, () => {
+      r.optionModel.buttonList = t.value;
     });
-    const n = { i18nt: s, props: o, buttonList: t, btnListConfigDialogVisible: e, handleConfigBtn: () => {
-      t.value = f(o.optionModel.buttonList), e.value = !0;
-    }, handleCloseDialog: () => {
-      e.value = !1;
-    }, ActionButtonListDialog: m, get TpfModal() {
-      return d;
-    } };
-    return Object.defineProperty(n, "__isScriptSetup", { enumerable: !1, value: !0 }), n;
+    const g = () => {
+      t.value = x(r.optionModel.buttonList), l.value = !0;
+    }, b = () => {
+      l.value = !1;
+    };
+    return (M, s) => {
+      const u = p("a-button"), v = p("a-form-item");
+      return h(), L(k, null, [
+        e(v, {
+          label: o(i)("designer.setting.buttonList")
+        }, {
+          default: n(() => [
+            e(u, { onClick: g }, {
+              default: n(() => [
+                f(m(o(i)("designer.setting.buttonConfig")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        e(o(E), {
+          title: o(i)("designer.setting.buttonsColumnEdit"),
+          visible: l.value,
+          "onUpdate:visible": s[1] || (s[1] = (a) => l.value = a),
+          "show-close": !0,
+          dialogClass: "drag-dialog",
+          "append-to-body": "",
+          "close-on-click-modal": !1,
+          "close-on-press-escape": !1,
+          width: "1050px",
+          mask: !1
+        }, {
+          footerRight: n(() => [
+            e(u, {
+              size: "default",
+              onClick: b
+            }, {
+              default: n(() => [
+                f(m(o(i)("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: n(() => [
+            e(D, {
+              data: t.value,
+              "onUpdate:data": s[0] || (s[0] = (a) => t.value = a)
+            }, null, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"])
+      ], 64);
+    };
   }
 });
 export {
-  M as default
+  z as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue.js

@@ -1,31 +1,7 @@
-import s from "./button-position-editor.vue2.js";
-import { resolveComponent as e, createBlock as i, openBlock as r, withCtx as d, createVNode as c, createCommentVNode as m } from "vue";
+import o from "./button-position-editor.vue2.js";
 /* empty css                            */
-import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function _(f, t, v, o, b, g) {
-  const a = e("a-select"), l = e("a-input"), p = e("a-form-item");
-  return r(), i(p, {
-    label: o.i18nt("designer.setting.buttonPosition")
-  }, {
-    default: d(() => [
-      c(a, {
-        options: o.buttonPositionList,
-        value: o.optionModel.buttonPosition,
-        "onUpdate:value": t[0] || (t[0] = (n) => o.optionModel.buttonPosition = n)
-      }, null, 8, ["options", "value"]),
-      o.optionModel.buttonPosition === o.ButtonPositionEnum.DIY ? (r(), i(l, {
-        key: 0,
-        class: "container-input",
-        placeholder: o.i18nt("designer.setting.containerInputPlaceholder"),
-        value: o.optionModel.getContainer,
-        "onUpdate:value": t[1] || (t[1] = (n) => o.optionModel.getContainer = n)
-      }, null, 8, ["placeholder", "value"])) : m("v-if", !0)
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const x = /* @__PURE__ */ u(s, [["render", _], ["__scopeId", "data-v-aab7c211"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue"]]);
+import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a73f7d08"]]);
 export {
-  x as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-position-editor.vue2.js

@@ -1,32 +1,50 @@
-import { defineComponent as s, useModel as m, computed as d } from "vue";
-import { useI18n as l } from "../../../../utils/i18n.js";
-import { BUTTON_POSITION as a, ButtonPositionEnum as n } from "../../../../constants/index.js";
-import { EditorTypeEnum as f } from "../../../../constants/EditorTypeEnum.js";
-const P = /* @__PURE__ */ s({
-  name: f.buttonPositionEditor,
+import { defineComponent as _, useModel as b, computed as f, resolveComponent as l, createBlock as a, openBlock as r, unref as u, withCtx as P, createVNode as C, createCommentVNode as g } from "vue";
+import { useI18n as M } from "../../../../utils/i18n.js";
+import { BUTTON_POSITION as E, ButtonPositionEnum as s } from "../../../../constants/index.js";
+import { EditorTypeEnum as I } from "../../../../constants/EditorTypeEnum.js";
+const U = /* @__PURE__ */ _({
+  name: I.buttonPositionEditor,
   __name: "button-position-editor",
   props: {
     optionModel: {
       type: Object,
       default: () => ({
         getContainer: "",
-        buttonPosition: n.CURRENT
+        buttonPosition: s.CURRENT
       })
     },
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(i, { expose: r }) {
-    r();
-    const { i18nt: o } = l(), u = m(i, "optionModel"), p = d(() => a.map((e) => ({
-      label: o(e.label),
-      value: e.value
-    }))), t = { i18nt: o, optionModel: u, buttonPositionList: p, get ButtonPositionEnum() {
-      return n;
-    } };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  setup(p) {
+    const { i18nt: e } = M(), o = b(p, "optionModel"), m = f(() => E.map((n) => ({
+      label: e(n.label),
+      value: n.value
+    })));
+    return (n, t) => {
+      const d = l("a-select"), c = l("a-input"), v = l("a-form-item");
+      return r(), a(v, {
+        label: u(e)("designer.setting.buttonPosition")
+      }, {
+        default: P(() => [
+          C(d, {
+            options: m.value,
+            value: o.value.buttonPosition,
+            "onUpdate:value": t[0] || (t[0] = (i) => o.value.buttonPosition = i)
+          }, null, 8, ["options", "value"]),
+          o.value.buttonPosition === u(s).DIY ? (r(), a(c, {
+            key: 0,
+            class: "container-input",
+            placeholder: u(e)("designer.setting.containerInputPlaceholder"),
+            value: o.value.getContainer,
+            "onUpdate:value": t[1] || (t[1] = (i) => o.value.getContainer = i)
+          }, null, 8, ["placeholder", "value"])) : g("", !0)
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  P as default
+  U as default
 };