@kp-ui/lowcode 1.0.20 → 1.0.23

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,388 @@
+import S from "../../../../../utils/i18n.js";
+import T from "sortablejs";
+import R from "../../../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as d, createElementBlock as V, openBlock as C, Fragment as D, createVNode as t, withCtx as n, createTextVNode as c, toDisplayString as h, createElementVNode as p, createBlock as M, createCommentVNode as E, pushScopeId as z, popScopeId as J } from "vue";
+/* empty css                                    */
+import O from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const N = {
+  name: "tableColumns-editor",
+  mixins: [S],
+  components: { CodeModalEditor: R },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      dialogVisible: !1,
+      currentTableColumn: {},
+      renderJson: "",
+      showRenderDialogFlag: !1,
+      alignOptions: [
+        { value: "left", label: "left" },
+        { value: "center", label: "center" },
+        { value: "right", label: "right" }
+      ]
+    };
+  },
+  methods: {
+    //表格拖动排序
+    dragSort() {
+      const l = document.querySelectorAll(
+        "#singleTable .ant-table-body tbody.ant-table-tbody "
+      )[0], a = this.optionModel.tableColumns;
+      this.sortable = T.create(l, {
+        ghostClass: "sortable-ghost",
+        setData: function(u) {
+          u.setData("Text", "");
+        },
+        onEnd: (u) => {
+          const { oldIndex: f, newIndex: r } = u;
+          if (f === r)
+            return;
+          const s = a.splice(u.oldIndex - 1, 1)[0];
+          a.splice(r - 1, 0, s);
+        }
+      });
+    },
+    showRenderDialog(l) {
+      this.currentTableColumn = l, this.renderJson = l.customRender || "", this.$refs.CodeModalEditorRef.open();
+    },
+    saveColumnRender() {
+      this.currentTableColumn.customRender = this.renderJson, console.log("this.renderJson: ", this.renderJson), this.showRenderDialogFlag = !1;
+    },
+    addCol() {
+      const l = {
+        columnId: (/* @__PURE__ */ new Date()).getTime(),
+        show: !0,
+        width: 150,
+        sorter: !1,
+        customRender: "",
+        fixed: "",
+        align: "center",
+        title: "标题名",
+        dataIndex: "",
+        resizable: !0,
+        showSorterTooltip: !1
+      };
+      this.optionModel.tableColumns.push(l), this.designer.emitHistoryChange();
+    },
+    handleDelete(l, a) {
+      if (this.optionModel.tableColumns.length === 1)
+        return this.$message.warning(this.i18nt("designer.setting.onlyOneColumnCannotBeDeleted")), !1;
+      this.optionModel.tableColumns.splice(l, 1);
+    },
+    // 确认表格列更改
+    colSubmit() {
+      this.dialogVisible = !1;
+    },
+    openSetting() {
+      this.dialogVisible = !0, this.$nextTick(() => {
+        this.dragSort();
+      });
+    }
+  }
+}, B = (l) => (z("data-v-227afdc4"), l = l(), J(), l), F = { class: "table-wrap" }, j = /* @__PURE__ */ B(() => /* @__PURE__ */ p("i", { class: "iconfont icon-drag drag-option" }, null, -1)), A = { class: "dialog-footer" };
+function W(l, a, u, f, r, s) {
+  const m = d("a-button"), v = d("a-form-item"), i = d("a-table-column"), b = d("a-input"), k = d("a-input-number"), g = d("a-switch"), _ = d("a-select-option"), w = d("a-select"), y = d("a-space"), x = d("a-table"), I = d("a-modal"), U = d("CodeModalEditor");
+  return C(), V(D, null, [
+    t(v, { label: "表格列编辑" }, {
+      default: n(() => [
+        t(m, {
+          type: "primary",
+          shape: "round",
+          onClick: s.openSetting
+        }, {
+          default: n(() => [
+            c(h(l.i18nt("designer.setting.editAction")), 1)
+          ]),
+          _: 1
+        }, 8, ["onClick"])
+      ]),
+      _: 1
+    }),
+    t(I, {
+      title: l.i18nt("designer.setting.tableColEdit"),
+      visible: r.dialogVisible,
+      "onUpdate:visible": a[1] || (a[1] = (e) => r.dialogVisible = e),
+      "show-close": !0,
+      "append-to-body": "",
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      "destroy-on-close": !0,
+      width: "1200px"
+    }, {
+      footer: n(() => [
+        p("div", A, [
+          t(m, {
+            size: "default",
+            type: "primary",
+            onClick: s.colSubmit
+          }, {
+            default: n(() => [
+              c(h(l.i18nt("designer.hint.confirm")), 1)
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          t(m, {
+            size: "default",
+            onClick: a[0] || (a[0] = (e) => r.dialogVisible = !1)
+          }, {
+            default: n(() => [
+              c(h(l.i18nt("designer.hint.cancel")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: n(() => [
+        p("div", F, [
+          t(x, {
+            dataSource: u.optionModel.tableColumns,
+            style: { width: "100%" },
+            class: "tpf-table",
+            "cell-style": { padding: "0" },
+            height: "600",
+            bordered: "",
+            "row-key": (e) => e.columnId,
+            id: "singleTable",
+            scroll: { y: 300, x: 300 },
+            pagination: !1
+          }, {
+            default: n(() => [
+              t(i, {
+                title: "序号",
+                width: 60,
+                fixed: "left",
+                customRender: ({ index: e }) => e + 1
+              }, null, 8, ["customRender"]),
+              t(i, {
+                title: "排序",
+                width: 60
+              }, {
+                default: n(() => [
+                  j
+                ]),
+                _: 1
+              }),
+              t(i, {
+                title: l.i18nt("designer.setting.columnName"),
+                width: 100,
+                dataIndex: "dataIndex"
+              }, {
+                default: n((e) => [
+                  t(b, {
+                    value: e.record.dataIndex,
+                    "onUpdate:value": (o) => e.record.dataIndex = o,
+                    style: { width: "90%" }
+                  }, null, 8, ["value", "onUpdate:value"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                title: l.i18nt("designer.setting.columnLabel"),
+                width: 100,
+                dataIndex: "title"
+              }, {
+                default: n((e) => [
+                  t(b, {
+                    value: e.record.title,
+                    "onUpdate:value": (o) => e.record.title = o,
+                    style: { width: "90%" }
+                  }, null, 8, ["value", "onUpdate:value"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                title: l.i18nt("designer.setting.columnWidth"),
+                width: 100,
+                dataIndex: "width"
+              }, {
+                default: n((e) => [
+                  t(k, {
+                    min: 20,
+                    max: 500,
+                    value: e.record.width,
+                    "onUpdate:value": (o) => e.record.width = o
+                  }, null, 8, ["value", "onUpdate:value"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                title: l.i18nt("designer.setting.visibleColumn"),
+                width: 90,
+                dataIndex: "show"
+              }, {
+                default: n((e) => [
+                  t(g, {
+                    checked: e.record.show,
+                    "onUpdate:checked": (o) => e.record.show = o
+                  }, null, 8, ["checked", "onUpdate:checked"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                title: l.i18nt("designer.setting.sortableColumn"),
+                width: 90,
+                dataIndex: "sorter"
+              }, {
+                default: n((e) => [
+                  t(g, {
+                    checked: e.record.sorter,
+                    "onUpdate:checked": (o) => e.record.sorter = o
+                  }, null, 8, ["checked", "onUpdate:checked"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                title: "可拖动调整宽度",
+                width: 150,
+                dataIndex: "resizable"
+              }, {
+                default: n((e) => [
+                  t(g, {
+                    checked: e.record.resizable,
+                    "onUpdate:checked": (o) => e.record.resizable = o
+                  }, null, 8, ["checked", "onUpdate:checked"])
+                ]),
+                _: 1
+              }),
+              t(i, {
+                title: "超过宽度将自动省略",
+                width: 150,
+                dataIndex: "ellipsis"
+              }, {
+                default: n((e) => [
+                  t(g, {
+                    checked: e.record.ellipsis,
+                    "onUpdate:checked": (o) => e.record.ellipsis = o
+                  }, null, 8, ["checked", "onUpdate:checked"])
+                ]),
+                _: 1
+              }),
+              t(i, {
+                title: l.i18nt("designer.setting.fixedColumn"),
+                width: 100,
+                dataIndex: "fixed"
+              }, {
+                default: n((e) => [
+                  t(w, {
+                    value: e.record.fixed,
+                    "onUpdate:value": (o) => e.record.fixed = o,
+                    style: { width: "90%" },
+                    allowClear: ""
+                  }, {
+                    default: n(() => [
+                      t(_, { value: "left" }, {
+                        default: n(() => [
+                          c("左固定")
+                        ]),
+                        _: 1
+                      }),
+                      t(_, { value: "right" }, {
+                        default: n(() => [
+                          c("右固定")
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 2
+                  }, 1032, ["value", "onUpdate:value"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                title: l.i18nt("designer.setting.alignTypeOfColumn"),
+                width: 100,
+                dataIndex: "align"
+              }, {
+                default: n((e) => [
+                  t(w, {
+                    value: e.record.align,
+                    "onUpdate:value": (o) => e.record.align = o,
+                    options: r.alignOptions,
+                    style: { width: "100%" }
+                  }, null, 8, ["value", "onUpdate:value", "options"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(i, {
+                align: "center",
+                title: "自定义渲染函数",
+                width: 120,
+                fixed: "right"
+              }, {
+                default: n((e) => [
+                  t(m, {
+                    onClick: (o) => s.showRenderDialog(e.record),
+                    size: "small",
+                    shape: "round"
+                  }, {
+                    default: n(() => [
+                      c(" edit ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ]),
+                _: 1
+              }),
+              t(i, {
+                align: "center",
+                title: l.i18nt("designer.setting.actionColumn"),
+                width: 120,
+                fixed: "right"
+              }, {
+                default: n((e) => [
+                  t(y, null, {
+                    default: n(() => [
+                      t(m, {
+                        title: l.i18nt("designer.setting.addTableColumn"),
+                        size: "small",
+                        onClick: s.addCol,
+                        type: "text"
+                      }, {
+                        default: n(() => [
+                          c(h(l.i18nt("designer.setting.addTableColumn")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["title", "onClick"]),
+                      u.optionModel.tableColumns.length !== 1 ? (C(), M(m, {
+                        key: 0,
+                        title: l.i18nt("designer.setting.deleteTableColumn"),
+                        size: "small",
+                        onClick: (o) => s.handleDelete(e.$index, e.row),
+                        type: "text"
+                      }, {
+                        default: n(() => [
+                          c(h(l.i18nt("designer.setting.deleteTableColumn")), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["title", "onClick"])) : E("", !0)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ]),
+            _: 1
+          }, 8, ["dataSource", "row-key"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"]),
+    t(U, {
+      modelValue: r.renderJson,
+      "onUpdate:modelValue": a[2] || (a[2] = (e) => r.renderJson = e),
+      onSave: s.saveColumnRender,
+      ref: "CodeModalEditorRef",
+      title: l.i18nt("designer.setting.renderFunction"),
+      "event-header": "function customRender(text, record, index, column, renderComponent) {"
+    }, null, 8, ["modelValue", "onSave", "title", "event-header"])
+  ], 64);
+}
+const Q = /* @__PURE__ */ O(N, [["render", W], ["__scopeId", "data-v-227afdc4"]]);
+export {
+  Q as default
+};

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

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

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

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

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

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

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

@@ -0,0 +1,65 @@
+import b from "../../../../../utils/i18n.js";
+import { resolveComponent as d, createElementBlock as p, openBlock as i, Fragment as f, createVNode as a, createBlock as m, createCommentVNode as s, withCtx as r } from "vue";
+import g from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const M = {
+  name: "treeDataEnabled-editor",
+  mixins: [b],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {};
+  },
+  methods: {
+    handleTDEChange(n) {
+      n ? (this.optionModel.rowKey = "id", this.optionModel.childrenKey = "children") : (this.optionModel.rowKey = "", this.optionModel.childrenKey = "");
+    }
+  }
+};
+function y(n, t, e, _, D, u) {
+  const h = d("a-switch"), l = d("a-form-item"), c = d("a-input");
+  return i(), p(f, null, [
+    a(l, {
+      label: n.i18nt("designer.setting.treeDataEnabled")
+    }, {
+      default: r(() => [
+        a(h, {
+          checked: e.optionModel.treeDataEnabled,
+          "onUpdate:checked": t[0] || (t[0] = (o) => e.optionModel.treeDataEnabled = o),
+          onChange: u.handleTDEChange
+        }, null, 8, ["checked", "onChange"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e.optionModel.treeDataEnabled ? (i(), m(l, {
+      key: 0,
+      label: n.i18nt("designer.setting.rowKeyOfTreeData")
+    }, {
+      default: r(() => [
+        a(c, {
+          value: e.optionModel.rowKey,
+          "onUpdate:value": t[1] || (t[1] = (o) => e.optionModel.rowKey = o)
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : s("", !0),
+    e.optionModel.treeDataEnabled ? (i(), m(l, {
+      key: 1,
+      label: n.i18nt("designer.setting.childrenKeyOfTreeData")
+    }, {
+      default: r(() => [
+        a(c, {
+          value: e.optionModel.childrenKey,
+          "onUpdate:value": t[2] || (t[2] = (o) => e.optionModel.childrenKey = o)
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : s("", !0)
+  ], 64);
+}
+const w = /* @__PURE__ */ g(M, [["render", y]]);
+export {
+  w as default
+};

package/src/components/form-designer/setting-panel/property-editor/container-grid/colHeight-editor.vue.js

@@ -0,0 +1,36 @@
+import m from "../../../../../utils/i18n.js";
+import a from "../propertyMixin.js";
+import { resolveComponent as n, createElementBlock as c, openBlock as d, createVNode as i, withCtx as s } from "vue";
+import u from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "colHeight-editor",
+  mixins: [m, a],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(e, t, o, g, b, h) {
+  const r = n("a-input-number"), l = n("a-form-item");
+  return d(), c("div", null, [
+    i(l, {
+      label: e.i18nt("designer.setting.gridColHeight")
+    }, {
+      default: s(() => [
+        i(r, {
+          value: o.optionModel.colHeight,
+          "onUpdate:value": t[0] || (t[0] = (p) => o.optionModel.colHeight = p),
+          onInput: e.inputNumberHandler,
+          min: 0,
+          class: "hide-spin-button"
+        }, null, 8, ["value", "onInput"])
+      ]),
+      _: 1
+    }, 8, ["label"])
+  ]);
+}
+const j = /* @__PURE__ */ u(_, [["render", f]]);
+export {
+  j as default
+};