widget.qw 1.0.72 → 1.0.74

package/build/style.css

@@ -99,31 +99,31 @@
   opacity: 1;
   -webkit-text-fill-color: #000;
 }
-.popup-style[data-v-3925cc28] {
+.popup-style[data-v-8faf288e] {
   height: 21.25rem;
 }
-.showMultipleButton[data-v-3925cc28] {
+.showMultipleButton[data-v-8faf288e] {
   padding-bottom: 0;
 }
-.showMultipleButton .van-button[data-v-3925cc28] {
+.showMultipleButton .van-button[data-v-8faf288e] {
   border: 0;
 }
-.flex-between[data-v-3925cc28] {
+.flex-between[data-v-8faf288e] {
   padding: 10px;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.bold[data-v-3925cc28] {
+.bold[data-v-8faf288e] {
   font-weight: bold;
   color: #444;
 }
-.checkbox-style[data-v-3925cc28] {
+.checkbox-style[data-v-8faf288e] {
   /* height: 220px; */
-  height: calc(220px - 30px); 
+  height: calc(220px - 30px);
   overflow-y: auto;
 }
-.select-all-container[data-v-3925cc28] {
+.select-all-container[data-v-8faf288e] {
   font-size: 14px;
   padding: 0 16px;
   margin: 10px 0;
@@ -131,15 +131,14 @@
   justify-content: flex-end;
   align-items: center;
 }
-.select-all-container .van-checkbox[data-v-3925cc28] {
+.select-all-container .van-checkbox[data-v-8faf288e] {
   margin-left: auto;
 }
 
 /* 新增：调整方形复选框的边距 */
-.van-checkbox--square[data-v-3925cc28] {
+.van-checkbox--square[data-v-8faf288e] {
   margin-left: 8px;
 }
- 
 
 /* // 修改 confirmation-group 和 confirmation-item 的样式 */
 .confirmation-group[data-v-40a09897] {
@@ -840,14 +839,14 @@
 }
 .widget .readonly-field[data-v-0c8e09c0] {
   margin: 4px 0;
-}.widget[data-v-1fa437e7] {
+}.widget[data-v-222a5036] {
   background: #fff;
   box-sizing: border-box;
   height: 100%;
   text-align: left;
   font-size: 12px;
 }
-.option[data-v-1fa437e7] {
+.option[data-v-222a5036] {
   margin: 0 8px 8px 0;
   padding: 5px 10px;
   border-radius: 6px;
@@ -857,16 +856,16 @@
   display: inline-block;
   position: relative;
 }
-[data-v-1fa437e7] .van-field__label {
+[data-v-222a5036] .van-field__label {
   margin: auto;
 }
-[data-v-1fa437e7] .van-cell {
+[data-v-222a5036] .van-cell {
   font-size: 12px;
   padding: 5px 5px;
 }
-[data-v-1fa437e7] .van-icon {
+[data-v-222a5036] .van-icon {
   font-size: 12px;
 }
-[data-v-1fa437e7] .van-popup .van-cell {
+[data-v-222a5036] .van-popup .van-cell {
   padding: 5px 25px;
 }

package/build/widget.qw.es.js

@@ -17181,7 +17181,7 @@ const _sfc_main$o = {
     };
   }
 };
-var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-3925cc28] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-3925cc28] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-3925cc28] {\r\n  border: 0;\n}\n.flex-between[data-v-3925cc28] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-3925cc28] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-3925cc28] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px); \r\n  overflow-y: auto;\n}\n.select-all-container[data-v-3925cc28] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-3925cc28] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-3925cc28] {\r\n  margin-left: 8px;\n}\r\n \r\n")();
+var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-8faf288e] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-8faf288e] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-8faf288e] {\r\n  border: 0;\n}\n.flex-between[data-v-8faf288e] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-8faf288e] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-8faf288e] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px);\r\n  overflow-y: auto;\n}\n.select-all-container[data-v-8faf288e] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-8faf288e] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-8faf288e] {\r\n  margin-left: 8px;\n}\r\n")();
 const _hoisted_1$h = {
   class: "pad10 flex-between showMultipleButton"
 };
@@ -17249,6 +17249,11 @@ const _sfc_main$n = {
       isGone,
       isDisabled
     } = util.props2auth(props);
