@kp-ui/lowcode 2.15.0-alpha.15 → 2.15.0-alpha.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kp-ui/lowcode",
-  "version": "2.15.0-alpha.15",
+  "version": "2.15.0-alpha.16",
   "publishConfig": {
     "access": "public"
   },

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as V, mergeModels as W, ref as b, useModel as E, createVNode as i, resolveComponent as n, computed as N, createElementBlock as B, openBlock as O, Fragment as j, unref as o, withCtx as a, createTextVNode as f, toDisplayString as m, createElementVNode as F, nextTick as k, isVNode as L } from "vue";
+import { defineComponent as N, mergeModels as V, ref as b, useModel as W, createVNode as i, resolveComponent as n, computed as E, createElementBlock as B, openBlock as O, Fragment as j, unref as s, withCtx as r, createTextVNode as m, toDisplayString as p, createElementVNode as F, nextTick as k, isVNode as L } from "vue";
 import { useI18n as $ } from "../../../../../utils/i18n.js";
 import q from "../../../../code-editor/code-modal-editor.vue.js";
 import { cloneDeep as K } from "lodash-es";
@@ -8,14 +8,14 @@ import { useDesigner as Q } from "../../../form-widget/useFormDesigner.js";
 const X = {
   class: "add-btn t-flex t-justify-center t-mt-[10px]"
 };
