widget.qw 1.0.69 → 1.0.71

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-0c9127e8] .label {\n  color: #000 !important;\n}\n[data-v-0c9127e8] .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"
   };
@@ -18536,10 +18536,6 @@ var __async = (__this, __arguments, generator) => {
         modelValue.value = "";
         return Promise.resolve(e);
       };
-      const onPreview = (e) => {
-        console.log("onPreview", e);
-        window.open(e.url, "_blank");
-      };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
         if (!props.modelValue) {
           files.value = [];
@@ -18572,10 +18568,10 @@ var __async = (__this, __arguments, generator) => {
             accept: "image/jpeg,image/png",
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
-            deletable: !vue.unref(isDisabled),
+            deletable: !vue.unref(isReadonly) && !vue.unref(isDisabled),
             "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
-          }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            "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),
@@ -18583,17 +18579,17 @@ var __async = (__this, __arguments, generator) => {
             accept: "image/jpeg,image/png",
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
-            deletable: !vue.unref(isDisabled),
+            deletable: !vue.unref(isReadonly) && !vue.unref(isDisabled),
             "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
-          }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
+            "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-0c9127e8"]]);
-  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-8a570fc4] {\n  text-align: center;\n}\n.widget .btn[data-v-8a570fc4] {\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"
   };
@@ -18682,10 +18678,6 @@ var __async = (__this, __arguments, generator) => {
         emit("update:modelValue", newUrls);
         return Promise.resolve(e);
       };
-      const onPreview = (e) => {
-        console.log("onPreview", e);
-        window.open(e.url, "_blank");
-      };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
         if (!props.modelValue || props.modelValue.length < 1) {
           files.value = [];
@@ -18719,29 +18711,29 @@ 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,
-            onClickPreview: onPreview
-          }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            "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,
-            onClickPreview: onPreview
-          }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
+            "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-8a570fc4"]]);
-  var FilePicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-a0846250] .label {\n  color: #000 !important;\n}\n[data-v-a0846250] .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-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"
   };
@@ -18810,10 +18802,6 @@ var __async = (__this, __arguments, generator) => {
         modelValue.value = "";
         return Promise.resolve(e);
       };
-      const onPreview = (e) => {
-        console.log("onPreview", e);
-        window.open(e.url, "_blank");
-      };
       vue.watch(() => props.modelValue, (newVal, oldVal) => {
         if (!props.modelValue) {
           files.value = [];
@@ -18846,15 +18834,14 @@ var __async = (__this, __arguments, generator) => {
             accept: props.accept,
             "upload-icon": "plus",
             deletable: !vue.unref(isDisabled),
-            "before-delete": onBeforeDelete,
-            onClickPreview: onPreview
+            "before-delete": onBeforeDelete
           }, null, 8, ["modelValue", "disabled", "accept", "deletable"])])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a0846250"]]);
+  var FilePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-7352dfa0"]]);
   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"
@@ -18873,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 = {
@@ -19175,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,
@@ -19229,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 = {
@@ -19447,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,
@@ -19806,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"
   };
@@ -19930,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: {
@@ -20469,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"];
@@ -20687,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"])
@@ -21000,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"
   };
@@ -21017,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",
@@ -21031,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: {
@@ -21127,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;
@@ -21234,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"])
@@ -21286,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)}`,
@@ -21298,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
@@ -21306,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
@@ -21333,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.69",
+  "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/FilePicker.vue

@@ -4,8 +4,7 @@
         <template #input>
             <div class="image-box">
                 <van-uploader v-model="files" :max-count="1" :afterRead="onAfterRead" :disabled="isDisabled"
-                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
+                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete" />
             </div>
         </template>
     </van-field>
@@ -78,11 +77,6 @@ const onBeforeDelete = (e) => {
     return Promise.resolve(e)
 }
 
-const onPreview = (e) => {
-    console.log('onPreview', e)
-    window.open(e.url, "_blank");
-}
-
 watch(() => props.modelValue,
     (newVal, oldVal) => {
         if (!props.modelValue) {

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,12 +5,12 @@
             <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"
-                    @click-preview="onPreview" />
+                    :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"
-                    @click-preview="onPreview" />
+                    :afterRead="onAfterRead" :disabled="isDisabled" :deletable="!isReadonly && !isDisabled"
+                    :before-delete="onBeforeDelete" :show-upload="!isReadonly"
+                     />
             </div>
         </template>
     </van-field>
@@ -93,11 +93,6 @@ const onBeforeDelete = (e) => {
     return Promise.resolve(e)
 }
 
-const onPreview = (e) => {
-    console.log('onPreview', e)
-    window.open(e.url, "_blank");
-}
-
 watch(() => props.modelValue,
     (newVal, oldVal) => {
         if (!props.modelValue) {