form-custom-test 3.0.114 → 3.0.115

package/dist/designer.es.js

@@ -3863,6 +3863,7 @@ const assetSelectSchema = {
     hideFooter: false,
     typeJson: {},
     assetTypeValue: "",
+    assetLimit: 0,
     customClass: ["assetCss"],
     onOpen: "",
     onConfirm: ""
@@ -3956,6 +3957,7 @@ var enLocale_extension = {
       assetTableClickRow: "Click Row",
       assetSelectAssetTypeValue: "Asset Type Value",
       assetTypeAssetTypeValue: "Asset Type",
+      assetLimit: "Asset Limit",
       assetType: "Asset Typee"
     }
   }
@@ -4006,7 +4008,8 @@ var zhLocale_extension = {
       assetTableTypeJson: "\u8D44\u4EA7\u8868\u683C\u7C7B\u578BJson",
       assetTableClickRow: "\u662F\u5426\u70B9\u51FB\u884C",
       assetSelectAssetTypeValue: "\u8D44\u4EA7\u7C7B\u578B\u503C",
-      assetTypeAssetTypeValue: "\u9ED8\u8BA4\u8D44\u4EA7\u7C7B\u578B\u503C"
+      assetTypeAssetTypeValue: "\u9ED8\u8BA4\u8D44\u4EA7\u7C7B\u578B\u503C",
+      assetSelectAssetLimit: "\u8D44\u4EA7\u9009\u62E9\u9650\u5236"
     }
   }
 };
@@ -68448,13 +68451,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1777447131638__");
+    var svgDom = document.getElementById("__svg__icons__dom__1777455426152__");
     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__1777447131638__";
+      svgDom.id = "__svg__icons__dom__1777455426152__";
       svgDom.setAttribute("xmlns", "http://www.w3.org/2000/svg");
       svgDom.setAttribute("xmlns:link", "http://www.w3.org/1999/xlink");
     }
@@ -68609,6 +68612,35 @@ const createTextareaEditor = function(propName, propLabelKey, configs = {}) {
     }
   };
 };
