@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

@@ -0,0 +1,203 @@
+import w from "../../../../../utils/i18n.js";
+import { resolveComponent as l, createElementBlock as m, openBlock as d, Fragment as c, createVNode as n, withCtx as i, createBlock as b, createCommentVNode as C, createTextVNode as f, toDisplayString as h, renderList as v } from "vue";
+/* empty css                                  */
+import O from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const P = {
+  name: "pagination-editor",
+  mixins: [w],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      visible: !1,
+      pageSizeOptionsList: ["10", "20", "50", "100"],
+      positionList: [
+        { value: "topLeft ", label: "topLeft " },
+        { value: "topCenter", label: "topCenter" },
+        { value: "topRight", label: "topRight" },
+        { value: "bottomLeft", label: "bottomLeft" },
+        { value: "bottomCenter", label: "bottomCenter" },
+        { value: "bottomRight", label: "bottomRight" }
+      ]
+    };
+  },
+  computed: {
+    pageSizeList() {
+      const a = this.optionModel.pagination.pageSizeOptions.map(
+        (t) => Number(t)
+      );
+      return a.length === 0 ? [] : a.sort((t, o) => t - o);
+    },
+    selectPosition: {
+      get() {
+        return this.optionModel.pagination.position[0];
+      },
+      set(a) {
+        this.optionModel.pagination.position[0] = a;
+      }
+    }
+  },
+  methods: {
+    pageSizeOptionsChange() {
+      this.optionModel.pagination.pageSize = this.pageSizeList[0] || 20;
+    },
+    editPagination() {
+      this.visible = !0;
+    }
+  }
+};
+function L(a, t, o, y, g, p) {
+  const r = l("a-switch"), _ = l("a-button"), k = l("a-space"), s = l("a-form-item"), S = l("a-select-option"), u = l("a-select"), z = l("a-form"), M = l("a-drawer");
+  return d(), m(c, null, [
+    n(s, {
+      label: a.i18nt("designer.setting.showPagination")
+    }, {
+      default: i(() => [
+        n(k, null, {
+          default: i(() => [
+            n(r, {
+              checked: o.optionModel.showPagination,
+              "onUpdate:checked": t[0] || (t[0] = (e) => o.optionModel.showPagination = e)
+            }, null, 8, ["checked"]),
+            o.optionModel.showPagination ? (d(), b(_, {
+              key: 0,
+              type: "primary",
+              shape: "round",
+              size: "small",
+              onClick: p.editPagination
+            }, {
+              default: i(() => [
+                f(h(a.i18nt("designer.setting.edit")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : C("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    n(M, {
+      class: "editor-Selection-drawer",
+      open: g.visible,
+      "onUpdate:open": t[7] || (t[7] = (e) => g.visible = e),
+      title: a.i18nt("designer.setting.pagination"),
+      placement: "right"
+    }, {
+      default: i(() => [
+        n(z, {
+          class: "editor-Selection-form",
+          model: o.optionModel.pagination,
+          layout: "horizontal"
+        }, {
+          default: i(() => [
+            n(s, {
+              label: a.i18nt("designer.setting.defaultPageSize")
+            }, {
+              default: i(() => [
+                n(u, {
+                  value: o.optionModel.pagination.pageSize,
+                  "onUpdate:value": t[1] || (t[1] = (e) => o.optionModel.pagination.pageSize = e)
+                }, {
+                  default: i(() => [
+                    (d(!0), m(c, null, v(p.pageSizeList, (e) => (d(), b(S, {
+                      key: e,
+                      value: e
+                    }, {
+                      default: i(() => [
+                        f(h(e), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            n(s, {
+              label: a.i18nt("designer.setting.specifyPageSizeOptions")
+            }, {
+              default: i(() => [
+                n(u, {
+                  mode: "tags",
+                  value: o.optionModel.pagination.pageSizeOptions,
+                  "onUpdate:value": t[2] || (t[2] = (e) => o.optionModel.pagination.pageSizeOptions = e),
+                  onChange: p.pageSizeOptionsChange
+                }, {
+                  default: i(() => [
+                    (d(!0), m(c, null, v(g.pageSizeOptionsList, (e) => (d(), b(S, {
+                      key: e,
+                      value: e
+                    }, {
+                      default: i(() => [
+                        f(h(e), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["value", "onChange"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            n(s, {
+              label: a.i18nt("designer.setting.hideOnSinglePage")
+            }, {
+              default: i(() => [
+                n(r, {
+                  checked: o.optionModel.pagination.hideOnSinglePage,
+                  "onUpdate:checked": t[3] || (t[3] = (e) => o.optionModel.pagination.hideOnSinglePage = e)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            n(s, {
+              label: a.i18nt("designer.setting.showQuickJumper")
+            }, {
+              default: i(() => [
+                n(r, {
+                  checked: o.optionModel.pagination.showQuickJumper,
+                  "onUpdate:checked": t[4] || (t[4] = (e) => o.optionModel.pagination.showQuickJumper = e)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            n(s, {
+              label: a.i18nt("designer.setting.showSizeChanger")
+            }, {
+              default: i(() => [
+                n(r, {
+                  checked: o.optionModel.pagination.showSizeChanger,
+                  "onUpdate:checked": t[5] || (t[5] = (e) => o.optionModel.pagination.showSizeChanger = e)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            n(s, {
+              label: a.i18nt("designer.setting.position")
+            }, {
+              default: i(() => [
+                n(u, {
+                  value: p.selectPosition,
+                  "onUpdate:value": t[6] || (t[6] = (e) => p.selectPosition = e),
+                  options: g.positionList
+                }, null, 8, ["value", "options"])
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"])
+  ], 64);
+}
+const B = /* @__PURE__ */ O(P, [["render", L]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./data-table-rowKey-editor.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,41 @@
+import { defineComponent as d, mergeModels as p, useModel as s, resolveComponent as t, createBlock as u, openBlock as m, unref as c, withCtx as f, createVNode as _ } from "vue";
+import { useI18n as M } from "../../../../../utils/i18n.js";
+const y = /* @__PURE__ */ d({
+  name: "rowKey-editor",
+  __name: "data-table-rowKey-editor",
+  props: /* @__PURE__ */ p({
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }, {
+    optionModel: {
+      type: Object,
+      default: () => ({
+        rowKey: ""
+      })
+    },
+    optionModelModifiers: {}
+  }),
+  emits: ["update:optionModel"],
+  setup(n) {
+    const { i18nt: r } = M(), e = s(n, "optionModel");
+    return (b, o) => {
+      const i = t("a-input"), l = t("a-form-item");
+      return m(), 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"]);
+    };
+  }
+});
+export {
+  y as default
+};

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

@@ -0,0 +1,5 @@
+import o from "./data-table-selections-editor.vue2.js";
+/* empty css                                  */
+export {
+  o as default
+};

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

@@ -0,0 +1,164 @@
+import { defineComponent as M, mergeModels as x, useModel as U, ref as V, resolveComponent as i, createElementBlock as E, openBlock as f, Fragment as K, createVNode as o, unref as d, withCtx as n, createBlock as O, createCommentVNode as T, createTextVNode as w, toDisplayString as v, normalizeClass as W } 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";
+const F = /* @__PURE__ */ M({
+  name: "rowSelection-editor",
+  __name: "data-table-selections-editor",
+  props: /* @__PURE__ */ x({
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }, {
+    optionModel: {
+      type: Object,
+      default: () => ({
+        rowSelection: {
+          hasRowSelection: !1,
+          fixed: !1,
+          preserveSelectedRowKeys: !1,
+          columnWidth: 20,
+          columnTitle: "",
+          onChange: ""
+        }
+      })
+    },
+    optionModelModifiers: {}
+  }),
+  emits: ["update:optionModel"],
+  setup(S) {
+    const { i18nt: a } = j(), e = U(S, "optionModel"), s = V(!1), m = B(g), _ = () => {
+      s.value = !0;
+    }, h = () => {
+      var c;
+      (c = m.value) == null || c.open(e.value.rowSelection.onChange);
+    };
+    return (c, t) => {
+      const u = i("a-switch"), p = i("a-button"), b = i("a-space"), r = i("a-form-item"), C = i("a-input-number"), k = i("a-input"), R = i("a-form"), y = i("a-drawer");
+      return f(), E(K, null, [
+        o(r, {
+          label: d(a)("designer.setting.hasRowSelection")
+        }, {
+          default: n(() => [
+            o(b, null, {
+              default: n(() => [
+                o(u, {
+                  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(), O(p, {
+                  key: 0,
+                  type: "primary",
+                  plain: "",
+                  shape: "round",
+                  onClick: _
+                }, {
+                  default: n(() => [
+                    w(v(d(a)("designer.setting.edit")), 1)
+                  ]),
+                  _: 1
+                })) : T("", !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: d(a)("designer.setting.hasRowSelection"),
+          placement: "right"
+        }, {
+          default: n(() => [
+            o(R, {
+              class: "editor-Selection-form",
+              model: e.value.rowSelection,
+              layout: "horizontal"
+            }, {
+              default: n(() => [
+                o(r, {
+                  label: d(a)("designer.setting.fixedLeft")
+                }, {
+                  default: n(() => [
+                    o(u, {
+                      checked: e.value.rowSelection.fixed,
+                      "onUpdate:checked": t[1] || (t[1] = (l) => e.value.rowSelection.fixed = l)
+                    }, null, 8, ["checked"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                o(r, {
+                  label: d(a)("designer.setting.preserveSelectedRowKeys")
+                }, {
+                  default: n(() => [
+                    o(u, {
+                      checked: e.value.rowSelection.preserveSelectedRowKeys,
+                      "onUpdate:checked": t[2] || (t[2] = (l) => e.value.rowSelection.preserveSelectedRowKeys = l)
+                    }, null, 8, ["checked"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]),
+                o(r, {
+                  label: d(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(r, {
+                  label: d(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(r, { label: "onChange" }, {
+                  default: n(() => [
+                    o(p, {
+                      plain: "",
+                      shape: "round",
+                      class: W([e.value.rowSelection.onChange ? "button-text-highlight" : ""]),
+                      onClick: h
+                    }, {
+                      default: n(() => [
+                        w(v(d(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);
+    };
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,172 @@
+import k from "../../../../../utils/i18n.js";
+import D from "../../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal as E } from "tmgc2-share";
+import { resolveComponent as l, createElementBlock as T, openBlock as _, Fragment as y, createVNode as o, withCtx as e, createBlock as U, createCommentVNode as W, createTextVNode as u, toDisplayString as f, createElementVNode as x } from "vue";
+/* empty css                                         */
+import A from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const F = {
+  name: "showButtonsColumn-editor",
+  mixins: [k],
+  components: { ActionButtonListDialog: D, TpfModal: E },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      showButtonsEditDialog: !1
+    };
+  },
+  methods: {
+    editButtonsColumn() {
+      this.showButtonsEditDialog = !0;
+    }
+  }
+}, N = { class: "dialog-footer" };
+function V(s, t, i, j, d, c) {
+  const b = l("a-switch"), r = l("a-button"), g = l("a-space"), a = l("a-form-item"), C = l("a-input"), m = l("a-col"), w = l("a-input-number"), p = l("a-select-option"), B = l("a-select"), v = l("a-row"), M = l("ActionButtonListDialog"), h = l("TpfModal");
+  return _(), T(y, null, [
+    o(a, {
+      label: s.i18nt("designer.setting.showButtonsColumn")
+    }, {
+      default: e(() => [
+        o(g, null, {
+          default: e(() => [
+            o(b, {
+              checked: i.optionModel.showButtonsColumn,
+              "onUpdate:checked": t[0] || (t[0] = (n) => i.optionModel.showButtonsColumn = n)
+            }, null, 8, ["checked"]),
+            i.optionModel.showButtonsColumn ? (_(), U(r, {
+              key: 0,
+              type: "primary",
+              shape: "round",
+              onClick: c.editButtonsColumn
+            }, {
+              default: e(() => [
+                u(f(s.i18nt("designer.setting.editAction")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : W("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    o(h, {
+      title: s.i18nt("designer.setting.buttonsColumnEdit"),
+      visible: d.showButtonsEditDialog,
+      "onUpdate:visible": t[6] || (t[6] = (n) => d.showButtonsEditDialog = 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"
+    }, {
+      footer: e(() => [
+        x("div", N, [
+          o(r, {
+            size: "default",
+            onClick: t[5] || (t[5] = (n) => d.showButtonsEditDialog = !1)
+          }, {
+            default: e(() => [
+              u(f(s.i18nt("designer.hint.closePreview")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: e(() => [
+        o(v, { gutter: 8 }, {
+          default: e(() => [
+            o(m, { span: 11 }, {
+              default: e(() => [
+                o(a, {
+                  name: "buttonsColumnTitle",
+                  label: s.i18nt("designer.setting.buttonsColumnTitle")
+                }, {
+                  default: e(() => [
+                    o(C, {
+                      value: i.optionModel.buttonsColumnTitle,
+                      "onUpdate:value": t[1] || (t[1] = (n) => i.optionModel.buttonsColumnTitle = n)
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            o(m, { span: 6 }, {
+              default: e(() => [
+                o(a, {
+                  name: "buttonsColumnWidth",
+                  label: s.i18nt("designer.setting.buttonsColumnWidth")
+                }, {
+                  default: e(() => [
+                    o(w, {
+                      value: i.optionModel.buttonsColumnWidth,
+                      "onUpdate:value": t[2] || (t[2] = (n) => i.optionModel.buttonsColumnWidth = n)
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            }),
+            o(m, { span: 5 }, {
+              default: e(() => [
+                o(a, {
+                  name: "buttonsColumnFixed",
+                  label: s.i18nt("designer.setting.fixedColumn")
+                }, {
+                  default: e(() => [
+                    o(B, {
+                      value: i.optionModel.buttonsColumnFixed,
+                      "onUpdate:value": t[3] || (t[3] = (n) => i.optionModel.buttonsColumnFixed = n),
+                      allowClear: "",
+                      style: { width: "100%" }
+                    }, {
+                      default: e(() => [
+                        o(p, { value: "left" }, {
+                          default: e(() => t[7] || (t[7] = [
+                            u("left")
+                          ])),
+                          _: 1,
+                          __: [7]
+                        }),
+                        o(p, { value: "right" }, {
+                          default: e(() => t[8] || (t[8] = [
+                            u("right")
+                          ])),
+                          _: 1,
+                          __: [8]
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["label"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        o(M, {
+          data: i.optionModel.operationButtons,
+          "onUpdate:data": t[4] || (t[4] = (n) => i.optionModel.operationButtons = n),
+          parmas: "scope"
+        }, null, 8, ["data"])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"])
+  ], 64);
+}
+const q = /* @__PURE__ */ A(F, [["render", V], ["__scopeId", "data-v-906ad355"]]);
+export {
+  q as default
+};

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

@@ -0,0 +1,34 @@
+import i from "../../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as s, openBlock as a, withCtx as m, createVNode as l } from "vue";
+import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "showIndex-editor",
+  mixins: [i],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {};
+  },
+  methods: {}
+};
+function f(n, e, o, h, x, w) {
+  const d = t("a-switch"), r = t("a-form-item");
+  return a(), s(r, {
+    label: n.i18nt("designer.setting.showIndex")
+  }, {
+    default: m(() => [
+      l(d, {
+        checked: o.optionModel.showIndex,
+        "onUpdate:checked": e[0] || (e[0] = (c) => o.optionModel.showIndex = c)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const I = /* @__PURE__ */ p(_, [["render", f]]);
+export {
+  I as default
+};

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

@@ -0,0 +1,34 @@
+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 l from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "stripe-editor",
+  mixins: [s],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {};
+  },
+  methods: {}
+};
+function f(n, e, t, u, b, h) {
+  const r = o("a-switch"), i = o("a-form-item");
+  return a(), d(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)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const j = /* @__PURE__ */ l(_, [["render", f]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./data-table-tableColumns-editor.vue2.js";
+/* empty css                                    */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-de5b5376"]]);
+export {
+  m as default
+};