@kp-ui/lowcode 1.0.76 → 1.0.78

package/_virtual/virtual_svg-icons-register.js

@@ -1,13 +1,13 @@
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1750139836145__");
+    var svgDom = document.getElementById("__svg__icons__dom__1750214007800__");
     if (!svgDom) {
       svgDom = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       svgDom.style.position = "absolute";
       svgDom.style.width = "0";
       svgDom.style.height = "0";
-      svgDom.id = "__svg__icons__dom__1750139836145__";
+      svgDom.id = "__svg__icons__dom__1750214007800__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }

package/package.json

@@ -1,13 +1,10 @@
 {
     "name": "@kp-ui/lowcode",
-    "version": "1.0.76",
+    "version": "1.0.78",
     "publishConfig": {
         "access": "public"
     },
-    "main": "index.js",
     "module": "index.js",
-    "sideEffects": false,
-    "types": "types/install.d.d.ts",
     "dependencies": {
         "@element-plus/icons-vue": "^0.2.4",
         "@kp-ui/tool": "1.0.27",
@@ -27,5 +24,19 @@
         "quill": "^2.0.3",
         "sortablejs": "1.14.0",
         "vue": "3.5.11"
+    },
+    "sideEffects": [
+        "./_virtual/*"
+    ],
+    "main": "index.js",
+    "types": "types/install.d.d.ts",
+    "exports": {
+        ".": {
+            "import": "./index.js",
+            "types": "./types/index.d.ts"
+        },
+        "./style": "./styles/style.css",
+        "./styles/*": "./styles/*",
+        "./src/*": "./src/*"
     }
 }

package/src/components/form-designer/form-widget/container-widget/vf-collapse-widget.vue.js

@@ -137,7 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
 }
