@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/DatePicker/DatePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :visible=\"stateOpen\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    transition-name=\"slide-up\"\n    :popup-class=\"`${dropdownMenuClass || ''}`\"\n    :click-outside=\"onClickOutside\"\n    :get-popup-container=\"getPopupContainer\"\n    :modifiers=\"modifiers\"\n  >\n    <div\n      :class=\"{\n        [`${prefixCls}-picker`]: true,\n        [`${prefixCls}-picker-variant-${variant}`]: true,\n        [`${prefixCls}-picker-disabled`]: disabled,\n        [`${prefixCls}-picker-${size}`]: size,\n        [`${prefixCls}-picker-open`]: stateOpen,\n        [`${prefixCls}-picker-range`]: isRange,\n        [`${prefixCls}-picker-clearable`]: showClear,\n        [`${prefixCls}-picker-rlt`]: computedDirection === 'rtl'\n      }\"\n      v-bind=\"$attrs\"\n      :data-color=\"color\"\n      @click=\"onInputContainerClick\"\n    >\n      <label\n        v-if=\"label\"\n        :class=\"{\n          [`${prefixCls}-picker-label`]: true,\n          [`${prefixCls}-picker-label-colon`]: labelColon,\n          [`${prefixCls}-picker-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </label>\n      <slot :size=\"size\" :mode=\"singeType\" :value=\"(stateValue as any)\" :change=\"onInputChange\" :clear=\"onClear\">\n        <DateRangeInput\n          v-if=\"isRange\"\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :separator=\"$slots.separator ? $slots.separator : separator\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :locale=\"computedLocale\"\n          :placeholder=\"Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :limit-duration=\"limitDuration\"\n          @change=\"onInputChange\"\n        />\n        <DatePickerText\n          v-else-if=\"variant === 'text'\"\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :disabled=\"disabled\"\n          :locale=\"computedLocale\"\n          :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :panel=\"statePanel\"\n        />\n        <DatePickerInput\n          v-else\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :open=\"stateOpen\"\n          :locale=\"computedLocale\"\n          :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :panel=\"statePanel\"\n          @change=\"onInputChange\"\n          @focus=\"onInputFocus\"\n          @blur=\"onInputBlur\"\n        />\n      </slot>\n      <template v-if=\"!$slots.default\">\n        <span v-if=\"showClear\" :class=\"`${prefixCls}-picker-clear`\" @mousedown.prevent @click=\"onClear\">\n          <UIcon>\n            <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n            <URoundCloseCircle v-else />\n          </UIcon>\n        </span>\n        <span :class=\"`${prefixCls}-picker-icon`\">\n          <UIcon>\n            <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n            <URoundCalendar v-else />\n          </UIcon>\n        </span>\n      </template>\n    </div>\n    <template #popup>\n      <DatePickerPanel\n        v-if=\"!isRange\"\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :mode=\"singeType\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :show-today=\"showToday\"\n        :show-confirm=\"showConfirm\"\n        :shortcuts=\"shortcuts\"\n        :auto-open-time=\"autoOpenTime\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n      <DateRangePanel\n        v-else\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :default-time=\"defaultTime\"\n        :show-confirm=\"showConfirm\"\n        :mode=\"singeType\"\n        :shortcuts=\"shortcuts\"\n        :limit-duration=\"limitDuration\"\n        :auto-open-time=\"autoOpenTime\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, provide, inject, watchEffect } from 'vue';\nimport { URoundCloseCircle, URoundCalendar } from '@koi-design/uxd-icon';\n\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\n\nimport warning from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport DatePickerInput from './Trigger/DatePickerInput.vue';\nimport DateRangeInput from './Trigger/DateRangeInput.vue';\nimport DatePickerText from './Trigger/DatePickerText.vue';\nimport DatePickerPanel from './Panel/DatePickerPanel.vue';\nimport DateRangePanel from './Panel/DateRangePanel.vue';\nimport { FormItemKey } from '../Form';\nimport { datePickerProps, datePickerEmits } from './DatePicker.type';\nimport type { DatePickerSingleValueType, DatePickerValueType, DatePickerSingleType } from './DatePicker.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { formatDate } from './hooks/useFormat';\n\nexport default defineComponent({\n  name: 'UDatePicker',\n  components: {\n    Popup,\n    UIcon,\n    DatePickerInput,\n    DatePickerText,\n    DateRangeInput,\n    DatePickerPanel,\n    DateRangePanel,\n    URoundCloseCircle,\n    URoundCalendar\n  },\n  inheritAttrs: false,\n  props: datePickerProps,\n  emits: datePickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('date-picker');\n    const inputRef = ref<any | null>(null);\n    const panelRef = ref(null);\n\n    // ========== computed ==============\n    // #region\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.datePicker;\n    });\n\n    const isRange = computed(() => {\n      return props.type.indexOf('Range') > 0;\n    });\n\n    const singeType = computed(() => {\n      return (isRange.value ? props.type.replace('Range', '') : props.type) as DatePickerSingleType;\n    });\n\n    const stateValue = ref<DatePickerValueType>();\n\n    const showClear = computed(() => {\n      if (props.disabled) {\n        return false;\n      }\n      if (!isRange.value) {\n        return props.clearable && stateValue.value !== null;\n      }\n      return props.clearable && (stateValue.value as DatePickerSingleValueType[]).every((x) => !!x);\n    });\n\n    const computedDirection = computed<'ltr' | 'rtl'>(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    // #endregion\n\n    // ============ open =================\n    // #region\n    const stateOpen = ref(props.open);\n    const setOpened = (val: boolean, isConfirm = false) => {\n      if (props.open === undefined) {\n        stateOpen.value = val;\n      }\n      emit('update:open', val);\n      emit('open-change', val);\n      if (isConfirm) {\n        emit('confirm');\n      }\n    };\n\n    onMounted(() => {\n      watch(\n        () => props.open,\n        (val) => {\n          stateOpen.value = val;\n          if (val && inputRef.value) {\n            (inputRef.value as any).focus();\n          }\n        }\n      );\n    });\n\n    const onClickOutside = () => {\n      setOpened(false);\n    };\n\n    const onInputContainerClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      if (!stateOpen.value) {\n        setOpened(true);\n      }\n    };\n    // #endregion\n\n    // ========== value ==============\n    // #region\n    // watch(\n    //   () => props.modelValue,\n    //   (val) => {\n    //     if (val) {\n    //       if (isRange.value && !Array.isArray(val)) {\n    //         warning(' modeValue must be array when type is Range');\n    //         stateValue.value = [null, null];\n    //         return;\n    //       }\n    //       stateValue.value = val;\n    //     } else {\n    //       stateValue.value = isRange.value ? [null, null] : null;\n    //     }\n    //   },\n    //   { immediate: true }\n    // )\n    // FIX  2021-09-22\n    watchEffect(() => {\n      const val = props.modelValue;\n      if (val) {\n        if (isRange.value && !Array.isArray(val)) {\n          warning(' modeValue must be array when type is Range');\n          stateValue.value = [null, null];\n          return;\n        }\n        stateValue.value = val;\n      } else {\n        stateValue.value = isRange.value ? [null, null] : null;\n      }\n    });\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (val: Date | null | (Date | null)[]) => {\n      let rst: DatePickerValueType = val;\n      if (props.valueFormat) {\n        if (Array.isArray(val)) {\n          rst = val.map((x) => formatDate(x, props.valueFormat));\n        } else {\n          rst = formatDate(val, props.valueFormat);\n        }\n      }\n\n      if (props.modelValue === undefined) {\n        stateValue.value = rst;\n      }\n\n      emit('update:modelValue', rst);\n      emit('change', rst);\n      if (onFieldChange) {\n        onFieldChange(val);\n      }\n    };\n\n    const onSelected = (val: Date | null | (Date | null)[], close = true) => {\n      setValue(val);\n      if (close) {\n        setOpened(false);\n      }\n    };\n\n    const onClear = () => {\n      setValue(isRange.value ? [null, null] : null);\n      setOpened(false);\n      emit('clear');\n    };\n\n    // #endregion\n\n    // ======= input event ==========\n    // #region\n    const onInputChange = (value: Date | null | (Date | null)[]) => {\n      setValue(value);\n    };\n\n    const onInputFocus = (e: Event) => {\n      // setOpened(true);\n      emit('focus', e);\n    };\n\n    const onInputBlur = (e: Event) => {\n      emit('blur', e);\n    };\n\n    // #endregion\n\n    // ======== panel ============\n    // #region\n    const statePanel = ref();\n    const initPanel = props.type.replace('Range', '');\n    if (isRange.value) {\n      statePanel.value = [initPanel, initPanel];\n    } else {\n      statePanel.value = initPanel;\n    }\n    const onPanelChange = (panel: string, side?: string) => {\n      if (!side) {\n        statePanel.value = panel;\n      } else {\n        const index = side === 'left' ? 0 : 1;\n        statePanel.value = statePanel.value.splice(index, 1, panel);\n      }\n    };\n    // #endregion\n\n    provide('datePickerContext', {\n      setOpened\n    });\n\n    return {\n      prefixCls,\n      panelRef,\n      inputRef,\n      computedLocale,\n      stateOpen,\n      computedPlacement,\n      computedDirection,\n      stateValue,\n      statePanel,\n      showClear,\n      isRange,\n      singeType,\n      onClear,\n      onInputContainerClick,\n      onClickOutside,\n      onInputChange,\n      onInputFocus,\n      onInputBlur,\n      onSelected,\n      onPanelChange\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_normalizeClass","_renderSlot","_Fragment","_createVNode","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"DatePicker.mjs","sources":["../../../../src/components/DatePicker/DatePicker.vue"],"sourcesContent":["<template>\n  <Popup\n    :visible=\"stateOpen\"\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"computedPlacement\"\n    transition-name=\"slide-up\"\n    :popup-class=\"`${dropdownMenuClass || ''}`\"\n    :click-outside=\"onClickOutside\"\n    :get-popup-container=\"getPopupContainer\"\n    :modifiers=\"modifiers\"\n  >\n    <div\n      :class=\"{\n        [`${prefixCls}-picker`]: true,\n        [`${prefixCls}-picker-variant-${variant}`]: true,\n        [`${prefixCls}-picker-disabled`]: disabled,\n        [`${prefixCls}-picker-${size}`]: size,\n        [`${prefixCls}-picker-open`]: stateOpen,\n        [`${prefixCls}-picker-range`]: isRange,\n        [`${prefixCls}-picker-clearable`]: showClear,\n        [`${prefixCls}-picker-rlt`]: computedDirection === 'rtl'\n      }\"\n      v-bind=\"$attrs\"\n      @click=\"onInputContainerClick\"\n    >\n      <label\n        v-if=\"label\"\n        :class=\"{\n          [`${prefixCls}-picker-label`]: true,\n          [`${prefixCls}-picker-label-colon`]: labelColon,\n          [`${prefixCls}-picker-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </label>\n\n      <slot :size=\"size\" :mode=\"singeType\" :value=\"(stateValue as any)\" :change=\"onInputChange\" :clear=\"onClear\">\n        <DateRangeInput\n          v-if=\"isRange\"\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :separator=\"$slots.separator ? $slots.separator : separator\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :locale=\"computedLocale\"\n          :placeholder=\"Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :limit-duration=\"limitDuration\"\n          @change=\"onInputChange\"\n        />\n\n        <DatePickerInput\n          v-else\n          ref=\"inputRef\"\n          :prefix-cls=\"prefixCls\"\n          :format=\"format\"\n          :disabled=\"disabled\"\n          :disabled-date=\"disabledDate\"\n          :disabled-time=\"disabledTime\"\n          :size=\"size\"\n          :mode=\"singeType\"\n          :open=\"stateOpen\"\n          :locale=\"computedLocale\"\n          :placeholder=\"!Array.isArray(placeholder) ? placeholder : undefined\"\n          :value=\"(stateValue as any)\"\n          :panel=\"statePanel\"\n          @change=\"onInputChange\"\n          @focus=\"onInputFocus\"\n          @blur=\"onInputBlur\"\n        />\n      </slot>\n      <template v-if=\"!$slots.default\">\n        <span v-if=\"showClear\" :class=\"`${prefixCls}-picker-clear`\" @mousedown.prevent @click=\"onClear\">\n          <UIcon>\n            <component :is=\"clearIcon\" v-if=\"clearIcon\" />\n            <CircleX v-else />\n          </UIcon>\n        </span>\n        <span :class=\"`${prefixCls}-picker-icon`\">\n          <UIcon>\n            <component :is=\"suffixIcon\" v-if=\"suffixIcon\" />\n            <Calendar v-else />\n          </UIcon>\n        </span>\n      </template>\n    </div>\n    <template #popup>\n      <DatePickerPanel\n        v-if=\"!isRange\"\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :mode=\"singeType\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :show-confirm=\"showConfirm\"\n        :shortcuts=\"shortcuts\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n      <DateRangePanel\n        v-else\n        ref=\"panelRef\"\n        :prefix-cls=\"prefixCls\"\n        :locale=\"computedLocale\"\n        :value=\"(stateValue as any)\"\n        :open=\"stateOpen\"\n        :disabled-date=\"disabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :default-time=\"defaultTime\"\n        :show-confirm=\"showConfirm\"\n        :mode=\"singeType\"\n        :shortcuts=\"shortcuts\"\n        :limit-duration=\"limitDuration\"\n        :show-time-clear=\"showTimeClear\"\n        :direction=\"computedDirection\"\n        @select=\"onSelected\"\n        @panel-change=\"onPanelChange\"\n      />\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, computed, onMounted, provide, inject, watchEffect } from 'vue';\nimport { CircleX, Calendar } from 'lucide-vue-next';\n\nimport Popup from '@uxd-ui/components/Popup';\nimport UIcon from '@uxd-ui/components/Icon';\n\nimport warning from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport DatePickerInput from './Trigger/DatePickerInput.vue';\nimport DateRangeInput from './Trigger/DateRangeInput.vue';\nimport DatePickerPanel from './Panel/DatePickerPanel.vue';\nimport DateRangePanel from './Panel/DateRangePanel.vue';\nimport { FormItemKey } from '../Form';\nimport { datePickerProps, datePickerEmits } from './DatePicker.type';\nimport type { DatePickerSingleValueType, DatePickerValueType, DatePickerSingleType } from './DatePicker.type';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { formatDate } from './hooks/useFormat';\n\nexport default defineComponent({\n  name: 'UDatePicker',\n  components: {\n    Popup,\n    UIcon,\n    DatePickerInput,\n    DateRangeInput,\n    DatePickerPanel,\n    DateRangePanel,\n    CircleX,\n    Calendar\n  },\n  inheritAttrs: false,\n  props: datePickerProps,\n  emits: datePickerEmits,\n  setup(props, { emit }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('date-picker');\n    const inputRef = ref<any | null>(null);\n    const panelRef = ref(null);\n\n    // ========== computed ==============\n    // #region\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.datePicker;\n    });\n\n    const isRange = computed(() => {\n      return props.type.indexOf('Range') > 0;\n    });\n\n    const singeType = computed(() => {\n      return (isRange.value ? props.type.replace('Range', '') : props.type) as DatePickerSingleType;\n    });\n\n    const stateValue = ref<DatePickerValueType>();\n\n    const showClear = computed(() => {\n      if (props.disabled) {\n        return false;\n      }\n      if (!isRange.value) {\n        return props.clearable && stateValue.value !== null;\n      }\n      return props.clearable && (stateValue.value as DatePickerSingleValueType[]).every((x) => !!x);\n    });\n\n    const computedDirection = computed<'ltr' | 'rtl'>(() => {\n      return props.direction || globalConfig.direction || 'ltr';\n    });\n\n    const computedPlacement = computed(() => {\n      if (props.placement) {\n        return props.placement;\n      }\n      return computedDirection.value === 'rtl' ? 'bottom-end' : 'bottom-start';\n    });\n\n    // #endregion\n\n    // ============ open =================\n    // #region\n    const stateOpen = ref(props.open);\n    const setOpened = (val: boolean, isConfirm = false) => {\n      if (props.open === undefined) {\n        stateOpen.value = val;\n      }\n      emit('update:open', val);\n      emit('open-change', val);\n      if (isConfirm) {\n        emit('confirm');\n      }\n    };\n\n    onMounted(() => {\n      watch(\n        () => props.open,\n        (val) => {\n          stateOpen.value = val;\n          if (val && inputRef.value) {\n            (inputRef.value as any).focus();\n          }\n        }\n      );\n    });\n\n    const onClickOutside = () => {\n      setOpened(false);\n    };\n\n    const onInputContainerClick = () => {\n      if (props.disabled) {\n        return;\n      }\n      if (!stateOpen.value) {\n        setOpened(true);\n      }\n    };\n    // #endregion\n\n    // ========== value ==============\n    // #region\n    // watch(\n    //   () => props.modelValue,\n    //   (val) => {\n    //     if (val) {\n    //       if (isRange.value && !Array.isArray(val)) {\n    //         warning(' modeValue must be array when type is Range');\n    //         stateValue.value = [null, null];\n    //         return;\n    //       }\n    //       stateValue.value = val;\n    //     } else {\n    //       stateValue.value = isRange.value ? [null, null] : null;\n    //     }\n    //   },\n    //   { immediate: true }\n    // )\n    // FIX  2021-09-22\n    watchEffect(() => {\n      const val = props.modelValue;\n      if (val) {\n        if (isRange.value && !Array.isArray(val)) {\n          warning(' modeValue must be array when type is Range');\n          stateValue.value = [null, null];\n          return;\n        }\n        stateValue.value = val;\n      } else {\n        stateValue.value = isRange.value ? [null, null] : null;\n      }\n    });\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const setValue = (val: Date | null | (Date | null)[]) => {\n      let rst: DatePickerValueType = val;\n      if (props.valueFormat) {\n        if (Array.isArray(val)) {\n          rst = val.map((x) => formatDate(x, props.valueFormat));\n        } else {\n          rst = formatDate(val, props.valueFormat);\n        }\n      }\n\n      if (props.modelValue === undefined) {\n        stateValue.value = rst;\n      }\n\n      emit('update:modelValue', rst);\n      emit('change', rst);\n      if (onFieldChange) {\n        onFieldChange(val);\n      }\n    };\n\n    const onSelected = (val: Date | null | (Date | null)[]) => {\n      setValue(val);\n      if (props.autoClose && !props.type.includes('dateTime')) {\n        setOpened(false);\n      }\n    };\n\n    const onClear = () => {\n      setValue(isRange.value ? [null, null] : null);\n      setOpened(false);\n      emit('clear');\n    };\n\n    // #endregion\n\n    // ======= input event ==========\n    // #region\n    const onInputChange = (value: Date | null | (Date | null)[]) => {\n      setValue(value);\n    };\n\n    const onInputFocus = (e: Event) => {\n      // setOpened(true);\n      emit('focus', e);\n    };\n\n    const onInputBlur = (e: Event) => {\n      emit('blur', e);\n    };\n\n    // #endregion\n\n    // ======== panel ============\n    // #region\n    const statePanel = ref();\n    const initPanel = props.type.replace('Range', '');\n    if (isRange.value) {\n      statePanel.value = [initPanel, initPanel];\n    } else {\n      statePanel.value = initPanel;\n    }\n    const onPanelChange = (panel: string, side?: string) => {\n      if (!side) {\n        statePanel.value = panel;\n      } else {\n        const index = side === 'left' ? 0 : 1;\n        statePanel.value = statePanel.value.splice(index, 1, panel);\n      }\n    };\n    // #endregion\n\n    provide('datePickerContext', {\n      setOpened\n    });\n\n    return {\n      prefixCls,\n      panelRef,\n      inputRef,\n      computedLocale,\n      stateOpen,\n      computedPlacement,\n      computedDirection,\n      stateValue,\n      statePanel,\n      showClear,\n      isRange,\n      singeType,\n      onClear,\n      onInputContainerClick,\n      onClickOutside,\n      onInputChange,\n      onInputFocus,\n      onInputBlur,\n      onSelected,\n      onPanelChange\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_normalizeClass","_renderSlot","_Fragment","_createVNode","_resolveDynamicComponent"],"mappings":"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"}

