form-custom-test 3.0.113 → 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"
     }
   }
 };
@@ -12581,19 +12584,23 @@ const _sfc_main$3c = {
 };
 const _hoisted_1$G = { class: "file-upload-widget-container" };
 const _hoisted_2$p = {
+  key: 0,
+  class: "no-data-wrap"
+};
+const _hoisted_3$k = {
   key: 0,
   class: "el-upload__tip"
 };
-const _hoisted_3$k = { class: "main-tip" };
-const _hoisted_4$h = { class: "sub-tip" };
-const _hoisted_5$e = { class: "upload-file-list" };
-const _hoisted_6$e = { class: "left-wrap" };
-const _hoisted_7$b = ["src"];
-const _hoisted_8$8 = ["title"];
-const _hoisted_9$7 = { class: "right-wrap" };
-const _hoisted_10$6 = ["title", "onClick"];
-const _hoisted_11$4 = ["onClick"];
+const _hoisted_4$h = { class: "main-tip" };
+const _hoisted_5$e = { class: "sub-tip" };
+const _hoisted_6$e = { class: "upload-file-list" };
+const _hoisted_7$b = { class: "left-wrap" };
+const _hoisted_8$8 = ["src"];
+const _hoisted_9$7 = ["title"];
+const _hoisted_10$6 = { class: "right-wrap" };
+const _hoisted_11$4 = ["title", "onClick"];
 const _hoisted_12$3 = ["onClick"];
+const _hoisted_13$3 = ["onClick"];
 function _sfc_render$3c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_button = resolveComponent("el-button");
   const _component_el_upload = resolveComponent("el-upload");
@@ -12613,6 +12620,7 @@ function _sfc_render$3c(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       createElementVNode("div", _hoisted_1$G, [
+        _ctx.getDisabled() && $data.fileList.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$p, " \u6682\u65E0\u6570\u636E ")) : createCommentVNode("", true),
         createVNode(_component_el_upload, {
           ref: "fieldEditor",
           disabled: _ctx.getDisabled(),
@@ -12634,22 +12642,22 @@ function _sfc_render$3c(_ctx, _cache, $props, $setup, $data, $options) {
           "on-progress": $options.handleProgress
         }, createSlots({
           tip: withCtx(() => [
-            !!$props.field.options.uploadTip && !_ctx.getDisabled() ? (openBlock(), createElementBlock("div", _hoisted_2$p, toDisplayString($props.field.options.uploadTip), 1)) : createCommentVNode("", true)
+            !!$props.field.options.uploadTip && !_ctx.getDisabled() ? (openBlock(), createElementBlock("div", _hoisted_3$k, toDisplayString($props.field.options.uploadTip), 1)) : createCommentVNode("", true)
           ]),
           file: withCtx(({ file }) => [
-            createElementVNode("div", _hoisted_5$e, [
-              createElementVNode("div", _hoisted_6$e, [
+            createElementVNode("div", _hoisted_6$e, [
+              createElementVNode("div", _hoisted_7$b, [
                 createElementVNode("img", {
                   src: $options.getFileIcon(file.name),
                   alt: "",
                   style: { "width": "18px", "height": "18px", "margin-right": "8px" }
-                }, null, 8, _hoisted_7$b),
+                }, null, 8, _hoisted_8$8),
                 createElementVNode("div", {
                   class: "upload-file-name",
                   title: file.name
-                }, toDisplayString(file.name), 9, _hoisted_8$8)
+                }, toDisplayString(file.name), 9, _hoisted_9$7)
               ]),
-              createElementVNode("div", _hoisted_9$7, [
+              createElementVNode("div", _hoisted_10$6, [
                 !_ctx.getDisabled() ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "file-action",
@@ -12660,17 +12668,17 @@ function _sfc_render$3c(_ctx, _cache, $props, $setup, $data, $options) {
                     src: _imports_1,
                     alt: ""
                   }, null, -1)
-                ])], 8, _hoisted_10$6)) : createCommentVNode("", true),
+                ])], 8, _hoisted_11$4)) : createCommentVNode("", true),
                 _ctx.getDisabled() && !$options.isZip(file.name) ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   onClick: withModifiers(($event) => $options.handlePreview(file), ["stop"]),
                   class: "pr-8px color-primary cursor-pointer file-action-right"
-                }, " \u9884\u89C8 ", 8, _hoisted_11$4)) : createCommentVNode("", true),
+                }, " \u9884\u89C8 ", 8, _hoisted_12$3)) : createCommentVNode("", true),
                 _ctx.getDisabled() ? (openBlock(), createElementBlock("div", {
                   key: 2,
                   onClick: withModifiers(($event) => $options.handleDownload(file), ["stop"]),
                   class: "pr-8px color-primary cursor-pointer file-action-right"
-                }, " \u4E0B\u8F7D ", 8, _hoisted_12$3)) : createCommentVNode("", true)
+                }, " \u4E0B\u8F7D ", 8, _hoisted_13$3)) : createCommentVNode("", true)
               ])
             ])
           ]),
