widget.qw 1.0.71 → 1.0.73

package/build/style.css

@@ -412,10 +412,10 @@
   text-align: center;
   display: inline-block;
   border-radius: 2px;
-}[data-v-7352dfa0] .label {
+}[data-v-0c20dca4] .label {
   color: #000 !important;
 }
-[data-v-7352dfa0] .van-field__control:disabled {
+[data-v-0c20dca4] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;
@@ -840,14 +840,14 @@
 }
 .widget .readonly-field[data-v-0c8e09c0] {
   margin: 4px 0;
-}.widget[data-v-1fa437e7] {
+}.widget[data-v-222a5036] {
   background: #fff;
   box-sizing: border-box;
   height: 100%;
   text-align: left;
   font-size: 12px;
 }
-.option[data-v-1fa437e7] {
+.option[data-v-222a5036] {
   margin: 0 8px 8px 0;
   padding: 5px 10px;
   border-radius: 6px;
@@ -857,16 +857,16 @@
   display: inline-block;
   position: relative;
 }
-[data-v-1fa437e7] .van-field__label {
+[data-v-222a5036] .van-field__label {
   margin: auto;
 }
-[data-v-1fa437e7] .van-cell {
+[data-v-222a5036] .van-cell {
   font-size: 12px;
   padding: 5px 5px;
 }
-[data-v-1fa437e7] .van-icon {
+[data-v-222a5036] .van-icon {
   font-size: 12px;
 }
-[data-v-1fa437e7] .van-popup .van-cell {
+[data-v-222a5036] .van-popup .van-cell {
   padding: 5px 25px;
 }

package/build/widget.qw.es.js

@@ -18730,21 +18730,25 @@ const _sfc_main$i = {
   }
 };
 var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8fca1c96"]]);
-var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-7352dfa0] .label {\n  color: #000 !important;\n}\n[data-v-7352dfa0] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-0c20dca4] .label {\n  color: #000 !important;\n}\n[data-v-0c20dca4] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
 const _hoisted_1$b = {
-  class: "image-box"
+  class: "file-box"
 };
 const _sfc_main$h = {
   __name: "FilePicker",
   props: {
     modelValue: {
-      type: String,
-      default: ""
+      type: [String, Array],
+      default: null
     },
     label: {
       type: String,
       default: ""
     },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
     required: {
       type: Boolean,
       default: false
@@ -18791,22 +18795,44 @@ const _sfc_main$h = {
         file: file.file
       };
       return util.file_upload(params).then((res) => {
-        modelValue.value = res.data;
+        if (props.multiple)
+          modelValue.value = [...modelValue.value || [], res.data];
+        else
+          modelValue.value = res.data;
         return Promise.resolve(file);
       });
     });
     const onBeforeDelete = (e) => {
-      modelValue.value = "";
+      if (props.multiple) {
+        let newUrls = props.modelValue.filter((item) => {
+          return item != e.url;
+        });
+        emit("update:modelValue", newUrls);
+      } else {
+        modelValue.value = "";
+      }
       return Promise.resolve(e);
     };
     watch(() => props.modelValue, (newVal, oldVal) => {
-      if (!props.modelValue) {
-        files.value = [];
-        return;
+      if (props.multiple) {
+        if (!props.modelValue || props.modelValue.length < 1) {
+          files.value = [];
+          return;
+        }
+        files.value = props.modelValue.map((item) => {
+          return {
+            url: item
+          };
+        });
+      } else {
+        if (!props.modelValue) {
+          files.value = [];
+          return;
+        }
+        files.value = [{
+          url: props.modelValue
+        }];
       }
-      files.value = [{
-        url: props.modelValue
-      }];
     }, {
       immediate: true
     });
@@ -18825,20 +18851,20 @@ const _sfc_main$h = {
         input: withCtx(() => [createElementVNode("div", _hoisted_1$b, [createVNode(_component_van_uploader, {
           modelValue: files.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
-          "max-count": 1,
+          "max-count": props.max,
           afterRead: onAfterRead,
           disabled: unref(isDisabled),
           accept: props.accept,
           "upload-icon": "plus",
           deletable: !unref(isDisabled),
           "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "disabled", "accept", "deletable"])])]),
+        }, null, 8, ["modelValue", "max-count", "disabled", "accept", "deletable"])])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-7352dfa0"]]);
+var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0c20dca4"]]);
 var SingleUserSelector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user-popup[data-v-a489ca4c] {\r\n  width: 100%;\r\n  overflow: hidden;\n}\n.department-selector[data-v-a489ca4c] {\r\n  padding: 10px;\n}\n.search-buttons[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 10px;\n}\n.clear-btn[data-v-a489ca4c] {\r\n  background-color: #f2f3f5;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.confirm-btn[data-v-a489ca4c] {\r\n  background-color: #1989fa;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.no-results[data-v-a489ca4c] {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #969799;\n}\n.picker-header[data-v-a489ca4c] {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #ebedf0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.current-path[data-v-a489ca4c] {\r\n  flex: 1;\r\n  font-size: 14px;\r\n  color: #323233;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\n.header-right[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\n}\n.cancel-btn[data-v-a489ca4c] {\r\n  color: #969799;\r\n  margin-right: 5px;\n}\n.scroll-container[data-v-a489ca4c] {\r\n  height: calc(80vh - 150px);\r\n  overflow-y: auto;\n}\r\n")();
 const _hoisted_1$a = {
   class: "department-selector"
@@ -20984,7 +21010,7 @@ const _sfc_main$1 = {
   }
 };
 var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1fa437e7] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-1fa437e7] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-1fa437e7] .van-field__label {\n  margin: auto;\n}\n[data-v-1fa437e7] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-1fa437e7] .van-icon {\n  font-size: 12px;\n}\n[data-v-1fa437e7] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
+var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-222a5036] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-222a5036] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-222a5036] .van-field__label {\n  margin: auto;\n}\n[data-v-222a5036] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-222a5036] .van-icon {\n  font-size: 12px;\n}\n[data-v-222a5036] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
 const _hoisted_1 = {
   class: "widget-box"
 };
@@ -21260,12 +21286,14 @@ const _sfc_main = {
                   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
                   return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (openBlock(), createBlock(_component_van_field, {
                     key: 0,
+                    disabled: props.schema[key].auth === "readonly",
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                     type: "text"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (openBlock(), createBlock(_component_van_field, {
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (openBlock(), createBlock(_component_van_field, {
                     key: 1,
+                    disabled: props.schema[key].auth === "readonly",
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     modelModifiers: {
@@ -21273,23 +21301,27 @@ const _sfc_main = {
                     },
                     placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                     type: "number"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Boolean" ? (openBlock(), createBlock(_component_van_switch, {
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Boolean" ? (openBlock(), createBlock(_component_van_switch, {
                     key: 2,
+                    disabled: props.schema[key].auth === "readonly",
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Datetime" ? (openBlock(), createBlock(_sfc_main$o, {
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Datetime" ? (openBlock(), createBlock(_sfc_main$o, {
                     key: 3,
+                    auth: props.schema[key].auth,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     placeholder: "\u9009\u62E9\u65F6\u95F4"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Images" ? (openBlock(), createBlock(ImagesPicker, {
+                  }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Images" ? (openBlock(), createBlock(ImagesPicker, {
                     key: 4,
+                    auth: props.schema[key].auth,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (openBlock(), createBlock(DataSelector, {
+                  }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (openBlock(), createBlock(DataSelector, {
                     key: 5,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    auth: props.schema[key].auth,
                     options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
                     placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                     columnsFieldNames: {
@@ -21297,12 +21329,13 @@ const _sfc_main = {
                       value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
                     },
                     onSelect: ($event) => onChangeOption(key)
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (openBlock(), createBlock(_component_ObjsEditor, {
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "auth", "options", "placeholder", "columnsFieldNames", "onSelect"])) : createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (openBlock(), createBlock(_component_ObjsEditor, {
                     key: 6,
+                    auth: props.schema[key].auth,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     schema: props.schema[key].schema
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : createCommentVNode("", true)];
+                  }, null, 8, ["auth", "modelValue", "onUpdate:modelValue", "schema"])) : createCommentVNode("", true)];
                 }),
                 _: 2
               }, 1032, ["label", "required", "disabled"])), [[vShow, props.schema[key].auth != "gone"]]);
@@ -21333,7 +21366,7 @@ const _sfc_main = {
     };
   }
 };
-var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fa437e7"]]);
+var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-222a5036"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

package/build/widget.qw.umd.js

@@ -18733,21 +18733,25 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-8fca1c96"]]);
-  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-7352dfa0] .label {\n  color: #000 !important;\n}\n[data-v-7352dfa0] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-0c20dca4] .label {\n  color: #000 !important;\n}\n[data-v-0c20dca4] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
   const _hoisted_1$b = {
-    class: "image-box"
+    class: "file-box"
   };
   const _sfc_main$h = {
     __name: "FilePicker",
     props: {
       modelValue: {
-        type: String,
-        default: ""
+        type: [String, Array],
+        default: null
       },
       label: {
         type: String,
         default: ""
       },
+      multiple: {
+        type: Boolean,
+        default: false
+      },
       required: {
         type: Boolean,
         default: false
@@ -18794,22 +18798,44 @@ var __async = (__this, __arguments, generator) => {
           file: file.file
         };
         return util.file_upload(params).then((res) => {
-          modelValue.value = res.data;
+          if (props.multiple)
+            modelValue.value = [...modelValue.value || [], res.data];
+          else
+            modelValue.value = res.data;
           return Promise.resolve(file);
         });
       });
       const onBeforeDelete = (e) => {
-        modelValue.value = "";
+        if (props.multiple) {
+          let newUrls = props.modelValue.filter((item) => {
+            return item != e.url;
+          });
+          emit("update:modelValue", newUrls);
+        } else {
+          modelValue.value = "";
+        }
         return Promise.resolve(e);
       };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
-        if (!props.modelValue) {
-          files.value = [];
-          return;
+        if (props.multiple) {
+          if (!props.modelValue || props.modelValue.length < 1) {
+            files.value = [];
+            return;
+          }
+          files.value = props.modelValue.map((item) => {
+            return {
+              url: item
+            };
+          });
+        } else {
+          if (!props.modelValue) {
+            files.value = [];
+            return;
+          }
+          files.value = [{
+            url: props.modelValue
+          }];
         }
-        files.value = [{
-          url: props.modelValue
-        }];
       }, {
         immediate: true
       });
@@ -18828,20 +18854,20 @@ var __async = (__this, __arguments, generator) => {
           input: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$b, [vue.createVNode(_component_van_uploader, {
             modelValue: files.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
-            "max-count": 1,
+            "max-count": props.max,
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
             accept: props.accept,
             "upload-icon": "plus",
             deletable: !vue.unref(isDisabled),
             "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "disabled", "accept", "deletable"])])]),
+          }, null, 8, ["modelValue", "max-count", "disabled", "accept", "deletable"])])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-7352dfa0"]]);
+  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-0c20dca4"]]);
   var SingleUserSelector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.user-popup[data-v-a489ca4c] {\r\n  width: 100%;\r\n  overflow: hidden;\n}\n.department-selector[data-v-a489ca4c] {\r\n  padding: 10px;\n}\n.search-buttons[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 10px;\n}\n.clear-btn[data-v-a489ca4c] {\r\n  background-color: #f2f3f5;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.confirm-btn[data-v-a489ca4c] {\r\n  background-color: #1989fa;\r\n  color: white;\r\n  border: none;\r\n  border-radius: 4px;\r\n  padding: 4px 8px;\r\n  font-size: 14px;\n}\n.no-results[data-v-a489ca4c] {\r\n  text-align: center;\r\n  padding: 20px;\r\n  color: #969799;\n}\n.picker-header[data-v-a489ca4c] {\r\n  padding: 10px;\r\n  border-bottom: 1px solid #ebedf0;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.current-path[data-v-a489ca4c] {\r\n  flex: 1;\r\n  font-size: 14px;\r\n  color: #323233;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\n}\n.header-right[data-v-a489ca4c] {\r\n  display: flex;\r\n  gap: 8px;\r\n  margin-left: auto;\n}\n.cancel-btn[data-v-a489ca4c] {\r\n  color: #969799;\r\n  margin-right: 5px;\n}\n.scroll-container[data-v-a489ca4c] {\r\n  height: calc(80vh - 150px);\r\n  overflow-y: auto;\n}\r\n")();
   const _hoisted_1$a = {
     class: "department-selector"
@@ -20987,7 +21013,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1fa437e7] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-1fa437e7] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-1fa437e7] .van-field__label {\n  margin: auto;\n}\n[data-v-1fa437e7] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-1fa437e7] .van-icon {\n  font-size: 12px;\n}\n[data-v-1fa437e7] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
+  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-222a5036] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-222a5036] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-222a5036] .van-field__label {\n  margin: auto;\n}\n[data-v-222a5036] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-222a5036] .van-icon {\n  font-size: 12px;\n}\n[data-v-222a5036] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
   const _hoisted_1 = {
     class: "widget-box"
   };
@@ -21263,12 +21289,14 @@ var __async = (__this, __arguments, generator) => {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
                     return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
                       key: 0,
+                      disabled: props.schema[key].auth === "readonly",
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                       type: "text"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
                       key: 1,
+                      disabled: props.schema[key].auth === "readonly",
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       modelModifiers: {
@@ -21276,23 +21304,27 @@ var __async = (__this, __arguments, generator) => {
                       },
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                       type: "number"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Boolean" ? (vue.openBlock(), vue.createBlock(_component_van_switch, {
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Boolean" ? (vue.openBlock(), vue.createBlock(_component_van_switch, {
                       key: 2,
+                      disabled: props.schema[key].auth === "readonly",
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Datetime" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Datetime" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
                       key: 3,
+                      auth: props.schema[key].auth,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       placeholder: "\u9009\u62E9\u65F6\u95F4"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Images" ? (vue.openBlock(), vue.createBlock(ImagesPicker, {
+                    }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Images" ? (vue.openBlock(), vue.createBlock(ImagesPicker, {
                       key: 4,
+                      auth: props.schema[key].auth,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (vue.openBlock(), vue.createBlock(DataSelector, {
+                    }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (vue.openBlock(), vue.createBlock(DataSelector, {
                       key: 5,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      auth: props.schema[key].auth,
                       options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                       columnsFieldNames: {
@@ -21300,12 +21332,13 @@ var __async = (__this, __arguments, generator) => {
                         value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
                       },
                       onSelect: ($event) => onChangeOption(key)
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : vue.createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (vue.openBlock(), vue.createBlock(_component_ObjsEditor, {
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "auth", "options", "placeholder", "columnsFieldNames", "onSelect"])) : vue.createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (vue.openBlock(), vue.createBlock(_component_ObjsEditor, {
                       key: 6,
+                      auth: props.schema[key].auth,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       schema: props.schema[key].schema
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true)];
+                    }, null, 8, ["auth", "modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true)];
                   }),
                   _: 2
                 }, 1032, ["label", "required", "disabled"])), [[vue.vShow, props.schema[key].auth != "gone"]]);
@@ -21336,7 +21369,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fa437e7"]]);
+  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-222a5036"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "widget.qw",
   "private": false,
-  "version": "1.0.71",
+  "version": "1.0.73",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/FilePicker.vue

@@ -2,9 +2,10 @@
     <van-field v-if="!isGone" name="image" :label="props.label" :required="isRequired" :rules="props.rules"
         label-class="label" :placeholder="props.placeholder">
         <template #input>
-            <div class="image-box">
-                <van-uploader v-model="files" :max-count="1" :afterRead="onAfterRead" :disabled="isDisabled"
-                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete" />
+            <div class="file-box">
+                <van-uploader v-model="files" :max-count="props.max" :afterRead="onAfterRead" :disabled="isDisabled"
+                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled"
+                    :before-delete="onBeforeDelete" />
             </div>
         </template>
     </van-field>
@@ -17,13 +18,17 @@ import { useVModel } from "@vueuse/core"
 
 const props = defineProps({
     modelValue: {
-        type: String,
-        default: ''
+        type: [String, Array],
+        default: null
     },
     label: {
         type: String,
         default: ''
     },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
     required: {
         type: Boolean,
         default: false
@@ -67,26 +72,50 @@ const onAfterRead = async (file) => {
     }
 
     return util.file_upload(params).then(res => {
-        modelValue.value = res.data
+        if (props.multiple)
+            modelValue.value = [...(modelValue.value || []), res.data]
+        else
+            modelValue.value = res.data
         return Promise.resolve(file)
     })
 }
 
 const onBeforeDelete = (e) => {
-    modelValue.value = ''
+    if (props.multiple) {
+        let newUrls = props.modelValue.filter(item => {
+            return item != e.url
+        })
+        emit('update:modelValue', newUrls)
+    } else {
+        modelValue.value = ''
+    }
+
     return Promise.resolve(e)
 }
 
 watch(() => props.modelValue,
     (newVal, oldVal) => {
-        if (!props.modelValue) {
-            files.value = []
-            return
-        }
+        if (props.multiple) {
+            if (!props.modelValue || props.modelValue.length < 1) {
+                files.value = []
+                return
+            }
 
-        files.value = [{
-            url: props.modelValue
-        }]
+            files.value = props.modelValue.map(item => {
+                return {
+                    url: item
+                }
+            })
+        } else {
+            if (!props.modelValue) {
+                files.value = []
+                return
+            }
+
+            files.value = [{
+                url: props.modelValue
+            }]
+        }
     },
     {
         immediate: true

package/src/components/ObjsEditor.vue

@@ -12,7 +12,7 @@
                                     {{ `${key2name(k)}:${key2value(k, item)}` }}
                                 </div>
                                 <div v-else>
-                                    <ImagesPicker v-model="item[k]" readonly/>
+                                    <ImagesPicker v-model="item[k]" readonly />
                                 </div>
                             </div>
                         </div>
@@ -38,30 +38,34 @@
                             <template #input>
                                 <van-field
                                     v-if="props.schema[key].type == 'String' && !props.schema[key]?.schema?.options"
-                                    v-model="data.inputValue[key]" :placeholder="`请输入${key2name(key)}`" type="text" />
+                                    :disabled="props.schema[key].auth === 'readonly'" v-model="data.inputValue[key]"
+                                    :placeholder="`请输入${key2name(key)}`" type="text" />
 
                                 <van-field
                                     v-if="props.schema[key].type == 'Number' && !props.schema[key]?.schema?.options"
+                                    :disabled="props.schema[key].auth === 'readonly'"
                                     v-model.number="data.inputValue[key]" :placeholder="`请输入${key2name(key)}`"
                                     type="number" />
 
-                                <van-switch v-if="props.schema[key].type == 'Boolean'" v-model="data.inputValue[key]" />
+                                <van-switch v-if="props.schema[key].type == 'Boolean'"
+                                    :disabled="props.schema[key].auth === 'readonly'" v-model="data.inputValue[key]" />
 
                                 <DatetimePicker v-if="props.schema[key].type == 'Datetime'"
-                                    v-model="data.inputValue[key]" placeholder="选择时间" />
+                                    :auth="props.schema[key].auth" v-model="data.inputValue[key]" placeholder="选择时间" />
 
-                                <ImagesPicker v-if="props.schema[key].type == 'Images'"
+                                <ImagesPicker v-if="props.schema[key].type == 'Images'" :auth="props.schema[key].auth"
                                     v-model="data.inputValue[key]" />
 
                                 <DateSelector v-if="props.schema[key]?.schema?.options" v-model="data.inputValue[key]"
-                                    :options="props.schema[key]?.schema?.options" :placeholder="`请输入${key2name(key)}`"
-                                    :columnsFieldNames="{
+                                    :auth="props.schema[key].auth" :options="props.schema[key]?.schema?.options"
+                                    :placeholder="`请输入${key2name(key)}`" :columnsFieldNames="{
                                         text: (props.schema[key]?.schema?.options || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[0] : '',
                                         value: (props.schema[key]?.schema?.options || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ''
                                     }" @select="onChangeOption(key)" />
 
                                 <ObjsEditor v-if="props.schema[key].type == 'Array' && props.schema[key].auth != 'gone'"
-                                    v-model="data.inputValue[key]" :schema="props.schema[key].schema" />
+                                    :auth="props.schema[key].auth" v-model="data.inputValue[key]"
+                                    :schema="props.schema[key].schema" />
                             </template>
                         </van-field>
 

package/src/env.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
+/// <reference types="vite/client" />
+
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/views/filepicker/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="page">
-      <widget-qw-file-picker label="文件" v-model="data.url" :auth="data.auth" accept=".xls,.xlsx" />
+      <widget-qw-file-picker label="文件" multiple v-model="data.urls" :auth="data.auth" accept=".jpg,.png" />
   </div>
 </template>
 
@@ -8,8 +8,8 @@
 import { onMounted, reactive, watch } from "vue";
 
 const data = reactive({
-  auth:'readonly',
-  url: 'https://1.pdf'
+  auth:'require',
+  urls: ['https://1.pdf']
 })
 
 watch(()=>data.url,(newVal,oldVal)=>{

package/src/views/objseditor/index.vue

@@ -51,7 +51,7 @@ const data = reactive({
             label: '数量',
             type: 'Number',
             default: 1,
-            auth: 'required',
+            auth: 'readonly',
         },
         images: {
             label: '图片',

package/tsconfig.json

@@ -1,19 +1,19 @@
-{
-  "compilerOptions": {
-    "target": "esnext",
-    "useDefineForClassFields": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "strict": true,
-    "jsx": "preserve",
-    "sourceMap": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "lib": ["esnext", "dom"],
-    "skipLibCheck": true,
-    "allowJs": true,
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-}
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["esnext", "dom"],
+    "skipLibCheck": true,
+    "allowJs": true,
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -1,8 +1,8 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "module": "esnext",
-    "moduleResolution": "node"
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}