package/es/components/DatePicker/DatePicker.type.d.ts

@@ -118,18 +118,10 @@ export declare const datePickerProps: {
     limitDuration: {
         type: PropType<DatePickerLimit>;
     };
-    showConfirm: {
+    autoClose: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showToday: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoOpenTime: {
-        type: BooleanConstructor;
-        dafault: boolean;
-    };
     showTimeClear: {
         type: BooleanConstructor;
         default: boolean;
@@ -138,15 +130,10 @@ export declare const datePickerProps: {
         type: StringConstructor;
     };
     variant: {
-        type: PropType<"text" | "surface" | "soft">;
+        type: PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
-    color: {
-        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
-        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
-        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
-    };
     label: {
         type: StringConstructor;
     };

package/es/components/DatePicker/DatePicker.type.mjs

@@ -1,4 +1,4 @@
-import { normalSizeMap, colorType } from '../../utils/globalType.mjs';
+import { normalSizeMap } from '../../utils/globalType.mjs';
 import { oneOf, isArrayOf } from '../../utils/propsValidators.mjs';
 import placements from '../../utils/placements.mjs';
 
@@ -62,13 +62,13 @@ const datePickerProps = {
     type: Function
   },
   clearIcon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   timeOptions: {
     type: Object
   },
   suffixIcon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   separator: {
     type: String
@@ -83,18 +83,10 @@ const datePickerProps = {
   limitDuration: {
     type: [Number, Object, Function]
   },
-  showConfirm: {
+  autoClose: {
     type: Boolean,
     default: false
   },
-  showToday: {
-    type: Boolean,
-    default: false
-  },
-  autoOpenTime: {
-    type: Boolean,
-    dafault: false
-  },
   showTimeClear: {
     type: Boolean,
     default: true
@@ -105,12 +97,7 @@ const datePickerProps = {
   variant: {
     type: String,
     default: "surface",
-    validator: oneOf(["surface", "soft", "text"])
-  },
-  color: {
-    type: String,
-    default: void 0,
-    validator: oneOf(colorType)
+    validator: oneOf(["surface", "soft", "borderless", "underline"])
   },
   label: {
     type: String

package/es/components/DatePicker/DatePicker.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.type.mjs","sources":["../../../../src/components/DatePicker/DatePicker.type.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { ExtractPropTypes, PropType } from 'vue';\nimport type { DisabledDateFunction } from '../Calendar/Calendar.type';\nimport type { DatePickerLocal } from '../locale/default';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction } from '../TimePicker/TimePicker.type';\nimport { colorType, normalSizeMap } from '../../utils/globalType';\nimport type { ColorType, IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\nimport type DatePicker from './DatePicker.vue';\nimport type { GetPopupContainer } from '../Popup';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\n\nexport const rangeDirection = ['left', 'right'] as const;\n\nexport interface QuarterTableCell {\n  text: string;\n  quarter: Dayjs;\n  rawDate: Date;\n  class: string;\n  disabled?: boolean;\n}\nexport interface DisabledTimeObject {\n  disabledHours?: DisabledHoursFunction;\n  disabledMinutes?: DisabledMinutesFunction;\n  disabledSeconds?: DisabledSecondsFunction;\n}\n\nexport type RangeDirection = (typeof rangeDirection)[number];\n\nexport type DisabledTimeFunction = (date: Date, direction?: RangeDirection) => DisabledTimeObject;\n\nexport type DatePickerSingleType = 'date' | 'dates' | 'year' | 'week' | 'month' | 'dateTime' | 'quarter';\n\nexport type DatePickerRangeType = 'dateRange' | 'dateTimeRange' | 'monthRange' | 'yearRange' | 'quarterRange' | 'weekRange';\n\nexport type DatePickerType = DatePickerSingleType | DatePickerRangeType;\n\nexport type DatePickerSingleValueType = Date | string | Dayjs | null;\n\nexport type DatePickerValueType = DatePickerSingleValueType | DatePickerSingleValueType[];\n\nexport interface DatePickerShortcut {\n  text: string;\n  value: () => DatePickerValueType;\n}\n\nexport interface DatePickerLimitObject {\n  duration: number;\n  unit: 'day' | 'week' | 'month' | 'year';\n}\n\nexport type DatePickerLimit = DatePickerLimitObject | number | ((selectedDay: Date, currentDate: Date) => boolean);\n\nexport type DatePickerPanelType = 'date' | 'year' | 'week' | 'month' | 'quarter';\n\nexport interface DatePickerContext {\n  setOpened: (state: boolean, isConfirm?: boolean) => void;\n}\nexport interface RangeObject {\n  direction: RangeDirection;\n}\n\nexport interface DisabledControl {\n  prevYear?: boolean;\n  prevMonth?: boolean;\n  nextMonth?: boolean;\n  nextYear?: boolean;\n  prevDecade?: boolean;\n  nextDecade?: boolean;\n  disabledMonth?: (monthDate: Dayjs) => boolean;\n  disabledYear?: (year: number) => boolean;\n}\n\nexport const datePickerProps = {\n  modelValue: {\n    type: [Date, Object, String, Array] as PropType<DatePickerValueType>\n  },\n  type: {\n    type: String as PropType<DatePickerType>,\n    default: 'date',\n    validator: oneOf([\n      'date',\n      'dates',\n      'year',\n      'quarter',\n      'week',\n      'month',\n      'dateTime',\n      'dateRange',\n      'dateTimeRange',\n      'weekRange',\n      'monthRange',\n      'quarterRange',\n      'yearRange'\n    ])\n  },\n  placeholder: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap.map((x) => x))\n  },\n  format: {\n    type: String\n  },\n  valueFormat: {\n    type: String\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  disabledDate: {\n    type: Function as PropType<DisabledDateFunction>\n  },\n  disabledTime: {\n    type: Function as PropType<DisabledTimeFunction>\n  },\n  clearIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  timeOptions: {\n    type: Object as PropType<Record<string, any>>\n  },\n  suffixIcon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  separator: {\n    type: String\n  },\n  defaultTime: {\n    type: Array as PropType<string[]>\n  },\n  shortcuts: {\n    type: Array as PropType<DatePickerShortcut[]>,\n\n    validator: isArrayOf(Object)\n  },\n  limitDuration: {\n    type: [Number, Object, Function] as PropType<DatePickerLimit>\n  },\n  showConfirm: {\n    type: Boolean,\n    default: false\n  },\n  showToday: {\n    type: Boolean,\n    default: false\n  },\n  autoOpenTime: {\n    type: Boolean,\n    dafault: false\n  },\n  showTimeClear: {\n    type: Boolean,\n    default: true\n  },\n  dropdownMenuClass: {\n    type: String\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'text'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'text'])\n  },\n  color: {\n    type: String as PropType<ColorType | undefined>,\n    default: undefined as undefined | ColorType,\n    validator: oneOf(colorType)\n  },\n  label: {\n    type: String\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  getPopupContainer: {\n    type: Function as PropType<GetPopupContainer>\n  },\n  modifiers: {\n    type: Array as PropType<any[]>\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\n\nconst validateSingleType = (v: DatePickerSingleValueType) => {\n  if (v === null) {\n    return true;\n  }\n  return typeof v === 'string' || (typeof v === 'object' && v instanceof Date);\n};\n\nexport const datePickerEmits = {\n  'update:modelValue': (v: DatePickerValueType) => {\n    if (v === undefined) {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return (v as DatePickerSingleValueType[]).every((x) => validateSingleType(x));\n    }\n    return validateSingleType(v as DatePickerSingleValueType);\n  },\n  change: (v: DatePickerValueType) => {\n    if (v === undefined) {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return (v as DatePickerSingleValueType[]).every((x) => validateSingleType(x));\n    }\n    return validateSingleType(v as DatePickerSingleValueType);\n  },\n  'update:open': (v: boolean) => typeof v === 'boolean',\n  'open-change': (v: boolean) => typeof v === 'boolean',\n  confirm: () => true,\n  blur: (e: Event) => e instanceof Event,\n  focus: (e: Event) => e instanceof Event,\n  clear: () => true\n};\n\nexport type DatePickerEmits = typeof datePickerEmits;\n\nexport type DatePickerInstanceType = InstanceType<typeof DatePicker>;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DatePicker.type.mjs","sources":["../../../../src/components/DatePicker/DatePicker.type.ts"],"sourcesContent":["import type { Dayjs } from 'dayjs';\nimport type { ExtractPropTypes, PropType } from 'vue';\nimport type { DisabledDateFunction } from '../Calendar/Calendar.type';\nimport type { DatePickerLocal } from '../locale/default';\nimport type { DisabledHoursFunction, DisabledMinutesFunction, DisabledSecondsFunction } from '../TimePicker/TimePicker.type';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { isArrayOf, oneOf } from '../../utils/propsValidators';\nimport type DatePicker from './DatePicker.vue';\nimport type { GetPopupContainer } from '../Popup';\nimport type { Placements } from '../../utils/placements';\nimport placements from '../../utils/placements';\n\nexport const rangeDirection = ['left', 'right'] as const;\n\nexport interface QuarterTableCell {\n  text: string;\n  quarter: Dayjs;\n  rawDate: Date;\n  class: string;\n  disabled?: boolean;\n}\nexport interface DisabledTimeObject {\n  disabledHours?: DisabledHoursFunction;\n  disabledMinutes?: DisabledMinutesFunction;\n  disabledSeconds?: DisabledSecondsFunction;\n}\n\nexport type RangeDirection = (typeof rangeDirection)[number];\n\nexport type DisabledTimeFunction = (date: Date, direction?: RangeDirection) => DisabledTimeObject;\n\nexport type DatePickerSingleType = 'date' | 'dates' | 'year' | 'week' | 'month' | 'dateTime' | 'quarter';\n\nexport type DatePickerRangeType = 'dateRange' | 'dateTimeRange' | 'monthRange' | 'yearRange' | 'quarterRange' | 'weekRange';\n\nexport type DatePickerType = DatePickerSingleType | DatePickerRangeType;\n\nexport type DatePickerSingleValueType = Date | string | Dayjs | null;\n\nexport type DatePickerValueType = DatePickerSingleValueType | DatePickerSingleValueType[];\n\nexport interface DatePickerShortcut {\n  text: string;\n  value: () => DatePickerValueType;\n}\n\nexport interface DatePickerLimitObject {\n  duration: number;\n  unit: 'day' | 'week' | 'month' | 'year';\n}\n\nexport type DatePickerLimit = DatePickerLimitObject | number | ((selectedDay: Date, currentDate: Date) => boolean);\n\nexport type DatePickerPanelType = 'date' | 'year' | 'week' | 'month' | 'quarter';\n\nexport interface DatePickerContext {\n  setOpened: (state: boolean, isConfirm?: boolean) => void;\n}\nexport interface RangeObject {\n  direction: RangeDirection;\n}\n\nexport interface DisabledControl {\n  prevYear?: boolean;\n  prevMonth?: boolean;\n  nextMonth?: boolean;\n  nextYear?: boolean;\n  prevDecade?: boolean;\n  nextDecade?: boolean;\n  disabledMonth?: (monthDate: Dayjs) => boolean;\n  disabledYear?: (year: number) => boolean;\n}\n\nexport const datePickerProps = {\n  modelValue: {\n    type: [Date, Object, String, Array] as PropType<DatePickerValueType>\n  },\n  type: {\n    type: String as PropType<DatePickerType>,\n    default: 'date',\n    validator: oneOf([\n      'date',\n      'dates',\n      'year',\n      'quarter',\n      'week',\n      'month',\n      'dateTime',\n      'dateRange',\n      'dateTimeRange',\n      'weekRange',\n      'monthRange',\n      'quarterRange',\n      'yearRange'\n    ])\n  },\n  placeholder: {\n    type: [String, Array] as PropType<string | string[]>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap.map((x) => x))\n  },\n  format: {\n    type: String\n  },\n  valueFormat: {\n    type: String\n  },\n  locale: {\n    type: Object as PropType<DatePickerLocal>\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  open: {\n    type: Boolean,\n    default: undefined as undefined\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  disabledDate: {\n    type: Function as PropType<DisabledDateFunction>\n  },\n  disabledTime: {\n    type: Function as PropType<DisabledTimeFunction>\n  },\n  clearIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  timeOptions: {\n    type: Object as PropType<Record<string, any>>\n  },\n  suffixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  separator: {\n    type: String\n  },\n  defaultTime: {\n    type: Array as PropType<string[]>\n  },\n  shortcuts: {\n    type: Array as PropType<DatePickerShortcut[]>,\n\n    validator: isArrayOf(Object)\n  },\n  limitDuration: {\n    type: [Number, Object, Function] as PropType<DatePickerLimit>\n  },\n  autoClose: {\n    type: Boolean,\n    default: false\n  },\n  showTimeClear: {\n    type: Boolean,\n    default: true\n  },\n  dropdownMenuClass: {\n    type: String\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'borderless' | 'underline'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'borderless', 'underline'])\n  },\n  label: {\n    type: String\n  },\n  labelColon: {\n    type: Boolean,\n    default: true\n  },\n  required: {\n    type: Boolean,\n    default: false\n  },\n  placement: {\n    type: String as PropType<Placements>,\n    validator: oneOf(placements)\n  },\n  getPopupContainer: {\n    type: Function as PropType<GetPopupContainer>\n  },\n  modifiers: {\n    type: Array as PropType<any[]>\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;\n\nconst validateSingleType = (v: DatePickerSingleValueType) => {\n  if (v === null) {\n    return true;\n  }\n  return typeof v === 'string' || (typeof v === 'object' && v instanceof Date);\n};\n\nexport const datePickerEmits = {\n  'update:modelValue': (v: DatePickerValueType) => {\n    if (v === undefined) {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return (v as DatePickerSingleValueType[]).every((x) => validateSingleType(x));\n    }\n    return validateSingleType(v as DatePickerSingleValueType);\n  },\n  change: (v: DatePickerValueType) => {\n    if (v === undefined) {\n      return true;\n    }\n    if (Array.isArray(v)) {\n      return (v as DatePickerSingleValueType[]).every((x) => validateSingleType(x));\n    }\n    return validateSingleType(v as DatePickerSingleValueType);\n  },\n  'update:open': (v: boolean) => typeof v === 'boolean',\n  'open-change': (v: boolean) => typeof v === 'boolean',\n  confirm: () => true,\n  blur: (e: Event) => e instanceof Event,\n  focus: (e: Event) => e instanceof Event,\n  clear: () => true\n};\n\nexport type DatePickerEmits = typeof datePickerEmits;\n\nexport type DatePickerInstanceType = InstanceType<typeof DatePicker>;\n"],"names":[],"mappings":"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"}