-const vfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9faab9b5"]]);
+const vfCollapseWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-91b64900"]]);
 export {
   vfCollapseWidget as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue.js

@@ -1,125 +1,4 @@
-import i18n from "../../../../utils/i18n.js";
-import _sfc_main$1 from "../../../code-editor/code-modal-editor.vue.js";
-import { generateId } from "../../../../utils/util.js";
-import { cloneDeep } from "lodash-es";
-import ActionButtonListDialog from "../../../public/ActionButtonListDialog.vue.js";
-import { resolveComponent, createElementBlock, openBlock, Fragment, createVNode, withCtx, createTextVNode, createElementVNode, toDisplayString } from "vue";
-/* empty css                        */
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "button-list-editor",
-  mixins: [i18n],
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  components: {
-    ActionButtonListDialog,
-    CodeModalEditor: _sfc_main$1
-  },
-  data() {
-    return {
-      buttonList: [],
-      currentEditEventName: "",
-      currentEditBtn: {},
-      btnListConfigDialogVisible: false
-    };
-  },
-  watch: {
-    buttonList() {
-      this.optionModel.buttonList = this.buttonList;
-    }
-  },
-  methods: {
-    addOperationButton() {
-      this.buttonList.splice(0, 0, {
-        key: generateId(),
-        label: "new btn",
-        type: "primary",
-        danger: false,
-        icon: "",
-        onHidden: "",
-        onDisabled: "",
-        onClick: ""
-      });
-    },
-    editEvent(type, row) {
-      this.currentEditBtn = row;
-      this.currentEditEventName = type;
-      this.$refs.CodeModalEditorRef.open(row[type]);
-    },
-    handleConfigBtn() {
-      this.buttonList = cloneDeep(this.optionModel.buttonList);
-      this.btnListConfigDialogVisible = true;
-    },
-    handleCloseDialog() {
-      this.btnListConfigDialogVisible = false;
-    }
-  }
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_form_item = resolveComponent("a-form-item");
-  const _component_ActionButtonListDialog = resolveComponent("ActionButtonListDialog");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_CodeModalEditor = resolveComponent("CodeModalEditor");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createVNode(_component_a_form_item, {
-      label: _ctx.i18nt("designer.setting.buttonList")
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_a_button, { onClick: $options.handleConfigBtn }, {
-          default: withCtx(() => [
-            createTextVNode("按钮配置")
-          ]),
-          _: 1
-        }, 8, ["onClick"])
-      ]),
-      _: 1
-    }, 8, ["label"]),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.setting.buttonsColumnEdit"),
-      visible: $data.btnListConfigDialogVisible,
-      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => $data.btnListConfigDialogVisible = $event),
-      "show-close": true,
-      dialogClass: "drag-dialog",
-      "append-to-body": "",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true,
-      width: "1250px"
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", { class: "dialog-footer" }, [
-          createVNode(_component_a_button, {
-            size: "default",
-            onClick: $options.handleCloseDialog
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.closePreview")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"])
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_ActionButtonListDialog, {
-          data: $data.buttonList,
-          "onUpdate:data": _cache[0] || (_cache[0] = ($event) => $data.buttonList = $event)
-        }, null, 8, ["data"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"]),
-    createVNode(_component_CodeModalEditor, {
-      modelValue: $data.currentEditBtn[$data.currentEditEventName],
-      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $data.currentEditBtn[$data.currentEditEventName] = $event),
-      ref: "CodeModalEditorRef",
-      "event-header": `${$data.currentEditBtn.label}.${$data.currentEditEventName}(){`
-    }, null, 8, ["modelValue", "event-header"])
-  ], 64);
-}
-const buttonListEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0b9979c4"]]);
+import _sfc_main from "./button-list-editor.vue2.js";
 export {
-  buttonListEditor as default
+  _sfc_main as default
 };

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent, ref, watch, resolveComponent, createElementBlock, openBlock, Fragment, createVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
+import { useI18n } from "../../../../utils/i18n.js";
+import _sfc_main$1 from "../../../code-editor/code-modal-editor.vue.js";
+import { cloneDeep } from "lodash-es";
+import ActionButtonListDialog from "../../../public/ActionButtonListDialog.vue.js";
+import { TpfModal } from "tmgc2-share";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "button-list-editor"
+  },
+  __name: "button-list-editor",
+  props: {
+    designer: {},
+    selectedWidget: {},
+    optionModel: {}
+  },
+  setup(__props) {
+    const { i18nt } = useI18n();
+    const props = __props;
+    const CodeModalEditorRef = ref(null);
+    const buttonList = ref([]);
+    const currentEditEventName = ref("");
+    const currentEditBtn = ref({});
+    const btnListConfigDialogVisible = ref(false);
+    watch(buttonList, () => {
+      props.optionModel.buttonList = buttonList.value;
+    });
+    const handleConfigBtn = () => {
+      buttonList.value = cloneDeep(props.optionModel.buttonList);
+      btnListConfigDialogVisible.value = true;
+    };
+    const handleCloseDialog = () => {
+      btnListConfigDialogVisible.value = false;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_button = resolveComponent("a-button");
+      const _component_a_form_item = resolveComponent("a-form-item");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_a_form_item, {
+          label: unref(i18nt)("designer.setting.buttonList")
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_a_button, { onClick: handleConfigBtn }, {
+              default: withCtx(() => [
+                createTextVNode("按钮配置")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        createVNode(unref(TpfModal), {
+          title: unref(i18nt)("designer.setting.buttonsColumnEdit"),
+          visible: btnListConfigDialogVisible.value,
+          "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => btnListConfigDialogVisible.value = $event),
+          "show-close": true,
+          dialogClass: "drag-dialog",
+          "append-to-body": "",
+          "close-on-click-modal": false,
+          "close-on-press-escape": false,
+          width: "1250px"
+        }, {
+          footerRight: withCtx(() => [
+            createVNode(_component_a_button, {
+              size: "default",
+              onClick: handleCloseDialog
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18nt)("designer.hint.closePreview")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          default: withCtx(() => [
+            createVNode(ActionButtonListDialog, {
+              data: buttonList.value,
+              "onUpdate:data": _cache[0] || (_cache[0] = ($event) => buttonList.value = $event)
+            }, null, 8, ["data"])
+          ]),
+          _: 1
+        }, 8, ["title", "visible"]),
+        createVNode(_sfc_main$1, {
+          modelValue: currentEditBtn.value[currentEditEventName.value],
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentEditBtn.value[currentEditEventName.value] = $event),
+          ref_key: "CodeModalEditorRef",
+          ref: CodeModalEditorRef,
+          "event-header": `${currentEditBtn.value.label}.${currentEditEventName.value}(){`
+        }, null, 8, ["modelValue", "event-header"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -144,6 +144,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $props.optionModel.rowSelection.onChange = $event),
       ref: "CodeModalEditorRef",
       title: `onChange事件`,
+      isShowEventHeader: true,
       "event-header": `function onChange(selectedRowKeys, selectedRows) {`
     }, null, 8, ["modelValue"])
   ], 64);

package/src/components/form-designer/toolbar-panel/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3264b11e"]]);
+const ToolbarPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f98210b8"]]);
 export {
   ToolbarPanel as default
 };

package/src/components/form-designer/toolbar-panel/index.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent, defineAsyncComponent, inject, ref, computed, watch, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, unref, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass, nextTick } from "vue";
+import { defineComponent, defineAsyncComponent, getCurrentInstance, inject, ref, computed, watch, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, withCtx, unref, normalizeStyle, createTextVNode, toDisplayString, Fragment, renderList, renderSlot, normalizeClass, nextTick } from "vue";
 import { addWindowResizeHandler, getQueryParam, copyToClipboard, traverseAllWidgets } from "../../../utils/util.js";
 import { useI18n } from "../../../utils/i18n.js";
 import { generateCode } from "../../../utils/code-generator.js";
@@ -23,6 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const VFormRender = defineAsyncComponent(() => import("../../form-render/index.vue.js"));
+    getCurrentInstance();
     const props = __props;
     const getDesignerConfig = inject("getDesignerConfig");
     const nodeTree = ref(null);
@@ -704,7 +705,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "close-on-click-modal": false,
           "close-on-press-escape": false,
           center: "",
-          "append-to-body": true,
           class: "drag-dialog",
           width: "75%",
           fullscreen: layoutType.value === "H5" || layoutType.value === "Pad"

package/src/components/form-designer/widget-panel/basicFields/buttonList.js

@@ -9,7 +9,28 @@ const buttonList = (ops = {}) => {
     options: {
       name: "",
       flex: "flex-start",
-      buttonList: [],
+      buttonList: [
+        {
+          name: "btn23966",
+          label: "new btn",
+          type: "primary",
+          size: "default",
+          shape: "default",
+          hidden: false,
+          disabled: false,
+          onClick: ""
+        },
+        {
+          name: "btn92762",
+          label: "new btn",
+          type: "primary",
+          size: "default",
+          shape: "default",
+          hidden: false,
+          disabled: false,
+          onClick: ""
+        }
+      ],
       customClass: [],
       buttonPosition: 0,
       getContainer: ".addInfoLayout-footer .footerRight",

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

@@ -95,7 +95,12 @@ const dataTable = (ops = {}) => {
         preserveSelectedRowKeys: false,
         fixed: true,
         onChange: "console.log(122222,selectedRowKeys, selectedRows)",
-        columnWidth: 100
+        columnWidth: 100,
+        getCheckboxProps: (record) => ({
+          disabled: record.name === "Disabled User",
+          // Column configuration not to be checked
+          name: record.name
+        })
       },
       ...ops
     }

package/src/components/form-render/container-item/data-table-item.vue.js

@@ -5,7 +5,7 @@ import comps from "../../form-designer/form-widget/field-widget/index.js";
 import refMixin from "../refMixin.js";
 import containerItemMixin from "./containerItemMixin.js";
 import useDataTableMixin from "../../../mixins/useDataTableMixin.js";
-import { resolveComponent, withDirectives, createBlock, openBlock, normalizeStyle, withCtx, createVNode, normalizeClass, createCommentVNode, vShow } from "vue";
+import { resolveComponent, withDirectives, createBlock, openBlock, normalizeStyle, withCtx, createTextVNode, createVNode, toDisplayString, normalizeClass, createCommentVNode, vShow } from "vue";
 /* empty css                     */
 /* empty css                     */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
@@ -116,6 +116,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     widget: $props.widget
   }, {
     default: withCtx(() => [
+      createTextVNode(toDisplayString(_ctx.selectedRowInfo) + " ", 1),
       createVNode(_component_s_table, {
         class: normalizeClass(["tpf-surely-table", [_ctx.customClass]]),
         ref: "dataTable2",
@@ -153,7 +154,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !_ctx.handleHidden()]
   ]);
 }
-const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-c36d66f6"]]);
+const dataTableItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a11bc5b3"]]);
 export {
   dataTableItem as default
 };

package/src/components/form-render/container-item/vf-collapse-item.vue.js

@@ -269,7 +269,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, !$props.widget.options.hidden]
   ]);
 }
-const vfCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-43b60d66"]]);
+const vfCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9b616a7e"]]);
 export {
   vfCollapseItem as default
 };

package/src/components/form-render/index.vue.js

@@ -1002,6 +1002,9 @@ const _sfc_main = {
      */
     isPreviewState() {
       return this.previewState;
+    },
+    getFormModel() {
+      return this.formDataModel;
     }
     //--------------------- 以上为组件支持外部调用的API方法 end ------------------//
   }
@@ -1072,7 +1075,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["spinning"]);
 }
