widget.qw 1.0.16 → 1.0.18

package/build/style.css

@@ -817,27 +817,27 @@
     /* 防止压缩 */
 }
 
-.widget[data-v-11b655b2] {
+.widget[data-v-116c9e42] {
   /* 统一字段间距 */
 }
-.widget[data-v-11b655b2] .van-cell {
+.widget[data-v-116c9e42] .van-cell {
   align-items: center;
 }
-.widget[data-v-11b655b2] .van-field__label {
+.widget[data-v-116c9e42] .van-field__label {
   width: 90px;
   flex: none;
 }
-.widget .readonly-field[data-v-11b655b2] {
+.widget .readonly-field[data-v-116c9e42] {
   /* 添加必填星号对齐 */
 }
-.widget .readonly-field[data-v-11b655b2] .van-field__control {
+.widget .readonly-field[data-v-116c9e42] .van-field__control {
   color: #323233;
   /* 修改文字颜色与普通字段一致 */
   padding-right: 16px;
 }
-.widget .readonly-field.van-field--required[data-v-11b655b2] .van-field__label::before {
+.widget .readonly-field.van-field--required[data-v-116c9e42] .van-field__label::before {
   margin-right: 4px;
 }
-.widget .readonly-field[data-v-11b655b2] {
+.widget .readonly-field[data-v-116c9e42] {
   margin: 4px 0;
 }

package/build/widget.qw.es.js

@@ -20661,7 +20661,7 @@ const _sfc_main$1 = {
     };
   }
 };
-var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-11b655b2] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-11b655b2] .van-cell {\n  align-items: center;\n}\n.widget[data-v-11b655b2] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-11b655b2] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-11b655b2] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  margin: 4px 0;\n}')();
+var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-116c9e42] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-116c9e42] .van-cell {\n  align-items: center;\n}\n.widget[data-v-116c9e42] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-116c9e42] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-116c9e42] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-116c9e42] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-116c9e42] {\n  margin: 4px 0;\n}')();
 const _hoisted_1 = {
   class: "widget"
 };
@@ -20723,6 +20723,11 @@ const _sfc_main = {
         data2.options = options;
       });
     }));
+    const onShow = () => {
+      if (isReadonly.value || isDisabled.value || isGone.value)
+        return;
+      data2.isShow = true;
+    };
     const onConfirm = ({
       selectedOptions
     }) => {
@@ -20748,10 +20753,10 @@ const _sfc_main = {
         readonly: "",
         required: unref(isRequired),
         disabled: unref(isDisabled),
-        onClick: _cache[1] || (_cache[1] = ($event) => data2.isShow = true)
+        onClick: onShow
       }, null, 8, ["modelValue", "label", "placeholder", "required", "disabled"]), createVNode(_component_van_popup, {
         show: data2.isShow,
-        "onUpdate:show": _cache[2] || (_cache[2] = ($event) => data2.isShow = $event),
+        "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShow = $event),
         "destroy-on-close": "",
         round: "",
         position: "bottom"
@@ -20766,7 +20771,7 @@ const _sfc_main = {
     };
   }
 };
-var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11b655b2"]]);
+var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-116c9e42"]]);
 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

@@ -20664,7 +20664,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-11b655b2] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-11b655b2] .van-cell {\n  align-items: center;\n}\n.widget[data-v-11b655b2] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-11b655b2] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-11b655b2] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-11b655b2] {\n  margin: 4px 0;\n}')();
+  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-116c9e42] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-116c9e42] .van-cell {\n  align-items: center;\n}\n.widget[data-v-116c9e42] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-116c9e42] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-116c9e42] .van-field__control {\n  color: #323233;\n  /* \u4FEE\u6539\u6587\u5B57\u989C\u8272\u4E0E\u666E\u901A\u5B57\u6BB5\u4E00\u81F4 */\n  padding-right: 16px;\n}\n.widget .readonly-field.van-field--required[data-v-116c9e42] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-116c9e42] {\n  margin: 4px 0;\n}')();
   const _hoisted_1 = {
     class: "widget"
   };
@@ -20726,6 +20726,11 @@ var __async = (__this, __arguments, generator) => {
           data2.options = options;
         });
       }));
+      const onShow = () => {
+        if (isReadonly.value || isDisabled.value || isGone.value)
+          return;
+        data2.isShow = true;
+      };
       const onConfirm = ({
         selectedOptions
       }) => {
@@ -20751,10 +20756,10 @@ var __async = (__this, __arguments, generator) => {
           readonly: "",
           required: vue.unref(isRequired),
           disabled: vue.unref(isDisabled),
-          onClick: _cache[1] || (_cache[1] = ($event) => data2.isShow = true)
+          onClick: onShow
         }, null, 8, ["modelValue", "label", "placeholder", "required", "disabled"]), vue.createVNode(_component_van_popup, {
           show: data2.isShow,
-          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => data2.isShow = $event),
+          "onUpdate:show": _cache[1] || (_cache[1] = ($event) => data2.isShow = $event),
           "destroy-on-close": "",
           round: "",
           position: "bottom"
@@ -20769,7 +20774,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11b655b2"]]);
+  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-116c9e42"]]);
   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.16",
+  "version": "1.0.18",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/SingleApiPicker.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="widget">
     <van-field v-model="formatLabel" is-link :label="props.label" :placeholder="props.placeholder" readonly
-      :required="isRequired" :disabled="isDisabled" @click="data.isShow = true" />
+      :required="isRequired" :disabled="isDisabled" @click="onShow" />
     <van-popup v-model:show="data.isShow" destroy-on-close round position="bottom">
       <van-picker :columns="data.options" @cancel="onCancel" @confirm="onConfirm" />
     </van-popup>
@@ -62,6 +62,13 @@ onMounted(async () => {
   })
 })
 
+const onShow=()=>{
+  if(isReadonly.value || isDisabled.value || isGone.value)
+    return
+
+  data.isShow = true
+}
+
 const onConfirm = ({ selectedOptions }) => {
   console.log("selectedOptions: " + selectedOptions)
   let selectOption = selectedOptions[selectedOptions.length - 1]