@kp-ui/lowcode 2.15.0-alpha.2 → 2.15.0-alpha.4

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as f, mergeModels as c, useModel as b, ref as g, watchEffect as C, unref as o } from "vue";
-import { useI18n as _ } from "../../../../../utils/i18n.js";
-import { deepClone as v } from "../../../../../utils/util.js";
-import { EditorTypeEnum as T } from "../../../../../constants/EditorTypeEnum.js";
-import { ComponentNameEnum as M } from "../../../../../constants/WidgetTypeEnum.js";
-import y from "../../../../../lib/vuedraggable/src/vuedraggable.js";
-import { message as E } from "ant-design-vue";
-import { useDesigner as P } from "../../../form-widget/useFormDesigner.js";
-const N = /* @__PURE__ */ f({
-  name: T.tabCustomClassEditor,
-  componentName: M.PropertyEditor,
+import { defineComponent as h, mergeModels as k, useModel as x, ref as w, watchEffect as N, unref as e, resolveComponent as r, createElementBlock as U, openBlock as W, createVNode as n, withCtx as l, createElementVNode as c, mergeProps as B, createTextVNode as g, toDisplayString as f } from "vue";
+import { useI18n as D } from "../../../../../utils/i18n.js";
+import { deepClone as O } from "../../../../../utils/util.js";
+import { EditorTypeEnum as V } from "../../../../../constants/EditorTypeEnum.js";
+import { ComponentNameEnum as H } from "../../../../../constants/WidgetTypeEnum.js";
+import L from "../../../../../lib/vuedraggable/src/vuedraggable.js";
+import { message as S } from "ant-design-vue";
+import { useDesigner as $ } from "../../../form-widget/useFormDesigner.js";
+const j = { class: "col-item" }, R = /* @__PURE__ */ h({
+  name: V.tabCustomClassEditor,
+  componentName: H.PropertyEditor,
   __name: "tab-customClass-editor",
-  props: /* @__PURE__ */ c({
-    selectedWidget: { type: Object, required: !0 }
+  props: /* @__PURE__ */ k({
+    selectedWidget: {}
   }, {
     optionModel: {
       type: Object,
@@ -21,28 +21,109 @@ const N = /* @__PURE__ */ f({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(m, { expose: l }) {
-    l();
-    const n = b(m, "optionModel"), { designer: e } = P(), { i18nt: s } = _(), a = g([]), p = function(t) {
-      o(e).addTabPaneOfTabs(t), o(e).emitHistoryChange();
-    }, u = function(t, i, d) {
-      if (console.log("curTabs, tpIdx: ", t, i, d), t.tabs.length === 1) {
-        E.info(s("designer.hint.lastPaneCannotBeDeleted"));
+  setup(C) {
+    const s = x(C, "optionModel"), { designer: i } = $(), { i18nt: d } = D(), p = w([]), _ = function(t) {
+      e(i).addTabPaneOfTabs(t), e(i).emitHistoryChange();
+    }, T = function(t, o, u) {
+      if (console.log("curTabs, tpIdx: ", t, o, u), t.tabs.length === 1) {
+        S.info(d("designer.hint.lastPaneCannotBeDeleted"));
         return;
       }
-      n.value.activeTab === d.options.label && (n.value.activeTab = ""), o(e).deleteTabPaneOfTabs(t, i), o(e).emitHistoryChange();
+      s.value.activeTab === u.options.label && (s.value.activeTab = ""), e(i).deleteTabPaneOfTabs(t, o), e(i).emitHistoryChange();
     };
-    C(() => {
-      a.value = v(o(e).getCssClassList()), o(e).handleEvent("form-css-updated", (t) => {
-        a.value = t;
+    return N(() => {
+      p.value = O(e(i).getCssClassList()), e(i).handleEvent("form-css-updated", (t) => {
+        p.value = t;
       });
-    });
-    const r = { optionModel: n, designer: e, i18nt: s, cssClassList: a, addTabPane: p, deleteTabPane: u, get Draggable() {
-      return y;
-    } };
-    return Object.defineProperty(r, "__isScriptSetup", { enumerable: !1, value: !0 }), r;
+    }), (t, o) => {
+      const u = r("a-select"), m = r("a-form-item"), y = r("a-radio"), E = r("a-input"), v = r("a-button"), P = r("a-radio-group");
+      return W(), U("div", null, [
+        n(m, {
+          label: e(d)("designer.setting.customClass")
+        }, {
+          default: l(() => [
+            n(u, {
+              value: s.value.customClass,
+              "onUpdate:value": o[0] || (o[0] = (a) => s.value.customClass = a),
+              allowClear: "",
+              mode: "tags",
+              options: p.value
+            }, null, 8, ["value", "options"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        n(m, {
+          label: e(d)("designer.setting.tabPaneSetting")
+        }, null, 8, ["label"]),
+        n(m, {
+          "label-width": "0",
+          class: "panes-setting"
+        }, {
+          default: l(() => [
+            n(P, {
+              value: s.value.activeTab,
+              "onUpdate:value": o[1] || (o[1] = (a) => s.value.activeTab = a)
+            }, {
+              default: l(() => [
+                n(e(L), B({
+                  tag: "ul",
+                  list: t.selectedWidget.tabs,
+                  "item-key": "id"
+                }, { group: "panesGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+                  item: l(({ element: a, index: M }) => [
+                    c("li", j, [
+                      n(y, {
+                        value: a.options.label,
+                        style: { "margin-right": "8px" }
+                      }, {
+                        default: l(() => [
+                          g(f(e(d)("designer.setting.paneActive")), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]),
+                      n(E, {
+                        type: "text",
+                        value: a.options.label,
+                        "onUpdate:value": (b) => a.options.label = b,
+                        style: { width: "120px" }
+                      }, null, 8, ["value", "onUpdate:value"]),
+                      o[3] || (o[3] = c("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
+                      n(v, {
+                        size: "small",
+                        type: "danger",
+                        onClick: (b) => T(t.selectedWidget, M, a),
+                        class: "col-delete-button"
+                      }, {
+                        default: l(() => [
+                          g(f(e(d)("designer.setting.delete")), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ])
+                  ]),
+                  _: 1
+                }, 16, ["list"])
+              ]),
+              _: 1
+            }, 8, ["value"]),
+            c("div", null, [
+              n(v, {
+                type: "text",
+                onClick: o[2] || (o[2] = (a) => _(t.selectedWidget))
+              }, {
+                default: l(() => [
+                  g(f(e(d)("designer.setting.addTabPane")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
   }
 });
 export {
-  N as default
+  R as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabBarGutter-editor.vue.js

@@ -1,25 +1,4 @@
-import i from "./tab-tabBarGutter-editor.vue2.js";
-import { resolveComponent as o, createBlock as p, openBlock as l, withCtx as m, createVNode as s } from "vue";
-import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function u(_, e, d, t, f, b) {
-  const r = o("a-input-number"), n = o("a-form-item");
-  return l(), p(n, {
-    label: t.i18nt("designer.setting.tabBarGutter")
-  }, {
-    default: m(() => [
-      s(r, {
-        class: "t-w-full",
-        min: 0,
-        value: t.optionModel.tabBarGutter,
-        "onUpdate:value": e[0] || (e[0] = (a) => t.optionModel.tabBarGutter = a),
-        precision: 0
-      }, null, 8, ["value"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const G = /* @__PURE__ */ c(i, [["render", u], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabBarGutter-editor.vue"]]);
+import f from "./tab-tabBarGutter-editor.vue2.js";
 export {
-  G as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabBarGutter-editor.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as p, useModel as i } from "vue";
-import { useI18n as a } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as m } from "../../../../../constants/EditorTypeEnum.js";
-import { ComponentNameEnum as u } from "../../../../../constants/WidgetTypeEnum.js";
-const _ = /* @__PURE__ */ p({
-  name: m.tabTabBarGutterEditor,
-  componentName: u.PropertyEditor,
+import { defineComponent as m, useModel as p, resolveComponent as o, createBlock as l, openBlock as d, unref as s, withCtx as c, createVNode as f } from "vue";
+import { useI18n as b } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as _ } from "../../../../../constants/EditorTypeEnum.js";
+import { ComponentNameEnum as B } from "../../../../../constants/WidgetTypeEnum.js";
+const x = /* @__PURE__ */ m({
+  name: _.tabTabBarGutterEditor,
+  componentName: B.PropertyEditor,
   __name: "tab-tabBarGutter-editor",
   props: {
     optionModel: {
@@ -15,12 +15,27 @@ const _ = /* @__PURE__ */ p({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(t, { expose: o }) {
-    o();
-    const r = i(t, "optionModel"), { i18nt: n } = a(), e = { optionModel: r, i18nt: n };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+  setup(r) {
+    const t = p(r, "optionModel"), { i18nt: n } = b();
+    return (M, e) => {
+      const a = o("a-input-number"), u = o("a-form-item");
+      return d(), l(u, {
+        label: s(n)("designer.setting.tabBarGutter")
+      }, {
+        default: c(() => [
+          f(a, {
+            class: "t-w-full",
+            min: 0,
+            value: t.value.tabBarGutter,
+            "onUpdate:value": e[0] || (e[0] = (i) => t.value.tabBarGutter = i),
+            precision: 0
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  _ as default
+  x as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabPosition-editor.vue.js

@@ -1,23 +1,4 @@
-import a from "./tab-tabPosition-editor.vue2.js";
-import { resolveComponent as e, createBlock as s, openBlock as l, withCtx as m, createVNode as p } from "vue";
-import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function d(_, t, f, o, b, g) {
-  const n = e("a-select"), i = e("a-form-item");
-  return l(), s(i, {
-    label: o.i18nt("designer.setting.tabPosition")
-  }, {
-    default: m(() => [
-      p(n, {
-        value: o.optionModel.tabPosition,
-        "onUpdate:value": t[0] || (t[0] = (r) => o.optionModel.tabPosition = r),
-        options: o.modeList
-      }, null, 8, ["value"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const x = /* @__PURE__ */ c(a, [["render", d], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabPosition-editor.vue"]]);
+import f from "./tab-tabPosition-editor.vue2.js";
 export {
-  x as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-tabPosition-editor.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as r, useModel as p } from "vue";
-import { useI18n as a } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as l } from "../../../../../constants/EditorTypeEnum.js";
-import { ComponentNameEnum as m } from "../../../../../constants/WidgetTypeEnum.js";
-const c = /* @__PURE__ */ r({
-  name: l.tabTabPositionEditor,
-  componentName: m.PropertyEditor,
+import { defineComponent as p, useModel as s, resolveComponent as e, createBlock as u, openBlock as d, unref as b, withCtx as c, createVNode as f } from "vue";
+import { useI18n as _ } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as v } from "../../../../../constants/EditorTypeEnum.js";
+import { ComponentNameEnum as M } from "../../../../../constants/WidgetTypeEnum.js";
+const y = /* @__PURE__ */ p({
+  name: v.tabTabPositionEditor,
+  componentName: M.PropertyEditor,
   __name: "tab-tabPosition-editor",
   props: {
     optionModel: {
@@ -15,17 +15,30 @@ const c = /* @__PURE__ */ r({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const i = p(o, "optionModel"), { i18nt: n } = a(), e = { optionModel: i, i18nt: n, modeList: [
+  setup(n) {
+    const o = s(n, "optionModel"), { i18nt: i } = _(), a = [
       { value: "top", label: "top" },
       { value: "right", label: "right" },
       { value: "bottom", label: "bottom" },
       { value: "left", label: "left" }
-    ] };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    ];
+    return (P, t) => {
+      const l = e("a-select"), r = e("a-form-item");
+      return d(), u(r, {
+        label: b(i)("designer.setting.tabPosition")
+      }, {
+        default: c(() => [
+          f(l, {
+            value: o.value.tabPosition,
+            "onUpdate:value": t[0] || (t[0] = (m) => o.value.tabPosition = m),
+            options: a
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  c as default
+  y as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-type-editor.vue.js

@@ -1,23 +1,4 @@
-import p from "./tab-type-editor.vue2.js";
-import { resolveComponent as t, createBlock as i, openBlock as l, withCtx as m, createVNode as s } from "vue";
-import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function d(_, o, f, e, b, g) {
-  const n = t("a-select"), r = t("a-form-item");
-  return l(), i(r, {
-    label: e.i18nt("designer.setting.tabType")
-  }, {
-    default: m(() => [
-      s(n, {
-        value: e.optionModel.type,
-        "onUpdate:value": o[0] || (o[0] = (a) => e.optionModel.type = a),
-        options: e.modeList
-      }, null, 8, ["value"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const x = /* @__PURE__ */ c(p, [["render", d], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-tab/tab-type-editor.vue"]]);
+import f from "./tab-type-editor.vue2.js";
 export {
-  x as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-type-editor.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as i, useModel as p } from "vue";
-import { useI18n as d } from "../../../../../utils/i18n.js";
-import { ComponentNameEnum as m } from "../../../../../constants/WidgetTypeEnum.js";
-import { EditorTypeEnum as a } from "../../../../../constants/EditorTypeEnum.js";
-const _ = /* @__PURE__ */ i({
-  name: a.tabTypeEditor,
-  componentName: m.PropertyEditor,
+import { defineComponent as m, useModel as d, resolveComponent as t, createBlock as u, openBlock as s, unref as c, withCtx as f, createVNode as _ } from "vue";
+import { useI18n as y } from "../../../../../utils/i18n.js";
+import { ComponentNameEnum as b } from "../../../../../constants/WidgetTypeEnum.js";
+import { EditorTypeEnum as v } from "../../../../../constants/EditorTypeEnum.js";
+const T = /* @__PURE__ */ m({
+  name: v.tabTypeEditor,
+  componentName: b.PropertyEditor,
   __name: "tab-type-editor",
   props: {
     optionModel: {
@@ -15,16 +15,29 @@ const _ = /* @__PURE__ */ i({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(o, { expose: t }) {
-    t();
-    const r = p(o, "optionModel"), { i18nt: n } = d(), e = { optionModel: r, i18nt: n, modeList: [
+  setup(n) {
+    const e = d(n, "optionModel"), { i18nt: l } = y(), r = [
       { value: "line", label: "line" },
       { value: "card", label: "card" }
       // { value: 'editable-card', label: 'editable-card' }
-    ] };
-    return Object.defineProperty(e, "__isScriptSetup", { enumerable: !1, value: !0 }), e;
+    ];
+    return (M, o) => {
+      const a = t("a-select"), p = t("a-form-item");
+      return s(), u(p, {
+        label: c(l)("designer.setting.tabType")
+      }, {
+        default: f(() => [
+          _(a, {
+            value: e.value.type,
+            "onUpdate:value": o[0] || (o[0] = (i) => e.value.type = i),
+            options: r
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  _ as default
+  T as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js

@@ -1,7 +1,7 @@
 import c from "../../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as p, openBlock as a, withCtx as s, createVNode as d } from "vue";
-import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const g = {
+import { resolveComponent as o, createBlock as a, openBlock as p, withCtx as d, createVNode as m } from "vue";
+import s from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
   name: "cellHeight-editor",
   mixins: [c],
   props: {
@@ -10,23 +10,22 @@ const g = {
     optionModel: Object
   }
 };
-function _(n, e, t, f, u, b) {
+function f(n, e, t, u, g, b) {
   const i = o("a-input"), l = o("a-form-item");
-  return a(), p(l, {
+  return p(), a(l, {
     label: n.i18nt("designer.setting.cellHeight")
   }, {
-    default: s(() => [
-      d(i, {
+    default: d(() => [
+      m(i, {
         type: "text",
         value: t.optionModel.cellHeight,
         "onUpdate:value": e[0] || (e[0] = (r) => t.optionModel.cellHeight = r)
       }, null, 8, ["value"])
     ]),
     _: 1
-    /* STABLE */
   }, 8, ["label"]);
 }
-const x = /* @__PURE__ */ m(g, [["render", _], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue"]]);
+const v = /* @__PURE__ */ s(_, [["render", f]]);
 export {
-  x as default
+  v as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js

@@ -1,6 +1,6 @@
 import c from "../../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as d, openBlock as p, withCtx as a, createVNode as s } from "vue";
-import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import { resolveComponent as o, createBlock as d, openBlock as a, withCtx as p, createVNode as m } from "vue";
+import s from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _ = {
   name: "cellWidth-editor",
   mixins: [c],
@@ -10,23 +10,22 @@ const _ = {
     optionModel: Object
   }
 };
-function f(n, e, t, u, g, b) {
+function f(n, e, t, u, W, b) {
   const i = o("a-input"), l = o("a-form-item");
-  return p(), d(l, {
+  return a(), d(l, {
     label: n.i18nt("designer.setting.cellWidth")
   }, {
-    default: a(() => [
-      s(i, {
+    default: p(() => [
+      m(i, {
         type: "text",
         value: t.optionModel.cellWidth,
         "onUpdate:value": e[0] || (e[0] = (r) => t.optionModel.cellWidth = r)
       }, null, 8, ["value"])
     ]),
     _: 1
-    /* STABLE */
   }, 8, ["label"]);
 }
-const x = /* @__PURE__ */ m(_, [["render", f], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue"]]);
+const v = /* @__PURE__ */ s(_, [["render", f]]);
 export {
-  x as default
+  v as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue.js

@@ -1,47 +1,4 @@
-import i from "./bodyStyle-editor.vue2.js";
-import { resolveComponent as n, createElementBlock as m, openBlock as f, Fragment as c, createVNode as o, withCtx as r, createTextVNode as s, toDisplayString as p } from "vue";
-import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function y(b, t, g, e, u, v) {
-  const l = n("a-button"), d = n("a-form-item");
-  return f(), m(
-    c,
-    null,
-    [
-      o(d, {
-        label: e.i18nt("窗体样式")
-      }, {
-        default: r(() => [
-          o(l, { onClick: e.editFormCss }, {
-            default: r(() => [
-              s(
-                p(e.i18nt("编写样式")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      o(e.TpfCodeEditor, {
-        isShowEventHeader: !1,
-        ref: "codeEditorRef",
-        modelValue: e.optionModel.bodyStyle,
-        "onUpdate:modelValue": t[0] || (t[0] = (a) => e.optionModel.bodyStyle = a),
-        mode: "css",
-        readonly: !1,
-        title: "编写style",
-        onSetCode: e.saveFormEventHandler
-      }, null, 8, ["modelValue"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const x = /* @__PURE__ */ _(i, [["render", y], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue"]]);
+import f from "./bodyStyle-editor.vue2.js";
 export {
-  x as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue2.js

@@ -1,10 +1,10 @@
-import { defineComponent as s, useModel as p, ref as l } from "vue";
-import { TpfCodeEditor as m } from "tmgc2-share";
-import { useI18n as u } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as a } from "../../../../../constants/EditorTypeEnum.js";
-const v = /* @__PURE__ */ s({
+import { defineComponent as y, useModel as _, ref as b, resolveComponent as a, createElementBlock as E, openBlock as S, Fragment as v, createVNode as o, unref as t, withCtx as i, createTextVNode as C, toDisplayString as M } from "vue";
+import { TpfCodeEditor as V } from "tmgc2-share";
+import { useI18n as k } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as x } from "../../../../../constants/EditorTypeEnum.js";
+const w = /* @__PURE__ */ y({
   inheritAttrs: !1,
-  name: a.bodyStyleEditor,
+  name: x.bodyStyleEditor,
   __name: "bodyStyle-editor",
   props: {
     optionModel: {
@@ -15,18 +15,43 @@ const v = /* @__PURE__ */ s({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(r, { expose: n }) {
-    n();
-    const { i18nt: d } = u(), e = p(r, "optionModel"), o = l(), t = { i18nt: d, optionModel: e, codeEditorRef: o, editFormCss: () => {
-      o.value.open();
-    }, saveFormEventHandler: (i) => {
-      e.value.bodyStyle = i;
-    }, get TpfCodeEditor() {
-      return m;
-    } };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+  setup(m) {
+    const { i18nt: n } = k(), e = _(m, "optionModel"), l = b(), s = () => {
+      l.value.open();
+    }, p = (r) => {
+      e.value.bodyStyle = r;
+    };
+    return (r, d) => {
+      const u = a("a-button"), f = a("a-form-item");
+      return S(), E(v, null, [
+        o(f, {
+          label: t(n)("窗体样式")
+        }, {
+          default: i(() => [
+            o(u, { onClick: s }, {
+              default: i(() => [
+                C(M(t(n)("编写样式")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        o(t(V), {
+          isShowEventHeader: !1,
+          ref_key: "codeEditorRef",
+          ref: l,
+          modelValue: e.value.bodyStyle,
+          "onUpdate:modelValue": d[0] || (d[0] = (c) => e.value.bodyStyle = c),
+          mode: "css",
+          readonly: !1,
+          title: "编写style",
+          onSetCode: p
+        }, null, 8, ["modelValue"])
+      ], 64);
+    };
   }
 });
 export {
-  v as default
+  w as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue.js

@@ -1,24 +1,4 @@
-import d from "./cancelButtonHidden-editor.vue2.js";
-import { resolveComponent as o, createBlock as i, openBlock as a, withCtx as l, createVNode as p } from "vue";
-import m from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-function s(_, n, f, e, u, g) {
-  const t = o("a-switch"), c = o("a-form-item");
-  return a(), i(c, {
-    label: e.i18nt("designer.setting.cancelButtonHidden")
-  }, {
-    default: l(() => [
-      p(t, {
-        unCheckedValue: 0,
-        checkedValue: 1,
-        checked: e.optionModel.cancelButtonHidden,
-        "onUpdate:checked": n[0] || (n[0] = (r) => e.optionModel.cancelButtonHidden = r)
-      }, null, 8, ["checked"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const v = /* @__PURE__ */ m(d, [["render", s], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/cancelButtonHidden-editor.vue"]]);
+import f from "./cancelButtonHidden-editor.vue2.js";
 export {
-  v as default
+  f as default
 };