-const VFormRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5d8bcc8a"]]);
+const VFormRender = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-a73d5b0d"]]);
 export {
   VFormRender as default
 };

package/src/components/http-editor/index.vue.js

@@ -437,7 +437,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["title", "visible"]),
     createVNode(_component_CodeModalEditor, {
       ref: "CodeReqModalEditorRef",
-      "event-header": "data",
+      fnParams: "data",
       modelValue: $props.optionModel.dataReqHandlerCode,
       "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $props.optionModel.dataReqHandlerCode = $event)
     }, null, 8, ["modelValue"]),
@@ -445,11 +445,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       modelValue: $props.optionModel.dataHandlerCode,
       "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $props.optionModel.dataHandlerCode = $event),
       ref: "CodeModalEditorRef",
-      "fn-params": "data"
+      fnParams: "data"
     }, null, 8, ["modelValue"])
   ], 64);
 }
-const HttpEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-9bdddc38"]]);
+const HttpEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-0f8456da"]]);
 export {
   HttpEditor as default
 };

package/src/components/public/ActionButtonListDialog.vue.js

@@ -181,7 +181,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["onSave", "event-header"])
   ], 64);
 }
-const ActionButtonListDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7602fbc9"]]);
+const ActionButtonListDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3f544c19"]]);
 export {
   ActionButtonListDialog as default
 };

