widget.qw 1.0.31 → 1.0.33

package/build/style.css

@@ -387,18 +387,18 @@
   color: #969799;
   margin-right: 5px;
 }
-[data-v-87dcb274] .label {
+[data-v-454a9fba] .label {
   color: #000 !important;
 }
-[data-v-87dcb274] .van-field__control:disabled {
+[data-v-454a9fba] .van-field__control:disabled {
   color: #000 !important;
   cursor: not-allowed;
   opacity: 1;
   -webkit-text-fill-color: #000;
-}.widget[data-v-93421532] {
+}.widget[data-v-a6f1f22a] {
   text-align: center;
 }
-.widget .btn[data-v-93421532] {
+.widget .btn[data-v-a6f1f22a] {
   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-87dcb274] .label {\n  color: #000 !important;\n}\n[data-v-87dcb274] .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-454a9fba] .label {\n  color: #000 !important;\n}\n[data-v-454a9fba] .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"
 };
@@ -18389,6 +18389,10 @@ const _sfc_main$i = {
       type: String,
       default: ""
     },
+    capture: {
+      type: String,
+      default: "environment"
+    },
     compress: {
       type: Boolean,
       default: true
@@ -18462,19 +18466,20 @@ const _sfc_main$i = {
           modelValue: files.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
           "max-count": 1,
+          capture: props.capture,
           accept: "image/jpeg,image/png",
           afterRead: onAfterRead,
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
           "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "disabled", "deletable"])])]),
+        }, null, 8, ["modelValue", "capture", "disabled", "deletable"])])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"])) : createCommentVNode("", true);
     };
   }
 };
-var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-87dcb274"]]);
-var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-93421532] {\n  text-align: center;\n}\n.widget .btn[data-v-93421532] {\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-454a9fba"]]);
+var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-a6f1f22a] {\n  text-align: center;\n}\n.widget .btn[data-v-a6f1f22a] {\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"
 };
@@ -18498,6 +18503,10 @@ const _sfc_main$h = {
       default: false
     },
     placeholder: {
+      type: String,
+      default: "environment"
+    },
+    capture: {
       type: String,
       default: ""
     },
@@ -18588,18 +18597,19 @@ const _sfc_main$h = {
           modelValue: files.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
           "max-count": props.max,
+          capture: props.capture,
           accept: "image/jpeg,image/png",
           disabled: unref(isDisabled),
           deletable: !unref(isDisabled),
           afterRead: onAfterRead,
           "before-delete": onBeforeDelete
-        }, null, 8, ["modelValue", "max-count", "disabled", "deletable"])])]),
+        }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])])]),
         _: 1
       }, 8, ["label", "required", "rules", "placeholder"]);
     };
   }
 };
-var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-93421532"]]);
+var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a6f1f22a"]]);
 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-87dcb274] .label {\n  color: #000 !important;\n}\n[data-v-87dcb274] .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-454a9fba] .label {\n  color: #000 !important;\n}\n[data-v-454a9fba] .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"
   };
@@ -18392,6 +18392,10 @@ var __async = (__this, __arguments, generator) => {
         type: String,
         default: ""
       },
+      capture: {
+        type: String,
+        default: "environment"
+      },
       compress: {
         type: Boolean,
         default: true
@@ -18465,19 +18469,20 @@ var __async = (__this, __arguments, generator) => {
             modelValue: files.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
             "max-count": 1,
+            capture: props.capture,
             accept: "image/jpeg,image/png",
             afterRead: onAfterRead,
             disabled: vue.unref(isDisabled),
             deletable: !vue.unref(isDisabled),
             "before-delete": onBeforeDelete
-          }, null, 8, ["modelValue", "disabled", "deletable"])])]),
+          }, null, 8, ["modelValue", "capture", "disabled", "deletable"])])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"])) : vue.createCommentVNode("", true);
       };
     }
   };
-  var ImagePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-87dcb274"]]);
-  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-93421532] {\n  text-align: center;\n}\n.widget .btn[data-v-93421532] {\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-454a9fba"]]);
+  var images_picker_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".widget[data-v-a6f1f22a] {\n  text-align: center;\n}\n.widget .btn[data-v-a6f1f22a] {\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"
   };
