widget.qw 1.0.81 → 1.0.83

package/src/components/DatetimePicker/index.vue

@@ -1,125 +1,125 @@
-<template>
-    <van-field v-if="!isGone" v-model="formatTime" name="datetimePicker" :label="props.label" 
-        :disabled="isDisabled"
-        :readonly="isReadonly"
-        readonly
-        clearable
-        :placeholder="props.placeholder" :required="isRequired" :rules="props.rules"
-        :right-icon="rightIcon"
-        @click-right-icon="onToggleShow">
-    </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
-    },
-    disabled:{
-        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 = computed({
-    get() {
-        let res = props.modelValue
-
-        // let week_day = util.date2week_day(time)
-        // res = time+'/'+week_day
-
-        return res
-    }, 
-    set() {
-        modelValue.value = ''
-    }
-})
-
-const rightIcon = computed(()=>{
-    if(isReadonly.value || isDisabled.value)
-        return ''
-
-    return 'arrow'
-})
-
-// 默认当前时间
-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="formatTime" name="datetimePicker" :label="props.label" 
+        :disabled="isDisabled"
+        :readonly="isReadonly"
+        readonly
+        clearable
+        :placeholder="props.placeholder" :required="isRequired" :rules="props.rules"
+        :right-icon="rightIcon"
+        @click-right-icon="onToggleShow">
+    </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
+    },
+    disabled:{
+        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 = computed({
+    get() {
+        let res = props.modelValue
+
+        // let week_day = util.date2week_day(time)
+        // res = time+'/'+week_day
+
+        return res
+    }, 
+    set() {
+        modelValue.value = ''
+    }
+})
+
+const rightIcon = computed(()=>{
+    if(isReadonly.value || isDisabled.value)
+        return ''
+
+    return 'arrow'
+})
+
+// 默认当前时间
+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>