+    const rightIcon = computed(() => {
+      if (isReadonly.value || isDisabled.value)
+        return "";
+      return "arrow";
+    });
     const selectedItems = ref([]);
     const selectdItemsLabel = computed(() => {
       if (!selectedItems.value)
@@ -17299,6 +17304,15 @@ const _sfc_main$n = {
         reShow();
       });
     });
+    const onClear = () => {
+      console.log("11111111111111");
+      selectedItems.value = [];
+      if (props.multiple) {
+        emit("update:modelValue", []);
+      } else {
+        emit("update:modelValue", null);
+      }
+    };
     const toggle = (index) => {
       checkboxRefs.value[index].toggle();
     };
@@ -17387,14 +17401,14 @@ const _sfc_main$n = {
         rows: "1",
         autosize: "",
         modelValue: unref(selectdItemsLabel),
-        readonly: "",
         clearable: "",
         required: unref(isRequired),
         label: __props.label,
         name: __props.name
       }, _ctx.$attrs, {
-        onClick: showPopup,
-        "right-icon": unref(isReadonly) ? "" : "arrow",
+        onClickRightIcon: showPopup,
+        onClear,
+        "right-icon": unref(rightIcon),
         rules: props.rules,
         class: {
           "disabled-field": unref(isReadonly)
@@ -17493,7 +17507,7 @@ const _sfc_main$n = {
     };
   }
 };
-var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3925cc28"]]);
+var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8faf288e"]]);
 var mult_list_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\r\n/* // \u4FEE\u6539 confirmation-group \u548C confirmation-item \u7684\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  padding: 0 16px;\r\n  --van-checkbox-disabled-icon-color: black;\n}\n.confirmation-item[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  margin: 0 -16px;\r\n  border-bottom: 1px solid #f5f5f5;\r\n  /* \u7981\u7528\u72B6\u6001\u6837\u5F0F */\n}\r\n\r\n/* // \u5728\u4E0B\u65B9\u6DFB\u52A0\u5A92\u4F53\u67E5\u8BE2\u9002\u914D\u5C0F\u5C4F\u5E55 */\n@media (max-width: 320px) {\n.confirmation-item[data-v-40a09897] {\r\n    padding: 12px 8px;\r\n    margin: 0 -8px;\n}\n}\n.confirmation-item[data-v-40a09897]:last-child {\r\n  border-bottom: none;\n}\r\n\r\n/* \u65B0\u589E\u6837\u5F0F */\n.confirmation-tips[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  background: #f0faff;\r\n  border-radius: 8px;\r\n  margin: 10px 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  color: #1989fa;\r\n  font-size: 13px;\r\n  border: 1px solid #d9efff;\n}\n.confirmation-tips .van-icon[data-v-40a09897] {\r\n  margin-right: 8px;\n}\r\n\r\n/* \u65B0\u589E\u5B57\u4F53\u7EE7\u627F\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  font-size: inherit;  /* \u7EE7\u627F\u7236\u7EA7\u5B57\u4F53\u5927\u5C0F */\n}\n.option-text[data-v-40a09897] {\r\n  font-size: 14px;  /* \u660E\u786E\u6307\u5B9A\u5B57\u4F53\u5927\u5C0F */\r\n  line-height: 1.5;  /* \u4FDD\u6301\u884C\u9AD8\u4E00\u81F4 */\r\n  /* color:black; */\n}\r\n\r\n/* \u9002\u914D\u79FB\u52A8\u7AEF\u7684\u5B57\u4F53\u8C03\u6574 */\n@media (max-width: 375px) {\n.option-text[data-v-40a09897] {\r\n    font-size: 13px;\n}\n}\r\n\r\n/* \u65B0\u589E\u7981\u7528\u72B6\u6001\u6837\u5F0F */\n.custom-checkbox[data-v-40a09897]:disabled .--van-checkbox__icon {\r\n  background-color: #f5f5f5;\r\n  border-color: #ebedf0;\r\n  transition: all 0.3s;\n}\n.custom-checkbox[data-v-40a09897]:disabled .van-checkbox__icon--checked {\r\n  background-color: #1989fa;\r\n  border-color: #1989fa;\r\n  opacity: 0.7;\n}\n.van-checkbox--disabled[data-v-40a09897] .option-text {\r\n  color: #969799;\n}\n.van-checkbox--disabled.van-checkbox--checked[data-v-40a09897] .option-text {\r\n  color: #1989fa;\r\n  opacity: 0.8;\n}\r\n")();
 const _hoisted_1$g = {
   key: 0,
@@ -21010,7 +21024,7 @@ const _sfc_main$1 = {
   }
 };
 var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1fa437e7] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-1fa437e7] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-1fa437e7] .van-field__label {\n  margin: auto;\n}\n[data-v-1fa437e7] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-1fa437e7] .van-icon {\n  font-size: 12px;\n}\n[data-v-1fa437e7] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
