widget.qw 1.0.34 → 1.0.35

package/build/style.css

@@ -387,18 +387,18 @@
   color: #969799;
   margin-right: 5px;
 }
-[data-v-3a77e9ff] .label {
+[data-v-6008668e] .label {
   color: #000 !important;
 }
-[data-v-3a77e9ff] .van-field__control:disabled {
+[data-v-6008668e] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;
   -webkit-text-fill-color: #000;
-}.widget[data-v-549bac54] {
+}.widget[data-v-1b4c046a] {
   text-align: center;
 }
-.widget .btn[data-v-549bac54] {
+.widget .btn[data-v-1b4c046a] {
   position: fixed;
   bottom: 1rem;
   left: 0;

package/build/widget.qw.es.js

@@ -18362,7 +18362,7 @@ const _sfc_main$j = {
   }
 };
 var UserSelector = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6c4b4fc8"]]);
-var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-3a77e9ff] .label {\n  color: #000 !important;\n}\n[data-v-3a77e9ff] .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-6008668e] .label {\n  color: #000 !important;\n}\n[data-v-6008668e] .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"
 };
@@ -18391,7 +18391,7 @@ const _sfc_main$i = {
     },
     capture: {
       type: String,
-      default: void 0
+      default: ""
     },
     compress: {
       type: Boolean,
@@ -18462,7 +18462,8 @@ const _sfc_main$i = {
         "label-class": "label",
         placeholder: props.placeholder
       }, {
-        input: withCtx(() => [createElementVNode("div", _hoisted_1$b, [createVNode(_component_van_uploader, {
+        input: withCtx(() => [createElementVNode("div", _hoisted_1$b, [props.capture ? (openBlock(), createBlock(_component_van_uploader, {
+          key: 0,
           modelValue: files.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
           "max-count": 1,
@@ -18472,14 +18473,24 @@ const _sfc_main$i = {
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
           "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "capture", "disabled", "deletable"])])]),
+        }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (openBlock(), createBlock(_component_van_uploader, {
+          key: 1,
+          modelValue: files.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
+          "max-count": 1,
+          accept: "image/jpeg,image/png",
+          afterRead: onAfterRead,
+          disabled: unref(isDisabled),
+          deletable: !unref(isDisabled),
+          "before-delete": onBeforeDelete
+        }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3a77e9ff"]]);
-var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-549bac54] {\n  text-align: center;\n}\n.widget .btn[data-v-549bac54] {\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$i, [["__scopeId", "data-v-6008668e"]]);
+var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1b4c046a] {\n  text-align: center;\n}\n.widget .btn[data-v-1b4c046a] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
 const _hoisted_1$a = {
   class: "image-box"
 };
@@ -18593,7 +18604,8 @@ const _sfc_main$h = {
         "label-class": "label",
         placeholder: props.placeholder
       }, {
-        input: withCtx(() => [createElementVNode("div", _hoisted_1$a, [createVNode(_component_van_uploader, {
+        input: withCtx(() => [createElementVNode("div", _hoisted_1$a, [props.capture ? (openBlock(), createBlock(_component_van_uploader, {
+          key: 0,
           modelValue: files.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
           "max-count": props.max,
@@ -18603,13 +18615,23 @@ const _sfc_main$h = {
           deletable: !unref(isDisabled),
           afterRead: onAfterRead,
           "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])])]),
+        }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (openBlock(), createBlock(_component_van_uploader, {
+          key: 1,
+          modelValue: files.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
+          "max-count": props.max,
+          accept: "image/jpeg,image/png",
+          disabled: unref(isDisabled),
+          deletable: !unref(isDisabled),
+          afterRead: onAfterRead,
+          "before-delete": onBeforeDelete
+        }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"]);
     };
   }
 };
-var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-549bac54"]]);
+var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1b4c046a"]]);
 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}")();
 const _hoisted_1$9 = {
   class: "image-box"

package/build/widget.qw.umd.js

@@ -18365,7 +18365,7 @@ var __async = (__this, __arguments, generator) => {
     }
   };
   var UserSelector = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-6c4b4fc8"]]);
-  var image_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => "[data-v-3a77e9ff] .label {\n  color: #000 !important;\n}\n[data-v-3a77e9ff] .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-6008668e] .label {\n  color: #000 !important;\n}\n[data-v-6008668e] .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"
   };
@@ -18394,7 +18394,7 @@ var __async = (__this, __arguments, generator) => {
       },
       capture: {
         type: String,
-        default: void 0
+        default: ""
       },
       compress: {
         type: Boolean,
@@ -18465,7 +18465,8 @@ var __async = (__this, __arguments, generator) => {
           "label-class": "label",
           placeholder: props.placeholder
         }, {
-          input: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$b, [vue.createVNode(_component_van_uploader, {
+          input: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$b, [props.capture ? (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            key: 0,
             modelValue: files.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
             "max-count": 1,
@@ -18475,14 +18476,24 @@ var __async = (__this, __arguments, generator) => {
             disabled: vue.unref(isDisabled),
             deletable: !vue.unref(isDisabled),
             "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "capture", "disabled", "deletable"])])]),
+          }, null, 8, ["modelValue", "capture", "disabled", "deletable"])) : (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            key: 1,
+            modelValue: files.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => files.value = $event),
+            "max-count": 1,
+            accept: "image/jpeg,image/png",
+            afterRead: onAfterRead,
+            disabled: vue.unref(isDisabled),
+            deletable: !vue.unref(isDisabled),
+            "before-delete": onBeforeDelete
+          }, null, 8, ["modelValue", "disabled", "deletable"]))])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-3a77e9ff"]]);
-  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-549bac54] {\n  text-align: center;\n}\n.widget .btn[data-v-549bac54] {\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$i, [["__scopeId", "data-v-6008668e"]]);
+  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-1b4c046a] {\n  text-align: center;\n}\n.widget .btn[data-v-1b4c046a] {\n  position: fixed;\n  bottom: 1rem;\n  left: 0;\n  right: 0;\n  margin: auto auto;\n  color: white;\n  font-size: 14px;\n  background: rgb(58, 136, 255);\n  padding: 8px 35px;\n  width: 100px;\n  text-align: center;\n  display: inline-block;\n  border-radius: 2px;\n}")();
   const _hoisted_1$a = {
     class: "image-box"
   };
@@ -18596,7 +18607,8 @@ var __async = (__this, __arguments, generator) => {
           "label-class": "label",
           placeholder: props.placeholder
         }, {
-          input: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$a, [vue.createVNode(_component_van_uploader, {
+          input: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$a, [props.capture ? (vue.openBlock(), vue.createBlock(_component_van_uploader, {
+            key: 0,
             modelValue: files.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
             "max-count": props.max,
@@ -18606,13 +18618,23 @@ var __async = (__this, __arguments, generator) => {
             deletable: !vue.unref(isDisabled),
             afterRead: onAfterRead,
             "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])])]),
+          }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])) : (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),
+            afterRead: onAfterRead,
+            "before-delete": onBeforeDelete
+          }, null, 8, ["modelValue", "max-count", "disabled", "deletable"]))])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"]);
       };
     }
   };
-  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-549bac54"]]);
+  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-1b4c046a"]]);
   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}")();
   const _hoisted_1$9 = {
     class: "image-box"

package/package.json

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

package/src/components/image_picker.vue

@@ -3,10 +3,11 @@
         label-class="label" :placeholder="props.placeholder">
         <template #input>
             <div class="image-box">
-                <van-uploader v-model="files" :max-count="1" 
-                :capture="props.capture"    
-                accept="image/jpeg,image/png" :afterRead="onAfterRead" :disabled="isDisabled" 
-                :deletable="!isDisabled"
+                <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" />
+                <van-uploader v-else v-model="files" :max-count="1" accept="image/jpeg,image/png"
+                    :afterRead="onAfterRead" :disabled="isDisabled" :deletable="!isDisabled"
                     :before-delete="onBeforeDelete" />
             </div>
         </template>
@@ -35,13 +36,13 @@ const props = defineProps({
         type: Boolean,
         default: false
     },
-    placeholder:{
-        type:String,
-        default:''
+    placeholder: {
+        type: String,
+        default: ''
     },
-    capture:{
-        type:String,
-        default:undefined 
+    capture: {
+        type: String,
+        default: ''
     },
     compress: {
         type: Boolean,

package/src/components/images_picker.vue

@@ -3,9 +3,12 @@
         :placeholder="props.placeholder">
         <template #input>
             <div class="image-box">
-                <van-uploader v-model="files" :max-count="props.max" :capture="props.capture"
+                <van-uploader v-if="props.capture" v-model="files" :max-count="props.max" :capture="props.capture"
                     accept="image/jpeg,image/png" :disabled="isDisabled" :deletable="!isDisabled"
                     :afterRead="onAfterRead" :before-delete="onBeforeDelete" />
+                <van-uploader v-else v-model="files" :max-count="props.max" accept="image/jpeg,image/png"
+                    :disabled="isDisabled" :deletable="!isDisabled" :afterRead="onAfterRead"
+                    :before-delete="onBeforeDelete" />
             </div>
         </template>
     </van-field>