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

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

@@ -1,10 +1,10 @@
-import { defineComponent as x, useModel as y, ref as M, resolveComponent as u, createElementBlock as T, openBlock as _, Fragment as E, createVNode as e, unref as a, withCtx as o, createBlock as U, createCommentVNode as F, createTextVNode as r, toDisplayString as c, createElementVNode as W } from "vue";
-import { useI18n as N } from "../../../../../utils/i18n.js";
-import V from "../../../../public/ActionButtonListDialog.vue.js";
-import { TpfModal as A } from "tmgc2-share";
-import { EditorTypeEnum as D } from "../../../../../constants/EditorTypeEnum.js";
-const j = { class: "dialog-footer" }, S = /* @__PURE__ */ x({
-  name: D.showButtonsColumnEditor,
+import { defineComponent as u, useModel as s, ref as l } from "vue";
+import { useI18n as d } from "../../../../../utils/i18n.js";
+import p from "../../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as m } from "tmgc2-share";
+import { EditorTypeEnum as a } from "../../../../../constants/EditorTypeEnum.js";
+const B = /* @__PURE__ */ u({
+  name: a.showButtonsColumnEditor,
   inheritAttrs: !1,
   __name: "data-table-showButtonsColumn-editor",
   props: {
@@ -21,155 +21,16 @@ const j = { class: "dialog-footer" }, S = /* @__PURE__ */ x({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(b) {
-    const l = y(b, "optionModel"), { i18nt: s } = N(), i = M(!1), v = () => {
-      i.value = !0;
-    };
-    return (q, t) => {
-      const C = u("a-switch"), p = u("a-button"), g = u("a-space"), d = u("a-form-item"), w = u("a-input"), m = u("a-col"), B = u("a-input-number"), f = u("a-select-option"), k = u("a-select"), h = u("a-row");
-      return _(), T(E, null, [
-        e(d, {
-          label: a(s)("designer.setting.showButtonsColumn")
-        }, {
-          default: o(() => [
-            e(g, null, {
-              default: o(() => [
-                e(C, {
-                  checked: l.value.showButtonsColumn,
-                  "onUpdate:checked": t[0] || (t[0] = (n) => l.value.showButtonsColumn = n)
-                }, null, 8, ["checked"]),
-                l.value.showButtonsColumn ? (_(), U(p, {
-                  key: 0,
-                  type: "primary",
-                  shape: "round",
-                  onClick: v
-                }, {
-                  default: o(() => [
-                    r(c(a(s)("designer.setting.editAction")), 1)
-                  ]),
-                  _: 1
-                })) : F("", !0)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["label"]),
-        e(a(A), {
-          title: a(s)("designer.setting.buttonsColumnEdit"),
-          visible: i.value,
-          "onUpdate:visible": t[6] || (t[6] = (n) => i.value = n),
-          "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: o(() => [
-            W("div", j, [
-              e(p, {
-                size: "default",
-                onClick: t[5] || (t[5] = (n) => i.value = !1)
-              }, {
-                default: o(() => [
-                  r(c(a(s)("designer.hint.closePreview")), 1)
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          default: o(() => [
-            e(h, { gutter: 8 }, {
-              default: o(() => [
-                e(m, { span: 11 }, {
-                  default: o(() => [
-                    e(d, {
-                      name: "buttonsColumnTitle",
-                      label: a(s)("designer.setting.buttonsColumnTitle")
-                    }, {
-                      default: o(() => [
-                        e(w, {
-                          value: l.value.buttonsColumnTitle,
-                          "onUpdate:value": t[1] || (t[1] = (n) => l.value.buttonsColumnTitle = n)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"])
-                  ]),
-                  _: 1
-                }),
-                e(m, { span: 6 }, {
-                  default: o(() => [
-                    e(d, {
-                      name: "buttonsColumnWidth",
-                      label: a(s)("designer.setting.buttonsColumnWidth")
-                    }, {
-                      default: o(() => [
-                        e(B, {
-                          value: l.value.buttonsColumnWidth,
-                          "onUpdate:value": t[2] || (t[2] = (n) => l.value.buttonsColumnWidth = n)
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"])
-                  ]),
-                  _: 1
-                }),
-                e(m, { span: 5 }, {
-                  default: o(() => [
-                    e(d, {
-                      name: "buttonsColumnFixed",
-                      label: a(s)("designer.setting.fixedColumn")
-                    }, {
-                      default: o(() => [
-                        e(k, {
-                          value: l.value.buttonsColumnFixed,
-                          "onUpdate:value": t[3] || (t[3] = (n) => l.value.buttonsColumnFixed = n),
-                          allowClear: "",
-                          style: { width: "100%" }
-                        }, {
-                          default: o(() => [
-                            e(f, { value: "left" }, {
-                              default: o(() => t[7] || (t[7] = [
-                                r("left")
-                              ])),
-                              _: 1,
-                              __: [7]
-                            }),
-                            e(f, { value: "right" }, {
-                              default: o(() => t[8] || (t[8] = [
-                                r("right")
-                              ])),
-                              _: 1,
-                              __: [8]
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["value"])
-                      ]),
-                      _: 1
-                    }, 8, ["label"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            e(V, {
-              data: l.value.operationButtons,
-              "onUpdate:data": t[4] || (t[4] = (n) => l.value.operationButtons = n),
-              parmas: "scope"
-            }, null, 8, ["data"])
-          ]),
-          _: 1
-        }, 8, ["title", "visible"])
-      ], 64);
-    };
+  setup(e, { expose: n }) {
+    n();
+    const i = s(e, "optionModel"), { i18nt: r } = d(), t = l(!1), o = { optionModel: i, i18nt: r, showButtonsEditDialog: t, editButtonsColumn: () => {
+      t.value = !0;
+    }, ActionButtonListDialog: p, get TpfModal() {
+      return m;
+    } };
+    return Object.defineProperty(o, "__isScriptSetup", { enumerable: !1, value: !0 }), o;
   }
 });
 export {
-  S as default
+  B as default
 };

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

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

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

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

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

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

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

@@ -1,7 +1,111 @@
-import o from "./data-table-tableColumns-editor.vue2.js";
+import m from "./data-table-tableColumns-editor.vue2.js";
+import { resolveComponent as d, createElementBlock as f, openBlock as g, Fragment as c, createVNode as t, withCtx as i, createTextVNode as l, toDisplayString as a, createElementVNode as b } from "vue";
 /* empty css                                    */
-import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7b45f4f"]]);
+import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = { class: "add-btn t-flex t-justify-center t-mt-[10px]" };
+function C(v, n, u, e, y, x) {
+  const o = d("a-button"), s = d("a-form-item");
+  return g(), f(
+    c,
+    null,
+    [
+      t(s, {
+        label: e.i18nt("designer.setting.tableColEdit")
+      }, {
+        default: i(() => [
+          t(o, {
+            type: "primary",
+            shape: "round",
+            onClick: e.openSetting
+          }, {
+            default: i(() => [
+              l(
+                a(e.i18nt("designer.setting.editAction")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["label"]),
+      t(e.TpfModal, {
+        title: e.i18nt("designer.setting.tableColEdit"),
+        visible: e.dialogVisible,
+        "onUpdate:visible": n[2] || (n[2] = (r) => e.dialogVisible = r),
+        width: "1280px",
+        height: "70vh"
+      }, {
+        footerRight: i(() => [
+          t(o, {
+            size: "default",
+            onClick: n[1] || (n[1] = (r) => e.dialogVisible = !1)
+          }, {
+            default: i(() => [
+              l(
+                a(e.i18nt("designer.hint.cancel")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }),
+          t(o, {
+            size: "default",
+            type: "primary",
+            onClick: e.colSubmit
+          }, {
+            default: i(() => [
+              l(
+                a(e.i18nt("designer.hint.confirm")),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        default: i(() => [
+          t(e.Table, { onRegister: e.register }, null, 8, ["onRegister"]),
+          b("div", p, [
+            t(o, {
+              title: e.i18nt("designer.setting.addTableColumn"),
+              type: "primary",
+              size: "medium",
+              onClick: n[0] || (n[0] = (r) => e.addCol())
+            }, {
+              default: i(() => [
+                l(
+                  a(e.i18nt("designer.setting.addTableColumn")),
+                  1
+                  /* TEXT */
+                )
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["title"])
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["title", "visible"]),
+      t(e.CodeModalEditor, {
+        onSave: e.saveColumnRender,
+        ref: "CodeModalEditorRef",
+        title: e.i18nt("designer.setting.renderFunction"),
+        "fn-params": "scope"
+      }, null, 8, ["title"])
+    ],
+    64
+    /* STABLE_FRAGMENT */
+  );
+}
+const V = /* @__PURE__ */ _(m, [["render", C], ["__scopeId", "data-v-a9a559be"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/container-data-table/data-table-tableColumns-editor.vue"]]);
 export {
-  m as default
+  V as default
 };