+var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-222a5036] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-222a5036] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-222a5036] .van-field__label {\n  margin: auto;\n}\n[data-v-222a5036] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-222a5036] .van-icon {\n  font-size: 12px;\n}\n[data-v-222a5036] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
 const _hoisted_1 = {
   class: "widget-box"
 };
@@ -21286,12 +21300,14 @@ const _sfc_main = {
                   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
                   return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (openBlock(), createBlock(_component_van_field, {
                     key: 0,
+                    disabled: props.schema[key].auth === "readonly",
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                     type: "text"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (openBlock(), createBlock(_component_van_field, {
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (openBlock(), createBlock(_component_van_field, {
                     key: 1,
+                    disabled: props.schema[key].auth === "readonly",
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     modelModifiers: {
@@ -21299,23 +21315,27 @@ const _sfc_main = {
                     },
                     placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                     type: "number"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Boolean" ? (openBlock(), createBlock(_component_van_switch, {
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : createCommentVNode("", true), props.schema[key].type == "Boolean" ? (openBlock(), createBlock(_component_van_switch, {
                     key: 2,
+                    disabled: props.schema[key].auth === "readonly",
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Datetime" ? (openBlock(), createBlock(_sfc_main$o, {
+                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Datetime" ? (openBlock(), createBlock(_sfc_main$o, {
                     key: 3,
+                    auth: props.schema[key].auth,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     placeholder: "\u9009\u62E9\u65F6\u95F4"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Images" ? (openBlock(), createBlock(ImagesPicker, {
+                  }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), props.schema[key].type == "Images" ? (openBlock(), createBlock(ImagesPicker, {
                     key: 4,
+                    auth: props.schema[key].auth,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (openBlock(), createBlock(DataSelector, {
+                  }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (openBlock(), createBlock(DataSelector, {
                     key: 5,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                    auth: props.schema[key].auth,
                     options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
                     placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                     columnsFieldNames: {
@@ -21323,12 +21343,13 @@ const _sfc_main = {
                       value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
                     },
                     onSelect: ($event) => onChangeOption(key)
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (openBlock(), createBlock(_component_ObjsEditor, {
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "auth", "options", "placeholder", "columnsFieldNames", "onSelect"])) : createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (openBlock(), createBlock(_component_ObjsEditor, {
                     key: 6,
+                    auth: props.schema[key].auth,
                     modelValue: data2.inputValue[key],
                     "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                     schema: props.schema[key].schema
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : createCommentVNode("", true)];
+                  }, null, 8, ["auth", "modelValue", "onUpdate:modelValue", "schema"])) : createCommentVNode("", true)];
                 }),
                 _: 2
               }, 1032, ["label", "required", "disabled"])), [[vShow, props.schema[key].auth != "gone"]]);
@@ -21359,7 +21380,7 @@ const _sfc_main = {
     };
   }
 };
-var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fa437e7"]]);
+var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-222a5036"]]);
 const secret_notify = () => {
   showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
 };

package/build/widget.qw.umd.js

@@ -17184,7 +17184,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-3925cc28] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-3925cc28] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-3925cc28] {\r\n  border: 0;\n}\n.flex-between[data-v-3925cc28] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-3925cc28] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-3925cc28] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px); \r\n  overflow-y: auto;\n}\n.select-all-container[data-v-3925cc28] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-3925cc28] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-3925cc28] {\r\n  margin-left: 8px;\n}\r\n \r\n")();
+  var data_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\n.popup-style[data-v-8faf288e] {\r\n  height: 21.25rem;\n}\n.showMultipleButton[data-v-8faf288e] {\r\n  padding-bottom: 0;\n}\n.showMultipleButton .van-button[data-v-8faf288e] {\r\n  border: 0;\n}\n.flex-between[data-v-8faf288e] {\r\n  padding: 10px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\n}\n.bold[data-v-8faf288e] {\r\n  font-weight: bold;\r\n  color: #444;\n}\n.checkbox-style[data-v-8faf288e] {\r\n  /* height: 220px; */\r\n  height: calc(220px - 30px);\r\n  overflow-y: auto;\n}\n.select-all-container[data-v-8faf288e] {\r\n  font-size: 14px;\r\n  padding: 0 16px;\r\n  margin: 10px 0;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\n}\n.select-all-container .van-checkbox[data-v-8faf288e] {\r\n  margin-left: auto;\n}\r\n\r\n/* \u65B0\u589E\uFF1A\u8C03\u6574\u65B9\u5F62\u590D\u9009\u6846\u7684\u8FB9\u8DDD */\n.van-checkbox--square[data-v-8faf288e] {\r\n  margin-left: 8px;\n}\r\n")();
   const _hoisted_1$h = {
     class: "pad10 flex-between showMultipleButton"
   };
@@ -17252,6 +17252,11 @@ var __async = (__this, __arguments, generator) => {
         isGone,
         isDisabled
       } = util.props2auth(props);
+      const rightIcon = vue.computed(() => {
+        if (isReadonly.value || isDisabled.value)
+          return "";
+        return "arrow";
+      });
       const selectedItems = vue.ref([]);
       const selectdItemsLabel = vue.computed(() => {
         if (!selectedItems.value)
@@ -17302,6 +17307,15 @@ var __async = (__this, __arguments, generator) => {
           reShow();
         });
       });
+      const onClear = () => {
+        console.log("11111111111111");
+        selectedItems.value = [];
+        if (props.multiple) {
+          emit("update:modelValue", []);
+        } else {
+          emit("update:modelValue", null);
+        }
+      };
       const toggle = (index) => {
         checkboxRefs.value[index].toggle();
       };
@@ -17390,14 +17404,14 @@ var __async = (__this, __arguments, generator) => {
           rows: "1",
           autosize: "",
           modelValue: vue.unref(selectdItemsLabel),
-          readonly: "",
           clearable: "",
           required: vue.unref(isRequired),
           label: __props.label,
           name: __props.name
         }, _ctx.$attrs, {
-          onClick: showPopup,
-          "right-icon": vue.unref(isReadonly) ? "" : "arrow",
+          onClickRightIcon: showPopup,
+          onClear,
+          "right-icon": vue.unref(rightIcon),
           rules: props.rules,
           class: {
             "disabled-field": vue.unref(isReadonly)
@@ -17496,7 +17510,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-3925cc28"]]);
+  var DataSelector = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-8faf288e"]]);
   var mult_list_selector_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "\r\n/* // \u4FEE\u6539 confirmation-group \u548C confirmation-item \u7684\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  padding: 0 16px;\r\n  --van-checkbox-disabled-icon-color: black;\n}\n.confirmation-item[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  margin: 0 -16px;\r\n  border-bottom: 1px solid #f5f5f5;\r\n  /* \u7981\u7528\u72B6\u6001\u6837\u5F0F */\n}\r\n\r\n/* // \u5728\u4E0B\u65B9\u6DFB\u52A0\u5A92\u4F53\u67E5\u8BE2\u9002\u914D\u5C0F\u5C4F\u5E55 */\n@media (max-width: 320px) {\n.confirmation-item[data-v-40a09897] {\r\n    padding: 12px 8px;\r\n    margin: 0 -8px;\n}\n}\n.confirmation-item[data-v-40a09897]:last-child {\r\n  border-bottom: none;\n}\r\n\r\n/* \u65B0\u589E\u6837\u5F0F */\n.confirmation-tips[data-v-40a09897] {\r\n  padding: 12px 16px;\r\n  background: #f0faff;\r\n  border-radius: 8px;\r\n  margin: 10px 16px;\r\n  display: flex;\r\n  align-items: center;\r\n  color: #1989fa;\r\n  font-size: 13px;\r\n  border: 1px solid #d9efff;\n}\n.confirmation-tips .van-icon[data-v-40a09897] {\r\n  margin-right: 8px;\n}\r\n\r\n/* \u65B0\u589E\u5B57\u4F53\u7EE7\u627F\u6837\u5F0F */\n.confirmation-group[data-v-40a09897] {\r\n  font-size: inherit;  /* \u7EE7\u627F\u7236\u7EA7\u5B57\u4F53\u5927\u5C0F */\n}\n.option-text[data-v-40a09897] {\r\n  font-size: 14px;  /* \u660E\u786E\u6307\u5B9A\u5B57\u4F53\u5927\u5C0F */\r\n  line-height: 1.5;  /* \u4FDD\u6301\u884C\u9AD8\u4E00\u81F4 */\r\n  /* color:black; */\n}\r\n\r\n/* \u9002\u914D\u79FB\u52A8\u7AEF\u7684\u5B57\u4F53\u8C03\u6574 */\n@media (max-width: 375px) {\n.option-text[data-v-40a09897] {\r\n    font-size: 13px;\n}\n}\r\n\r\n/* \u65B0\u589E\u7981\u7528\u72B6\u6001\u6837\u5F0F */\n.custom-checkbox[data-v-40a09897]:disabled .--van-checkbox__icon {\r\n  background-color: #f5f5f5;\r\n  border-color: #ebedf0;\r\n  transition: all 0.3s;\n}\n.custom-checkbox[data-v-40a09897]:disabled .van-checkbox__icon--checked {\r\n  background-color: #1989fa;\r\n  border-color: #1989fa;\r\n  opacity: 0.7;\n}\n.van-checkbox--disabled[data-v-40a09897] .option-text {\r\n  color: #969799;\n}\n.van-checkbox--disabled.van-checkbox--checked[data-v-40a09897] .option-text {\r\n  color: #1989fa;\r\n  opacity: 0.8;\n}\r\n")();
   const _hoisted_1$g = {
     key: 0,
@@ -21013,7 +21027,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c8e09c0"]]);
-  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1fa437e7] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-1fa437e7] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-1fa437e7] .van-field__label {\n  margin: auto;\n}\n[data-v-1fa437e7] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-1fa437e7] .van-icon {\n  font-size: 12px;\n}\n[data-v-1fa437e7] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
+  var ObjsEditor_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-222a5036] {\n  background: #fff;\n  box-sizing: border-box;\n  height: 100%;\n  text-align: left;\n  font-size: 12px;\n}\n.option[data-v-222a5036] {\n  margin: 0 8px 8px 0;\n  padding: 5px 10px;\n  border-radius: 6px;\n  border: 2px solid #e1e1e1;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  color: #666;\n  display: inline-block;\n  position: relative;\n}\n[data-v-222a5036] .van-field__label {\n  margin: auto;\n}\n[data-v-222a5036] .van-cell {\n  font-size: 12px;\n  padding: 5px 5px;\n}\n[data-v-222a5036] .van-icon {\n  font-size: 12px;\n}\n[data-v-222a5036] .van-popup .van-cell {\n  padding: 5px 25px;\n}")();
   const _hoisted_1 = {
     class: "widget-box"
   };
@@ -21289,12 +21303,14 @@ var __async = (__this, __arguments, generator) => {
                     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
                     return [props.schema[key].type == "String" && !((_b = (_a = props.schema[key]) == null ? void 0 : _a.schema) == null ? void 0 : _b.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
                       key: 0,
+                      disabled: props.schema[key].auth === "readonly",
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                       type: "text"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Number" && !((_d = (_c = props.schema[key]) == null ? void 0 : _c.schema) == null ? void 0 : _d.options) ? (vue.openBlock(), vue.createBlock(_component_van_field, {
                       key: 1,
+                      disabled: props.schema[key].auth === "readonly",
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       modelModifiers: {
@@ -21302,23 +21318,27 @@ var __async = (__this, __arguments, generator) => {
                       },
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                       type: "number"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Boolean" ? (vue.openBlock(), vue.createBlock(_component_van_switch, {
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "placeholder"])) : vue.createCommentVNode("", true), props.schema[key].type == "Boolean" ? (vue.openBlock(), vue.createBlock(_component_van_switch, {
                       key: 2,
+                      disabled: props.schema[key].auth === "readonly",
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Datetime" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
+                    }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Datetime" ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
                       key: 3,
+                      auth: props.schema[key].auth,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       placeholder: "\u9009\u62E9\u65F6\u95F4"
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Images" ? (vue.openBlock(), vue.createBlock(ImagesPicker, {
+                    }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), props.schema[key].type == "Images" ? (vue.openBlock(), vue.createBlock(ImagesPicker, {
                       key: 4,
+                      auth: props.schema[key].auth,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (vue.openBlock(), vue.createBlock(DataSelector, {
+                    }, null, 8, ["auth", "modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("", true), ((_f = (_e = props.schema[key]) == null ? void 0 : _e.schema) == null ? void 0 : _f.options) ? (vue.openBlock(), vue.createBlock(DataSelector, {
                       key: 5,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
+                      auth: props.schema[key].auth,
                       options: (_h = (_g = props.schema[key]) == null ? void 0 : _g.schema) == null ? void 0 : _h.options,
                       placeholder: `\u8BF7\u8F93\u5165${key2name(key)}`,
                       columnsFieldNames: {
@@ -21326,12 +21346,13 @@ var __async = (__this, __arguments, generator) => {
                         value: (((_l = (_k = props.schema[key]) == null ? void 0 : _k.schema) == null ? void 0 : _l.options) || []).length > 0 ? Object.keys(props.schema[key].schema.options[0])[1] : ""
                       },
                       onSelect: ($event) => onChangeOption(key)
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "placeholder", "columnsFieldNames", "onSelect"])) : vue.createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (vue.openBlock(), vue.createBlock(_component_ObjsEditor, {
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "auth", "options", "placeholder", "columnsFieldNames", "onSelect"])) : vue.createCommentVNode("", true), props.schema[key].type == "Array" && props.schema[key].auth != "gone" ? (vue.openBlock(), vue.createBlock(_component_ObjsEditor, {
                       key: 6,
+                      auth: props.schema[key].auth,
                       modelValue: data2.inputValue[key],
                       "onUpdate:modelValue": ($event) => data2.inputValue[key] = $event,
                       schema: props.schema[key].schema
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true)];
+                    }, null, 8, ["auth", "modelValue", "onUpdate:modelValue", "schema"])) : vue.createCommentVNode("", true)];
                   }),
                   _: 2
                 }, 1032, ["label", "required", "disabled"])), [[vue.vShow, props.schema[key].auth != "gone"]]);
