@kp-ui/lowcode 1.0.21 → 1.0.23

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

@@ -0,0 +1,31 @@
+import { resolveComponent as t, createBlock as i, openBlock as d, withCtx as l, createVNode as c } from "vue";
+import p from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const m = {
+  name: "rowKey-editor",
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {};
+  },
+  methods: {}
+};
+function s(u, e, o, _, f, b) {
+  const n = t("a-input"), r = t("a-form-item");
+  return d(), i(r, { label: "列表主键(唯一性)" }, {
+    default: l(() => [
+      c(n, {
+        value: o.optionModel.rowKey,
+        "onUpdate:value": e[0] || (e[0] = (a) => o.optionModel.rowKey = a),
+        valueModifiers: { trim: !0 }
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  });
+}
+const x = /* @__PURE__ */ p(m, [["render", s]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,146 @@
+import C from "../../../../../utils/i18n.js";
+import M from "../../../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as i, createElementBlock as v, openBlock as m, Fragment as g, createVNode as e, withCtx as l, createBlock as k, createCommentVNode as y, createTextVNode as u, normalizeClass as x, toDisplayString as R } from "vue";
+/* empty css                                  */
+import E from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const U = {
+  name: "rowSelection-editor",
+  mixins: [C],
+  components: { CodeModalEditor: M },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      visible: !1,
+      eventParams: []
+    };
+  },
+  methods: {
+    editSelections() {
+      this.visible = !0;
+    },
+    editOnChange() {
+      this.$refs.CodeModalEditorRef.open(this.optionModel.rowSelection.onChange);
+    }
+  }
+};
+function V(p, t, o, O, c, r) {
+  const a = i("a-switch"), s = i("a-button"), f = i("a-space"), d = i("a-form-item"), _ = i("a-input-number"), w = i("a-input"), S = i("a-form"), h = i("a-drawer"), b = i("CodeModalEditor");
+  return m(), v(g, null, [
+    e(d, { label: "启用左侧勾选设置" }, {
+      default: l(() => [
+        e(f, null, {
+          default: l(() => [
+            e(a, {
+              checked: o.optionModel.rowSelection.hasRowSelection,
+              "onUpdate:checked": t[0] || (t[0] = (n) => o.optionModel.rowSelection.hasRowSelection = n)
+            }, null, 8, ["checked"]),
+            o.optionModel.rowSelection.hasRowSelection ? (m(), k(s, {
+              key: 0,
+              type: "primary",
+              plain: "",
+              shape: "round",
+              onClick: r.editSelections
+            }, {
+              default: l(() => [
+                u(" 编辑 ")
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : y("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    e(h, {
+      class: "editor-Selection-drawer",
+      visible: c.visible,
+      "onUpdate:visible": t[5] || (t[5] = (n) => c.visible = n),
+      title: "左侧勾选设置",
+      placement: "right"
+    }, {
+      default: l(() => [
+        e(S, {
+          class: "editor-Selection-form",
+          model: o.optionModel.rowSelection,
+          layout: "horizontal"
+        }, {
+          default: l(() => [
+            e(d, { label: "固定在左边" }, {
+              default: l(() => [
+                e(a, {
+                  checked: o.optionModel.rowSelection.fixed,
+                  "onUpdate:checked": t[1] || (t[1] = (n) => o.optionModel.rowSelection.fixed = n)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }),
+            e(d, { label: "当数据被删除时仍然保留选项的 key" }, {
+              default: l(() => [
+                e(a, {
+                  checked: o.optionModel.rowSelection.preserveSelectedRowKeys,
+                  "onUpdate:checked": t[2] || (t[2] = (n) => o.optionModel.rowSelection.preserveSelectedRowKeys = n)
+                }, null, 8, ["checked"])
+              ]),
+              _: 1
+            }),
+            e(d, { label: "自定义列表选择框宽度" }, {
+              default: l(() => [
+                e(_, {
+                  min: 20,
+                  max: 200,
+                  value: o.optionModel.rowSelection.columnWidth,
+                  "onUpdate:value": t[3] || (t[3] = (n) => o.optionModel.rowSelection.columnWidth = n)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            e(d, { label: "自定义列表选择框标题" }, {
+              default: l(() => [
+                e(w, {
+                  value: o.optionModel.rowSelection.columnTitle,
+                  "onUpdate:value": t[4] || (t[4] = (n) => o.optionModel.rowSelection.columnTitle = n)
+                }, null, 8, ["value"])
+              ]),
+              _: 1
+            }),
+            e(d, { label: "onChange" }, {
+              default: l(() => [
+                e(s, {
+                  type: "info",
+                  plain: "",
+                  shape: "round",
+                  class: x([o.optionModel.rowSelection.onChange ? "button-text-highlight" : ""]),
+                  onClick: r.editOnChange
+                }, {
+                  default: l(() => [
+                    u(R(p.i18nt("designer.setting.addEventHandler")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ]),
+      _: 1
+    }, 8, ["visible"]),
+    e(b, {
+      modelValue: o.optionModel.rowSelection.onChange,
+      "onUpdate:modelValue": t[6] || (t[6] = (n) => o.optionModel.rowSelection.onChange = n),
+      ref: "CodeModalEditorRef",
+      title: "onChange事件",
+      "event-header": "function onChange(selectedRowKeys, selectedRows) {"
+    }, null, 8, ["modelValue", "event-header"])
+  ], 64);
+}
+const W = /* @__PURE__ */ E(U, [["render", V]]);
+export {
+  W as default
+};

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

@@ -0,0 +1,519 @@
+import V from "../../../../../utils/i18n.js";
+import { generateId as F } from "../../../../../utils/util.js";
+import O from "../../../../code-editor/code-modal-editor.vue.js";
+import { TpfConfirm as D } from "../../../../../hooks/TpfConfirm.js";
+import { resolveComponent as s, createElementBlock as S, openBlock as k, Fragment as W, createVNode as e, withCtx as t, createBlock as j, createCommentVNode as H, createTextVNode as a, toDisplayString as v, mergeProps as L, normalizeClass as P, createElementVNode as w, pushScopeId as R, popScopeId as A } from "vue";
+/* empty css                                         */
+import q from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const G = {
+  name: "showButtonsColumn-editor",
+  mixins: [V],
+  components: { CodeModalEditor: O },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      showButtonsEditDialog: !1,
+      currentEditBtn: {}
+    };
+  },
+  methods: {
+    editClickEvent(o) {
+      this.currentEditBtn = o, this.$refs.CodeModalEditorRef.open(o.onClick);
+    },
+    addOperationButton() {
+      this.optionModel.operationButtons = this.optionModel.operationButtons || [], this.optionModel.operationButtons.push({
+        name: "btn" + F(),
+        label: "new btn",
+        type: "text",
+        size: "small",
+        shape: "default",
+        hidden: !1,
+        disabled: !1,
+        onClick: ""
+      });
+    },
+    onButtonNameFocus(o) {
+      this.oldButtonName = o.target.value;
+    },
+    onButtonNameChange(o, l) {
+      let d = !1;
+      this.optionModel.operationButtons.map((b, m) => {
+        b.name === o && m !== l && (d = !0);
+      }), d && (this.$message.error(this.i18nt("designer.setting.operationButtonDuplicatedNameError")), this.optionModel.operationButtons[l].name = this.oldButtonName);
+    },
+    deleteOperationButton(o) {
+      D({
+        type: "confirm",
+        content: this.i18nt("designer.setting.deleteOperationButtonHint"),
+        title: this.i18nt("render.hint.prompt"),
+        okText: this.i18nt("render.hint.confirm"),
+        cancelText: this.i18nt("render.hint.cancel")
+      }).then(() => {
+        this.optionModel.operationButtons.splice(o, 1);
+      }).catch((l) => {
+      });
+    },
+    editButtonsColumn() {
+      this.showButtonsEditDialog = !0;
+    }
+  }
+}, J = (o) => (R("data-v-dd00e485"), o = o(), A(), o), K = /* @__PURE__ */ J(() => /* @__PURE__ */ w("i", { class: "iconfont icon-drag drag-handler" }, null, -1)), Q = { class: "dialog-footer" };
+function X(o, l, d, b, m, f) {
+  const B = s("a-switch"), g = s("a-button"), M = s("a-space"), p = s("a-form-item"), C = s("a-input"), u = s("a-col"), E = s("a-input-number"), r = s("a-select-option"), _ = s("a-select"), h = s("a-row"), y = s("a-divider"), U = s("draggable"), N = s("a-form"), T = s("a-modal"), z = s("CodeModalEditor");
+  return k(), S(W, null, [
+    e(p, {
+      label: o.i18nt("designer.setting.showButtonsColumn")
+    }, {
+      default: t(() => [
+        e(M, null, {
+          default: t(() => [
+            e(B, {
+              checked: d.optionModel.showButtonsColumn,
+              "onUpdate:checked": l[0] || (l[0] = (n) => d.optionModel.showButtonsColumn = n)
+            }, null, 8, ["checked"]),
+            d.optionModel.showButtonsColumn ? (k(), j(g, {
+              key: 0,
+              type: "primary",
+              shape: "round",
+              onClick: f.editButtonsColumn
+            }, {
+              default: t(() => [
+                a(v(o.i18nt("designer.setting.editAction")), 1)
+              ]),
+              _: 1
+            }, 8, ["onClick"])) : H("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e(T, {
+      title: o.i18nt("designer.setting.buttonsColumnEdit"),
+      visible: m.showButtonsEditDialog,
+      "onUpdate:visible": l[6] || (l[6] = (n) => m.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: t(() => [
+        w("div", Q, [
+          e(g, {
+            size: "default",
+            onClick: l[5] || (l[5] = (n) => m.showButtonsEditDialog = !1)
+          }, {
+            default: t(() => [
+              a(v(o.i18nt("designer.hint.closePreview")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      default: t(() => [
+        e(N, {
+          "label-width": "110",
+          layout: "horizontal",
+          model: d.optionModel
+        }, {
+          default: t(() => [
+            e(h, { gutter: 8 }, {
+              default: t(() => [
+                e(u, { span: 11 }, {
+                  default: t(() => [
+                    e(p, {
+                      name: "buttonsColumnTitle",
+                      label: o.i18nt("designer.setting.buttonsColumnTitle")
+                    }, {
+                      default: t(() => [
+                        e(C, {
+                          value: d.optionModel.buttonsColumnTitle,
+                          "onUpdate:value": l[1] || (l[1] = (n) => d.optionModel.buttonsColumnTitle = n)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }),
+                e(u, { span: 6 }, {
+                  default: t(() => [
+                    e(p, {
+                      name: "buttonsColumnWidth",
+                      label: o.i18nt("designer.setting.buttonsColumnWidth")
+                    }, {
+                      default: t(() => [
+                        e(E, {
+                          value: d.optionModel.buttonsColumnWidth,
+                          "onUpdate:value": l[2] || (l[2] = (n) => d.optionModel.buttonsColumnWidth = n)
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }),
+                e(u, { span: 5 }, {
+                  default: t(() => [
+                    e(p, {
+                      name: "buttonsColumnFixed",
+                      label: o.i18nt("designer.setting.fixedColumn")
+                    }, {
+                      default: t(() => [
+                        e(_, {
+                          value: d.optionModel.buttonsColumnFixed,
+                          "onUpdate:value": l[3] || (l[3] = (n) => d.optionModel.buttonsColumnFixed = n),
+                          allowClear: "",
+                          style: { width: "100%" }
+                        }, {
+                          default: t(() => [
+                            e(r, { value: "left" }, {
+                              default: t(() => [
+                                a("left")
+                              ]),
+                              _: 1
+                            }),
+                            e(r, { value: "right" }, {
+                              default: t(() => [
+                                a("right")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e(h, null, {
+              default: t(() => [
+                e(u, { span: 24 }, {
+                  default: t(() => [
+                    e(y, { "content-position": "left" }, {
+                      default: t(() => [
+                        a(v(o.i18nt("designer.setting.operationButtonsSetting")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            e(U, L({
+              modelValue: d.optionModel.operationButtons,
+              "onUpdate:modelValue": l[4] || (l[4] = (n) => d.optionModel.operationButtons = n),
+              "item-key": "id"
+            }, { ghostClass: "ghost", handle: ".drag-handler" }), {
+              item: t(({ element: n, index: c }) => [
+                e(h, {
+                  gutter: 8,
+                  class: "button-row"
+                }, {
+                  default: t(() => [
+                    e(u, {
+                      span: 1,
+                      class: "drag-sort-col"
+                    }, {
+                      default: t(() => [
+                        K
+                      ]),
+                      _: 1
+                    }),
+                    e(u, { span: 3 }, {
+                      default: t(() => [
+                        e(p, {
+                          name: "operationButtons." + c + ".name",
+                          label: o.i18nt("designer.setting.operationButtonName")
+                        }, {
+                          default: t(() => [
+                            e(C, {
+                              value: n.name,
+                              "onUpdate:value": (i) => n.name = i,
+                              onFocus: f.onButtonNameFocus,
+                              onChange: (i) => f.onButtonNameChange(i.target.value, c),
+                              placeholder: o.i18nt("designer.setting.operationButtonName")
+                            }, null, 8, ["value", "onUpdate:value", "onFocus", "onChange", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name", "label"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 3 }, {
+                      default: t(() => [
+                        e(p, {
+                          name: "operationButtons." + c + ".label",
+                          label: o.i18nt("designer.setting.operationButtonLabel")
+                        }, {
+                          default: t(() => [
+                            e(C, {
+                              value: n.label,
+                              "onUpdate:value": (i) => n.label = i,
+                              placeholder: o.i18nt("designer.setting.operationButtonLabel")
+                            }, null, 8, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name", "label"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 3 }, {
+                      default: t(() => [
+                        e(p, {
+                          name: "operationButtons." + c + ".type",
+                          label: o.i18nt("designer.setting.operationButtonType")
+                        }, {
+                          default: t(() => [
+                            e(_, {
+                              value: n.type,
+                              "onUpdate:value": (i) => n.type = i,
+                              placeholder: o.i18nt("designer.setting.operationButtonType")
+                            }, {
+                              default: t(() => [
+                                e(r, { value: "primary" }, {
+                                  default: t(() => [
+                                    a("primary")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "ghost" }, {
+                                  default: t(() => [
+                                    a("ghost")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "dashed" }, {
+                                  default: t(() => [
+                                    a("dashed")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "text" }, {
+                                  default: t(() => [
+                                    a("text")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "link" }, {
+                                  default: t(() => [
+                                    a("link")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "default" }, {
+                                  default: t(() => [
+                                    a("default")
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1032, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name", "label"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 3 }, {
+                      default: t(() => [
+                        e(p, {
+                          name: "operationButtons." + c + ".size",
+                          label: o.i18nt("designer.setting.operationButtonSize")
+                        }, {
+                          default: t(() => [
+                            e(_, {
+                              value: n.size,
+                              "onUpdate:value": (i) => n.size = i,
+                              placeholder: o.i18nt("designer.setting.operationButtonSize")
+                            }, {
+                              default: t(() => [
+                                e(r, { value: "large" }, {
+                                  default: t(() => [
+                                    a("large")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "default" }, {
+                                  default: t(() => [
+                                    a("default")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "small" }, {
+                                  default: t(() => [
+                                    a("small")
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1032, ["value", "onUpdate:value", "placeholder"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name", "label"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 4 }, {
+                      default: t(() => [
+                        e(p, { label: "按钮形状" }, {
+                          default: t(() => [
+                            e(_, {
+                              value: n.shape,
+                              "onUpdate:value": (i) => n.shape = i
+                            }, {
+                              default: t(() => [
+                                e(r, { value: "default" }, {
+                                  default: t(() => [
+                                    a("default")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "circle" }, {
+                                  default: t(() => [
+                                    a("circle")
+                                  ]),
+                                  _: 1
+                                }),
+                                e(r, { value: "round" }, {
+                                  default: t(() => [
+                                    a("round")
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 2
+                            }, 1032, ["value", "onUpdate:value"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 2 }, {
+                      default: t(() => [
+                        e(p, {
+                          name: "operationButtons." + c + ".hidden",
+                          label: o.i18nt("designer.setting.operationButtonHidden")
+                        }, {
+                          default: t(() => [
+                            e(B, {
+                              checked: n.hidden,
+                              "onUpdate:checked": (i) => n.hidden = i
+                            }, null, 8, ["checked", "onUpdate:checked"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name", "label"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 2 }, {
+                      default: t(() => [
+                        e(p, {
+                          name: "operationButtons." + c + ".disabled",
+                          label: o.i18nt("designer.setting.operationButtonDisabled")
+                        }, {
+                          default: t(() => [
+                            e(B, {
+                              checked: n.disabled,
+                              "onUpdate:checked": (i) => n.disabled = i
+                            }, null, 8, ["checked", "onUpdate:checked"])
+                          ]),
+                          _: 2
+                        }, 1032, ["name", "label"])
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 2 }, {
+                      default: t(() => [
+                        e(p, null, {
+                          default: t(() => [
+                            e(g, {
+                              class: P([{ "button-text-highlight": !!n.onClick }]),
+                              onClick: (i) => f.editClickEvent(n)
+                            }, {
+                              default: t(() => [
+                                a(" 点击事件 ")
+                              ]),
+                              _: 2
+                            }, 1032, ["class", "onClick"])
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    e(u, { span: 1 }, {
+                      default: t(() => [
+                        e(g, {
+                          type: "link",
+                          onClick: (i) => f.deleteOperationButton(c)
+                        }, {
+                          default: t(() => [
+                            a("删除")
+                          ]),
+                          _: 2
+                        }, 1032, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            }, 16, ["modelValue"]),
+            e(h, { gutter: 0 }, {
+              default: t(() => [
+                e(u, { span: 4 }, {
+                  default: t(() => [
+                    e(g, {
+                      type: "primary",
+                      size: "default",
+                      onClick: f.addOperationButton
+                    }, {
+                      default: t(() => [
+                        a(v(o.i18nt("designer.setting.addOperationButton")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ]),
+      _: 1
+    }, 8, ["title", "visible"]),
+    e(z, {
+      modelValue: m.currentEditBtn.onClick,
+      "onUpdate:modelValue": l[7] || (l[7] = (n) => m.currentEditBtn.onClick = n),
+      ref: "CodeModalEditorRef",
+      "event-header": `${m.currentEditBtn.name}.onClick(record,index,column,btn){`
+    }, null, 8, ["modelValue", "event-header"])
+  ], 64);
+}
+const oe = /* @__PURE__ */ q(G, [["render", X], ["__scopeId", "data-v-dd00e485"]]);
+export {
+  oe as default
+};