widget.qw 1.0.24 → 1.0.25

package/src/components/DatetimePicker/index.vue

@@ -1,113 +1,113 @@
-<template>
-    <van-field v-if="!isGone" 
-        v-model="props.modelValue" name="datetimePicker" :label="props.label"
-        :placeholder="props.placeholder" readonly :required="isRequired" :rules="props.rules"
-        :is-link="isReadonly ? false : true"
-        @click="onToggleShow">
-        <template #input>
-            {{ formatTime(props.modelValue) }}
-        </template>
-    </van-field>
-
-    <!-- 弹出层 -->
-    <DatetimePop v-model:isShow="data.isShow" 
-        v-model="modelValue"
-        :before="props.before" 
-        :defaultnow="props.defaultnow"
-        :columnsType="props.columnsType" />
-</template>
-
-
-<script setup>
-import { ref,reactive, watch, getCurrentInstance, computed } from "vue"
-import DatetimePop from './DatetimePop.vue'
-import util from '../../util'
-import { useVModel } from "@vueuse/core"
-
-const props = defineProps({
-    modelValue:{
-        type: String,
-        default: ''
-    },
-    label: {
-        type:String,
-        default: ''
-    },
-    readonly: {
-        type: Boolean,
-        default: false
-    },
-    defaultnow: {
-        type: Boolean,
-        default: false
-    },
-    before:{
-        type: Boolean,
-        default: false
-    },
-    required: {
-        type: Boolean,
-        default: false
-    },
-    columnsType: {
-        type: Array,
-        default: ['year', 'month', 'day', 'hour', 'minute', 'second']
-    },
-    placeholder:{
-        type:String,
-        default:''
-    },
-    auth:{
-        type:String,
-        default:''
-    },
-    rules:{
-        type: Array,
-        default:null
-    }
-})
-const data = reactive({
-    isShow: false, //是否显示弹出层
-})
-const {isRequired, isReadonly, isGone,isDisabled} = util.props2auth(props)
-//定义要向父组件传递的事件
-const emit = defineEmits(["update:modelValue"])
-const modelValue = useVModel(props, "modelValue", emit)
-
-const formatTime=(time)=>{
-    let res = time
-
-    // let week_day = util.date2week_day(time)
-    // res = time+'/'+week_day
-
-    return res
-}
-
-// 默认当前时间
-watch(
-    () => props.modelValue,
-    (n, o) => {
-        //不需要默认时间时，直接返回
-        if (!props.defaultnow)
-            return
-
-        //有值是，直接返回
-        if (n) {
-            return
-        }
-        
-        // 没有值时，默认设置为当前时间
-        modelValue.value = util.date2yyyyMMddhhmmss(new Date())
-    },
-    {
-        immediate: true//立即监听--进入就会执行一次 监听显影状态
-    }
-)
-
-function onToggleShow() {
-    if (isReadonly.value)
-        return
-
-    data.isShow = true
-}
+<template>
+    <van-field v-if="!isGone" 
+        v-model="props.modelValue" name="datetimePicker" :label="props.label"
+        :placeholder="props.placeholder" readonly :required="isRequired" :rules="props.rules"
+        :is-link="isReadonly ? false : true"
+        @click="onToggleShow">
+        <template #input>
+            {{ formatTime(props.modelValue) }}
+        </template>
+    </van-field>
+
+    <!-- 弹出层 -->
+    <DatetimePop v-model:isShow="data.isShow" 
+        v-model="modelValue"
+        :before="props.before" 
+        :defaultnow="props.defaultnow"
+        :columnsType="props.columnsType" />
+</template>
+
+
+<script setup>
+import { ref,reactive, watch, getCurrentInstance, computed } from "vue"
+import DatetimePop from './DatetimePop.vue'
+import util from '../../util'
+import { useVModel } from "@vueuse/core"
+
+const props = defineProps({
+    modelValue:{
+        type: String,
+        default: ''
+    },
+    label: {
+        type:String,
+        default: ''
+    },
+    readonly: {
+        type: Boolean,
+        default: false
+    },
+    defaultnow: {
+        type: Boolean,
+        default: false
+    },
+    before:{
+        type: Boolean,
+        default: false
+    },
+    required: {
+        type: Boolean,
+        default: false
+    },
+    columnsType: {
+        type: Array,
+        default: ['year', 'month', 'day', 'hour', 'minute', 'second']
+    },
+    placeholder:{
+        type:String,
+        default:''
+    },
+    auth:{
+        type:String,
+        default:''
+    },
+    rules:{
+        type: Array,
+        default:null
+    }
+})
+const data = reactive({
+    isShow: false, //是否显示弹出层
+})
+const {isRequired, isReadonly, isGone,isDisabled} = util.props2auth(props)
+//定义要向父组件传递的事件
+const emit = defineEmits(["update:modelValue"])
+const modelValue = useVModel(props, "modelValue", emit)
+
+const formatTime=(time)=>{
+    let res = time
+
+    // let week_day = util.date2week_day(time)
+    // res = time+'/'+week_day
+
+    return res
+}
+
+// 默认当前时间
+watch(
+    () => props.modelValue,
+    (n, o) => {
+        //不需要默认时间时，直接返回
+        if (!props.defaultnow)
+            return
+
+        //有值是，直接返回
+        if (n) {
+            return
+        }
+        
+        // 没有值时，默认设置为当前时间
+        modelValue.value = util.date2yyyyMMddhhmmss(new Date())
+    },
+    {
+        immediate: true//立即监听--进入就会执行一次 监听显影状态
+    }
+)
+
+function onToggleShow() {
+    if (isReadonly.value)
+        return
+
+    data.isShow = true
+}
 </script>

