widget.qw 1.0.70 → 1.0.72

package/build/widget.qw.umd.js

@@ -17589,10 +17589,10 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_6$6 = /* @__PURE__ */ vue.createTextVNode(" \u53D6\u6D88 ");
   const _hoisted_7$6 = /* @__PURE__ */ vue.createTextVNode(" \u786E\u5B9A ");
-  const _hoisted_8$4 = {
+  const _hoisted_8$5 = {
     class: "scroll-container"
   };
-  const _hoisted_9$2 = {
+  const _hoisted_9$3 = {
     class: "cell-content"
   };
   const _hoisted_10$2 = ["onClick"];
@@ -17894,7 +17894,7 @@ var __async = (__this, __arguments, generator) => {
             clearable: "",
             placeholder: "\u8BF7\u8F93\u5165\u90E8\u95E8\u540D\u79F0\u641C\u7D22",
             class: "search-field"
-          }, null, 8, ["modelValue"]), vue.createElementVNode("div", _hoisted_8$4, [vue.createVNode(_component_van_cell_group, null, {
+          }, null, 8, ["modelValue"]), vue.createElementVNode("div", _hoisted_8$5, [vue.createVNode(_component_van_cell_group, null, {
             default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(filteredDepartments), (item, index) => {
               return vue.openBlock(), vue.createBlock(_component_van_cell, {
                 key: index,
@@ -17903,7 +17903,7 @@ var __async = (__this, __arguments, generator) => {
               }, {
                 title: vue.withCtx(() => {
                   var _a, _b;
-                  return [vue.createElementVNode("div", _hoisted_9$2, [vue.createElementVNode("div", {
+                  return [vue.createElementVNode("div", _hoisted_9$3, [vue.createElementVNode("div", {
                     class: vue.normalizeClass(["circle-selector", {
                       "selected": ((_a = tempSelectedDepartment.value) == null ? void 0 : _a.id) === item.id
                     }]),
@@ -17951,8 +17951,8 @@ var __async = (__this, __arguments, generator) => {
     class: "header-right"
   };
   const _hoisted_7$5 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
-  const _hoisted_8$3 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
-  const _hoisted_9$1 = {
+  const _hoisted_8$4 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
+  const _hoisted_9$2 = {
     key: 0,
     class: "select-all-container"
   };
@@ -18353,9 +18353,9 @@ var __async = (__this, __arguments, generator) => {
             onClick: confirmSelection,
             class: "confirm-btn"
           }, {
-            default: vue.withCtx(() => [_hoisted_8$3]),
+            default: vue.withCtx(() => [_hoisted_8$4]),
             _: 1
-          })])]), __props.mode === "multiple" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [vue.createVNode(_component_van_checkbox, {
+          })])]), __props.mode === "multiple" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$2, [vue.createVNode(_component_van_checkbox, {
             shape: "square",
             modelValue: isAllChecked.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isAllChecked.value = $event),
@@ -18459,7 +18459,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var UserSelector = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-6c4b4fc8"]]);
-  var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-b587c824] .label {\n  color: #000 !important;\n}\n[data-v-b587c824] .van-field__control:disabled {\n  color: #000 !important;\n  cursor: not-allowed;\n  opacity: 1;\n  -webkit-text-fill-color: #000;\n}")();
+  var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-16be97a4] .label {\n  color: #000 !important;\n}\n[data-v-16be97a4] .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$d = {
     class: "image-box"
   };
@@ -18568,9 +18568,10 @@ var __async = (__this, __arguments, generator) => {
             accept: "image/jpeg,image/png",
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
-            deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            deletable: !vue.unref(isReadonly) && !vue.unref(isDisabled),
+            "before-delete": onBeforeDelete,
+            "show-upload": !vue.unref(isReadonly)
+          }, null, 8, ["modelValue", "capture", "disabled", "deletable", "show-upload"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
             key: 1,
             modelValue: files.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
@@ -18578,16 +18579,17 @@ var __async = (__this, __arguments, generator) => {
             accept: "image/jpeg,image/png",
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
-            deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
+            deletable: !vue.unref(isReadonly) && !vue.unref(isDisabled),
+            "before-delete": onBeforeDelete,
+            "show-upload": !vue.unref(isReadonly)
+          }, null, 8, ["modelValue", "disabled", "deletable", "show-upload"]))])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-b587c824"]]);
-  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1b4c046a] {\n  text-align: center;\n}\n.widget .btn[data-v-1b4c046a] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
+  var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-16be97a4"]]);
+  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-8fca1c96] {\n  text-align: center;\n}\n.widget .btn[data-v-8fca1c96] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
   const _hoisted_1$c = {
     class: "image-box"
   };
@@ -18709,41 +18711,47 @@ var __async = (__this, __arguments, generator) => {
             capture: props.capture,
             accept: "image/jpeg,image/png",
             disabled: vue.unref(isDisabled),
-            deletable: !vue.unref(isDisabled),
+            deletable: !vue.unref(isRequired) && !vue.unref(isDisabled),
             afterRead: onAfterRead,
-            "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            "before-delete": onBeforeDelete,
+            "show-upload": !vue.unref(isReadonly)
+          }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable", "show-upload"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
             key: 1,
             modelValue: files.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
             "max-count": props.max,
             accept: "image/jpeg,image/png",
             disabled: vue.unref(isDisabled),
-            deletable: !vue.unref(isDisabled),
+            deletable: !vue.unref(isReadonly) && !vue.unref(isDisabled),
             afterRead: onAfterRead,
-            "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
+            "before-delete": onBeforeDelete,
+            "show-upload": !vue.unref(isReadonly)
+          }, null, 8, ["modelValue", "max-count", "disabled", "deletable", "show-upload"]))])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"]);
       };
     }
   };
-  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1b4c046a"]]);
-  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 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-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
@@ -18790,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
       });
@@ -18824,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"
@@ -18856,7 +18886,7 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_6$4 = /* @__PURE__ */ vue.createTextVNode("\u6E05\u7A7A");
   const _hoisted_7$4 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
-  const _hoisted_8$2 = {
+  const _hoisted_8$3 = {
     class: "scroll-container"
   };
   const _sfc_main$g = {
@@ -19158,7 +19188,7 @@ var __async = (__this, __arguments, generator) => {
               onClick: handleSearch
             }, "\u641C\u7D22")]),
             _: 1
-          }, 8, ["modelValue"]), vue.createElementVNode("div", _hoisted_8$2, [vue.createVNode(_component_van_cell_group, null, {
+          }, 8, ["modelValue"]), vue.createElementVNode("div", _hoisted_8$3, [vue.createVNode(_component_van_cell_group, null, {
             default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(departments), (department) => {
               return vue.openBlock(), vue.createBlock(_component_van_cell, {
                 key: department.id,
@@ -19212,7 +19242,7 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_6$3 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
   const _hoisted_7$3 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
-  const _hoisted_8$1 = {
+  const _hoisted_8$2 = {
     class: "scroll-container"
   };
   const _sfc_main$f = {
@@ -19430,7 +19460,7 @@ var __async = (__this, __arguments, generator) => {
               onClick: onSearch
             }, "\u641C\u7D22")]),
             _: 1
-          }, 8, ["modelValue", "onClear", "onCancel"]), vue.createElementVNode("div", _hoisted_8$1, [vue.createVNode(_component_van_cell_group, null, {
+          }, 8, ["modelValue", "onClear", "onCancel"]), vue.createElementVNode("div", _hoisted_8$2, [vue.createVNode(_component_van_cell_group, null, {
             default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(subDepts), (dept) => {
               return vue.openBlock(), vue.createBlock(_component_van_cell, {
                 key: dept.id,
@@ -19789,7 +19819,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var UserProfile = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-107e26c3"]]);
-  var BillCard_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-68bdd6bc] {\n  background-color: white;\n  border-radius: 8px;\n  box-shadow: var(--van-dropdown-menu-shadow);\n  color: 14px;\n}\n.widget .card-box[data-v-68bdd6bc] {\n  padding-bottom: 8px;\n}\n.widget .card-box .card-header[data-v-68bdd6bc] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 15px 10px;\n  border-bottom: 1px solid #eee;\n}\n.widget .card-box .card-header .card-sum[data-v-68bdd6bc] {\n  flex: 1;\n  font-size: 14px;\n  text-align: left;\n}\n.widget .card-box .card-header .user-state[data-v-68bdd6bc] {\n  margin-right: 1px;\n}\n[data-v-68bdd6bc] .van-cell__value {\n  flex: 2 !important;\n}\n[data-v-68bdd6bc] .van-cell__title {\n  font-size: 12px !important;\n  color: #666 !important;\n  text-align: left !important;\n}\n[data-v-68bdd6bc] .van-cell__value {\n  font-size: 12px !important;\n  color: #888 !important;\n}\n[data-v-68bdd6bc] .van-cell {\n  padding: 2px 10px !important;\n}")();
+  var BillCard_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-5f12f3e8] {\n  background-color: white;\n  border-radius: 8px;\n  box-shadow: var(--van-dropdown-menu-shadow);\n  color: 14px;\n}\n.widget .card-box[data-v-5f12f3e8] {\n  padding-bottom: 8px;\n}\n.widget .card-box .card-header[data-v-5f12f3e8] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 15px 10px;\n  border-bottom: 1px solid #eee;\n}\n.widget .card-box .card-header .card-sum[data-v-5f12f3e8] {\n  flex: 1;\n  font-size: 14px;\n  text-align: left;\n}\n.widget .card-box .card-header .user-state[data-v-5f12f3e8] {\n  margin-right: 1px;\n}\n[data-v-5f12f3e8] .van-cell__value {\n  flex: 2 !important;\n}\n[data-v-5f12f3e8] .van-cell__title {\n  font-size: 12px !important;\n  color: #666 !important;\n  text-align: left !important;\n}\n[data-v-5f12f3e8] .van-cell__value {\n  font-size: 12px !important;\n  color: #888 !important;\n}\n[data-v-5f12f3e8] .van-cell {\n  padding: 2px 10px !important;\n}")();
   const _hoisted_1$6 = {
     class: "widget"
   };
@@ -19913,13 +19943,13 @@ var __async = (__this, __arguments, generator) => {
               border: false,
               key: i
             }, null, 8, ["title", "value"]);
-          }), 128))]),
-          _: 1
+          }), 128)), vue.renderSlot(_ctx.$slots, "foot", {}, void 0, true)]),
+          _: 3
         })]);
       };
     }
   };