@@ -21362,7 +21383,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1fa437e7"]]);
+  var ObjsEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-222a5036"]]);
   const secret_notify = () => {
     showNotify({ type: "danger", message: "\u4E25\u683C\u6267\u884C\u4FE1\u606F\u4FDD\u5BC6\u8981\u6C42\uFF0C\u5207\u5B9E\u9632\u8303\u4F01\u4E1A\u6CC4\u5BC6\u98CE\u9669", duration: 3e3 });
   };

package/package.json

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

package/src/components/ObjsEditor.vue

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

package/src/components/data_selector.vue

@@ -1,23 +1,9 @@
 <template>
   <div>
     <!-- 显示已选数据 -->
-    <van-field 
-      v-if="!isGone"
-      type="textarea"
-      rows="1"
-      autosize
-      :modelValue="selectdItemsLabel" 
-      readonly  
-      clearable 
-      :required="isRequired" 
-      :label="label" 
-      :name="name" 
-      v-bind="$attrs"
-      @click="showPopup" 
-      :right-icon="isReadonly ? '' : 'arrow'"
-      :rules="props.rules"
-      :class="{ 'disabled-field': isReadonly }" 
-    />
+    <van-field v-if="!isGone" type="textarea" rows="1" autosize :modelValue="selectdItemsLabel" clearable
+      :required="isRequired" :label="label" :name="name" v-bind="$attrs" @click-right-icon="showPopup" @clear="onClear"
+      :right-icon="rightIcon" :rules="props.rules" :class="{ 'disabled-field': isReadonly }" />
     <!-- 数据选择弹出层 -->
     <van-popup v-model:show="popupVisible" position="bottom" class="popup-style">
       <div>
