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

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

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

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-rowKey-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as d, mergeModels as p, useModel as m, resolveComponent as t, createBlock as u, openBlock as s, unref as c, withCtx as f, createVNode as _ } from "vue";
-import { useI18n as M } from "../../../../../utils/i18n.js";
-import { EditorTypeEnum as y } from "../../../../../constants/EditorTypeEnum.js";
-const g = /* @__PURE__ */ d({
-  name: y.rowKeyEditor,
+import { defineComponent as d, mergeModels as p, useModel as s } from "vue";
+import { useI18n as l } from "../../../../../utils/i18n.js";
+import { EditorTypeEnum as m } from "../../../../../constants/EditorTypeEnum.js";
+const f = /* @__PURE__ */ d({
+  name: m.rowKeyEditor,
   __name: "data-table-rowKey-editor",
   props: /* @__PURE__ */ p({
     designer: Object,
@@ -17,25 +17,12 @@ const g = /* @__PURE__ */ d({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(n) {
-    const { i18nt: r } = M(), e = m(n, "optionModel");
-    return (v, o) => {
-      const i = t("a-input"), l = t("a-form-item");
-      return s(), u(l, {
-        label: c(r)("designer.setting.rowKey")
-      }, {
-        default: f(() => [
-          _(i, {
-            value: e.value.rowKey,
-            "onUpdate:value": o[0] || (o[0] = (a) => e.value.rowKey = a),
-            valueModifiers: { trim: !0 }
-          }, null, 8, ["value"])
-        ]),
-        _: 1
-      }, 8, ["label"]);
-    };
+  setup(e, { expose: t }) {
+    t();
+    const { i18nt: r } = l(), n = e, i = s(e, "optionModel"), o = { i18nt: r, props: n, optionModel: i };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  g as default
+  f as default
 };

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

@@ -1,5 +1,156 @@
-import o from "./data-table-selections-editor.vue2.js";
+import u from "./data-table-selections-editor.vue2.js";
+import { resolveComponent as i, createElementBlock as S, openBlock as c, Fragment as h, createVNode as o, withCtx as l, createBlock as b, createCommentVNode as v, createTextVNode as m, toDisplayString as s, normalizeClass as C } from "vue";
 /* empty css                                  */
+import M from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+function k(R, n, x, e, y, U) {
+  const d = i("a-switch"), r = i("a-button"), p = i("a-space"), a = i("a-form-item"), f = i("a-input-number"), g = i("a-input"), w = i("a-form"), _ = i("a-drawer");
+  return c(), S(
+    h,
+    null,
+    [
+      o(a, {
+        label: e.i18nt("designer.setting.hasRowSelection")
+      }, {
+        default: l(() => [
+          o(p, null, {
+            default: l(() => [
+              o(d, {
+                checked: e.optionModel.rowSelection.hasRowSelection,
+                "onUpdate:checked": n[0] || (n[0] = (t) => e.optionModel.rowSelection.hasRowSelection = t)
+              }, null, 8, ["checked"]),
+              e.optionModel.rowSelection.hasRowSelection ? (c(), b(r, {
+                key: 0,
+                type: "primary",
+                plain: "",
+                shape: "round",
+                onClick: e.editSelections
+              }, {
+                default: l(() => [
+                  m(
+                    s(e.i18nt("designer.setting.edit")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })) : v("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["label"]),
+      o(_, {
+        class: "editor-Selection-drawer",
+        open: e.visible,
+        "onUpdate:open": n[6] || (n[6] = (t) => e.visible = t),
+        title: e.i18nt("designer.setting.hasRowSelection"),
+        placement: "right"
+      }, {
+        default: l(() => [
+          o(w, {
+            class: "editor-Selection-form",
+            model: e.optionModel.rowSelection,
+            layout: "horizontal"
+          }, {
+            default: l(() => [
+              o(a, {
+                label: e.i18nt("designer.setting.fixedLeft")
+              }, {
+                default: l(() => [
+                  o(d, {
+                    checked: e.optionModel.rowSelection.fixed,
+                    "onUpdate:checked": n[1] || (n[1] = (t) => e.optionModel.rowSelection.fixed = t)
+                  }, null, 8, ["checked"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["label"]),
+              o(a, {
+                label: e.i18nt("designer.setting.preserveSelectedRowKeys")
+              }, {
+                default: l(() => [
+                  o(d, {
+                    checked: e.optionModel.rowSelection.preserveSelectedRowKeys,
+                    "onUpdate:checked": n[2] || (n[2] = (t) => e.optionModel.rowSelection.preserveSelectedRowKeys = t)
+                  }, null, 8, ["checked"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["label"]),
+              o(a, {
+                label: e.i18nt("designer.setting.customColumnWidth")
+              }, {
+                default: l(() => [
+                  o(f, {
+                    min: 20,
+                    max: 200,
+                    value: e.optionModel.rowSelection.columnWidth,
+                    "onUpdate:value": n[3] || (n[3] = (t) => e.optionModel.rowSelection.columnWidth = t)
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["label"]),
+              o(a, {
+                label: e.i18nt("designer.setting.customColumnTitle")
+              }, {
+                default: l(() => [
+                  o(g, {
+                    value: e.optionModel.rowSelection.columnTitle,
+                    "onUpdate:value": n[4] || (n[4] = (t) => e.optionModel.rowSelection.columnTitle = t)
+                  }, null, 8, ["value"])
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["label"]),
+              o(a, { label: "onChange" }, {
+                default: l(() => [
+                  o(r, {
+                    plain: "",
+                    shape: "round",
+                    class: C([e.optionModel.rowSelection.onChange ? "button-text-highlight" : ""]),
+                    onClick: e.editOnChange
+                  }, {
+                    default: l(() => [
+                      m(
+                        s(e.i18nt("designer.setting.addEventHandler")),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["class"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["model"]),
+          o(e.CodeModalEditor, {
+            modelValue: e.optionModel.rowSelection.onChange,
+            "onUpdate:modelValue": n[5] || (n[5] = (t) => e.optionModel.rowSelection.onChange = t),
+            ref: "CodeModalEditorRef",
+            title: "onChange事件",
+            isShowEventHeader: !0,
+            "event-header": "function onChange(selectedRowKeys, selectedRows) {"
+          }, null, 8, ["modelValue"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["open", "title"])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const z = /* @__PURE__ */ M(u, [["render", k], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue"]]);
 export {
-  o as default
+  z as default
 };

package/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-selections-editor.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as x, mergeModels as M, useModel as E, ref as U, resolveComponent as i, createElementBlock as T, openBlock as f, Fragment as V, createVNode as o, unref as r, withCtx as n, createBlock as K, createCommentVNode as W, createTextVNode as w, toDisplayString as v, normalizeClass as O } from "vue";
-import { useI18n as j } from "../../../../../utils/i18n.js";
-import { useComRef as B } from "tmgc2-share";
-import g from "../../../../code-editor/code-modal-editor.vue.js";
-import { EditorTypeEnum as N } from "../../../../../constants/EditorTypeEnum.js";
-const I = /* @__PURE__ */ x({
-  name: N.rowSelectionEditor,
+import { defineComponent as c, mergeModels as p, useModel as f, ref as m } from "vue";
+import { useI18n as u } from "../../../../../utils/i18n.js";
+import { useComRef as M } from "tmgc2-share";
+import s from "../../../../code-editor/code-modal-editor.vue.js";
+import { EditorTypeEnum as S } from "../../../../../constants/EditorTypeEnum.js";
+const w = /* @__PURE__ */ c({
+  name: S.rowSelectionEditor,
   inheritAttrs: !1,
   __name: "data-table-selections-editor",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ p({
     designer: Object,
     selectedWidget: Object
   }, {
@@ -27,139 +27,17 @@ const I = /* @__PURE__ */ x({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(S) {
-    const { i18nt: a } = j(), e = E(S, "optionModel"), s = U(!1), m = B(g), _ = () => {
-      s.value = !0;
-    }, h = () => {
-      var u;
-      (u = m.value) == null || u.open(e.value.rowSelection.onChange);
-    };
-    return (u, t) => {
-      const c = i("a-switch"), p = i("a-button"), b = i("a-space"), d = i("a-form-item"), C = i("a-input-number"), k = i("a-input"), R = i("a-form"), y = i("a-drawer");
-      return f(), T(V, null, [
-        o(d, {
-          label: r(a)("designer.setting.hasRowSelection")
-        }, {
-          default: n(() => [
-            o(b, null, {
-              default: n(() => [
-                o(c, {
-                  checked: e.value.rowSelection.hasRowSelection,
-                  "onUpdate:checked": t[0] || (t[0] = (l) => e.value.rowSelection.hasRowSelection = l)
-                }, null, 8, ["checked"]),
-                e.value.rowSelection.hasRowSelection ? (f(), K(p, {
-                  key: 0,
-                  type: "primary",
-                  plain: "",
-                  shape: "round",
-                  onClick: _
-                }, {
-                  default: n(() => [
-                    w(v(r(a)("designer.setting.edit")), 1)
-                  ]),
-                  _: 1
-                })) : W("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["label"]),
-        o(y, {
-          class: "editor-Selection-drawer",
-          open: s.value,
-          "onUpdate:open": t[6] || (t[6] = (l) => s.value = l),
-          title: r(a)("designer.setting.hasRowSelection"),
-          placement: "right"
-        }, {
-          default: n(() => [
-            o(R, {
-              class: "editor-Selection-form",
-              model: e.value.rowSelection,
-              layout: "horizontal"
-            }, {
-              default: n(() => [
-                o(d, {
-                  label: r(a)("designer.setting.fixedLeft")
-                }, {
-                  default: n(() => [
-                    o(c, {
-                      checked: e.value.rowSelection.fixed,
-                      "onUpdate:checked": t[1] || (t[1] = (l) => e.value.rowSelection.fixed = l)
-                    }, null, 8, ["checked"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(d, {
-                  label: r(a)("designer.setting.preserveSelectedRowKeys")
-                }, {
-                  default: n(() => [
-                    o(c, {
-                      checked: e.value.rowSelection.preserveSelectedRowKeys,
-                      "onUpdate:checked": t[2] || (t[2] = (l) => e.value.rowSelection.preserveSelectedRowKeys = l)
-                    }, null, 8, ["checked"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(d, {
-                  label: r(a)("designer.setting.customColumnWidth")
-                }, {
-                  default: n(() => [
-                    o(C, {
-                      min: 20,
-                      max: 200,
-                      value: e.value.rowSelection.columnWidth,
-                      "onUpdate:value": t[3] || (t[3] = (l) => e.value.rowSelection.columnWidth = l)
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(d, {
-                  label: r(a)("designer.setting.customColumnTitle")
-                }, {
-                  default: n(() => [
-                    o(k, {
-                      value: e.value.rowSelection.columnTitle,
-                      "onUpdate:value": t[4] || (t[4] = (l) => e.value.rowSelection.columnTitle = l)
-                    }, null, 8, ["value"])
-                  ]),
-                  _: 1
-                }, 8, ["label"]),
-                o(d, { label: "onChange" }, {
-                  default: n(() => [
-                    o(p, {
-                      plain: "",
-                      shape: "round",
-                      class: O([e.value.rowSelection.onChange ? "button-text-highlight" : ""]),
-                      onClick: h
-                    }, {
-                      default: n(() => [
-                        w(v(r(a)("designer.setting.addEventHandler")), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["class"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }, 8, ["model"]),
-            o(g, {
-              modelValue: e.value.rowSelection.onChange,
-              "onUpdate:modelValue": t[5] || (t[5] = (l) => e.value.rowSelection.onChange = l),
-              ref_key: "CodeModalEditorRef",
-              ref: m,
-              title: "onChange事件",
-              isShowEventHeader: !0,
-              "event-header": "function onChange(selectedRowKeys, selectedRows) {"
-            }, null, 8, ["modelValue"])
-          ]),
-          _: 1
-        }, 8, ["open", "title"])
-      ], 64);
-    };
+  setup(e, { expose: l }) {
+    l();
+    const { i18nt: d } = u(), a = e, o = f(e, "optionModel"), t = m(!1), n = M(s), i = { i18nt: d, props: a, optionModel: o, visible: t, CodeModalEditorRef: n, editSelections: () => {
+      t.value = !0;
+    }, editOnChange: () => {
+      var r;
+      (r = n.value) == null || r.open(o.value.rowSelection.onChange);
+    }, CodeModalEditor: s };
+    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
   }
 });
 export {
-  I as default
+  w as default
 };

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

@@ -1,7 +1,179 @@
-import o from "./data-table-showButtonsColumn-editor.vue2.js";
+import v from "./data-table-showButtonsColumn-editor.vue2.js";
+import { resolveComponent as a, createElementBlock as w, openBlock as m, Fragment as B, createVNode as n, withCtx as e, createBlock as k, createCommentVNode as M, createTextVNode as d, toDisplayString as _, createElementVNode as h } from "vue";
 /* empty css                                         */
-import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a6551319"]]);
+import x from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = { class: "dialog-footer" };
+function E(T, t, U, o, D, F) {
+  const p = a("a-switch"), u = a("a-button"), f = a("a-space"), i = a("a-form-item"), c = a("a-input"), s = a("a-col"), b = a("a-input-number"), r = a("a-select-option"), g = a("a-select"), C = a("a-row");
+  return m(), w(
+    B,
+    null,
+    [
+      n(i, {
+        label: o.i18nt("designer.setting.showButtonsColumn")
+      }, {
+        default: e(() => [
+          n(f, null, {
+            default: e(() => [
+              n(p, {
+                checked: o.optionModel.showButtonsColumn,
+                "onUpdate:checked": t[0] || (t[0] = (l) => o.optionModel.showButtonsColumn = l)
+              }, null, 8, ["checked"]),
+              o.optionModel.showButtonsColumn ? (m(), k(u, {
+                key: 0,
+                type: "primary",
+                shape: "round",
+                onClick: o.editButtonsColumn
+              }, {
+                default: e(() => [
+                  d(
+                    _(o.i18nt("designer.setting.editAction")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })) : M("v-if", !0)
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["label"]),
+      n(o.TpfModal, {
+        title: o.i18nt("designer.setting.buttonsColumnEdit"),
+        visible: o.showButtonsEditDialog,
+        "onUpdate:visible": t[6] || (t[6] = (l) => o.showButtonsEditDialog = l),
+        "show-close": !0,
+        dialogClass: "drag-dialog",
+        "append-to-body": "",
+        "close-on-click-modal": !1,
+        "close-on-press-escape": !1,
+        "destroy-on-close": !0,
+        width: "1250px",
+        mask: !1
+      }, {
+        footer: e(() => [
+          h("div", y, [
+            n(u, {
+              size: "default",
+              onClick: t[5] || (t[5] = (l) => o.showButtonsEditDialog = !1)
+            }, {
+              default: e(() => [
+                d(
+                  _(o.i18nt("designer.hint.closePreview")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        default: e(() => [
+          n(C, { gutter: 8 }, {
+            default: e(() => [
+              n(s, { span: 11 }, {
+                default: e(() => [
+                  n(i, {
+                    name: "buttonsColumnTitle",
+                    label: o.i18nt("designer.setting.buttonsColumnTitle")
+                  }, {
+                    default: e(() => [
+                      n(c, {
+                        value: o.optionModel.buttonsColumnTitle,
+                        "onUpdate:value": t[1] || (t[1] = (l) => o.optionModel.buttonsColumnTitle = l)
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              n(s, { span: 6 }, {
+                default: e(() => [
+                  n(i, {
+                    name: "buttonsColumnWidth",
+                    label: o.i18nt("designer.setting.buttonsColumnWidth")
+                  }, {
+                    default: e(() => [
+                      n(b, {
+                        value: o.optionModel.buttonsColumnWidth,
+                        "onUpdate:value": t[2] || (t[2] = (l) => o.optionModel.buttonsColumnWidth = l)
+                      }, null, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              n(s, { span: 5 }, {
+                default: e(() => [
+                  n(i, {
+                    name: "buttonsColumnFixed",
+                    label: o.i18nt("designer.setting.fixedColumn")
+                  }, {
+                    default: e(() => [
+                      n(g, {
+                        value: o.optionModel.buttonsColumnFixed,
+                        "onUpdate:value": t[3] || (t[3] = (l) => o.optionModel.buttonsColumnFixed = l),
+                        allowClear: "",
+                        style: { width: "100%" }
+                      }, {
+                        default: e(() => [
+                          n(r, { value: "left" }, {
+                            default: e(() => t[7] || (t[7] = [
+                              d("left")
+                            ])),
+                            _: 1,
+                            __: [7]
+                          }),
+                          n(r, { value: "right" }, {
+                            default: e(() => t[8] || (t[8] = [
+                              d("right")
+                            ])),
+                            _: 1,
+                            __: [8]
+                          })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["value"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["label"])
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          n(o.ActionButtonListDialog, {
+            data: o.optionModel.operationButtons,
+            "onUpdate:data": t[4] || (t[4] = (l) => o.optionModel.operationButtons = l),
+            parmas: "scope"
+          }, null, 8, ["data"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["title", "visible"])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const A = /* @__PURE__ */ x(v, [["render", E], ["__scopeId", "data-v-5c4efaec"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-showButtonsColumn-editor.vue"]]);
 export {
-  p as default
+  A as default
 };