@@ -12684,8 +12692,8 @@ function _sfc_render$3c(_ctx, _cache, $props, $setup, $data, $options) {
                   src: _imports_0,
                   alt: ""
                 }, null, -1)),
-                createElementVNode("div", _hoisted_3$k, toDisplayString($props.field.options.mainTip || "\u70B9\u51FB\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20"), 1),
-                createElementVNode("div", _hoisted_4$h, toDisplayString($props.field.options.subTip || `\u652F\u6301\u4E0A\u4F20${$props.field.options.fileTypes.slice(0, 8).join("\uFF0C")}\u7B49\u683C\u5F0F\u6587\u4EF6`), 1)
+                createElementVNode("div", _hoisted_4$h, toDisplayString($props.field.options.mainTip || "\u70B9\u51FB\u6216\u62D6\u62FD\u6587\u4EF6\u5230\u6B64\u533A\u57DF\u4E0A\u4F20"), 1),
+                createElementVNode("div", _hoisted_5$e, toDisplayString($props.field.options.subTip || `\u652F\u6301\u4E0A\u4F20${$props.field.options.fileTypes.slice(0, 8).join("\uFF0C")}\u7B49\u683C\u5F0F\u6587\u4EF6`), 1)
               ], 64)) : (openBlock(), createBlock(_component_el_button, {
                 key: 1,
                 type: "primary"
@@ -12711,7 +12719,7 @@ function _sfc_render$3c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["designer", "field", "rules", "design-state", "parent-widget", "parent-list", "index-of-parent-list", "sub-form-row-index", "sub-form-col-index", "sub-form-row-id"]);
 }
-var fileUploadWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$3c, [["render", _sfc_render$3c], ["__scopeId", "data-v-7746136c"]]);
+var fileUploadWidget = /* @__PURE__ */ _export_sfc$1(_sfc_main$3c, [["render", _sfc_render$3c], ["__scopeId", "data-v-497c69c8"]]);
 var __glob_0_7$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   "default": fileUploadWidget
@@ -68443,13 +68451,13 @@ function registerIcon(app) {
 if (typeof window !== "undefined") {
   let loadSvg = function() {
     var body = document.body;
-    var svgDom = document.getElementById("__svg__icons__dom__1777432126019__");
+    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__1777432126019__";
+      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");
     }
@@ -68604,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: {
@@ -78496,6 +78533,10 @@ const _sfc_main$4 = {
     assetTypeValue: {
       type: String,
       default: ""
+    },
+    limit: {
+      type: Number,
+      default: 0
     }
   },
   watch: {
@@ -78542,7 +78583,9 @@ const _sfc_main$4 = {
       },
       disabled: false,
       total: 0,
-      searchValue: ""
+      searchValue: "",
+      _prevTableSelectionIds: [],
+      _handlingSelectionChange: false
     };
   },
   methods: {
@@ -78552,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",
@@ -78579,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);
@@ -78587,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);
@@ -78815,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: ""
@@ -78865,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,
@@ -78943,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",
@@ -79182,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
@@ -79319,20 +79418,15 @@ const _sfc_main$2 = {
         if (ref2 && typeof ref2.setFormJson === "function") {
           ref2.setFormJson(lodash.exports.cloneDeep(this.formJson));
           this.$nextTick(() => {
-            this.syncFormDisabledStatus();
             this.flushPendingColHiddenOps();
+            this.syncFormDisabledStatus();
           });
         }
       });
     },
     setColHidden(colNames, hidden) {
       const names = Array.isArray(colNames) ? colNames : [colNames];
-      const ref2 = this.$refs.detailFormRender;
-      if (!ref2 || typeof ref2.setColHidden !== "function") {
-        this.pendingColHiddenOps.push({ names, hidden });
-        return;
-      }
-      names.forEach((name) => ref2.setColHidden(name, hidden));
+      this.pendingColHiddenOps.push({ names, hidden });
     },
     flushPendingColHiddenOps() {
       if (!this.pendingColHiddenOps.length) {
@@ -79473,7 +79567,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["modelValue", "onClose"]);
 }
-var DetailDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-137c1c22"]]);
+var DetailDialog = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-c6770b7c"]]);
 var index_vue_vue_type_style_index_0_lang = "";
 const _sfc_main$1 = {
   name: "asset-table-widget",
@@ -79552,10 +79646,6 @@ const _sfc_main$1 = {
     this.unregisterFromRefList();
   },
   methods: {
-    handleClick() {
-      this.dialogVisible = true;
-      this.triggerEvent("onOpen");
-    },
     handleClose() {
       this.dialogVisible = false;
       this.triggerEvent("onClose");
@@ -79603,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]);
@@ -79623,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);
@@ -80027,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"));