@@ -30,7 +16,8 @@
         <van-field left-icon="search" v-model.trim="searchKeyword" clearable placeholder="请输入搜索关键字" />
         <!-- 全选 -->
         <div v-if="props.multiple" class="select-all-container">
-          <van-checkbox shape="square" v-model="isAllChecked" @click="toggleAllSelect" label-position="left">全选</van-checkbox>
+          <van-checkbox shape="square" v-model="isAllChecked" @click="toggleAllSelect"
+            label-position="left">全选</van-checkbox>
         </div>
         <!-- 数据列表 -->
         <div class="checkbox-style">
@@ -40,12 +27,8 @@
                 @click="toggle(index)">
                 <template #right-icon>
                   <!-- 修改点：添加 shape="square" -->
-                  <van-checkbox 
-                    :name="item.value" 
-                    :ref="(el) => (checkboxRefs[index] = el)" 
-                    shape="square"
-                    @click.stop 
-                  />
+                  <van-checkbox :name="item.value" :ref="(el) => (checkboxRefs[index] = el)" shape="square"
+                    @click.stop />
                 </template>
               </van-cell>
             </van-cell-group>
@@ -72,9 +55,9 @@ import { onMounted, ref, onBeforeUpdate, computed, nextTick, watch } from "vue"
 import util from '../util'
 
 const props = defineProps({
-  multiple:{
-    type:Boolean,
-    default:false
+  multiple: {
+    type: Boolean,
+    default: false
   },
   options: {
     type: Array,
@@ -83,11 +66,11 @@ const props = defineProps({
   modelValue: {
     type: [Array, String, Number]
   },
-  columnsFieldNames:{
-    type:Object,
-    default:{
-      text:'text',
-      value:'value'
+  columnsFieldNames: {
+    type: Object,
+    default: {
+      text: 'text',
+      value: 'value'
     }
   },
   rules: {
@@ -102,20 +85,27 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
-  auth:{
+  auth: {
     type: String,
-    default:''
+    default: ''
   },
   label: String,
   name: String,
 });
 
-const {isRequired, isReadonly, isGone,isDisabled} = util.props2auth(props)
-const emit = defineEmits(["update:modelValue","select"]);
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+const emit = defineEmits(["update:modelValue", "select"]);
+
+const rightIcon = computed(() => {
+  if (isReadonly.value || isDisabled.value)
+    return ''
+
+  return 'arrow'
+})
 
 const selectedItems = ref([]);
-const selectdItemsLabel = computed(()=>{
-  if(!selectedItems.value)
+const selectdItemsLabel = computed(() => {
+  if (!selectedItems.value)
     return ''
 
   return selectedItems.value.join(',')
@@ -125,15 +115,15 @@ const searchKeyword = ref(null);
 const checkboxRefs = ref([]);
 const checkedValue = ref([]);
 const isAllChecked = ref(false);
-const formatOptions = computed(()=>{
-  if(!props.options)
+const formatOptions = computed(() => {
+  if (!props.options)
     return []
 
-  return props.options.map(item=>{
+  return props.options.map(item => {
     return {
       ...item,
-      text:item[props.columnsFieldNames.text],
-      value:item[props.columnsFieldNames.value]
+      text: item[props.columnsFieldNames.text],
+      value: item[props.columnsFieldNames.value]
     }
   })
 })
@@ -145,11 +135,11 @@ const findTextsByValues = (valuesToFind, data) => {
   });
 };
 
-const values2items = (values)=>{
-  if(!values || values.length<1 || !formatOptions.value || formatOptions.value.length<1)
+const values2items = (values) => {
+  if (!values || values.length < 1 || !formatOptions.value || formatOptions.value.length < 1)
     return []
 
-  let res = formatOptions.value.filter(option=>values.includes(option.value))
+  let res = formatOptions.value.filter(option => values.includes(option.value))
   return res
 }
 
@@ -172,6 +162,17 @@ onMounted(() => {
   });
 });
 
+const onClear = () => {
+  console.log('11111111111111')
+  selectedItems.value = []
+  if (props.multiple) {
+    emit("update:modelValue", [])
+  }
+  else {
+    emit("update:modelValue", null)
+  }
+}
+
 const toggle = (index) => {
   checkboxRefs.value[index].toggle();
 };
@@ -201,7 +202,7 @@ const confirmSelection = () => {
   if (props.multiple) {
     selectedItems.value = findTextsByValues(checkedValue.value, formatOptions.value);
     emit("update:modelValue", checkedValue.value);
-    emit("select",values2items(checkedValue.value))
+    emit("select", values2items(checkedValue.value))
   } else {
     const foundItem = formatOptions.value.find((item) => item.value === checkedValue.value);
     selectedItems.value = foundItem ? [foundItem.text] : [];
@@ -279,7 +280,7 @@ watch(() => formatOptions.value, () => {
 
 .checkbox-style {
   /* height: 220px; */
-  height: calc(220px - 30px); 
+  height: calc(220px - 30px);
   overflow-y: auto;
 }
 
@@ -300,5 +301,4 @@ watch(() => formatOptions.value, () => {
 .van-checkbox--square {
   margin-left: 8px;
 }
- 
 </style>

package/src/views/objseditor/index.vue

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