package/src/components/public/ActionButtonListDialog.vue2.js

@@ -35,7 +35,7 @@ const _sfc_main = defineComponent({
       },
       {
         dataIndex: "size",
-        title: i18nt("designer.setting.operationButtonType"),
+        title: i18nt("designer.setting.operationButtonSize"),
         width: 80
       },
       {

package/src/mixins/useDataTableMixin.js

@@ -138,7 +138,7 @@ const useDataTableMixin = {
         colorRow
       } = this.widget.options;
       if (!colorRow) return "";
-      return this.selectRow[rowKey] === record[rowKey] ? "colorRowClassName" : "";
+      return this.selectRow[rowKey] === record[rowKey] ? "colorRowClassName surely-table-row-selected" : "";
     },
     handleResizeColumn(w, col) {
       const {
@@ -263,6 +263,9 @@ const useDataTableMixin = {
           if (colorRow) {
             this.selectRow = record;
           }
+          if (hasRowSelection) {
+            this.selectTableRow(record);
+          }
           const customFn = new Function("record", "event", customRow.onClick);
           customFn.call(this, record, event);
         },
@@ -280,6 +283,16 @@ const useDataTableMixin = {
         }
       };
     },
+    selectTableRow(record) {
+      const rowKey = this.widget.options.rowKey;
+      const rowKeys = this.selectedRowInfo.selectedRowKeys;
+      console.log(this.selectedRowInfo.selectedRowKeys);
+      if (rowKeys.includes(record[rowKey])) {
+        this.selectedRowInfo.selectedRowKeys.splice(rowKeys.indexOf(record[rowKey]), 1);
+      } else {
+        this.selectedRowInfo.selectedRowKeys.push(record[rowKey]);
+      }
+    },
     // 处理列配置
     handleColumnItem(item) {
       const res = omit(item, ["customRender"]);