@kp-ui/lowcode 1.0.24 → 1.0.26

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

@@ -1,10 +1,10 @@
-import C from "../../../../../utils/i18n.js";
-import { resolveComponent as a, createElementBlock as c, openBlock as p, Fragment as m, createVNode as o, withCtx as i, createBlock as b, createCommentVNode as w, createTextVNode as f, renderList as h, toDisplayString as v } from "vue";
+import i18n from "../../../../../utils/i18n.js";
+import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createBlock, createCommentVNode, createTextVNode, renderList, toDisplayString } from "vue";
 /* empty css                                  */
-import O from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const L = {
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "pagination-editor",
-  mixins: [C],
+  mixins: [i18n],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -12,7 +12,7 @@ const L = {
   },
   data() {
     return {
-      visible: !1,
+      visible: false,
       pageSizeOptionsList: ["10", "20", "50", "100"],
       positionList: [
         { value: "topLeft ", label: "topLeft " },
@@ -26,17 +26,20 @@ const L = {
   },
   computed: {
     pageSizeList() {
-      const d = this.optionModel.pagination.pageSizeOptions.map(
-        (t) => Number(t)
+      const pageSizeOptions = this.optionModel.pagination.pageSizeOptions.map(
+        (item) => Number(item)
       );
-      return d.length === 0 ? [] : d.sort((t, n) => t - n);
+      if (pageSizeOptions.length === 0) {
+        return [];
+      }
+      return pageSizeOptions.sort((a, b) => a - b);
     },
     selectPosition: {
       get() {
         return this.optionModel.pagination.position[0];
       },
-      set(d) {
-        this.optionModel.pagination.position[0] = d;
+      set(value) {
+        this.optionModel.pagination.position[0] = value;
       }
     }
   },
@@ -45,134 +48,145 @@ const L = {
       this.optionModel.pagination.pageSize = this.pageSizeList[0] || 20;
     },
     editPagination() {
-      this.visible = !0;
+      this.visible = true;
     }
   }
 };
-function P(d, t, n, U, u, s) {
-  const g = a("a-switch"), k = a("a-button"), S = a("a-space"), l = a("a-form-item"), _ = a("a-select-option"), r = a("a-select"), z = a("a-form"), M = a("a-drawer");
-  return p(), c(m, null, [
-    o(l, {
-      label: d.i18nt("designer.setting.showPagination")
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_switch = resolveComponent("a-switch");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_space = resolveComponent("a-space");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  const _component_a_select_option = resolveComponent("a-select-option");
+  const _component_a_select = resolveComponent("a-select");
+  const _component_a_form = resolveComponent("a-form");
+  const _component_a_drawer = resolveComponent("a-drawer");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_a_form_item, {
+      label: _ctx.i18nt("designer.setting.showPagination")
     }, {
-      default: i(() => [
-        o(S, null, {
-          default: i(() => [
-            o(g, {
-              checked: n.optionModel.showPagination,
-              "onUpdate:checked": t[0] || (t[0] = (e) => n.optionModel.showPagination = e)
+      default: withCtx(() => [
+        createVNode(_component_a_space, null, {
+          default: withCtx(() => [
+            createVNode(_component_a_switch, {
+              checked: $props.optionModel.showPagination,
+              "onUpdate:checked": _cache[0] || (_cache[0] = ($event) => $props.optionModel.showPagination = $event)
             }, null, 8, ["checked"]),
-            n.optionModel.showPagination ? (p(), b(k, {
+            $props.optionModel.showPagination ? (openBlock(), createBlock(_component_a_button, {
               key: 0,
               type: "primary",
               shape: "round",
               size: "small",
-              onClick: s.editPagination
+              onClick: $options.editPagination
             }, {
-              default: i(() => [
-                f(" 编辑 ")
+              default: withCtx(() => [
+                createTextVNode(" 编辑 ")
               ]),
               _: 1
-            }, 8, ["onClick"])) : w("", !0)
+            }, 8, ["onClick"])) : createCommentVNode("", true)
           ]),
           _: 1
         })
       ]),
       _: 1
     }, 8, ["label"]),
-    o(M, {
+    createVNode(_component_a_drawer, {
       class: "editor-Selection-drawer",
-      visible: u.visible,
-      "onUpdate:visible": t[7] || (t[7] = (e) => u.visible = e),
+      visible: $data.visible,
+      "onUpdate:visible": _cache[7] || (_cache[7] = ($event) => $data.visible = $event),
       title: "分页配置",
       placement: "right"
     }, {
-      default: i(() => [
-        o(z, {
+      default: withCtx(() => [
+        createVNode(_component_a_form, {
           class: "editor-Selection-form",
-          model: n.optionModel.pagination,
+          model: $props.optionModel.pagination,
           layout: "horizontal"
         }, {
-          default: i(() => [
-            o(l, { label: "默认的每页条数" }, {
-              default: i(() => [
-                o(r, {
-                  value: n.optionModel.pagination.pageSize,
-                  "onUpdate:value": t[1] || (t[1] = (e) => n.optionModel.pagination.pageSize = e)
+          default: withCtx(() => [
+            createVNode(_component_a_form_item, { label: "默认的每页条数" }, {
+              default: withCtx(() => [
+                createVNode(_component_a_select, {
+                  value: $props.optionModel.pagination.pageSize,
+                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $props.optionModel.pagination.pageSize = $event)
                 }, {
-                  default: i(() => [
-                    (p(!0), c(m, null, h(s.pageSizeList, (e) => (p(), b(_, {
-                      key: e,
-                      value: e
-                    }, {
-                      default: i(() => [
-                        f(v(e), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($options.pageSizeList, (item) => {
+                      return openBlock(), createBlock(_component_a_select_option, {
+                        key: item,
+                        value: item
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
                   ]),
                   _: 1
                 }, 8, ["value"])
               ]),
               _: 1
             }),
-            o(l, { label: "指定每页可以显示多少条" }, {
-              default: i(() => [
-                o(r, {
+            createVNode(_component_a_form_item, { label: "指定每页可以显示多少条" }, {
+              default: withCtx(() => [
+                createVNode(_component_a_select, {
                   mode: "tags",
-                  value: n.optionModel.pagination.pageSizeOptions,
-                  "onUpdate:value": t[2] || (t[2] = (e) => n.optionModel.pagination.pageSizeOptions = e),
-                  onChange: s.pageSizeOptionsChange
+                  value: $props.optionModel.pagination.pageSizeOptions,
+                  "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $props.optionModel.pagination.pageSizeOptions = $event),
+                  onChange: $options.pageSizeOptionsChange
                 }, {
-                  default: i(() => [
-                    (p(!0), c(m, null, h(u.pageSizeOptionsList, (e) => (p(), b(_, {
-                      key: e,
-                      value: e
-                    }, {
-                      default: i(() => [
-                        f(v(e), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList($data.pageSizeOptionsList, (item) => {
+                      return openBlock(), createBlock(_component_a_select_option, {
+                        key: item,
+                        value: item
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]);
+                    }), 128))
                   ]),
                   _: 1
                 }, 8, ["value", "onChange"])
               ]),
               _: 1
             }),
-            o(l, { label: "只有一页时是否隐藏分页器" }, {
-              default: i(() => [
-                o(g, {
-                  checked: n.optionModel.pagination.hideOnSinglePage,
-                  "onUpdate:checked": t[3] || (t[3] = (e) => n.optionModel.pagination.hideOnSinglePage = e)
+            createVNode(_component_a_form_item, { label: "只有一页时是否隐藏分页器" }, {
+              default: withCtx(() => [
+                createVNode(_component_a_switch, {
+                  checked: $props.optionModel.pagination.hideOnSinglePage,
+                  "onUpdate:checked": _cache[3] || (_cache[3] = ($event) => $props.optionModel.pagination.hideOnSinglePage = $event)
                 }, null, 8, ["checked"])
               ]),
               _: 1
             }),
-            o(l, { label: "是否可以快速跳转至某页" }, {
-              default: i(() => [
-                o(g, {
-                  checked: n.optionModel.pagination.showQuickJumper,
-                  "onUpdate:checked": t[4] || (t[4] = (e) => n.optionModel.pagination.showQuickJumper = e)
+            createVNode(_component_a_form_item, { label: "是否可以快速跳转至某页" }, {
+              default: withCtx(() => [
+                createVNode(_component_a_switch, {
+                  checked: $props.optionModel.pagination.showQuickJumper,
+                  "onUpdate:checked": _cache[4] || (_cache[4] = ($event) => $props.optionModel.pagination.showQuickJumper = $event)
                 }, null, 8, ["checked"])
               ]),
               _: 1
             }),
-            o(l, { label: "是否展示 pageSize 切换器" }, {
-              default: i(() => [
-                o(g, {
-                  checked: n.optionModel.pagination.showSizeChanger,
-                  "onUpdate:checked": t[5] || (t[5] = (e) => n.optionModel.pagination.showSizeChanger = e)
+            createVNode(_component_a_form_item, { label: "是否展示 pageSize 切换器" }, {
+              default: withCtx(() => [
+                createVNode(_component_a_switch, {
+                  checked: $props.optionModel.pagination.showSizeChanger,
+                  "onUpdate:checked": _cache[5] || (_cache[5] = ($event) => $props.optionModel.pagination.showSizeChanger = $event)
                 }, null, 8, ["checked"])
               ]),
               _: 1
             }),
-            o(l, { label: "分页器位置" }, {
-              default: i(() => [
-                o(r, {
-                  value: s.selectPosition,
-                  "onUpdate:value": t[6] || (t[6] = (e) => s.selectPosition = e),
-                  options: u.positionList
+            createVNode(_component_a_form_item, { label: "分页器位置" }, {
+              default: withCtx(() => [
+                createVNode(_component_a_select, {
+                  value: $options.selectPosition,
+                  "onUpdate:value": _cache[6] || (_cache[6] = ($event) => $options.selectPosition = $event),
+                  options: $data.positionList
                 }, null, 8, ["value", "options"])
               ]),
               _: 1
@@ -185,7 +199,7 @@ function P(d, t, n, U, u, s) {
     }, 8, ["visible"])
   ], 64);
 }
-const j = /* @__PURE__ */ O(L, [["render", P]]);
+const dataTablePaginationEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  j as default
+  dataTablePaginationEditor as default
 };

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

@@ -1,6 +1,6 @@
-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 = {
+import { resolveComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
+import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "rowKey-editor",
   props: {
     designer: Object,
@@ -12,20 +12,21 @@ const m = {
   },
   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 }
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_input = resolveComponent("a-input");
+  const _component_a_form_item = resolveComponent("a-form-item");
+  return openBlock(), createBlock(_component_a_form_item, { label: "列表主键(唯一性)" }, {
+    default: withCtx(() => [
+      createVNode(_component_a_input, {
+        value: $props.optionModel.rowKey,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.optionModel.rowKey = $event),
+        valueModifiers: { trim: true }
       }, null, 8, ["value"])
     ]),
     _: 1
   });
 }
-const x = /* @__PURE__ */ p(m, [["render", s]]);
+const dataTableRowKeyEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  x as default
+  dataTableRowKeyEditor as default
 };

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

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