-function p(u) {
+function f(u) {
   return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !L(u);
 }
-const se = /* @__PURE__ */ V({
+const oe = /* @__PURE__ */ N({
   name: "tableColumns-editor",
   inheritAttrs: !1,
   __name: "data-table-tableColumns-editor",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ V({
     selectedWidget: {}
   }, {
     optionModel: {
@@ -27,12 +27,12 @@ const se = /* @__PURE__ */ V({
   }),
   emits: ["update:optionModel"],
   setup(u, {
-    expose: y
+    expose: _
   }) {
     Q();
     const {
       i18nt: l
-    } = $(), v = b(null), c = b(!1), h = b(), C = E(u, "optionModel"), _ = [{
+    } = $(), v = b(null), c = b(!1), h = b(), C = W(u, "optionModel"), y = [{
       value: "left",
       label: "left"
     }, {
@@ -162,26 +162,28 @@ const se = /* @__PURE__ */ V({
     }, {
       field: "fixed",
       title: l("designer.setting.fixedColumn"),
-      width: 100,
+      width: 120,
       slots: {
         default({
           row: e
         }) {
-          let t, s;
-          return i(n("a-select"), {
+          let t, o, a;
+          return i(n("a-radio-group"), {
             value: e.fixed,
-            "onUpdate:value": (d) => e.fixed = d,
-            allowClear: !0,
-            style: "width: 100%"
+            "onUpdate:value": (d) => e.fixed = d
           }, {
-            default: () => [i(n("a-select-option"), {
+            default: () => [i(n("a-radio-button"), {
               value: "left"
-            }, p(t = l("designer.setting.fixedLeft")) ? t : {
+            }, f(t = l("designer.setting.fixedLeft")) ? t : {
               default: () => [t]
-            }), i(n("a-select-option"), {
+            }), i(n("a-radio-button"), {
+              value: null
+            }, f(o = l("designer.setting.fixedNull")) ? o : {
+              default: () => [o]
+            }), i(n("a-radio-button"), {
               value: "right"
-            }, p(s = l("designer.setting.fixedRight")) ? s : {
-              default: () => [s]
+            }, f(a = l("designer.setting.fixedRight")) ? a : {
+              default: () => [a]
             })]
           });
         }
@@ -197,7 +199,7 @@ const se = /* @__PURE__ */ V({
           return i(n("a-select"), {
             value: e.align,
             "onUpdate:value": (t) => e.align = t,
-            options: _,
+            options: y,
             style: "width: 100%"
           }, null);
         }
@@ -213,7 +215,7 @@ const se = /* @__PURE__ */ V({
           row: e,
           rowIndex: t
         }) {
-          let s;
+          let o;
           return i(n("a-button"), {
             class: [{
               "button-text-highlight": !!e.customRender
@@ -221,8 +223,8 @@ const se = /* @__PURE__ */ V({
             onClick: () => M(e),
             size: "small",
             shape: "round"
-          }, p(s = l("designer.setting.edit")) ? s : {
-            default: () => [s]
+          }, f(o = l("designer.setting.edit")) ? o : {
+            default: () => [o]
           });
         }
       }
@@ -241,12 +243,12 @@ const se = /* @__PURE__ */ V({
             type: "link",
             onClick: () => S(e),
             size: "small"
-          }, p(t = l("designer.setting.delete")) ? t : {
+          }, f(t = l("designer.setting.delete")) ? t : {
             default: () => [t]
           });
         }
       }
-    }], T = N(() => ({
+    }], T = E(() => ({
       columnConfig: {
         resizable: !0
       },
@@ -275,7 +277,7 @@ const se = /* @__PURE__ */ V({
     }, U = (e) => {
       h.value && (h.value.customRender = e);
     }, D = async () => {
-      var t, s, d, r;
+      var t, o, a, d;
       const e = {
         isAutoWidth: !0,
         columnId: (/* @__PURE__ */ new Date()).getTime(),
@@ -291,7 +293,7 @@ const se = /* @__PURE__ */ V({
         ellipsis: !1,
         showSorterTooltip: !1
       };
-      await ((t = g.value) == null ? void 0 : t.insertAt(e, -1)), await k(), console.log((s = g.value) == null ? void 0 : s.getRowById(e.columnId)), (r = g.value) == null || r.scrollToRow((d = g.value) == null ? void 0 : d.getRowById(e.columnId));
+      await ((t = g.value) == null ? void 0 : t.insertAt(e, -1)), await k(), console.log((o = g.value) == null ? void 0 : o.getRowById(e.columnId)), (d = g.value) == null || d.scrollToRow((a = g.value) == null ? void 0 : a.getRowById(e.columnId));
     }, S = (e) => {
       var t;
       if (w().length === 1)
@@ -304,52 +306,52 @@ const se = /* @__PURE__ */ V({
         I(K(C.value.tableColumns));
       }, 100);
     };
-    return y({
+    return _({
       openSetting: x
     }), (e, t) => {
-      const s = n("a-button"), d = n("a-form-item");
-      return O(), B(j, null, [i(d, {
-        label: o(l)("designer.setting.tableColEdit")
+      const o = n("a-button"), a = n("a-form-item");
+      return O(), B(j, null, [i(a, {
+        label: s(l)("designer.setting.tableColEdit")
       }, {
-        default: a(() => [i(s, {
+        default: r(() => [i(o, {
           type: "primary",
           shape: "round",
           onClick: x
         }, {
-          default: a(() => [f(m(o(l)("designer.setting.editAction")), 1)]),
+          default: r(() => [m(p(s(l)("designer.setting.editAction")), 1)]),
           _: 1
         })]),
         _: 1
-      }, 8, ["label"]), i(o(G), {
-        title: o(l)("designer.setting.tableColEdit"),
+      }, 8, ["label"]), i(s(G), {
+        title: s(l)("designer.setting.tableColEdit"),
         visible: c.value,
-        "onUpdate:visible": t[2] || (t[2] = (r) => c.value = r),
+        "onUpdate:visible": t[2] || (t[2] = (d) => c.value = d),
         width: "1280px",
         height: "70vh"
       }, {
-        footerRight: a(() => [i(s, {
+        footerRight: r(() => [i(o, {
           size: "default",
-          onClick: t[1] || (t[1] = (r) => c.value = !1)
+          onClick: t[1] || (t[1] = (d) => c.value = !1)
         }, {
-          default: a(() => [f(m(o(l)("designer.hint.cancel")), 1)]),
+          default: r(() => [m(p(s(l)("designer.hint.cancel")), 1)]),
           _: 1
-        }), i(s, {
+        }), i(o, {
           size: "default",
           type: "primary",
           onClick: A
         }, {
-          default: a(() => [f(m(o(l)("designer.hint.confirm")), 1)]),
+          default: r(() => [m(p(s(l)("designer.hint.confirm")), 1)]),
           _: 1
         })]),
-        default: a(() => [i(o(H), {
-          onRegister: o(z)
-        }, null, 8, ["onRegister"]), F("div", X, [i(s, {
-          title: o(l)("designer.setting.addTableColumn"),
+        default: r(() => [i(s(H), {
+          onRegister: s(z)
+        }, null, 8, ["onRegister"]), F("div", X, [i(o, {
+          title: s(l)("designer.setting.addTableColumn"),
           type: "primary",
           size: "medium",
-          onClick: t[0] || (t[0] = (r) => D())
+          onClick: t[0] || (t[0] = (d) => D())
         }, {
-          default: a(() => [f(m(o(l)("designer.setting.addTableColumn")), 1)]),
+          default: r(() => [m(p(s(l)("designer.setting.addTableColumn")), 1)]),
           _: 1
         }, 8, ["title"])])]),
         _: 1
@@ -357,12 +359,12 @@ const se = /* @__PURE__ */ V({
         onSave: U,
         ref_key: "CodeModalEditorRef",
         ref: v,
-        title: o(l)("designer.setting.renderFunction"),
+        title: s(l)("designer.setting.renderFunction"),
         "fn-params": "scope"
       }, null, 8, ["title"])], 64);
     };
   }
 });
 export {
-  se as default
+  oe as default
 };

package/src/components/form-designer/widget-panel/advanced/data-table.js

@@ -1,6 +1,6 @@
-import { getUuidKey as t } from "@kp-ui/tool";
-const l = (a = {}) => ({
-  key: t(),
+import { getUuidKey as a } from "@kp-ui/tool";
+const l = (t = {}) => ({
+  key: a(),
   type: "data-table",
   category: "container",
   icon: "data-table",
@@ -57,23 +57,11 @@ const l = (a = {}) => ({
     },
     dataReqHandlerCode: "",
     dataHandlerCode: "",
-    rowKey: "name",
+    rowKey: "_id",
     childrenKey: "children",
-    dataSource: [
-      {
-        date: "2016-05-02",
-        date2: "2016-05-02 23:12:12",
-        date3: "2016-05-02 9:11:12",
-        name: "小二",
-        add: "上海市普陀区金沙江路 1518 弄",
-        age: 100
-      }
-    ],
+    dataSource: [],
     onCreated: "",
     onMounted: "",
-    // onHideOperationButton: '',
-    // onDisableOperationButton: '',
-    // onOperationButtonClick: '',
     customRow: {
       onClick: "",
       onDblclick: "",
@@ -97,7 +85,7 @@ const l = (a = {}) => ({
       hasRowSelection: !1,
       preserveSelectedRowKeys: !1,
       fixed: !0,
-      onChange: "console.log(122222,selectedRowKeys, selectedRows)",
+      onChange: "console.log(selectedRowKeys, selectedRows)",
       columnWidth: 32,
       getCheckboxProps: (e) => ({
         disabled: e.name === "Disabled User",
@@ -105,7 +93,7 @@ const l = (a = {}) => ({
         name: e.name
       })
     },
-    ...a
+    ...t
   }
 });
 export {

package/src/lang/zh-CN.js

@@ -203,7 +203,9 @@ const e = {
       showSizeChanger: "是否展示 pageSize 切换器",
       position: "分页器位置",
       hasRowSelection: "启用左侧勾选设置",
-      fixedLeft: "固定在左边",
+      fixedLeft: "左",
+      fixedRight: "右",
+      fixedNull: "中",
       preserveSelectedRowKeys: "当数据被删除时仍然保留选项的 key",
       customColumnWidth: "自定义列表选择框宽度",
       customColumnTitle: "自定义列表选择框标题",
@@ -303,8 +305,6 @@ const e = {
       addColumn: "增加栅格",
       responsive: "响应式布局",
       customRender: "自定义渲染",
-      fixed: "固定位置",
-      fixedRight: "固定在右边",
       labelBefore: "标签前面",
       labelAfter: "标签后面",
       tabPaneSetting: "选项卡设置",
@@ -418,6 +418,7 @@ const e = {
       columnWidth: "列宽(px)",
       visibleColumn: "是否显示",
       sortableColumn: "是否排序",
+      fixed: "固定位置",
       fixedColumn: "固定方式",
       autoHeight: "自动高度",
       alignTypeOfColumn: "对齐方式",