@@ -18501,6 +18506,10 @@ var __async = (__this, __arguments, generator) => {
         default: false
       },
       placeholder: {
+        type: String,
+        default: "environment"
+      },
+      capture: {
         type: String,
         default: ""
       },
@@ -18591,18 +18600,19 @@ var __async = (__this, __arguments, generator) => {
             modelValue: files.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => files.value = $event),
             "max-count": props.max,
+            capture: props.capture,
             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"])])]),
+          }, null, 8, ["modelValue", "max-count", "capture", "disabled", "deletable"])])]),
           _: 1
         }, 8, ["label", "required", "rules", "placeholder"]);
       };
     }
   };
-  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-93421532"]]);
+  var ImagesPicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-a6f1f22a"]]);
   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.31",
+  "version": "1.0.33",
   "description": "marqstree Vue3组件库",
   "main": "build/widget.qw.es.js",
   "keywords": [

package/src/components/image_picker.vue

@@ -3,7 +3,9 @@
         label-class="label" :placeholder="props.placeholder">
         <template #input>
             <div class="image-box">
-                <van-uploader v-model="files" :max-count="1" accept="image/jpeg,image/png" :afterRead="onAfterRead" :disabled="isDisabled" 
+                <van-uploader v-model="files" :max-count="1" 
+                :capture="props.capture"    
+                accept="image/jpeg,image/png" :afterRead="onAfterRead" :disabled="isDisabled" 
                 :deletable="!isDisabled"
                     :before-delete="onBeforeDelete" />
             </div>
@@ -37,6 +39,10 @@ const props = defineProps({
         type:String,
         default:''
     },
+    capture:{
+        type:String,
+        default:'environment'
+    },
     compress: {
         type: Boolean,
         default: true

package/src/components/images_picker.vue

@@ -1,13 +1,11 @@
 <template>
-    <van-field name="image" :label="props.label" :required="isRequired" :rules="props.rules"
-        label-class="label" :placeholder="props.placeholder">
+    <van-field name="image" :label="props.label" :required="isRequired" :rules="props.rules" label-class="label"
+        :placeholder="props.placeholder">
         <template #input>
             <div class="image-box">
-                <van-uploader v-model="files" :max-count="props.max" accept="image/jpeg,image/png" 
-                    :disabled="isDisabled" 
-                    :deletable="!isDisabled"
-                    :afterRead="onAfterRead" 
-                    :before-delete="onBeforeDelete" />
+                <van-uploader v-model="files" :max-count="props.max" :capture="props.capture"
+                    accept="image/jpeg,image/png" :disabled="isDisabled" :deletable="!isDisabled"
+                    :afterRead="onAfterRead" :before-delete="onBeforeDelete" />
             </div>
         </template>
     </van-field>
@@ -36,6 +34,10 @@ const props = defineProps({
         default: false
     },
     placeholder: {
+        type: String,
+        default: 'environment'
+    },
+    capture: {
         type: String,
         default: ''
     },
@@ -43,8 +45,8 @@ const props = defineProps({
         type: Boolean,
         default: true
     },
-    max:{
-        type:Number,
+    max: {
+        type: Number,
         default: 1000
     },
     rules: {
@@ -65,7 +67,7 @@ onMounted(() => {
 
 })
 
-const onAfterRead = async(file) => {
+const onAfterRead = async (file) => {
     console.log(file)
 
     let compress_file = file.file

package/src/views/projectdropdown/index.vue

@@ -1,31 +0,0 @@
-<template>
-    <div class="page">
-        <van-dropdown-menu>
-            <widget-qw-project-dropdown v-model="formData.id" />
-        </van-dropdown-menu>
-    </div>
-</template>
-
-<script setup>
-import { reactive, onMounted } from "vue";
-const formData = reactive({
-    id:''
-})
-
-onMounted(() => {
-})
-</script>
-
-<style lang="scss" scoped>
-.page {
-    height: 100vh;
-    background: #fff;
-    text-align: center;
-    background-size: cover;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    padding: 80px 15px 0 15px;
-    box-sizing: border-box;
-}
-</style>