+const createInputNumberEditor = function(propName, propLabelKey) {
+  return {
+    props: {
+      optionModel: Object
+    },
+    methods: {
+      updateValue(newValue) {
+        if (newValue === void 0 || newValue === null || isNaN(newValue)) {
+          this.optionModel[propName] = null;
+        } else {
+          this.optionModel[propName] = Number(newValue);
+        }
+      }
+    },
+    render(h) {
+      return createVNode(resolveComponent("el-form-item"), {
+        "label": translate(propLabelKey)
+      }, {
+        default: () => [createVNode(resolveComponent("el-input-number"), {
+          "type": "text",
+          "modelValue": this.optionModel[propName],
+          "onUpdate:modelValue": ($event) => this.optionModel[propName] = $event,
+          "onChange": this.updateValue,
+          "style": "width: 100%"
+        }, null)]
+      });
+    }
+  };
+};
 const createBooleanEditor = function(propName, propLabelKey) {
   return {
     props: {
@@ -78501,6 +78533,10 @@ const _sfc_main$4 = {
     assetTypeValue: {
       type: String,
       default: ""
+    },
+    limit: {
+      type: Number,
+      default: 0
     }
   },
   watch: {
@@ -78547,7 +78583,9 @@ const _sfc_main$4 = {
       },
       disabled: false,
       total: 0,
-      searchValue: ""
+      searchValue: "",
+      _prevTableSelectionIds: [],
+      _handlingSelectionChange: false
     };
   },
   methods: {
@@ -78557,6 +78595,30 @@ const _sfc_main$4 = {
     handleConfirm() {
       this.$emit("confirm", this.selectedRows);
     },
+    handleSelectionChange(selection) {
+      if (this._handlingSelectionChange)
+        return;
+      const tableRef = this.$refs.tableRef;
+      const sel = Array.isArray(selection) ? selection : [];
+      const currentIds = sel.map((r) => r.assetId);
+      if (this.limit > 0 && currentIds.length > this.limit) {
+        const prevIds = Array.isArray(this._prevTableSelectionIds) ? this._prevTableSelectionIds : [];
+        const allowedIds = prevIds.slice(0, this.limit);
+        if (tableRef && typeof tableRef.clearSelection === "function" && typeof tableRef.toggleRowSelection === "function") {
+          this._handlingSelectionChange = true;
+          tableRef.clearSelection();
+          sel.forEach((row) => {
+            if (allowedIds.includes(row.assetId)) {
+              tableRef.toggleRowSelection(row, true);
+            }
+          });
+          this._handlingSelectionChange = false;
+        }
+        this._prevTableSelectionIds = allowedIds;
+        return;
+      }
+      this._prevTableSelectionIds = currentIds;
+    },
     getTableData() {
       service$1({
         method: "post",
@@ -78584,7 +78646,34 @@ const _sfc_main$4 = {
       this.getTableData();
     },
     handleAdd() {
-      const selection = this.$refs.tableRef.getSelectionRows();
+      const tableRef = this.$refs.tableRef;
+      const selection = tableRef && typeof tableRef.getSelectionRows === "function" ? tableRef.getSelectionRows() : [];
+      if (!selection || selection.length === 0) {
+        return;
+      }
+      if (this.limit === 1) {
+        const picked = selection[selection.length - 1];
+        this.selectedRows = picked ? [picked] : [];
+        if (tableRef && typeof tableRef.clearSelection === "function") {
+          tableRef.clearSelection();
+        }
+        return;
+      }
+      if (this.limit > 1) {
+        const acc = [...this.selectedRows];
+        selection.forEach((item) => {
+          if (acc.length >= this.limit)
+            return;
+          if (!acc.some((i) => i.assetId === item.assetId)) {
+            acc.push(item);
+          }
+        });
+        this.selectedRows = acc;
+        if (tableRef && typeof tableRef.clearSelection === "function") {
+          tableRef.clearSelection();
+        }
+        return;
+      }
       const arr = [...this.selectedRows, ...selection].reduce((acc, item) => {
         if (!acc.some((i) => i.assetId === item.assetId)) {
           acc.push(item);
@@ -78592,6 +78681,9 @@ const _sfc_main$4 = {
         return acc;
       }, []);
       this.selectedRows = arr;
+      if (tableRef && typeof tableRef.clearSelection === "function") {
+        tableRef.clearSelection();
+      }
     },
     handleRemove(assetId) {
       const index2 = this.selectedRows.findIndex((item) => item.assetId === assetId);
@@ -78820,6 +78912,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               "check-strictly": "",
               "row-key": "assetId",
               ref: "tableRef",
+              onSelectionChange: $options.handleSelectionChange,
               "header-row-class-name": "headerRowClassName",
               "header-cell-class-name": "headerCellClassName",
               stripe: ""
@@ -78870,7 +78963,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 })
               ]),
               _: 1
-            }, 8, ["data"]),
+            }, 8, ["data", "onSelectionChange"]),
             createVNode(_component_el_pagination, {
               onSizeChange: $options.handleSizeChange,
               onCurrentChange: $options.handleCurrentChange,
@@ -78948,7 +79041,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "onClose"]);
 }
-var AssetDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-b38703a2"]]);
+var AssetDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-58c3d01c"]]);
 var index_vue_vue_type_style_index_0_lang$1 = "";
 const _sfc_main$3 = {
   name: "asset-select-widget",
@@ -79187,9 +79280,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           onClose: $options.handleClose,
           onConfirm: $options.handleConfirm,
           onCancel: $options.handleCancel,
+          limit: $props.field.options.assetLimit,
           fieldValue: $data.fieldModel,
           assetTypeValue: $props.field.options.assetTypeValue
-        }, null, 8, ["dialog-visible", "onClose", "onConfirm", "onCancel", "fieldValue", "assetTypeValue"])
+        }, null, 8, ["dialog-visible", "onClose", "onConfirm", "onCancel", "limit", "fieldValue", "assetTypeValue"])
       ], 4)
     ]),
     _: 1
@@ -79599,7 +79693,7 @@ const _sfc_main$1 = {
       }
     },
     handleRow(row) {
-      const index2 = this.fieldModel.findIndex((item) => item.id === row.id);
+      const index2 = this.fieldModel.findIndex((item) => item.assetId === row.assetId);
       if (index2 === -1)
         return;
       this.triggerEvent("onOpen", this.fieldModel[index2]);
@@ -79619,7 +79713,7 @@ const _sfc_main$1 = {
       this.detailDialogData = null;
     },
     handleConfirm(formData) {
-      const index2 = this.fieldModel.findIndex((item) => item.id === this.detailDialogData.id);
+      const index2 = this.fieldModel.findIndex((item) => item.assetId === this.detailDialogData.assetId);
       if (index2 === -1)
         return;
       const oldValue = lodash.exports.cloneDeep(this.fieldModel);
@@ -80023,6 +80117,7 @@ const loadExtension = function(app) {
   registerCPEditor(app, "asset-select-buttonText", "asset-select-buttonText-editor", createInputTextEditor("buttonText", "extension.setting.assetSelectButtonText"));
   registerCPEditor(app, "asset-select-typeJson", "asset-select-typeJson-editor", createTextareaEditor("typeJson", "extension.setting.assetSelectTypeJson", { rows: 4 }));
   registerCPEditor(app, "asset-select-assetTypeValue", "asset-select-assetTypeValue-editor", createInputTextEditor("assetTypeValue", "extension.setting.assetSelectAssetTypeValue"));
+  registerCPEditor(app, "asset-select-assetLimit", "asset-select-assetLimit-editor", createInputNumberEditor("assetLimit", "extension.setting.assetSelectAssetLimit"));
   addCustomWidgetSchema(assetTableSchema);
   app.component(AssetTableWidget.name, AssetTableWidget);
   registerCPEditor(app, "asset-table-typeJson", "asset-table-typeJson-editor", createInputTextEditor("typeJson", "extension.setting.assetTableTypeJson"));