widget.qw 1.0.18 → 1.0.20

package/build/style.css

@@ -817,27 +817,27 @@
     /* 防止压缩 */
 }
 
-.widget[data-v-116c9e42] {
+.widget[data-v-09be9e95] {
   /* 统一字段间距 */
 }
-.widget[data-v-116c9e42] .van-cell {
+.widget[data-v-09be9e95] .van-cell {
   align-items: center;
 }
-.widget[data-v-116c9e42] .van-field__label {
+.widget[data-v-09be9e95] .van-field__label {
   width: 90px;
   flex: none;
 }
-.widget .readonly-field[data-v-116c9e42] {
+.widget .readonly-field[data-v-09be9e95] {
   /* 添加必填星号对齐 */
 }
-.widget .readonly-field[data-v-116c9e42] .van-field__control {
+.widget .readonly-field[data-v-09be9e95] .van-field__control {
   color: #323233;
   /* 修改文字颜色与普通字段一致 */
   padding-right: 16px;
 }
-.widget .readonly-field.van-field--required[data-v-116c9e42] .van-field__label::before {
+.widget .readonly-field.van-field--required[data-v-09be9e95] .van-field__label::before {
   margin-right: 4px;
 }
-.widget .readonly-field[data-v-116c9e42] {
+.widget .readonly-field[data-v-09be9e95] {
   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-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}')();
+var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-09be9e95] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-09be9e95] .van-cell {\n  align-items: center;\n}\n.widget[data-v-09be9e95] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-09be9e95] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-09be9e95] .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-09be9e95] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-09be9e95] {\n  margin: 4px 0;\n}')();
 const _hoisted_1 = {
   class: "widget"
 };
@@ -20692,10 +20692,9 @@ const _sfc_main = {
       type: String,
       default: ""
     },
-    query: {
-      type: Function,
-      default: () => {
-      }
+    options: {
+      type: Array,
+      default: []
     }
   },
   emits: ["update:modelValue", "select"],
@@ -20711,17 +20710,13 @@ const _sfc_main = {
       isDisabled
     } = util.props2auth(props);
     const data2 = reactive({
-      isShow: false,
-      options: []
+      isShow: false
     });
     const formatLabel = computed(() => {
-      let one = data2.options.find((item) => item.value == modelValue.value);
+      let one = props.options.find((item) => item.value == modelValue.value);
       return one ? one.text : "";
     });
     onMounted(() => __async(this, null, function* () {
-      props.query((options) => {
-        data2.options = options;
-      });
     }));
     const onShow = () => {
       if (isReadonly.value || isDisabled.value || isGone.value)
@@ -20762,7 +20757,7 @@ const _sfc_main = {
         position: "bottom"
       }, {
         default: withCtx(() => [createVNode(_component_van_picker, {
-          columns: data2.options,
+          columns: props.options,
           onCancel,
           onConfirm
         }, null, 8, ["columns"])]),
@@ -20771,7 +20766,7 @@ const _sfc_main = {
     };
   }
 };
-var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-116c9e42"]]);
+var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09be9e95"]]);
 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-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}')();
+  var SingleApiPicker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => '@charset "UTF-8";\n.widget[data-v-09be9e95] {\n  /* \u7EDF\u4E00\u5B57\u6BB5\u95F4\u8DDD */\n}\n.widget[data-v-09be9e95] .van-cell {\n  align-items: center;\n}\n.widget[data-v-09be9e95] .van-field__label {\n  width: 90px;\n  flex: none;\n}\n.widget .readonly-field[data-v-09be9e95] {\n  /* \u6DFB\u52A0\u5FC5\u586B\u661F\u53F7\u5BF9\u9F50 */\n}\n.widget .readonly-field[data-v-09be9e95] .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-09be9e95] .van-field__label::before {\n  margin-right: 4px;\n}\n.widget .readonly-field[data-v-09be9e95] {\n  margin: 4px 0;\n}')();
   const _hoisted_1 = {
     class: "widget"
   };
@@ -20695,10 +20695,9 @@ var __async = (__this, __arguments, generator) => {
         type: String,
         default: ""
       },
-      query: {
-        type: Function,
-        default: () => {
-        }
+      options: {
+        type: Array,
+        default: []
       }
     },
     emits: ["update:modelValue", "select"],
@@ -20714,17 +20713,13 @@ var __async = (__this, __arguments, generator) => {
         isDisabled
       } = util.props2auth(props);
       const data2 = vue.reactive({
-        isShow: false,
-        options: []
+        isShow: false
       });
       const formatLabel = vue.computed(() => {
-        let one = data2.options.find((item) => item.value == modelValue.value);
+        let one = props.options.find((item) => item.value == modelValue.value);
         return one ? one.text : "";
       });
       vue.onMounted(() => __async(this, null, function* () {
-        props.query((options) => {
-          data2.options = options;
-        });
       }));
       const onShow = () => {
         if (isReadonly.value || isDisabled.value || isGone.value)
@@ -20765,7 +20760,7 @@ var __async = (__this, __arguments, generator) => {
           position: "bottom"
         }, {
           default: vue.withCtx(() => [vue.createVNode(_component_van_picker, {
-            columns: data2.options,
+            columns: props.options,
             onCancel,
             onConfirm
           }, null, 8, ["columns"])]),
@@ -20774,7 +20769,7 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   };
-  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-116c9e42"]]);
+  var SingleApiPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-09be9e95"]]);
   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.18",
+  "version": "1.0.20",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/SingleApiPicker.vue

@@ -3,7 +3,7 @@
     <van-field v-model="formatLabel" is-link :label="props.label" :placeholder="props.placeholder" readonly
       :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-picker :columns="props.options" @cancel="onCancel" @confirm="onConfirm" />
     </van-popup>
   </div>
 </template>
@@ -38,9 +38,9 @@ const props = defineProps({
     type: String,
     default: "",
   },
-  query: {
-    type: Function,
-    default: () => { }
+  options: {
+    type:Array,
+    default: []
   }
 })
 
@@ -48,18 +48,14 @@ const emit = defineEmits(['update:modelValue', 'select'])
 const modelValue = useVModel(props, 'modelValue', emit)
 const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props);
 const data = reactive({
-  isShow: false,
-  options: []
+  isShow: false
 })
 const formatLabel = computed(() => {
-  let one = data.options.find(item => item.value == modelValue.value)
+  let one = props.options.find(item => item.value == modelValue.value)
   return one ? one.text : ''
 })
 
 onMounted(async () => {
-  props.query((options) => {
-    data.options = options
-  })
 })
 
 const onShow=()=>{
@@ -80,6 +76,7 @@ const onConfirm = ({ selectedOptions }) => {
 const onCancel = () => {
   data.isShow = false
 }
+
 </script>
 
 <style lang="scss" scoped>