widget.qw 1.0.83 → 1.0.84

package/src/components/FilePicker.vue

@@ -1,170 +1,170 @@
-<template>
-    <van-field v-if="!isGone" name="image" :label="props.label" :required="isRequired" :rules="props.rules"
-        label-class="label" :placeholder="props.placeholder">
-        <template #input>
-            <div class="file-box">
-                <van-uploader v-model="files" :multiple="props.multiple" :max-count="maxCount" :afterRead="onAfterRead"
-                    :disabled="isDisabled" :accept="props.accept" upload-icon="plus" :deletable="!isDisabled"
-                    :before-delete="onBeforeDelete" @click-preview="onClickPreview" />
-            </div>
-        </template>
-    </van-field>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
-import util from '../util'
-import { useVModel } from "@vueuse/core"
-
-const props = defineProps({
-    modelValue: {
-        type: [String, Array],
-        default: null
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    multiple: {
-        type: Boolean,
-        default: false
-    },
-    maxCount: {
-        type: Number,
-        default: 1000
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: () => []
-    },
-    accept: {
-        type: String,
-        default: ""
-    },
-    auth: {
-        type: String,
-        default: ''
-    }
-})
-
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-
-const files = ref([])
-const maxCount = computed(() => {
-    if (props.multiple)
-        return props.maxCount
-    else
-        return 1
-})
-
-onMounted(() => {
-
-})
-
-const onClickPreview = (e) => {
-    let url = (e.url || '')
-    if (url.includes('.jpg') || url.includes('.png') || url.includes('.jpeg'))
-        return
-
-    window.location.href = e.url
-}
-
-const onAfterRead = async (e) => {
-    console.log('onAfterRead', e)
-
-
-    let files = []
-    if (e && Array.isArray(e) && e.length > 0) {
-        files = e
-    }else{
-        files = [e]
-    }
-
-    for (var i = 0; i < files.length; i++) {
-        let params = {
-            file: files[i].file
-        }
-
-        let res = await util.file_upload(params)
-        if (res.code == 200) {
-            if(props.multiple)
-                modelValue.value = [...(modelValue.value || []), res.data]
-            else
-                modelValue.value = res.data
-        }
-    }
-
-    return Promise.resolve(e)
-}
-
-const onBeforeDelete = (e) => {
-    console.log('onBeforeDelete', e)
-
-    if (props.multiple) {
-        let newUrls = props.modelValue.filter(item => {
-            return item != e.url
-        })
-        emit('update:modelValue', newUrls)
-    } else {
-        modelValue.value = ''
-    }
-
-    return Promise.resolve(e)
-}
-
-watch(() => props.modelValue,
-    (newVal, oldVal) => {
-        if (props.multiple) {
-            if (!props.modelValue || props.modelValue.length < 1) {
-                files.value = []
-                return
-            }
-
-            files.value = props.modelValue.map(item => {
-                return {
-                    url: item
-                }
-            })
-        } else {
-            if (!props.modelValue) {
-                files.value = []
-                return
-            }
-
-            files.value = [{
-                url: props.modelValue
-            }]
-        }
-    },
-    {
-        immediate: true
-    }
-)
-</script>
-
-<style lang="scss" scoped>
-:deep(.label) {
-    color: #000 !important;
-}
-
-:deep(.van-field__control:disabled) {
-    color: #000 !important;
-    cursor: not-allowed;
-    opacity: 1;
-    -webkit-text-fill-color: #000;
-}
+<template>
+    <van-field v-if="!isGone" name="image" :label="props.label" :required="isRequired" :rules="props.rules"
+        label-class="label" :placeholder="props.placeholder">
+        <template #input>
+            <div class="file-box">
+                <van-uploader v-model="files" :multiple="props.multiple" :max-count="maxCount" :afterRead="onAfterRead"
+                    :disabled="isDisabled" :accept="props.accept" upload-icon="plus" :deletable="!isDisabled"
+                    :before-delete="onBeforeDelete" @click-preview="onClickPreview" />
+            </div>
+        </template>
+    </van-field>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
+import util from '../util'
+import { useVModel } from "@vueuse/core"
+
+const props = defineProps({
+    modelValue: {
+        type: [String, Array],
+        default: null
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    multiple: {
+        type: Boolean,
+        default: false
+    },
+    maxCount: {
+        type: Number,
+        default: 1000
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: () => []
+    },
+    accept: {
+        type: String,
+        default: ""
+    },
+    auth: {
+        type: String,
+        default: ''
+    }
+})
+
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+
+const files = ref([])
+const maxCount = computed(() => {
+    if (props.multiple)
+        return props.maxCount
+    else
+        return 1
+})
+
+onMounted(() => {
+
+})
+
+const onClickPreview = (e) => {
+    let url = (e.url || '')
+    if (url.includes('.jpg') || url.includes('.png') || url.includes('.jpeg'))
+        return
+
+    window.location.href = e.url
+}
+
+const onAfterRead = async (e) => {
+    console.log('onAfterRead', e)
+
+
+    let files = []
+    if (e && Array.isArray(e) && e.length > 0) {
+        files = e
+    }else{
+        files = [e]
+    }
+
+    for (var i = 0; i < files.length; i++) {
+        let params = {
+            file: files[i].file
+        }
+
+        let res = await util.file_upload(params)
+        if (res.code == 200) {
+            if(props.multiple)
+                modelValue.value = [...(modelValue.value || []), res.data]
+            else
+                modelValue.value = res.data
+        }
+    }
+
+    return Promise.resolve(e)
+}
+
+const onBeforeDelete = (e) => {
+    console.log('onBeforeDelete', e)
+
+    if (props.multiple) {
+        let newUrls = props.modelValue.filter(item => {
+            return item != e.url
+        })
+        emit('update:modelValue', newUrls)
+    } else {
+        modelValue.value = ''
+    }
+
+    return Promise.resolve(e)
+}
+
+watch(() => props.modelValue,
+    (newVal, oldVal) => {
+        if (props.multiple) {
+            if (!props.modelValue || props.modelValue.length < 1) {
+                files.value = []
+                return
+            }
+
+            files.value = props.modelValue.map(item => {
+                return {
+                    url: item
+                }
+            })
+        } else {
+            if (!props.modelValue) {
+                files.value = []
+                return
+            }
+
+            files.value = [{
+                url: props.modelValue
+            }]
+        }
+    },
+    {
+        immediate: true
+    }
+)
+</script>
+
+<style lang="scss" scoped>
+:deep(.label) {
+    color: #000 !important;
+}
+
+:deep(.van-field__control:disabled) {
+    color: #000 !important;
+    cursor: not-allowed;
+    opacity: 1;
+    -webkit-text-fill-color: #000;
+}
 </style>

package/src/components/Input.vue

@@ -1,81 +1,81 @@
-<template>
-    <van-field :label="props.label" v-model.number="modelValue" v-if="!isGone && props.type === 'number'"
-        :disabled="isDisabled" :required="isRequired" :placeholder="props.placeholder" :type="props.type"
-        :rows="props.rows" :autosize="props.autosize" :rules="props.rules" />
-    <van-field :label="props.label" v-model="modelValue" v-if="!isGone && props.type != 'number'" :disabled="isDisabled"
-        :required="isRequired" :placeholder="props.placeholder" :type="props.type" :rows="props.rows"
-        :autosize="props.autosize" :rules="props.rules" />
-</template>
-
-<script setup>
-import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
-import { useVModel } from '@vueuse/core'
-import util from '../util'
-
-const props = defineProps({
-    modelValue: {
-        type: [String, Number],
-        default: null
-    },
-    // 支持v-model.number写法
-    modelModifiers: {
-        type: Object,
-        default: () => ({})
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    type: {
-        type: String,
-        default: 'text'
-    },
-    rows: {
-        type: Number,
-        default: 1
-    },
-    autosize: {
-        type: Boolean,
-        default: false
-    },
-    placeholder: {
-        type: String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: true
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    auth: {
-        type: String,
-        default: ''
-    },
-    rules: {
-        type: Array,
-        default: null
-    }
-})
-const emit = defineEmits(['update:modelValue'])
-const modelValue = useVModel(props, 'modelValue', emit)
-const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
-
-onMounted(() => {
-})
-</script>
-
-<style lang="scss" scoped>
-:deep(.label) {
-    color: #000 !important;
-}
-
-:deep(.van-field__control:disabled) {
-    color: #000 !important;
-    cursor: not-allowed;
-    opacity: 1;
-    -webkit-text-fill-color: #000;
-}
+<template>
+    <van-field :label="props.label" v-model.number="modelValue" v-if="!isGone && props.type === 'number'"
+        :disabled="isDisabled" :required="isRequired" :placeholder="props.placeholder" :type="props.type"
+        :rows="props.rows" :autosize="props.autosize" :rules="props.rules" />
+    <van-field :label="props.label" v-model="modelValue" v-if="!isGone && props.type != 'number'" :disabled="isDisabled"
+        :required="isRequired" :placeholder="props.placeholder" :type="props.type" :rows="props.rows"
+        :autosize="props.autosize" :rules="props.rules" />
+</template>
+
+<script setup>
+import { ref, computed, onMounted, defineProps, defineEmits, watch } from "vue"
+import { useVModel } from '@vueuse/core'
+import util from '../util'
+
+const props = defineProps({
+    modelValue: {
+        type: [String, Number],
+        default: null
+    },
+    // 支持v-model.number写法
+    modelModifiers: {
+        type: Object,
+        default: () => ({})
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    type: {
+        type: String,
+        default: 'text'
+    },
+    rows: {
+        type: Number,
+        default: 1
+    },
+    autosize: {
+        type: Boolean,
+        default: false
+    },
+    placeholder: {
+        type: String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: true
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    auth: {
+        type: String,
+        default: ''
+    },
+    rules: {
+        type: Array,
+        default: null
+    }
+})
+const emit = defineEmits(['update:modelValue'])
+const modelValue = useVModel(props, 'modelValue', emit)
+const { isRequired, isReadonly, isGone, isDisabled } = util.props2auth(props)
+
+onMounted(() => {
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.label) {
+    color: #000 !important;
+}
+
+:deep(.van-field__control:disabled) {
+    color: #000 !important;
+    cursor: not-allowed;
+    opacity: 1;
+    -webkit-text-fill-color: #000;
+}
 </style>

package/src/components/MonthDropdown.vue

@@ -1,52 +1,52 @@
-<template>
-    <van-dropdown-item v-model="modelValue" :options="data.monthOptions" />
-</template>
-<script setup>
-import { reactive, onMounted, watch } from "vue";
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-
-const props = defineProps({
-    modelValue: {
-        type: Number,
-        default: 0,
-    },
-    label: {
-        type: String,
-        default: "选择月份",
-    },
-    placeholder: {
-        type: String,
-        default: "请选择月份",
-    },
-});
-
-// 弹出层
-const data = reactive({
-    monthOptions: []
-})
-
-// 定义emit
-const emit = defineEmits(["update:modelValue"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-
-const setupOptions = () => {
-    data.monthOptions.push({
-        text: '月',
-        value: 0
-    })
-    for (var i = 1; i <= 12; i++) {
-        data.monthOptions.push({
-            text: i+'月',
-            value: i,
-        });
-    }
-};
-
-//首页加载
-onMounted(() => {
-    setupOptions()
-})
-</script>
-
+<template>
+    <van-dropdown-item v-model="modelValue" :options="data.monthOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, watch } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择月份",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择月份",
+    },
+});
+
+// 弹出层
+const data = reactive({
+    monthOptions: []
+})
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+
+const setupOptions = () => {
+    data.monthOptions.push({
+        text: '月',
+        value: 0
+    })
+    for (var i = 1; i <= 12; i++) {
+        data.monthOptions.push({
+            text: i+'月',
+            value: i,
+        });
+    }
+};
+
+//首页加载
+onMounted(() => {
+    setupOptions()
+})
+</script>
+
 <style scoped></style>