-  var BillCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-68bdd6bc"]]);
+  var BillCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-5f12f3e8"]]);
   const _sfc_main$a = {
     __name: "YearDropdown",
     props: {
@@ -20452,10 +20482,10 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_6$1 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
   const _hoisted_7$1 = /* @__PURE__ */ vue.createTextVNode("\u786E\u5B9A");
-  const _hoisted_8 = {
+  const _hoisted_8$1 = {
     class: "scroll-container"
   };
-  const _hoisted_9 = {
+  const _hoisted_9$1 = {
     class: "cell-content"
   };
   const _hoisted_10 = ["onClick"];
@@ -20670,12 +20700,12 @@ var __async = (__this, __arguments, generator) => {
               onClick: onSearch
             }, "\u641C\u7D22")]),
             _: 1
-          }, 8, ["modelValue", "placeholder"]), vue.createElementVNode("div", _hoisted_8, [vue.createVNode(_component_van_cell_group, null, {
+          }, 8, ["modelValue", "placeholder"]), vue.createElementVNode("div", _hoisted_8$1, [vue.createVNode(_component_van_cell_group, null, {
             default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(optionNodes), (item, i) => {
               return vue.openBlock(), vue.createBlock(_component_van_cell, {
                 key: i
               }, vue.createSlots({
-                title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_9, [item.canCheck ? (vue.openBlock(), vue.createElementBlock("div", {
+                title: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_9$1, [item.canCheck ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   class: "circle-selector",
                   onClick: vue.withModifiers(($event) => onToggle(item), ["stop"])
@@ -20983,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-7359377c] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-7359377c] {\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-7359377c] .van-field__label {\n  margin: auto;\n}\n[data-v-7359377c] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-7359377c] .van-icon {\n  font-size: 12px;\n}\n[data-v-7359377c] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
+  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}")();
   const _hoisted_1 = {
     class: "widget-box"
   };
@@ -21000,13 +21030,19 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   const _hoisted_4 = {
+    key: 0
+  };
+  const _hoisted_5 = {
+    key: 1
+  };
+  const _hoisted_6 = {
     style: {
       "display": "flex",
       "flex-direction": "column",
       "cursor": "pointer"
     }
   };
-  const _hoisted_5 = {
+  const _hoisted_7 = {
     style: {
       "margin": "16px",
       "display": "flex",
@@ -21014,8 +21050,8 @@ var __async = (__this, __arguments, generator) => {
       "justify-content": "center"
     }
   };
-  const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u4FDD\u5B58");
-  const _hoisted_7 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
+  const _hoisted_8 = /* @__PURE__ */ vue.createTextVNode("\u4FDD\u5B58");
+  const _hoisted_9 = /* @__PURE__ */ vue.createTextVNode("\u53D6\u6D88");
   const _sfc_main = {
     __name: "ObjsEditor",
     props: {
@@ -21110,7 +21146,9 @@ var __async = (__this, __arguments, generator) => {
         var _a, _b, _c, _d;
         console.log("key2value", key, item[key], item);
         let v = item[key];
-        if (Array.isArray(v)) {
+        if (props.schema[key].type === "Images") {
+          return (v || []).join(",");
+        } else if (Array.isArray(v)) {
           let formatValues = v.map((e) => {
             let kvs = Object.keys(e).map((k) => {
               var _a2, _b2, _c2, _d2;
@@ -21217,8 +21255,12 @@ var __async = (__this, __arguments, generator) => {
                   "padding": "2px 2px",
                   "font-size": "12px"
                 }
-              }, vue.toDisplayString(`${key2name(k)}:${key2value(k, item)}`), 1);
-            }), 128))]), vue.createElementVNode("div", _hoisted_4, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
+              }, [props.schema[k].type != "Images" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, vue.toDisplayString(`${key2name(k)}:${key2value(k, item)}`), 1)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [vue.createVNode(ImagesPicker, {
+                modelValue: item[k],
+                "onUpdate:modelValue": ($event) => item[k] = $event,
+                readonly: ""
+              }, null, 8, ["modelValue", "onUpdate:modelValue"])]))]);
+            }), 128))]), vue.createElementVNode("div", _hoisted_6, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (vue.openBlock(), vue.createBlock(_component_van_icon, {
               key: 0,
               name: "edit",
               onClick: vue.withModifiers(($event) => onEdit(index), ["stop"])
@@ -21269,9 +21311,13 @@ var __async = (__this, __arguments, generator) => {
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       placeholder: "\u9009\u62E9\u65F6\u95F4"
-                    }, 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, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Images" ? (vue.openBlock(), vue.createBlock(ImagesPicker, {
                       key: 4,
                       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, {
+                      key: 5,
+                      modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
@@ -21281,7 +21327,7 @@ var __async = (__this, __arguments, generator) => {
                       },
                       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, {
-                      key: 5,
+                      key: 6,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       schema: props.schema[key].schema
@@ -21289,19 +21335,19 @@ var __async = (__this, __arguments, generator) => {
                   }),
                   _: 2
                 }, 1032, ["label", "required", "disabled"])), [[vue.vShow, props.schema[key].auth != "gone"]]);
-              }), 128)), vue.createElementVNode("div", _hoisted_5, [data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
+              }), 128)), vue.createElementVNode("div", _hoisted_7, [data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
                 key: 0,
                 onClick: onInputConfirm,
                 size: "mini"
               }, {
-                default: vue.withCtx(() => [_hoisted_6]),
+                default: vue.withCtx(() => [_hoisted_8]),
                 _: 1
               })) : vue.createCommentVNode("", true), data2.isShowInput ? (vue.openBlock(), vue.createBlock(_component_van_button, {
                 key: 1,
                 onClick: onInputCancel,
                 size: "mini"
               }, {
-                default: vue.withCtx(() => [_hoisted_7]),
+                default: vue.withCtx(() => [_hoisted_9]),
                 _: 1
               })) : vue.createCommentVNode("", true)])]),
               _: 1
