widget.qw 1.0.70 → 1.0.71

package/build/style.css

@@ -387,18 +387,18 @@
   color: #969799;
   margin-right: 5px;
 }
-[data-v-b587c824] .label {
+[data-v-16be97a4] .label {
   color: #000 !important;
 }
-[data-v-b587c824] .van-field__control:disabled {
+[data-v-16be97a4] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;
   -webkit-text-fill-color: #000;
-}.widget[data-v-1b4c046a] {
+}.widget[data-v-8fca1c96] {
   text-align: center;
 }
-.widget .btn[data-v-1b4c046a] {
+.widget .btn[data-v-8fca1c96] {
   position: fixed;
   bottom: 1rem;
   left: 0;
@@ -614,43 +614,43 @@
 }
 }
 }
-.widget[data-v-68bdd6bc] {
+.widget[data-v-5f12f3e8] {
   background-color: white;
   border-radius: 8px;
   box-shadow: var(--van-dropdown-menu-shadow);
   color: 14px;
 }
-.widget .card-box[data-v-68bdd6bc] {
+.widget .card-box[data-v-5f12f3e8] {
   padding-bottom: 8px;
 }
-.widget .card-box .card-header[data-v-68bdd6bc] {
+.widget .card-box .card-header[data-v-5f12f3e8] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px 10px;
   border-bottom: 1px solid #eee;
 }
-.widget .card-box .card-header .card-sum[data-v-68bdd6bc] {
+.widget .card-box .card-header .card-sum[data-v-5f12f3e8] {
   flex: 1;
   font-size: 14px;
   text-align: left;
 }
-.widget .card-box .card-header .user-state[data-v-68bdd6bc] {
+.widget .card-box .card-header .user-state[data-v-5f12f3e8] {
   margin-right: 1px;
 }
-[data-v-68bdd6bc] .van-cell__value {
+[data-v-5f12f3e8] .van-cell__value {
   flex: 2 !important;
 }
-[data-v-68bdd6bc] .van-cell__title {
+[data-v-5f12f3e8] .van-cell__title {
   font-size: 12px !important;
   color: #666 !important;
   text-align: left !important;
 }
-[data-v-68bdd6bc] .van-cell__value {
+[data-v-5f12f3e8] .van-cell__value {
   font-size: 12px !important;
   color: #888 !important;
 }
-[data-v-68bdd6bc] .van-cell {
+[data-v-5f12f3e8] .van-cell {
   padding: 2px 10px !important;
 }[data-v-d8d21ade] .label {
   color: #000 !important;
@@ -840,14 +840,14 @@
 }
 .widget .readonly-field[data-v-0c8e09c0] {
   margin: 4px 0;
-}.widget[data-v-7359377c] {
+}.widget[data-v-1fa437e7] {
   background: #fff;
   box-sizing: border-box;
   height: 100%;
   text-align: left;
   font-size: 12px;
 }
-.option[data-v-7359377c] {
+.option[data-v-1fa437e7] {
   margin: 0 8px 8px 0;
   padding: 5px 10px;
   border-radius: 6px;
@@ -857,16 +857,16 @@
   display: inline-block;
   position: relative;
 }
-[data-v-7359377c] .van-field__label {
+[data-v-1fa437e7] .van-field__label {
   margin: auto;
 }
-[data-v-7359377c] .van-cell {
+[data-v-1fa437e7] .van-cell {
   font-size: 12px;
   padding: 5px 5px;
 }
-[data-v-7359377c] .van-icon {
+[data-v-1fa437e7] .van-icon {
   font-size: 12px;
 }
-[data-v-7359377c] .van-popup .van-cell {
+[data-v-1fa437e7] .van-popup .van-cell {
   padding: 5px 25px;
 }

package/build/widget.qw.es.js

@@ -17586,10 +17586,10 @@ const _hoisted_5$7 = {
 };
 const _hoisted_6$6 = /* @__PURE__ */ createTextVNode(" \u53D6\u6D88 ");
 const _hoisted_7$6 = /* @__PURE__ */ 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"];
@@ -17891,7 +17891,7 @@ const _sfc_main$l = {
           clearable: "",
           placeholder: "\u8BF7\u8F93\u5165\u90E8\u95E8\u540D\u79F0\u641C\u7D22",
           class: "search-field"
-        }, null, 8, ["modelValue"]), createElementVNode("div", _hoisted_8$4, [createVNode(_component_van_cell_group, null, {
+        }, null, 8, ["modelValue"]), createElementVNode("div", _hoisted_8$5, [createVNode(_component_van_cell_group, null, {
           default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredDepartments), (item, index) => {
             return openBlock(), createBlock(_component_van_cell, {
               key: index,
@@ -17900,7 +17900,7 @@ const _sfc_main$l = {
             }, {
               title: withCtx(() => {
                 var _a, _b;
-                return [createElementVNode("div", _hoisted_9$2, [createElementVNode("div", {
+                return [createElementVNode("div", _hoisted_9$3, [createElementVNode("div", {
                   class: normalizeClass(["circle-selector", {
                     "selected": ((_a = tempSelectedDepartment.value) == null ? void 0 : _a.id) === item.id
                   }]),
@@ -17948,8 +17948,8 @@ const _hoisted_6$5 = {
   class: "header-right"
 };
 const _hoisted_7$5 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
-const _hoisted_8$3 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
-const _hoisted_9$1 = {
+const _hoisted_8$4 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
+const _hoisted_9$2 = {
   key: 0,
   class: "select-all-container"
 };
@@ -18350,9 +18350,9 @@ const _sfc_main$k = {
           onClick: confirmSelection,
           class: "confirm-btn"
         }, {
-          default: withCtx(() => [_hoisted_8$3]),
+          default: withCtx(() => [_hoisted_8$4]),
           _: 1
-        })])]), __props.mode === "multiple" ? (openBlock(), createElementBlock("div", _hoisted_9$1, [createVNode(_component_van_checkbox, {
+        })])]), __props.mode === "multiple" ? (openBlock(), createElementBlock("div", _hoisted_9$2, [createVNode(_component_van_checkbox, {
           shape: "square",
           modelValue: isAllChecked.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isAllChecked.value = $event),
@@ -18456,7 +18456,7 @@ const _sfc_main$k = {
   }
 };
 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"
 };
@@ -18565,9 +18565,10 @@ const _sfc_main$j = {
           accept: "image/jpeg,image/png",
           afterRead: onAfterRead,
           disabled: unref(isDisabled),
-          deletable: !unref(isDisabled),
-          "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (openBlock(), createBlock(_component_van_uploader, {
+          deletable: !unref(isReadonly) && !unref(isDisabled),
+          "before-delete": onBeforeDelete,
+          "show-upload": !unref(isReadonly)
+        }, null, 8, ["modelValue", "capture", "disabled", "deletable", "show-upload"])) : (openBlock(), createBlock(_component_van_uploader, {
           key: 1,
           modelValue: files.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
@@ -18575,16 +18576,17 @@ const _sfc_main$j = {
           accept: "image/jpeg,image/png",
           afterRead: onAfterRead,
           disabled: unref(isDisabled),
-          deletable: !unref(isDisabled),
-          "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
+          deletable: !unref(isReadonly) && !unref(isDisabled),
+          "before-delete": onBeforeDelete,
+          "show-upload": !unref(isReadonly)
+        }, null, 8, ["modelValue", "disabled", "deletable", "show-upload"]))])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : 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"
 };
@@ -18706,26 +18708,28 @@ const _sfc_main$i = {
           capture: props.capture,
           accept: "image/jpeg,image/png",
           disabled: unref(isDisabled),
-          deletable: !unref(isDisabled),
+          deletable: !unref(isRequired) && !unref(isDisabled),
           afterRead: onAfterRead,
-          "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (openBlock(), createBlock(_component_van_uploader, {
+          "before-delete": onBeforeDelete,
+          "show-upload": !unref(isReadonly)
+        }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable", "show-upload"])) : (openBlock(), 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: unref(isDisabled),
-          deletable: !unref(isDisabled),
+          deletable: !unref(isReadonly) && !unref(isDisabled),
           afterRead: onAfterRead,
-          "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
+          "before-delete": onBeforeDelete,
+          "show-upload": !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 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}")();
 const _hoisted_1$b = {
   class: "image-box"
@@ -18853,7 +18857,7 @@ const _hoisted_5$5 = {
 };
 const _hoisted_6$4 = /* @__PURE__ */ createTextVNode("\u6E05\u7A7A");
 const _hoisted_7$4 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
-const _hoisted_8$2 = {
+const _hoisted_8$3 = {
   class: "scroll-container"
 };
 const _sfc_main$g = {
@@ -19155,7 +19159,7 @@ const _sfc_main$g = {
             onClick: handleSearch
           }, "\u641C\u7D22")]),
           _: 1
-        }, 8, ["modelValue"]), createElementVNode("div", _hoisted_8$2, [createVNode(_component_van_cell_group, null, {
+        }, 8, ["modelValue"]), createElementVNode("div", _hoisted_8$3, [createVNode(_component_van_cell_group, null, {
           default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(departments), (department) => {
             return openBlock(), createBlock(_component_van_cell, {
               key: department.id,
@@ -19209,7 +19213,7 @@ const _hoisted_5$4 = {
 };
 const _hoisted_6$3 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _hoisted_7$3 = /* @__PURE__ */ createTextVNode("\u786E\u5B9A");
-const _hoisted_8$1 = {
+const _hoisted_8$2 = {
   class: "scroll-container"
 };
 const _sfc_main$f = {
@@ -19427,7 +19431,7 @@ const _sfc_main$f = {
             onClick: onSearch
           }, "\u641C\u7D22")]),
           _: 1
-        }, 8, ["modelValue", "onClear", "onCancel"]), createElementVNode("div", _hoisted_8$1, [createVNode(_component_van_cell_group, null, {
+        }, 8, ["modelValue", "onClear", "onCancel"]), createElementVNode("div", _hoisted_8$2, [createVNode(_component_van_cell_group, null, {
           default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(subDepts), (dept) => {
             return openBlock(), createBlock(_component_van_cell, {
               key: dept.id,
@@ -19786,7 +19790,7 @@ const _sfc_main$c = {
   }
 };
 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"
 };
@@ -19910,13 +19914,13 @@ const _sfc_main$b = {
             border: false,
             key: i
           }, null, 8, ["title", "value"]);
-        }), 128))]),
-        _: 1
+        }), 128)), 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: {
@@ -20449,10 +20453,10 @@ const _hoisted_5$1 = {
 };
 const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _hoisted_7$1 = /* @__PURE__ */ 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"];
@@ -20667,12 +20671,12 @@ const _sfc_main$3 = {
             onClick: onSearch
           }, "\u641C\u7D22")]),
           _: 1
-        }, 8, ["modelValue", "placeholder"]), createElementVNode("div", _hoisted_8, [createVNode(_component_van_cell_group, null, {
+        }, 8, ["modelValue", "placeholder"]), createElementVNode("div", _hoisted_8$1, [createVNode(_component_van_cell_group, null, {
           default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(optionNodes), (item, i) => {
             return openBlock(), createBlock(_component_van_cell, {
               key: i
             }, createSlots({
-              title: withCtx(() => [createElementVNode("div", _hoisted_9, [item.canCheck ? (openBlock(), createElementBlock("div", {
+              title: withCtx(() => [createElementVNode("div", _hoisted_9$1, [item.canCheck ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: "circle-selector",
                 onClick: withModifiers(($event) => onToggle(item), ["stop"])
@@ -20980,7 +20984,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-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"
 };
@@ -20997,13 +21001,19 @@ const _hoisted_3 = {
   }
 };
 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",
@@ -21011,8 +21021,8 @@ const _hoisted_5 = {
     "justify-content": "center"
   }
 };
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
-const _hoisted_7 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
+const _hoisted_8 = /* @__PURE__ */ createTextVNode("\u4FDD\u5B58");
+const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
 const _sfc_main = {
   __name: "ObjsEditor",
   props: {
@@ -21107,7 +21117,9 @@ const _sfc_main = {
       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;
@@ -21214,8 +21226,12 @@ const _sfc_main = {
                 "padding": "2px 2px",
                 "font-size": "12px"
               }
-            }, toDisplayString(`${key2name(k)}:${key2value(k, item)}`), 1);
-          }), 128))]), createElementVNode("div", _hoisted_4, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (openBlock(), createBlock(_component_van_icon, {
+            }, [props.schema[k].type != "Images" ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(`${key2name(k)}:${key2value(k, item)}`), 1)) : (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(ImagesPicker, {
+              modelValue: item[k],
+              "onUpdate:modelValue": ($event) => item[k] = $event,
+              readonly: ""
+            }, null, 8, ["modelValue", "onUpdate:modelValue"])]))]);
+          }), 128))]), createElementVNode("div", _hoisted_6, [props.schema.auth != "readonly" && props.auth != "readonly" && props.auth != "disabled" ? (openBlock(), createBlock(_component_van_icon, {
             key: 0,
             name: "edit",
             onClick: withModifiers(($event) => onEdit(index), ["stop"])
@@ -21266,9 +21282,13 @@ const _sfc_main = {
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     placeholder: "\u9009\u62E9\u65F6\u95F4"
-                  }, 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, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Images" ? (openBlock(), createBlock(ImagesPicker, {
                     key: 4,
                     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, {
+                    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)}`,
@@ -21278,7 +21298,7 @@ const _sfc_main = {
                     },
                     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, {
-                    key: 5,
+                    key: 6,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     schema: props.schema[key].schema
@@ -21286,19 +21306,19 @@ const _sfc_main = {
                 }),
                 _: 2
               }, 1032, ["label", "required", "disabled"])), [[vShow, props.schema[key].auth != "gone"]]);
-            }), 128)), createElementVNode("div", _hoisted_5, [data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
+            }), 128)), createElementVNode("div", _hoisted_7, [data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
               key: 0,
               onClick: onInputConfirm,
               size: "mini"
             }, {
-              default: withCtx(() => [_hoisted_6]),
+              default: withCtx(() => [_hoisted_8]),
               _: 1
             })) : createCommentVNode("", true), data2.isShowInput ? (openBlock(), createBlock(_component_van_button, {
               key: 1,
               onClick: onInputCancel,
               size: "mini"
             }, {
-              default: withCtx(() => [_hoisted_7]),
+              default: withCtx(() => [_hoisted_9]),
               _: 1
             })) : createCommentVNode("", true)])]),
             _: 1
@@ -21313,7 +21333,7 @@ const _sfc_main = {
     };
   }
 };
-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/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,26 +18711,28 @@ 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 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}")();
   const _hoisted_1$b = {
     class: "image-box"
@@ -18856,7 +18860,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 +19162,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 +19216,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 +19434,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 +19793,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 +19917,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 +20456,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 +20674,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 +20987,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 +21004,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 +21024,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 +21120,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 +21229,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 +21285,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 +21301,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 +21309,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 +21336,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.71",
   "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>

package/src/components/ObjsEditor.vue

@@ -8,7 +8,12 @@
                         <van-icon name="arrow-left" @click.stop="onForward(index)" />
                         <div style="padding: 5px 5px;">
                             <div v-for="(k, j) in visiableKeys" :key="j" style="padding:2px 2px;font-size: 12px;">
-                                {{ `${key2name(k)}:${key2value(k, item)}` }}
+                                <div v-if="props.schema[k].type != 'Images'">
+                                    {{ `${key2name(k)}:${key2value(k, item)}` }}
+                                </div>
+                                <div v-else>
+                                    <ImagesPicker v-model="item[k]" readonly/>
+                                </div>
                             </div>
                         </div>
 
@@ -45,6 +50,9 @@
                                 <DatetimePicker v-if="props.schema[key].type == 'Datetime'"
                                     v-model="data.inputValue[key]" placeholder="选择时间" />
 
+                                <ImagesPicker v-if="props.schema[key].type == 'Images'"
+                                    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="{
@@ -77,6 +85,7 @@ import { useVModel } from '@vueuse/core'
 import util from '@/util'
 import DatetimePicker from './DatetimePicker/index.vue'
 import DateSelector from './data_selector.vue'
+import ImagesPicker from './images_picker.vue'
 
 const props = defineProps({
     modelValue: {
@@ -176,7 +185,10 @@ const key2value = (key, item) => {
     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 => {
                 console.log(props.schema[key])

package/src/components/image_picker.vue

@@ -5,11 +5,11 @@
             <div class="image-box">
                 <van-uploader v-if="props.capture" v-model="files" :max-count="1" :capture="props.capture"
                     accept="image/jpeg,image/png" :afterRead="onAfterRead" :disabled="isDisabled"
-                    :deletable="!isDisabled" :before-delete="onBeforeDelete"
+                    :deletable="!isReadonly && !isDisabled" :before-delete="onBeforeDelete" :show-upload="!isReadonly"
                      />
                 <van-uploader v-else v-model="files" :max-count="1" accept="image/jpeg,image/png"
-                    :afterRead="onAfterRead" :disabled="isDisabled" :deletable="!isDisabled"
-                    :before-delete="onBeforeDelete"
+                    :afterRead="onAfterRead" :disabled="isDisabled" :deletable="!isReadonly && !isDisabled"
+                    :before-delete="onBeforeDelete" :show-upload="!isReadonly"
                      />
             </div>
         </template>

package/src/components/images_picker.vue

@@ -4,11 +4,11 @@
         <template #input>
             <div class="image-box">
                 <van-uploader v-if="props.capture" v-model="files" :max-count="props.max" :capture="props.capture"
-                    accept="image/jpeg,image/png" :disabled="isDisabled" :deletable="!isDisabled"
-                    :afterRead="onAfterRead" :before-delete="onBeforeDelete" />
+                    accept="image/jpeg,image/png" :disabled="isDisabled" :deletable="!isRequired && !isDisabled"
+                    :afterRead="onAfterRead" :before-delete="onBeforeDelete" :show-upload="!isReadonly"/>
                 <van-uploader v-else v-model="files" :max-count="props.max" accept="image/jpeg,image/png"
-                    :disabled="isDisabled" :deletable="!isDisabled" :afterRead="onAfterRead"
-                    :before-delete="onBeforeDelete" />
+                    :disabled="isDisabled" :deletable="!isReadonly && !isDisabled" :afterRead="onAfterRead"
+                    :before-delete="onBeforeDelete" :show-upload="!isReadonly"/>
             </div>
         </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/billcard/index.vue

@@ -1,11 +1,14 @@
 <template>
     <div class="page">
-        <widget-qw-bill-card
-            :category="data.category"
-            :no="data.no"
-            :userState="data.loginUserState"
-            :processState="data.processState"
-            :fields="data.fields" />
+        <widget-qw-bill-card :category="data.category" :no="data.no" :userState="data.loginUserState"
+            :processState="data.processState" :fields="data.fields">
+
+            <template #foot>
+                <div style="text-align: right;">
+                    <van-button type="warning" size="small">警告按钮</van-button>
+                </div>
+            </template>
+        </widget-qw-bill-card>
     </div>
 </template>
 
@@ -13,21 +16,21 @@
 import { onMounted, reactive, watch } from "vue";
 
 const data = reactive({
-    category:'作业单',
+    category: '作业单',
     no: '123',
-    loginUserState:'pass',
+    loginUserState: 'pass',
     processState: 'finish_pass',
-    fields:[{
+    fields: [{
         title: '字段1',
         value: '一号门与二号门之间前花园1',
-    },{
+    }, {
         title: '字段2',
         value: '一号门与二号门之间前花园2',
     }]
 })
 
-watch(()=>data.codes,(newVal,oldVal)=>{
-    console.log(newVal,oldVal) 
+watch(() => data.codes, (newVal, oldVal) => {
+    console.log(newVal, oldVal)
 })
 </script>
 

package/src/views/imagespicker/index.vue

@@ -8,8 +8,8 @@
 import { onMounted, reactive, watch } from "vue";
 
 const data = reactive({
-  auth:'require',
-  urls: ''
+  auth:'readonly',
+  urls: ['http://www.zjpsjdsb.online/static//HrMi9Q2J.png']
 })
 
 watch(()=>data.url,(newVal,oldVal)=>{

package/src/views/objseditor/index.vue

@@ -53,6 +53,12 @@ const data = reactive({
             default: 1,
             auth: 'required',
         },
+        images: {
+            label: '图片',
+            type: 'Images',
+            default: [],
+            auth: 'required',
+        },
         materials: {
             label: '材料表',
             type: 'Array',

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"]
+}