package/src/components/DayDropdown.vue

@@ -1,57 +1,57 @@
-<template>
-    <van-dropdown-item v-model="modelValue" :options="totalOptions" />
-</template>
-<script setup>
-import { reactive, onMounted, computed } from "vue";
-import util from "../util"
-import { useVModel } from '@vueuse/core'
-
-const props = defineProps({
-    year:{
-        type:Number,
-        default: 0
-    },
-    month:{
-        type:Number,
-        default: 0
-    },
-    modelValue: {
-        type: Number,
-        default: 0,
-    },
-    label: {
-        type: String,
-        default: "选择日",
-    },
-    placeholder: {
-        type: String,
-        default: "请选择日",
-    },
-});
-
-const totalOptions = computed(() => {
-  if (!props.year) return [];
-  
-  const year = props.year
-  const month = props.month
-  const days = new Date(year, month, 0).getDate(); // 获取当月实际天数
-  
-  let res = Array.from({length: days}, (_, i) => ({ 
-    text: `${i+1}日`, 
-    value: i+1 
-  }));
-  return [{
-    text: '日',
-    value: 0
-  }, ...res]
-});
-
-// 定义emit
-const emit = defineEmits(["update:modelValue"]);
-const modelValue = useVModel(props, 'modelValue', emit)
-//首页加载
-onMounted(() => {
-})
-</script>
-
+<template>
+    <van-dropdown-item v-model="modelValue" :options="totalOptions" />
+</template>
+<script setup>
+import { reactive, onMounted, computed } from "vue";
+import util from "../util"
+import { useVModel } from '@vueuse/core'
+
+const props = defineProps({
+    year:{
+        type:Number,
+        default: 0
+    },
+    month:{
+        type:Number,
+        default: 0
+    },
+    modelValue: {
+        type: Number,
+        default: 0,
+    },
+    label: {
+        type: String,
+        default: "选择日",
+    },
+    placeholder: {
+        type: String,
+        default: "请选择日",
+    },
+});
+
+const totalOptions = computed(() => {
+  if (!props.year) return [];
+  
+  const year = props.year
+  const month = props.month
+  const days = new Date(year, month, 0).getDate(); // 获取当月实际天数
+  
+  let res = Array.from({length: days}, (_, i) => ({ 
+    text: `${i+1}日`, 
+    value: i+1 
+  }));
+  return [{
+    text: '日',
+    value: 0
+  }, ...res]
+});
+
+// 定义emit
+const emit = defineEmits(["update:modelValue"]);
+const modelValue = useVModel(props, 'modelValue', emit)
+//首页加载
+onMounted(() => {
+})
+</script>
+
 <style scoped></style>

package/src/components/FilePicker.vue

@@ -1,114 +1,114 @@
-<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="image-box">
-                <van-uploader v-model="files" :max-count="1" :afterRead="onAfterRead" :disabled="isDisabled"
-                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete"
-                    @click-preview="onPreview" />
-            </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,
-        default: ''
-    },
-    label: {
-        type: String,
-        default: ''
-    },
-    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([])
-
-onMounted(() => {
-
-})
-
-const onAfterRead = async (file) => {
-    console.log(file)
-    let params = {
-        file: file.file
-    }
-
-    return util.file_upload(params).then(res => {
-        modelValue.value = res.data
-        return Promise.resolve(file)
-    })
-}
-
-const onBeforeDelete = (e) => {
-    modelValue.value = ''
-    return Promise.resolve(e)
-}
-
-const onPreview = (e) => {
-    console.log('onPreview', e)
-    window.open(e.url, "_blank");
-}
-
-watch(() => props.modelValue,
-    (newVal, oldVal) => {
-        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="image-box">
+                <van-uploader v-model="files" :max-count="1" :afterRead="onAfterRead" :disabled="isDisabled"
+                    :accept="props.accept" upload-icon="plus" :deletable="!isDisabled" :before-delete="onBeforeDelete"
+                    @click-preview="onPreview" />
+            </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,
+        default: ''
+    },
+    label: {
+        type: String,
+        default: ''
+    },
+    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([])
+
+onMounted(() => {
+
+})
+
+const onAfterRead = async (file) => {
+    console.log(file)
+    let params = {
+        file: file.file
+    }
+
+    return util.file_upload(params).then(res => {
+        modelValue.value = res.data
+        return Promise.resolve(file)
+    })
+}
+
+const onBeforeDelete = (e) => {
+    modelValue.value = ''
+    return Promise.resolve(e)
+}
+
+const onPreview = (e) => {
+    console.log('onPreview', e)
+    window.open(e.url, "_blank");
+}
+
+watch(() => props.modelValue,
+    (newVal, oldVal) => {
+        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>