@@ -21316,7 +21362,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7359377c"]]);
+  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fa437e7"]]);
   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.70",
+  "version": "1.0.72",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/BillCard.vue

@@ -8,13 +8,17 @@
                 </div>
                 <van-tag class="user-state" size="large" :color="userState2color(props.userState)">{{
                     userState2title(props.userState)
-                    }}</van-tag>
-                <van-tag class="process-state" mark plain size="large" :color="processState2color(props.processState)">{{
-                    processState2title(props.processState)
+                }}</van-tag>
+                <van-tag class="process-state" mark plain size="large"
+                    :color="processState2color(props.processState)">{{
+                        processState2title(props.processState)
                     }}</van-tag>
             </div>
 
-            <van-cell :title="item.title" :value="item.value" :border="false" v-for="(item,i) in props.fields" :key="i"/>
+            <van-cell :title="item.title" :value="item.value" :border="false" v-for="(item, i) in props.fields"
+                :key="i" />
+
+            <slot name="foot"></slot>
         </van-cell-group>
     </div>
 </template>
@@ -25,29 +29,29 @@ import util from '@/util'
 
 const props = defineProps({
     // 单据类型
-    category:{
-        type:String,
-        default:''
+    category: {
+        type: String,
+        default: ''
     },
     // 单号
-    no:{
-        type:String,
-        default:''
+    no: {
+        type: String,
+        default: ''
     },
     // 流程状态
-    processState:{
-        type:String,
-        default:''
+    processState: {
+        type: String,
+        default: ''
     },
     // 用户状态
-    userState:{
-        type:String,
-        default:''
+    userState: {
+        type: String,
+        default: ''
     },
     // 摘要字段
-    fields:{
-        type:Array,
-        default:[]
+    fields: {
+        type: Array,
+        default: []
     }
 })
 const data = reactive({
@@ -95,7 +99,7 @@ const userState2color = (state) => {
     }
 }
 
-const userState2title = (state)=>{
+const userState2title = (state) => {
     if (state == 'unstart') {
         return '未启动'
     } else if (state == 'started') {
@@ -119,38 +123,43 @@ const userState2title = (state)=>{
 
     .card-box {
         padding-bottom: 8px;
+
         .card-header {
             display: flex;
             align-items: center;
             justify-content: space-between;
             padding: 15px 10px;
             border-bottom: 1px solid #eee;
-            .card-sum{
-                flex:1;
+
+            .card-sum {
+                flex: 1;
                 font-size: 14px;
                 text-align: left;
             }
-            .user-state{
+
+            .user-state {
                 margin-right: 1px;
             }
         }
     }
 }
 
-:deep(.van-cell__value){
-    flex:2 !important;
+:deep(.van-cell__value) {
+    flex: 2 !important;
 }
 
-:deep(.van-cell__title){
+:deep(.van-cell__title) {
     font-size: 12px !important;
     color: #666 !important;
     text-align: left !important;
 }
-:deep(.van-cell__value){
+
+:deep(.van-cell__value) {
     font-size: 12px !important;
     color: #888 !important;
 }
-:deep(.van-cell){
+
+:deep(.van-cell) {
     padding: 2px 10px !important;
 }
 </style>