@koi-design/uxd-ui 14.0.6 → 14.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"Cascader.type.mjs","sources":["../../../../src/components/Cascader/Cascader.type.ts"],"sourcesContent":["import type { CSSProperties, PropType, ExtractPropTypes, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport type { Placements } from '../../utils/placements';\nimport type Cascader from './Cascader';\nimport { colorType } from '../../utils/globalType';\nimport type { ColorType, IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport placements from '../../utils/placements';\n\nexport interface CascaderOption {\n  _IS_FILTERED_OPTION_?: boolean;\n  isLeaf?: boolean;\n  loading?: boolean;\n  [key: string]: any;\n}\n\nexport interface FieldNamesMap {\n  label: string;\n  value: string;\n  children: string;\n}\n\nexport type LoadDataFunction = (opt: CascaderOption, index: number) => Promise<CascaderOption[]>;\nexport type CascaderTrigger = 'click' | 'hover';\n\nexport type CascaderSearchFilter = (inputValue: string, path: CascaderOption[], names: FieldNamesMap) => boolean;\n\nexport type CascaderSearchSort = (a: CascaderOption[], b: CascaderOption[], inputValue: string, names: FieldNamesMap) => number;\nexport type CascaderSearchRender = (param: { labels: string[]; keyword: string; className: string }) => VNodeChild | JSX.Element;\n\nexport type CascaderUnitValueType = string | number;\n\nexport type CascaderSingleValueType = CascaderUnitValueType[];\n\nexport type CascaderMulipleValueType = CascaderSingleValueType[];\n\nexport type CascaderValueType = CascaderUnitValueType | CascaderMulipleValueType | CascaderSingleValueType;\n\nexport type CascaderInnerValueType = CascaderSingleValueType[];\n\nexport function isCascaderUnitValue(val: CascaderValueType): val is CascaderUnitValueType {\n  return typeof val === 'string' || typeof val === 'number';\n}\n\nexport function isCascaderSingleValue(val: CascaderValueType): val is CascaderSingleValueType {\n  return Array.isArray(val) && !val.some((x: any) => Array.isArray(x));\n}\n\nexport interface CascaderSearchObject {\n  filter: CascaderSearchFilter;\n  limit: number;\n  matchInputWidth: boolean;\n  sort: CascaderSearchSort;\n  render: CascaderSearchRender;\n}\n\nexport type CascaderSearchFilterOut = (inputValue: string, path: CascaderOption[], names?: FieldNamesMap) => boolean;\n\nexport type CascaderSearchConfig =\n  | {\n      filter?: CascaderSearchFilterOut;\n      limit?: number;\n      matchInputWidth?: boolean;\n      sort?: CascaderSearchSort;\n      render?: CascaderSearchRender;\n    }\n  | boolean;\n\nexport const cascaderProps = {\n  modelValue: {\n    type: [String, Number, Array] as PropType<CascaderValueType>,\n    default: undefined as undefined\n  },\n  emitPath: {\n    type: Boolean,\n    default: true\n  },\n  options: {\n    type: Array as PropType<CascaderOption[]>,\n    default: () => [] as CascaderOption[]\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  // popover trigger type\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  changeOnSelect: {\n    type: Boolean,\n    default: false\n  },\n  fieldNames: {\n    type: Object as PropType<FieldNamesMap>,\n    default: () => ({\n      label: 'label',\n      value: 'value',\n      children: 'children'\n    })\n  },\n  showAllLevels: {\n    type: Boolean,\n    default: true\n  },\n  loadData: {\n    type: Function as PropType<LoadDataFunction>\n  },\n  // menu list expand type\n  expandTrigger: {\n    type: String as PropType<CascaderTrigger>,\n    default: 'click',\n    validator: oneOf(['click', 'hover'])\n  },\n  search: {\n    type: [Boolean, Object] as PropType<CascaderSearchConfig>,\n    default: undefined as undefined\n  },\n  notFoundContent: {\n    type: String,\n    default: 'Not Found'\n  },\n  popupClassName: {\n    type: String\n  },\n  popupStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  popupPlacement: {\n    type: String as PropType<Placements>,\n    default: 'bottom-start',\n    validator: oneOf(placements)\n  },\n  open: {\n    type: Boolean as PropType<boolean | undefined>,\n    default: undefined as undefined\n  },\n  prefixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(['small', 'default', 'large'])\n  },\n  showArrow: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: any[]) => string | VNodeChild | JSX.Element>\n  },\n  maxTagTextLength: {\n    type: Number\n  },\n  tagRender: {\n    type: Function as PropType<any>\n  },\n  tagTransitionName: {\n    type: String,\n    default: 'fade'\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number\n  },\n  loadingText: {\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    default: 'bottom-start',\n    validator: oneOf(placements)\n  }\n};\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>;\n\nexport const cascaderEmits = {\n  focus: (ev: Event) => ev instanceof Event,\n  blur: (ev: Event) => ev instanceof Event,\n  mousedown: (ev: Event) => ev instanceof Event,\n  keydown: (ev: KeyboardEvent) => ev instanceof KeyboardEvent,\n  'dropdown-visible-change': (val: boolean) => typeof val === 'boolean',\n  'update:modelValue': (val: CascaderValueType) => {\n    if (!Array.isArray(val)) {\n      return typeof val === 'string' || typeof val === 'number' || typeof val === 'undefined';\n    }\n    if (val.length !== 0) {\n      if (isCascaderSingleValue(val)) {\n        return val.every((v: any) => typeof v === 'string' || typeof v === 'number');\n      }\n      return val.every((v: any) => Array.isArray(v));\n    }\n    return true;\n  },\n  change: (val: CascaderValueType, options: CascaderOption[]) => {\n    if (!Array.isArray(val) || !Array.isArray(options)) {\n      return typeof val === 'string' || typeof val === 'number' || typeof val === 'undefined';\n    }\n    if (val.length !== 0) {\n      if (isCascaderSingleValue(val)) {\n        return val.every((v: any) => typeof v === 'string' || typeof v === 'number');\n      }\n      return val.every((v: any) => Array.isArray(v));\n    }\n    return true;\n  }\n};\n\nexport type CascaderEmits = typeof cascaderEmits;\n\nexport type CascaderInstanceType = InstanceType<typeof Cascader>;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Cascader.type.mjs","sources":["../../../../src/components/Cascader/Cascader.type.ts"],"sourcesContent":["import type { CSSProperties, PropType, ExtractPropTypes, VNodeChild } from 'vue';\nimport type { JSX } from 'vue/jsx-runtime';\nimport type { Placements } from '../../utils/placements';\nimport type Cascader from './Cascader';\nimport { colorType } from '../../utils/globalType';\nimport type { ColorType, IconPropType, NormalSizeMap } from '../../utils/globalType';\nimport { oneOf } from '../../utils/propsValidators';\nimport placements from '../../utils/placements';\n\nexport interface CascaderOption {\n  _IS_FILTERED_OPTION_?: boolean;\n  isLeaf?: boolean;\n  loading?: boolean;\n  [key: string]: any;\n}\n\nexport interface FieldNamesMap {\n  label: string;\n  value: string;\n  children: string;\n}\n\nexport type LoadDataFunction = (opt: CascaderOption, index: number) => Promise<CascaderOption[]>;\nexport type CascaderTrigger = 'click' | 'hover';\n\nexport type CascaderSearchFilter = (inputValue: string, path: CascaderOption[], names: FieldNamesMap) => boolean;\n\nexport type CascaderSearchSort = (a: CascaderOption[], b: CascaderOption[], inputValue: string, names: FieldNamesMap) => number;\nexport type CascaderSearchRender = (param: { labels: string[]; keyword: string; className: string }) => VNodeChild | JSX.Element;\n\nexport type CascaderUnitValueType = string | number;\n\nexport type CascaderSingleValueType = CascaderUnitValueType[];\n\nexport type CascaderMulipleValueType = CascaderSingleValueType[];\n\nexport type CascaderValueType = CascaderUnitValueType | CascaderMulipleValueType | CascaderSingleValueType;\n\nexport type CascaderInnerValueType = CascaderSingleValueType[];\n\nexport function isCascaderUnitValue(val: CascaderValueType): val is CascaderUnitValueType {\n  return typeof val === 'string' || typeof val === 'number';\n}\n\nexport function isCascaderSingleValue(val: CascaderValueType): val is CascaderSingleValueType {\n  return Array.isArray(val) && !val.some((x: any) => Array.isArray(x));\n}\n\nexport interface CascaderSearchObject {\n  filter: CascaderSearchFilter;\n  limit: number;\n  matchInputWidth: boolean;\n  sort: CascaderSearchSort;\n  render: CascaderSearchRender;\n}\n\nexport type CascaderSearchFilterOut = (inputValue: string, path: CascaderOption[], names?: FieldNamesMap) => boolean;\n\nexport type CascaderSearchConfig =\n  | {\n      filter?: CascaderSearchFilterOut;\n      limit?: number;\n      matchInputWidth?: boolean;\n      sort?: CascaderSearchSort;\n      render?: CascaderSearchRender;\n    }\n  | boolean;\n\nexport const cascaderProps = {\n  modelValue: {\n    type: [String, Number, Array] as PropType<CascaderValueType>,\n    default: undefined as undefined\n  },\n  emitPath: {\n    type: Boolean,\n    default: true\n  },\n  options: {\n    type: Array as PropType<CascaderOption[]>,\n    default: () => [] as CascaderOption[]\n  },\n  clearable: {\n    type: Boolean,\n    default: false\n  },\n  // popover trigger type\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  changeOnSelect: {\n    type: Boolean,\n    default: false\n  },\n  fieldNames: {\n    type: Object as PropType<FieldNamesMap>,\n    default: () => ({\n      label: 'label',\n      value: 'value',\n      children: 'children'\n    })\n  },\n  showAllLevels: {\n    type: Boolean,\n    default: true\n  },\n  loadData: {\n    type: Function as PropType<LoadDataFunction>\n  },\n  // menu list expand type\n  expandTrigger: {\n    type: String as PropType<CascaderTrigger>,\n    default: 'click',\n    validator: oneOf(['click', 'hover'])\n  },\n  search: {\n    type: [Boolean, Object] as PropType<CascaderSearchConfig>,\n    default: undefined as undefined\n  },\n  notFoundContent: {\n    type: String,\n    default: 'Not Found'\n  },\n  popupClassName: {\n    type: String\n  },\n  popupStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  popupPlacement: {\n    type: String as PropType<Placements>,\n    default: 'bottom-start',\n    validator: oneOf(placements)\n  },\n  open: {\n    type: Boolean as PropType<boolean | undefined>,\n    default: undefined as undefined\n  },\n  prefixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  suffixIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(['small', 'default', 'large'])\n  },\n  showArrow: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  maxTagCount: {\n    type: Number\n  },\n  maxTagPlaceholder: {\n    type: Function as PropType<(rest: any[]) => string | VNodeChild | JSX.Element>\n  },\n  maxTagTextLength: {\n    type: Number\n  },\n  tagRender: {\n    type: Function as PropType<any>\n  },\n  tagTransitionName: {\n    type: String,\n    default: 'fade'\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  },\n  maxTagTooltip: {\n    type: Boolean,\n    default: false\n  },\n  maxTagTooltipWidth: {\n    type: Number\n  },\n  loadingText: {\n    type: String\n  },\n  variant: {\n    type: String as PropType<'surface' | 'soft' | 'underline' | 'borderless'>,\n    default: 'surface',\n    validator: oneOf(['surface', 'soft', 'underline', 'borderless'])\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    default: 'bottom-start',\n    validator: oneOf(placements)\n  }\n};\n\nexport type CascaderProps = ExtractPropTypes<typeof cascaderProps>;\n\nexport const cascaderEmits = {\n  focus: (ev: Event) => ev instanceof Event,\n  blur: (ev: Event) => ev instanceof Event,\n  mousedown: (ev: Event) => ev instanceof Event,\n  keydown: (ev: KeyboardEvent) => ev instanceof KeyboardEvent,\n  'dropdown-visible-change': (val: boolean) => typeof val === 'boolean',\n  'update:modelValue': (val: CascaderValueType) => {\n    if (!Array.isArray(val)) {\n      return typeof val === 'string' || typeof val === 'number' || typeof val === 'undefined';\n    }\n    if (val.length !== 0) {\n      if (isCascaderSingleValue(val)) {\n        return val.every((v: any) => typeof v === 'string' || typeof v === 'number');\n      }\n      return val.every((v: any) => Array.isArray(v));\n    }\n    return true;\n  },\n  change: (val: CascaderValueType, options: CascaderOption[]) => {\n    if (!Array.isArray(val) || !Array.isArray(options)) {\n      return typeof val === 'string' || typeof val === 'number' || typeof val === 'undefined';\n    }\n    if (val.length !== 0) {\n      if (isCascaderSingleValue(val)) {\n        return val.every((v: any) => typeof v === 'string' || typeof v === 'number');\n      }\n      return val.every((v: any) => Array.isArray(v));\n    }\n    return true;\n  }\n};\n\nexport type CascaderEmits = typeof cascaderEmits;\n\nexport type CascaderInstanceType = InstanceType<typeof Cascader>;\n"],"names":[],"mappings":"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"}

package/es/components/Cascader/CascaderMenu.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, computed, ref, watch, nextTick, createVNode } from 'vue';
 import { UIcon } from '../Icon/index.mjs';
 import { UCheckbox } from '../Checkbox/index.mjs';
-import { CheckCircle, LoaderCircle, ChevronRight } from 'lucide-vue-next';
+import { CheckIcon, LoaderCircle, ChevronRight } from 'lucide-vue-next';
 import RenderEmpty from '../base/RenderEmpty.mjs';
 import { oneOf } from '../../utils/propsValidators.mjs';
 import { scrollTop } from '../../utils/dom.mjs';
@@ -288,7 +288,7 @@ var CascaderMenu = defineComponent({
           return createVNode(UIcon, {
             "class": `${prefixCls}-menu-item-checked-icon`
           }, {
-            default: () => [createVNode(CheckCircle, null, null)]
+            default: () => [createVNode(CheckIcon, null, null)]
           });
         }
         return null;
@@ -299,7 +299,7 @@ var CascaderMenu = defineComponent({
             return createVNode(UIcon, {
               "class": `${prefixCls}-menu-item-checked-icon`
             }, {
-              default: () => [createVNode(CheckCircle, null, null)]
+              default: () => [createVNode(CheckIcon, null, null)]
             });
           }
           return null;
@@ -327,7 +327,7 @@ var CascaderMenu = defineComponent({
           return createVNode(UIcon, {
             "class": `${prefixCls}-menu-item-checked-icon`
           }, {
-            default: () => [createVNode(CheckCircle, null, null)]
+            default: () => [createVNode(CheckIcon, null, null)]
           });
         }
       }

package/es/components/Cascader/CascaderMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CascaderMenu.mjs","sources":["../../../../src/components/Cascader/CascaderMenu.tsx"],"sourcesContent":["import { defineComponent, ref, computed, nextTick, watch } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport { LoaderCircle, ChevronRight, CheckCircle } from 'lucide-vue-next';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { scrollTop } from '../../utils/dom';\nimport { getAllChildrenValues } from './utils';\nimport type {\n  CascaderOption,\n  CascaderTrigger,\n  FieldNamesMap,\n  LoadDataFunction,\n  CascaderValueType,\n  CascaderSingleValueType,\n  CascaderInnerValueType\n} from './Cascader.type';\n\nconst defineProps = {\n  prefixCls: {\n    type: String,\n    default: 'cascader'\n  },\n  options: {\n    type: Array as PropType<CascaderOption[]>,\n    default: () => [] as CascaderOption[]\n  },\n  values: {\n    type: Array as PropType<CascaderInnerValueType>,\n    default: () => [] as CascaderValueType\n  },\n  changeOnSelect: {\n    type: Boolean,\n    default: false\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  activeValue: {\n    type: Array as PropType<CascaderSingleValueType>,\n    default: () => [] as CascaderValueType\n  },\n  searchValue: {\n    type: String,\n    default: ''\n  },\n  fieldNames: {\n    type: Object as PropType<FieldNamesMap>,\n    default: () => ({\n      label: 'label',\n      value: 'value',\n      children: 'children'\n    })\n  },\n  loadData: {\n    type: Function as PropType<LoadDataFunction>\n  },\n  expandTrigger: {\n    type: String as PropType<CascaderTrigger>,\n    default: 'click',\n    validator: oneOf(['click', 'hover'])\n  },\n  popStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  popupClassName: {\n    type: String\n  },\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport default defineComponent({\n  name: 'CascaderMenu',\n  props: defineProps,\n  emits: ['update-value', 'check-all'],\n  setup(props, { emit }) {\n    /**\n     * compute show options\n     */\n    const menus = computed(() => {\n      const optionList = [props.options];\n      // search mode, return options\n      if (props.searchValue) {\n        return optionList;\n      }\n      let currentOpts = props.options;\n      const activeValues = props.activeValue;\n      activeValues.forEach((sVal) => {\n        const nextVal = currentOpts.find((o) => o[props.fieldNames.value] === sVal);\n        if (nextVal && nextVal[props.fieldNames.children] && nextVal[props.fieldNames.children].length) {\n          optionList.push(nextVal[props.fieldNames.children]);\n          currentOpts = nextVal[props.fieldNames.children];\n        }\n      });\n      return optionList;\n    });\n\n    /**\n     * update activeValue and value to parent component\n     */\n    const updateValue = (val: CascaderValueType, hasChild: boolean, e: MouseEvent) => {\n      emit('update-value', val, hasChild, e);\n    };\n\n    const activeEls = ref<any[]>([]);\n    /**\n     * @param {*}\n     * @return {*}\n     * @description Element.scrollIntoView might cause grantParent scroll, use util methods\n     */\n    const scrollElToView = () => {\n      setTimeout(() => {\n        activeEls.value.forEach((el) => {\n          const parent = el.parentNode;\n          const top = el.offsetTop;\n          if (parent && top > 0) {\n            scrollTop(parent as HTMLElement, top, 300);\n          }\n          // el.scrollIntoView(true);\n        });\n      }, 0);\n    };\n\n    watch(\n      () => props.visible,\n      (nv) => {\n        if (nv) {\n          nextTick(() => {\n            scrollElToView();\n          });\n        }\n      },\n      {\n        immediate: true\n      }\n    );\n\n    /**\n     * @param {number} menuIndex\n     * @param {object} option\n     * @return {number} 0 unselected 1 selected 2 indeterminate\n     * @description item active or not\n     */\n    const itemSelected = (menuIndex: number, option: CascaderOption): number => {\n      if (props.values.length === 0) {\n        return 0;\n      }\n      const itemValue = option[props.fieldNames.value];\n\n      if (Array.isArray(itemValue)) {\n        return props.values.some((val) => JSON.stringify(itemValue) === JSON.stringify(val)) ? 1 : 0;\n      }\n      const itemChildren = option[props.fieldNames.children] as CascaderOption[];\n      if (itemChildren && itemChildren.length && props.values.some((val) => itemValue === val[menuIndex])) {\n        let childIndeterminate = false;\n        let count = 0;\n        itemChildren.forEach((c) => {\n          const childSelected = itemSelected(menuIndex + 1, c);\n          if (childSelected === 1) {\n            count += 1;\n          } else if (childSelected === 2) {\n            childIndeterminate = true;\n          }\n        });\n        if (count !== 0 && count !== itemChildren.length) {\n          return 2;\n        }\n        if (count === itemChildren.length) {\n          return 1;\n        }\n        return childIndeterminate ? 2 : 0;\n      }\n      return props.values.some((val) => itemValue === val[menuIndex]) ? 1 : 0;\n    };\n\n    /**\n     * @param {number} menuIndex\n     * @param {object} option\n     * @return {boolean}\n     * @description item active or not\n     */\n    const itemActive = (menuIndex: number, option: CascaderOption) => {\n      const itemValue = option[props.fieldNames.value];\n      if (Array.isArray(itemValue)) {\n        return JSON.stringify(itemValue) === JSON.stringify(props.activeValue);\n      }\n      return itemValue === props.activeValue[menuIndex];\n    };\n\n    /**\n     * @param {*} object\n     * @return {boolean}\n     * @description each item show expand icon or not\n     */\n    const showExpandIcon = (option: CascaderOption) => {\n      return (\n        (!option._IS_FILTERED_OPTION_ && option[props.fieldNames.children] && option[props.fieldNames.children].length) || option.isLeaf === false\n      );\n    };\n\n    const overLimit = (menuIndex: number, option: CascaderOption) => {\n      if (!props.multipleLimit) {\n        return false;\n      }\n      if ((option[props.fieldNames.children] && option[props.fieldNames.children].length) || option.isLeaf === false) {\n        return false;\n      }\n      if (itemSelected(menuIndex, option) !== 1) {\n        return props.values.length >= props.multipleLimit;\n      }\n    };\n\n    const loadAsyncChildren = (opt: CascaderOption, index: number, next: () => void) => {\n      opt.loading = true;\n      props\n        .loadData(opt, index)\n        .then((data) => {\n          if (data.length > 0) {\n            opt[props.fieldNames.children] = data;\n          }\n          next();\n          opt.loading = false;\n        })\n        .catch(() => {\n          opt.loading = false;\n        });\n    };\n\n    const hasChildren = (_opt: CascaderOption) => _opt[props.fieldNames.children] && _opt[props.fieldNames.children].length > 0;\n\n    /**\n     * handle select\n     */\n    const handleSelect = (opt: CascaderOption, index: number, e: any) => {\n      if (opt.disabled || overLimit(index, opt)) return;\n      if (opt._IS_FILTERED_OPTION_) {\n        updateValue(opt[props.fieldNames.value], false, e);\n        return;\n      }\n      const hasChild = hasChildren(opt);\n      const activeValues = props.activeValue;\n      let tempValue = [...activeValues];\n      tempValue[index] = opt[props.fieldNames.value];\n      if (index < tempValue.length - 1) {\n        tempValue = tempValue.slice(0, index + 1);\n      }\n      if (props.loadData && opt.isLeaf === false) {\n        loadAsyncChildren(opt, index, () => {\n          updateValue(tempValue, true, e);\n        });\n      } else {\n        updateValue(tempValue, hasChild, e);\n      }\n    };\n\n    let timer: any = null;\n    const handleMouseEvent = (opt: CascaderOption, index: number, e: MouseEvent) => {\n      if (props.expandTrigger !== 'hover') return;\n      if (e.type === 'mouseleave' && timer) {\n        clearTimeout(timer);\n        timer = null;\n      }\n      if (e.type === 'mouseenter') {\n        if (timer) {\n          clearTimeout(timer);\n          timer = null;\n        } else {\n          timer = setTimeout(() => {\n            if (opt[props.fieldNames.children]) {\n              handleSelect(opt, index, e);\n            }\n            timer = null;\n          }, 150);\n        }\n      }\n    };\n\n    const handleCheck = (opt: CascaderOption, index: number, selected: boolean, e: MouseEvent) => {\n      e.stopPropagation();\n      const parents = [...props.activeValue].slice(0, index);\n      const clickValue = [...parents, opt[props.fieldNames.value]];\n      if (!hasChildren(opt)) {\n        handleSelect(opt, index, e);\n      } else {\n        const changedValues = getAllChildrenValues(opt, [...parents, opt[props.fieldNames.value]], props.fieldNames);\n        emit('check-all', clickValue, changedValues, { selected });\n      }\n    };\n\n    return {\n      menus,\n      activeEls,\n      handleSelect,\n      handleMouseEvent,\n      handleCheck,\n      itemActive,\n      itemSelected,\n      showExpandIcon,\n      overLimit\n    };\n  },\n  render() {\n    const {\n      prefixCls,\n      popupClassName,\n      popStyle,\n      fieldNames,\n      activeValue,\n      menus,\n      activeEls,\n      handleSelect,\n      handleMouseEvent,\n      itemActive,\n      showExpandIcon\n    } = this;\n\n    const getKey = (option: CascaderOption) => {\n      return Array.isArray(option[fieldNames.value]) ? option[fieldNames.value].join(`_${prefixCls}_`) : option[fieldNames.value];\n    };\n\n    const setEls = (el: HTMLElement, menuIndex: number, option: CascaderOption) => {\n      if (el && activeValue[menuIndex] === option[fieldNames.value]) {\n        activeEls[menuIndex] = el;\n      }\n    };\n\n    const getCls = (option: CascaderOption, menuIndex: number) => {\n      return [\n        `${prefixCls}-menu-item`,\n        {\n          [`${prefixCls}-menu-item-expand`]: showExpandIcon(option),\n          [`${prefixCls}-menu-item-active`]: itemActive(menuIndex, option),\n          [`${prefixCls}-menu-item-selected`]: this.itemSelected(menuIndex, option) > 0 && this.multiple,\n          [`${prefixCls}-menu-item-disabled`]: option.disabled || this.overLimit(menuIndex, option),\n          [`${prefixCls}-menu-item-not-found`]: option[fieldNames.value] === '_Not_Found_'\n        }\n      ];\n    };\n\n    const getPrefix = (menuIndex: number, option: CascaderOption) => {\n      if (option[fieldNames.value] === '_Not_Found_') {\n        return null;\n      }\n      if (option._IS_FILTERED_OPTION_) {\n        if (this.itemSelected(menuIndex, option)) {\n          return (\n            <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n              <CheckCircle />\n            </UIcon>\n          );\n        }\n        return null;\n      }\n      if (this.multiple) {\n        if (this.multipleLimit !== 0 && option[fieldNames.children] && option[fieldNames.children].length) {\n          if (this.itemSelected(menuIndex, option)) {\n            return (\n              <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n                <CheckCircle />\n              </UIcon>\n            );\n          }\n          return null;\n        }\n        if (option.isLeaf === false) {\n          return null;\n        }\n        let checked = false;\n        let indeterminate = false;\n        const selected = this.itemSelected(menuIndex, option);\n        if (selected === 1) {\n          checked = true;\n        } else if (selected === 2) {\n          indeterminate = true;\n        }\n\n        return (\n          <UCheckbox\n            class={`${prefixCls}-menu-item-checkbox`}\n            indeterminate={indeterminate}\n            modelValue={checked}\n            onClick={(e: any) => this.handleCheck(option, menuIndex, !checked, e)}\n          ></UCheckbox>\n        );\n      }\n      if (!this.multiple) {\n        if (this.itemSelected(menuIndex, option)) {\n          return (\n            <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n              <CheckCircle />\n            </UIcon>\n          );\n        }\n      }\n      return null;\n    };\n\n    const getAffix = (option: CascaderOption) => {\n      if (option.loading) {\n        return (\n          <UIcon class={`${prefixCls}-menu-item-suffix`} spin>\n            <LoaderCircle />\n          </UIcon>\n        );\n      }\n      if (showExpandIcon(option)) {\n        return (\n          <UIcon class={`${prefixCls}-menu-item-suffix`}>\n            <ChevronRight />\n          </UIcon>\n        );\n      }\n\n      return null;\n    };\n\n    const labelRenderer = (option: CascaderOption) => {\n      if (option[fieldNames.value] === '_Not_Found_') {\n        return (\n          <div class={`${prefixCls}-menu-not-found`}>\n            <RenderEmpty size=\"small\" text={option[fieldNames.label]} />\n          </div>\n        );\n      }\n      return typeof option[fieldNames.label] === 'function' ? option[fieldNames.label]() : option[fieldNames.label];\n    };\n\n    return (\n      <div\n        class={`${prefixCls}-menu-wrap`}\n        onMousedown={(e) => {\n          e.preventDefault();\n        }}\n      >\n        {menus.map((menu, menuIndex) => (\n          <ul key={menuIndex} class={[[`${prefixCls}-menu`, popupClassName]]} style={popStyle as CSSProperties}>\n            {menu.map((option) => (\n              <li\n                key={getKey(option)}\n                ref={(el) => setEls(el as HTMLElement, menuIndex, option)}\n                role=\"menuitem\"\n                class={getCls(option, menuIndex)}\n                onClick={(e) => handleSelect(option, menuIndex, e)}\n                onMouseenter={(e) => handleMouseEvent(option, menuIndex, e)}\n                onMouseleave={(e) => handleMouseEvent(option, menuIndex, e)}\n              >\n                {getPrefix(menuIndex, option)}\n                {labelRenderer(option)}\n                {getAffix(option)}\n              </li>\n            ))}\n          </ul>\n        ))}\n      </div>\n    );\n  }\n});\n"],"names":["defineProps","prefixCls","type","String","default","options","Array","values","changeOnSelect","Boolean","multiple","activeValue","searchValue","fieldNames","Object","label","value","children","loadData","Function","expandTrigger","validator","oneOf","popStyle","popupClassName","visible","multipleLimit","Number","defineComponent","name","props","emits","setup","emit","menus","computed","optionList","currentOpts","activeValues","forEach","sVal","nextVal","find","o","length","push","updateValue","val","hasChild","e","activeEls","ref","scrollElToView","setTimeout","el","parent","parentNode","top","offsetTop","scrollTop","watch","nv","nextTick","immediate","itemSelected","menuIndex","option","itemValue","isArray","some","JSON","stringify","itemChildren","childIndeterminate","count","c","childSelected","itemActive","showExpandIcon","_IS_FILTERED_OPTION_","isLeaf","overLimit","loadAsyncChildren","opt","index","next","loading","then","data","catch","hasChildren","_opt","handleSelect","disabled","tempValue","slice","timer","handleMouseEvent","clearTimeout","handleCheck","selected","stopPropagation","parents","clickValue","changedValues","getAllChildrenValues","render","getKey","join","setEls","getCls","getPrefix","_createVNode","UIcon","CheckCircle","checked","indeterminate","UCheckbox","getAffix","LoaderCircle","ChevronRight","labelRenderer","RenderEmpty","preventDefault","map","menu"],"mappings":"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"}
+{"version":3,"file":"CascaderMenu.mjs","sources":["../../../../src/components/Cascader/CascaderMenu.tsx"],"sourcesContent":["import { defineComponent, ref, computed, nextTick, watch } from 'vue';\nimport type { PropType, CSSProperties } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UCheckbox from '@uxd-ui/components/Checkbox';\nimport { LoaderCircle, ChevronRight, CheckIcon } from 'lucide-vue-next';\nimport RenderEmpty from '../base/RenderEmpty.vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { scrollTop } from '../../utils/dom';\nimport { getAllChildrenValues } from './utils';\nimport type {\n  CascaderOption,\n  CascaderTrigger,\n  FieldNamesMap,\n  LoadDataFunction,\n  CascaderValueType,\n  CascaderSingleValueType,\n  CascaderInnerValueType\n} from './Cascader.type';\n\nconst defineProps = {\n  prefixCls: {\n    type: String,\n    default: 'cascader'\n  },\n  options: {\n    type: Array as PropType<CascaderOption[]>,\n    default: () => [] as CascaderOption[]\n  },\n  values: {\n    type: Array as PropType<CascaderInnerValueType>,\n    default: () => [] as CascaderValueType\n  },\n  changeOnSelect: {\n    type: Boolean,\n    default: false\n  },\n  multiple: {\n    type: Boolean,\n    default: false\n  },\n  activeValue: {\n    type: Array as PropType<CascaderSingleValueType>,\n    default: () => [] as CascaderValueType\n  },\n  searchValue: {\n    type: String,\n    default: ''\n  },\n  fieldNames: {\n    type: Object as PropType<FieldNamesMap>,\n    default: () => ({\n      label: 'label',\n      value: 'value',\n      children: 'children'\n    })\n  },\n  loadData: {\n    type: Function as PropType<LoadDataFunction>\n  },\n  expandTrigger: {\n    type: String as PropType<CascaderTrigger>,\n    default: 'click',\n    validator: oneOf(['click', 'hover'])\n  },\n  popStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({})\n  },\n  popupClassName: {\n    type: String\n  },\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  multipleLimit: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport default defineComponent({\n  name: 'CascaderMenu',\n  props: defineProps,\n  emits: ['update-value', 'check-all'],\n  setup(props, { emit }) {\n    /**\n     * compute show options\n     */\n    const menus = computed(() => {\n      const optionList = [props.options];\n      // search mode, return options\n      if (props.searchValue) {\n        return optionList;\n      }\n      let currentOpts = props.options;\n      const activeValues = props.activeValue;\n      activeValues.forEach((sVal) => {\n        const nextVal = currentOpts.find((o) => o[props.fieldNames.value] === sVal);\n        if (nextVal && nextVal[props.fieldNames.children] && nextVal[props.fieldNames.children].length) {\n          optionList.push(nextVal[props.fieldNames.children]);\n          currentOpts = nextVal[props.fieldNames.children];\n        }\n      });\n      return optionList;\n    });\n\n    /**\n     * update activeValue and value to parent component\n     */\n    const updateValue = (val: CascaderValueType, hasChild: boolean, e: MouseEvent) => {\n      emit('update-value', val, hasChild, e);\n    };\n\n    const activeEls = ref<any[]>([]);\n    /**\n     * @param {*}\n     * @return {*}\n     * @description Element.scrollIntoView might cause grantParent scroll, use util methods\n     */\n    const scrollElToView = () => {\n      setTimeout(() => {\n        activeEls.value.forEach((el) => {\n          const parent = el.parentNode;\n          const top = el.offsetTop;\n          if (parent && top > 0) {\n            scrollTop(parent as HTMLElement, top, 300);\n          }\n          // el.scrollIntoView(true);\n        });\n      }, 0);\n    };\n\n    watch(\n      () => props.visible,\n      (nv) => {\n        if (nv) {\n          nextTick(() => {\n            scrollElToView();\n          });\n        }\n      },\n      {\n        immediate: true\n      }\n    );\n\n    /**\n     * @param {number} menuIndex\n     * @param {object} option\n     * @return {number} 0 unselected 1 selected 2 indeterminate\n     * @description item active or not\n     */\n    const itemSelected = (menuIndex: number, option: CascaderOption): number => {\n      if (props.values.length === 0) {\n        return 0;\n      }\n      const itemValue = option[props.fieldNames.value];\n\n      if (Array.isArray(itemValue)) {\n        return props.values.some((val) => JSON.stringify(itemValue) === JSON.stringify(val)) ? 1 : 0;\n      }\n      const itemChildren = option[props.fieldNames.children] as CascaderOption[];\n      if (itemChildren && itemChildren.length && props.values.some((val) => itemValue === val[menuIndex])) {\n        let childIndeterminate = false;\n        let count = 0;\n        itemChildren.forEach((c) => {\n          const childSelected = itemSelected(menuIndex + 1, c);\n          if (childSelected === 1) {\n            count += 1;\n          } else if (childSelected === 2) {\n            childIndeterminate = true;\n          }\n        });\n        if (count !== 0 && count !== itemChildren.length) {\n          return 2;\n        }\n        if (count === itemChildren.length) {\n          return 1;\n        }\n        return childIndeterminate ? 2 : 0;\n      }\n      return props.values.some((val) => itemValue === val[menuIndex]) ? 1 : 0;\n    };\n\n    /**\n     * @param {number} menuIndex\n     * @param {object} option\n     * @return {boolean}\n     * @description item active or not\n     */\n    const itemActive = (menuIndex: number, option: CascaderOption) => {\n      const itemValue = option[props.fieldNames.value];\n      if (Array.isArray(itemValue)) {\n        return JSON.stringify(itemValue) === JSON.stringify(props.activeValue);\n      }\n      return itemValue === props.activeValue[menuIndex];\n    };\n\n    /**\n     * @param {*} object\n     * @return {boolean}\n     * @description each item show expand icon or not\n     */\n    const showExpandIcon = (option: CascaderOption) => {\n      return (\n        (!option._IS_FILTERED_OPTION_ && option[props.fieldNames.children] && option[props.fieldNames.children].length) || option.isLeaf === false\n      );\n    };\n\n    const overLimit = (menuIndex: number, option: CascaderOption) => {\n      if (!props.multipleLimit) {\n        return false;\n      }\n      if ((option[props.fieldNames.children] && option[props.fieldNames.children].length) || option.isLeaf === false) {\n        return false;\n      }\n      if (itemSelected(menuIndex, option) !== 1) {\n        return props.values.length >= props.multipleLimit;\n      }\n    };\n\n    const loadAsyncChildren = (opt: CascaderOption, index: number, next: () => void) => {\n      opt.loading = true;\n      props\n        .loadData(opt, index)\n        .then((data) => {\n          if (data.length > 0) {\n            opt[props.fieldNames.children] = data;\n          }\n          next();\n          opt.loading = false;\n        })\n        .catch(() => {\n          opt.loading = false;\n        });\n    };\n\n    const hasChildren = (_opt: CascaderOption) => _opt[props.fieldNames.children] && _opt[props.fieldNames.children].length > 0;\n\n    /**\n     * handle select\n     */\n    const handleSelect = (opt: CascaderOption, index: number, e: any) => {\n      if (opt.disabled || overLimit(index, opt)) return;\n      if (opt._IS_FILTERED_OPTION_) {\n        updateValue(opt[props.fieldNames.value], false, e);\n        return;\n      }\n      const hasChild = hasChildren(opt);\n      const activeValues = props.activeValue;\n      let tempValue = [...activeValues];\n      tempValue[index] = opt[props.fieldNames.value];\n      if (index < tempValue.length - 1) {\n        tempValue = tempValue.slice(0, index + 1);\n      }\n      if (props.loadData && opt.isLeaf === false) {\n        loadAsyncChildren(opt, index, () => {\n          updateValue(tempValue, true, e);\n        });\n      } else {\n        updateValue(tempValue, hasChild, e);\n      }\n    };\n\n    let timer: any = null;\n    const handleMouseEvent = (opt: CascaderOption, index: number, e: MouseEvent) => {\n      if (props.expandTrigger !== 'hover') return;\n      if (e.type === 'mouseleave' && timer) {\n        clearTimeout(timer);\n        timer = null;\n      }\n      if (e.type === 'mouseenter') {\n        if (timer) {\n          clearTimeout(timer);\n          timer = null;\n        } else {\n          timer = setTimeout(() => {\n            if (opt[props.fieldNames.children]) {\n              handleSelect(opt, index, e);\n            }\n            timer = null;\n          }, 150);\n        }\n      }\n    };\n\n    const handleCheck = (opt: CascaderOption, index: number, selected: boolean, e: MouseEvent) => {\n      e.stopPropagation();\n      const parents = [...props.activeValue].slice(0, index);\n      const clickValue = [...parents, opt[props.fieldNames.value]];\n      if (!hasChildren(opt)) {\n        handleSelect(opt, index, e);\n      } else {\n        const changedValues = getAllChildrenValues(opt, [...parents, opt[props.fieldNames.value]], props.fieldNames);\n        emit('check-all', clickValue, changedValues, { selected });\n      }\n    };\n\n    return {\n      menus,\n      activeEls,\n      handleSelect,\n      handleMouseEvent,\n      handleCheck,\n      itemActive,\n      itemSelected,\n      showExpandIcon,\n      overLimit\n    };\n  },\n  render() {\n    const {\n      prefixCls,\n      popupClassName,\n      popStyle,\n      fieldNames,\n      activeValue,\n      menus,\n      activeEls,\n      handleSelect,\n      handleMouseEvent,\n      itemActive,\n      showExpandIcon\n    } = this;\n\n    const getKey = (option: CascaderOption) => {\n      return Array.isArray(option[fieldNames.value]) ? option[fieldNames.value].join(`_${prefixCls}_`) : option[fieldNames.value];\n    };\n\n    const setEls = (el: HTMLElement, menuIndex: number, option: CascaderOption) => {\n      if (el && activeValue[menuIndex] === option[fieldNames.value]) {\n        activeEls[menuIndex] = el;\n      }\n    };\n\n    const getCls = (option: CascaderOption, menuIndex: number) => {\n      return [\n        `${prefixCls}-menu-item`,\n        {\n          [`${prefixCls}-menu-item-expand`]: showExpandIcon(option),\n          [`${prefixCls}-menu-item-active`]: itemActive(menuIndex, option),\n          [`${prefixCls}-menu-item-selected`]: this.itemSelected(menuIndex, option) > 0 && this.multiple,\n          [`${prefixCls}-menu-item-disabled`]: option.disabled || this.overLimit(menuIndex, option),\n          [`${prefixCls}-menu-item-not-found`]: option[fieldNames.value] === '_Not_Found_'\n        }\n      ];\n    };\n\n    const getPrefix = (menuIndex: number, option: CascaderOption) => {\n      if (option[fieldNames.value] === '_Not_Found_') {\n        return null;\n      }\n      if (option._IS_FILTERED_OPTION_) {\n        if (this.itemSelected(menuIndex, option)) {\n          return (\n            <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n              <CheckIcon />\n            </UIcon>\n          );\n        }\n        return null;\n      }\n      if (this.multiple) {\n        if (this.multipleLimit !== 0 && option[fieldNames.children] && option[fieldNames.children].length) {\n          if (this.itemSelected(menuIndex, option)) {\n            return (\n              <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n                <CheckIcon />\n              </UIcon>\n            );\n          }\n          return null;\n        }\n        if (option.isLeaf === false) {\n          return null;\n        }\n        let checked = false;\n        let indeterminate = false;\n        const selected = this.itemSelected(menuIndex, option);\n        if (selected === 1) {\n          checked = true;\n        } else if (selected === 2) {\n          indeterminate = true;\n        }\n\n        return (\n          <UCheckbox\n            class={`${prefixCls}-menu-item-checkbox`}\n            indeterminate={indeterminate}\n            modelValue={checked}\n            onClick={(e: any) => this.handleCheck(option, menuIndex, !checked, e)}\n          ></UCheckbox>\n        );\n      }\n      if (!this.multiple) {\n        if (this.itemSelected(menuIndex, option)) {\n          return (\n            <UIcon class={`${prefixCls}-menu-item-checked-icon`}>\n              <CheckIcon />\n            </UIcon>\n          );\n        }\n      }\n      return null;\n    };\n\n    const getAffix = (option: CascaderOption) => {\n      if (option.loading) {\n        return (\n          <UIcon class={`${prefixCls}-menu-item-suffix`} spin>\n            <LoaderCircle />\n          </UIcon>\n        );\n      }\n      if (showExpandIcon(option)) {\n        return (\n          <UIcon class={`${prefixCls}-menu-item-suffix`}>\n            <ChevronRight />\n          </UIcon>\n        );\n      }\n\n      return null;\n    };\n\n    const labelRenderer = (option: CascaderOption) => {\n      if (option[fieldNames.value] === '_Not_Found_') {\n        return (\n          <div class={`${prefixCls}-menu-not-found`}>\n            <RenderEmpty size=\"small\" text={option[fieldNames.label]} />\n          </div>\n        );\n      }\n      return typeof option[fieldNames.label] === 'function' ? option[fieldNames.label]() : option[fieldNames.label];\n    };\n\n    return (\n      <div\n        class={`${prefixCls}-menu-wrap`}\n        onMousedown={(e) => {\n          e.preventDefault();\n        }}\n      >\n        {menus.map((menu, menuIndex) => (\n          <ul key={menuIndex} class={[[`${prefixCls}-menu`, popupClassName]]} style={popStyle as CSSProperties}>\n            {menu.map((option) => (\n              <li\n                key={getKey(option)}\n                ref={(el) => setEls(el as HTMLElement, menuIndex, option)}\n                role=\"menuitem\"\n                class={getCls(option, menuIndex)}\n                onClick={(e) => handleSelect(option, menuIndex, e)}\n                onMouseenter={(e) => handleMouseEvent(option, menuIndex, e)}\n                onMouseleave={(e) => handleMouseEvent(option, menuIndex, e)}\n              >\n                {getPrefix(menuIndex, option)}\n                {labelRenderer(option)}\n                {getAffix(option)}\n              </li>\n            ))}\n          </ul>\n        ))}\n      </div>\n    );\n  }\n});\n"],"names":["defineProps","prefixCls","type","String","default","options","Array","values","changeOnSelect","Boolean","multiple","activeValue","searchValue","fieldNames","Object","label","value","children","loadData","Function","expandTrigger","validator","oneOf","popStyle","popupClassName","visible","multipleLimit","Number","defineComponent","name","props","emits","setup","emit","menus","computed","optionList","currentOpts","activeValues","forEach","sVal","nextVal","find","o","length","push","updateValue","val","hasChild","e","activeEls","ref","scrollElToView","setTimeout","el","parent","parentNode","top","offsetTop","scrollTop","watch","nv","nextTick","immediate","itemSelected","menuIndex","option","itemValue","isArray","some","JSON","stringify","itemChildren","childIndeterminate","count","c","childSelected","itemActive","showExpandIcon","_IS_FILTERED_OPTION_","isLeaf","overLimit","loadAsyncChildren","opt","index","next","loading","then","data","catch","hasChildren","_opt","handleSelect","disabled","tempValue","slice","timer","handleMouseEvent","clearTimeout","handleCheck","selected","stopPropagation","parents","clickValue","changedValues","getAllChildrenValues","render","getKey","join","setEls","getCls","getPrefix","_createVNode","UIcon","CheckIcon","checked","indeterminate","UCheckbox","getAffix","LoaderCircle","ChevronRight","labelRenderer","RenderEmpty","preventDefault","map","menu"],"mappings":"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"}

package/es/components/Cascader/index.d.ts

@@ -126,7 +126,7 @@ export declare const UCascader: {
             type: StringConstructor;
         };
         variant: {
-            type: import("vue").PropType<"text" | "surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
             default: string;
             validator: (val: string) => boolean;
         };
@@ -570,7 +570,7 @@ export declare const UCascader: {
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
         popupStyle: import("vue").CSSProperties;
         disabled: boolean;
-        variant: "text" | "surface" | "soft";
+        variant: "surface" | "soft" | "borderless" | "underline";
         modelValue: import("./Cascader.type").CascaderValueType;
         placeholder: string;
         clearable: boolean;
@@ -723,7 +723,7 @@ export declare const UCascader: {
             type: StringConstructor;
         };
         variant: {
-            type: import("vue").PropType<"text" | "surface" | "soft">;
+            type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
             default: string;
             validator: (val: string) => boolean;
         };
@@ -1159,7 +1159,7 @@ export declare const UCascader: {
         placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
         popupStyle: import("vue").CSSProperties;
         disabled: boolean;
-        variant: "text" | "surface" | "soft";
+        variant: "surface" | "soft" | "borderless" | "underline";
         modelValue: import("./Cascader.type").CascaderValueType;
         placeholder: string;
         clearable: boolean;
@@ -1309,7 +1309,7 @@ export declare const UCascader: {
         type: StringConstructor;
     };
     variant: {
-        type: import("vue").PropType<"text" | "surface" | "soft">;
+        type: import("vue").PropType<"surface" | "soft" | "borderless" | "underline">;
         default: string;
         validator: (val: string) => boolean;
     };
@@ -1753,7 +1753,7 @@ export declare const UCascader: {
     placement: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end";
     popupStyle: import("vue").CSSProperties;
     disabled: boolean;
-    variant: "text" | "surface" | "soft";
+    variant: "surface" | "soft" | "borderless" | "underline";
     modelValue: import("./Cascader.type").CascaderValueType;
     placeholder: string;
     clearable: boolean;

package/es/components/Checkbox/Checkbox.mjs

@@ -48,6 +48,7 @@ const _sfc_main = defineComponent({
     let eventShiftKey = false;
     const onClick = (e) => {
       eventShiftKey = e.shiftKey;
+      emit("click", e);
     };
     const { onFieldChange } = inject(FormItemKey, {});
     const change = (event) => {

package/es/components/Checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      `${prefixCls}-wrap`,\n      {\n        [`${prefixCls}-wrap-checked`]: computedChecked,\n        [`${prefixCls}-wrap-indeterminate`]: indeterminate,\n        [`${prefixCls}-wrap-disabled`]: computedDisabled,\n        [`${prefixCls}-focus`]: focusWrap\n      }\n    ]\"\n  >\n    <span\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-checked`]: computedChecked,\n          [`${prefixCls}-disabled`]: computedDisabled,\n          [`${prefixCls}-indeterminate`]: indeterminate\n        }\n      ]\"\n    >\n      <span :class=\"[`${prefixCls}-inner`, { [`${prefixCls}-focus`]: focusInner }]\">\n        <UIcon>\n          <Check v-if=\"computedChecked\" />\n          <Minus v-else-if=\"indeterminate\" />\n        </UIcon>\n      </span>\n      <input\n        type=\"checkbox\"\n        :class=\"`${prefixCls}-input`\"\n        :disabled=\"computedDisabled\"\n        :checked=\"computedChecked\"\n        :name=\"name\"\n        @keydown=\"handleKeyDown\"\n        @change=\"change\"\n        @click=\"onClick\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      />\n    </span>\n\n    <span v-if=\"showSlot\" :class=\"[`${prefixCls}-label`]\">\n      <slot>{{ value }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue';\nimport { Check, Minus } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { isValid } from '../../utils/isValid';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { checkboxProps, checkboxEmits, type CheckboxGroupContext } from './Checkbox.type';\n\nexport default defineComponent({\n  name: 'UCheckbox',\n  components: {\n    UIcon,\n    Check,\n    Minus\n  },\n  props: checkboxProps,\n  emits: checkboxEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('checkbox');\n    const checkboxGroupContext = inject<CheckboxGroupContext>('checkboxGroupContext', {} as CheckboxGroupContext);\n    // data\n    const focusWrap = ref(false);\n    const focusInner = ref(false);\n    const stateValue = ref(props.modelValue || false);\n    // computed\n    const showSlot = computed(() => {\n      return !!props.value || slots.default;\n    });\n    const computedChecked = computed(() => {\n      if (checkboxGroupContext.stateValue) {\n        return checkboxGroupContext.stateValue.value.includes(props.value);\n      }\n      return !!stateValue.value;\n    });\n\n    const computedDisabled = computed(() => {\n      if (checkboxGroupContext.disabled) {\n        return checkboxGroupContext.disabled.value || props.disabled;\n      }\n      return props.disabled;\n    });\n\n    // const showInput = computed(() => !checkboxGroupContext.buttonType?.value);\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv === props.trueValue;\n      },\n      { immediate: true }\n    );\n    // methods\n    let eventShiftKey = false;\n    const onClick = (e: MouseEvent) => {\n      eventShiftKey = e.shiftKey;\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (event: any) => {\n      if (props.disabled) {\n        return false;\n      }\n      if (checkboxGroupContext.change) {\n        if (isValid(props.value)) {\n          checkboxGroupContext.change({\n            value: props.value,\n            checked: event.target.checked\n          });\n        }\n      } else {\n        const value = event.target.checked ? props.trueValue : props.falseValue;\n        if (props.modelValue === undefined) {\n          stateValue.value = event.target.checked;\n        }\n        event.shiftKey = eventShiftKey;\n        emit('update:modelValue', value);\n        emit('change', value, event);\n        if (onFieldChange) {\n          onFieldChange(value);\n        }\n      }\n    };\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.code === 'Space' || e.code === 'Enter') {\n        change(e);\n      }\n    };\n    const handleFocus = () => {\n      if (checkboxGroupContext.buttonType?.value) {\n        focusWrap.value = true;\n      }\n      focusInner.value = true;\n    };\n    const handleBlur = () => {\n      focusWrap.value = false;\n      focusInner.value = false;\n    };\n\n    return {\n      prefixCls,\n      computedDisabled,\n      focusWrap,\n      focusInner,\n      showSlot,\n      computedChecked,\n      change,\n      handleKeyDown,\n      handleFocus,\n      handleBlur,\n      onClick\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_createBlock","_renderSlot"],"mappings":";;;;;;;;;;AA0DA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,cAAc,gBAAgB,UAAU;UAC1C,uBAAuB,OAA6B,wBAAwB,EAA0B;UAEtG,YAAY,IAAI,KAAK;UACrB,aAAa,IAAI,KAAK;UACtB,aAAa,IAAI,MAAM,cAAc,KAAK;UAE1C,WAAW,SAAS,MAAM;aACvB,CAAC,CAAC,MAAM,SAAS,MAAM;AAAA,KAC/B;UACK,kBAAkB,SAAS,MAAM;UACjC,qBAAqB,YAAY;eAC5B,qBAAqB,WAAW,MAAM,SAAS,MAAM,KAAK;AAAA;aAE5D,CAAC,CAAC,WAAW;AAAA,KACrB;UAEK,mBAAmB,SAAS,MAAM;UAClC,qBAAqB,UAAU;eAC1B,qBAAqB,SAAS,SAAS,MAAM;AAAA;aAE/C,MAAM;AAAA,KACd;;MAKC,MAAM,MAAM;AAAA,MACZ,CAAC,OAAO;mBACK,QAAQ,OAAO,MAAM;AAAA;AAClC,MACA,EAAE,WAAW;AAAK;QAGhB,gBAAgB;UACd,UAAU,CAAC,MAAkB;sBACjB,EAAE;AAAA;UAGd,EAAE,kBAAkB,OAAwB,aAAa,EAAqB;UAC9E,SAAS,CAAC,UAAe;UACzB,MAAM,UAAU;eACX;AAAA;UAEL,qBAAqB,QAAQ;YAC3B,QAAQ,MAAM,KAAK,GAAG;+BACH,OAAO;AAAA,YAC1B,OAAO,MAAM;AAAA,YACb,SAAS,MAAM,OAAO;AAAA,WACvB;AAAA;AACH,aACK;cACC,QAAQ,MAAM,OAAO,UAAU,MAAM,YAAY,MAAM;YACzD,MAAM,eAAe,QAAW;qBACvB,QAAQ,MAAM,OAAO;AAAA;cAE5B,WAAW;aACZ,qBAAqB,KAAK;aAC1B,UAAU,OAAO,KAAK;YACvB,eAAe;wBACH,KAAK;AAAA;AACrB;AACF;UAEI,gBAAgB,CAAC,MAAqB;UACtC,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;eACrC,CAAC;AAAA;AACV;UAEI,cAAc,MAAM;AAzF9B;WA0FU,0BAAqB,eAArB,mBAAiC,OAAO;kBAChC,QAAQ;AAAA;iBAET,QAAQ;AAAA;UAEf,aAAa,MAAM;gBACb,QAAQ;iBACP,QAAQ;AAAA;WAGd;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;sBAlKCA,mBA4CQ;IA3CL,OAAKC;SAAa;;YAAsC,gCAA2B;YAA6B,sCAAiC;YAA2B,iCAA4B;YAA8B,yBAAoB;;;;IAU3PC,mBA4BO;MA3BJ,OAAKD;QAAY;;cAAmC,2BAAsB;cAA+B,4BAAuB;cAAgC,iCAA4B;;;;MAS7LC,mBAKO;QALA,OAAKD,mBAAM,wBAAS,MAAgB,yBAAoB;;QAC7DE,YAGQ;2BAFN,MAAgC;AAAA,YAAnB,qCAAbC,YAAgC,iCACd,mCAAlBA,YAAmC;;;;;MAGvCF,mBAWE;QAVA,MAAK;AAAA,QACJ,OAAKD,kBAAK,sBAAS;AAAA,QACnB,UAAU;QACV,SAAS;QACT,MAAM;QACN,WAAO,uCAAE;QACT,UAAM,uCAAE;QACR,SAAK,uCAAE;QACP,SAAK,uCAAE;QACP,QAAI,uCAAE;;;IAIC,8BAAZD,mBAEO;;MAFgB,OAAKC,mBAAM,sBAAS;;MACzCI,WAAwB,4BAAxB,MAAwB;AAAA,wCAAf,UAAK;;;;;;;;;"}
+{"version":3,"file":"Checkbox.mjs","sources":["../../../../src/components/Checkbox/Checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"[\n      `${prefixCls}-wrap`,\n      {\n        [`${prefixCls}-wrap-checked`]: computedChecked,\n        [`${prefixCls}-wrap-indeterminate`]: indeterminate,\n        [`${prefixCls}-wrap-disabled`]: computedDisabled,\n        [`${prefixCls}-focus`]: focusWrap\n      }\n    ]\"\n  >\n    <span\n      :class=\"[\n        prefixCls,\n        {\n          [`${prefixCls}-checked`]: computedChecked,\n          [`${prefixCls}-disabled`]: computedDisabled,\n          [`${prefixCls}-indeterminate`]: indeterminate\n        }\n      ]\"\n    >\n      <span :class=\"[`${prefixCls}-inner`, { [`${prefixCls}-focus`]: focusInner }]\">\n        <UIcon>\n          <Check v-if=\"computedChecked\" />\n          <Minus v-else-if=\"indeterminate\" />\n        </UIcon>\n      </span>\n      <input\n        type=\"checkbox\"\n        :class=\"`${prefixCls}-input`\"\n        :disabled=\"computedDisabled\"\n        :checked=\"computedChecked\"\n        :name=\"name\"\n        @keydown=\"handleKeyDown\"\n        @change=\"change\"\n        @click=\"onClick\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      />\n    </span>\n\n    <span v-if=\"showSlot\" :class=\"[`${prefixCls}-label`]\">\n      <slot>{{ value }}</slot>\n    </span>\n  </label>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref, watch } from 'vue';\nimport { Check, Minus } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { FormItemKey } from '../Form';\nimport { isValid } from '../../utils/isValid';\nimport type { FormItemContext } from '../Form/Form.type';\nimport { checkboxProps, checkboxEmits, type CheckboxGroupContext } from './Checkbox.type';\n\nexport default defineComponent({\n  name: 'UCheckbox',\n  components: {\n    UIcon,\n    Check,\n    Minus\n  },\n  props: checkboxProps,\n  emits: checkboxEmits,\n  setup(props, { emit, slots }) {\n    // prefixCls\n    const { prefixCls } = useGlobalConfig('checkbox');\n    const checkboxGroupContext = inject<CheckboxGroupContext>('checkboxGroupContext', {} as CheckboxGroupContext);\n    // data\n    const focusWrap = ref(false);\n    const focusInner = ref(false);\n    const stateValue = ref(props.modelValue || false);\n    // computed\n    const showSlot = computed(() => {\n      return !!props.value || slots.default;\n    });\n    const computedChecked = computed(() => {\n      if (checkboxGroupContext.stateValue) {\n        return checkboxGroupContext.stateValue.value.includes(props.value);\n      }\n      return !!stateValue.value;\n    });\n\n    const computedDisabled = computed(() => {\n      if (checkboxGroupContext.disabled) {\n        return checkboxGroupContext.disabled.value || props.disabled;\n      }\n      return props.disabled;\n    });\n\n    // const showInput = computed(() => !checkboxGroupContext.buttonType?.value);\n    // watch\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        stateValue.value = nv === props.trueValue;\n      },\n      { immediate: true }\n    );\n    // methods\n    let eventShiftKey = false;\n    const onClick = (e: MouseEvent) => {\n      eventShiftKey = e.shiftKey;\n      emit('click', e);\n    };\n\n    const { onFieldChange } = inject<FormItemContext>(FormItemKey, {} as FormItemContext);\n    const change = (event: any) => {\n      if (props.disabled) {\n        return false;\n      }\n      if (checkboxGroupContext.change) {\n        if (isValid(props.value)) {\n          checkboxGroupContext.change({\n            value: props.value,\n            checked: event.target.checked\n          });\n        }\n      } else {\n        const value = event.target.checked ? props.trueValue : props.falseValue;\n        if (props.modelValue === undefined) {\n          stateValue.value = event.target.checked;\n        }\n        event.shiftKey = eventShiftKey;\n        emit('update:modelValue', value);\n        emit('change', value, event);\n        if (onFieldChange) {\n          onFieldChange(value);\n        }\n      }\n    };\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.code === 'Space' || e.code === 'Enter') {\n        change(e);\n      }\n    };\n    const handleFocus = () => {\n      if (checkboxGroupContext.buttonType?.value) {\n        focusWrap.value = true;\n      }\n      focusInner.value = true;\n    };\n    const handleBlur = () => {\n      focusWrap.value = false;\n      focusInner.value = false;\n    };\n\n    return {\n      prefixCls,\n      computedDisabled,\n      focusWrap,\n      focusInner,\n      showSlot,\n      computedChecked,\n      change,\n      handleKeyDown,\n      handleFocus,\n      handleBlur,\n      onClick\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_createVNode","_createBlock","_renderSlot"],"mappings":";;;;;;;;;;AA0DA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,MAAM,SAAS;UAEtB,EAAE,cAAc,gBAAgB,UAAU;UAC1C,uBAAuB,OAA6B,wBAAwB,EAA0B;UAEtG,YAAY,IAAI,KAAK;UACrB,aAAa,IAAI,KAAK;UACtB,aAAa,IAAI,MAAM,cAAc,KAAK;UAE1C,WAAW,SAAS,MAAM;aACvB,CAAC,CAAC,MAAM,SAAS,MAAM;AAAA,KAC/B;UACK,kBAAkB,SAAS,MAAM;UACjC,qBAAqB,YAAY;eAC5B,qBAAqB,WAAW,MAAM,SAAS,MAAM,KAAK;AAAA;aAE5D,CAAC,CAAC,WAAW;AAAA,KACrB;UAEK,mBAAmB,SAAS,MAAM;UAClC,qBAAqB,UAAU;eAC1B,qBAAqB,SAAS,SAAS,MAAM;AAAA;aAE/C,MAAM;AAAA,KACd;;MAKC,MAAM,MAAM;AAAA,MACZ,CAAC,OAAO;mBACK,QAAQ,OAAO,MAAM;AAAA;AAClC,MACA,EAAE,WAAW;AAAK;QAGhB,gBAAgB;UACd,UAAU,CAAC,MAAkB;sBACjB,EAAE;WACb,SAAS,CAAC;AAAA;UAGX,EAAE,kBAAkB,OAAwB,aAAa,EAAqB;UAC9E,SAAS,CAAC,UAAe;UACzB,MAAM,UAAU;eACX;AAAA;UAEL,qBAAqB,QAAQ;YAC3B,QAAQ,MAAM,KAAK,GAAG;+BACH,OAAO;AAAA,YAC1B,OAAO,MAAM;AAAA,YACb,SAAS,MAAM,OAAO;AAAA,WACvB;AAAA;AACH,aACK;cACC,QAAQ,MAAM,OAAO,UAAU,MAAM,YAAY,MAAM;YACzD,MAAM,eAAe,QAAW;qBACvB,QAAQ,MAAM,OAAO;AAAA;cAE5B,WAAW;aACZ,qBAAqB,KAAK;aAC1B,UAAU,OAAO,KAAK;YACvB,eAAe;wBACH,KAAK;AAAA;AACrB;AACF;UAEI,gBAAgB,CAAC,MAAqB;UACtC,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;eACrC,CAAC;AAAA;AACV;UAEI,cAAc,MAAM;AA1F9B;WA2FU,0BAAqB,eAArB,mBAAiC,OAAO;kBAChC,QAAQ;AAAA;iBAET,QAAQ;AAAA;UAEf,aAAa,MAAM;gBACb,QAAQ;iBACP,QAAQ;AAAA;WAGd;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;sBAnKCA,mBA4CQ;IA3CL,OAAKC;SAAa;;YAAsC,gCAA2B;YAA6B,sCAAiC;YAA2B,iCAA4B;YAA8B,yBAAoB;;;;IAU3PC,mBA4BO;MA3BJ,OAAKD;QAAY;;cAAmC,2BAAsB;cAA+B,4BAAuB;cAAgC,iCAA4B;;;;MAS7LC,mBAKO;QALA,OAAKD,mBAAM,wBAAS,MAAgB,yBAAoB;;QAC7DE,YAGQ;2BAFN,MAAgC;AAAA,YAAnB,qCAAbC,YAAgC,iCACd,mCAAlBA,YAAmC;;;;;MAGvCF,mBAWE;QAVA,MAAK;AAAA,QACJ,OAAKD,kBAAK,sBAAS;AAAA,QACnB,UAAU;QACV,SAAS;QACT,MAAM;QACN,WAAO,uCAAE;QACT,UAAM,uCAAE;QACR,SAAK,uCAAE;QACP,SAAK,uCAAE;QACP,QAAI,uCAAE;;;IAIC,8BAAZD,mBAEO;;MAFgB,OAAKC,mBAAM,sBAAS;;MACzCI,WAAwB,4BAAxB,MAAwB;AAAA,wCAAf,UAAK;;;;;;;;;"}

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

@@ -46,6 +46,7 @@ export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 export declare const checkboxEmits: {
     'update:modelValue': (val: CheckboxValueType) => boolean;
     change: (val: CheckboxValueType, ev: Event) => boolean;
+    click: (ev: Event) => boolean;
 };
 export declare type CheckboxEmits = typeof checkboxEmits;
 export declare type CheckboxInstanceType = InstanceType<typeof Checkbox>;

package/es/components/Checkbox/Checkbox.type.mjs

@@ -34,7 +34,8 @@ const checkboxProps = {
 };
 const checkboxEmits = {
   "update:modelValue": (val) => val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string",
-  change: (val, ev) => (val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string") && ev instanceof Event
+  change: (val, ev) => (val === void 0 || typeof val === "boolean" || typeof val === "number" || typeof val === "string") && ev instanceof Event,
+  click: (ev) => ev instanceof Event
 };
 const checkboxButtonType = ["border", "fill", "card"];
 const checkboxGroupProps = {

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.type.mjs","sources":["../../../../src/components/Checkbox/Checkbox.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, Ref } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { NormalSizeMap } from '../../utils/globalType';\nimport type Checkbox from './Checkbox.vue';\nimport type CheckboxGroup from './CheckboxGroup.vue';\n\nexport type CheckboxValueType = boolean | number | string | undefined;\nexport type CheckboxGroupSingleValue = number | string;\nexport const checkboxGroupType = ['default', 'button'] as const;\nexport type CheckboxGroupType = (typeof checkboxGroupType)[number];\nexport interface CheckboxGroupOption {\n  value: CheckboxGroupSingleValue;\n  label: string;\n  disabled?: boolean;\n  border?: boolean;\n}\n\nexport const checkboxProps = {\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: undefined as undefined\n  },\n  trueValue: {\n    type: [String, Number, Boolean],\n    default: true\n  },\n  falseValue: {\n    type: [String, Number, Boolean],\n    default: false\n  },\n  value: {\n    type: [String, Number],\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  name: {\n    type: String,\n    default: ''\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;\n\nexport const checkboxEmits = {\n  'update:modelValue': (val: CheckboxValueType) =>\n    val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string',\n  change: (val: CheckboxValueType, ev: Event) =>\n    (val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string') && ev instanceof Event\n};\n\nexport type CheckboxEmits = typeof checkboxEmits;\n\nexport type CheckboxInstanceType = InstanceType<typeof Checkbox>;\n\nexport const checkboxButtonType = ['border', 'fill', 'card'] as const;\nexport type CheckboxButtonType = (typeof checkboxButtonType)[number];\n\nexport const checkboxGroupProps = {\n  modelValue: {\n    type: Array as PropType<CheckboxGroupSingleValue[]>,\n    default: () => [] as CheckboxGroupSingleValue[]\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap.map((x) => x))\n  },\n  options: {\n    type: Array as PropType<CheckboxGroupOption[]>,\n    default: () => [] as CheckboxGroupOption[]\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  loadingText: {\n    type: String\n  },\n  buttonType: {\n    type: String as PropType<CheckboxButtonType>,\n    default: 'border',\n    validator: oneOf(checkboxButtonType)\n  },\n  type: {\n    type: String as PropType<CheckboxGroupType>,\n    default: 'default',\n    validator: oneOf(checkboxGroupType)\n  },\n  buttonFill: {\n    type: Boolean,\n    default: false\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;\n\nexport const checkboxGroupEmits = {\n  'update:modelValue': (v: CheckboxGroupSingleValue[]) =>\n    Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string'),\n  change: (v: CheckboxGroupSingleValue[]) => Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string')\n};\n\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits;\n\nexport type CheckboxGroupInstanceType = InstanceType<typeof CheckboxGroup>;\n\nexport interface ChangeState {\n  checked: boolean;\n  value: CheckboxGroupSingleValue;\n}\n\nexport interface CheckboxGroupContext {\n  stateValue: Ref<CheckboxGroupSingleValue[]>;\n  size: Ref<NormalSizeMap>;\n  disabled: Ref<boolean>;\n  buttonType: Ref<boolean>;\n  change: (state: ChangeState) => void;\n}\n"],"names":[],"mappings":";;;MASa,oBAAoB,CAAC,WAAW,QAAQ;MASxC,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,qBAAqB,CAAC,QACpB,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAC7F,QAAQ,CAAC,KAAwB,QAC9B,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,cAAc;AAC3H;MAMa,qBAAqB,CAAC,UAAU,QAAQ,MAAM;MAG9C,qBAAqB;AAAA,EAChC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC;AAAA;AAC9C,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,kBAAkB;AAAA;AACrC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,iBAAiB;AAAA;AACpC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAIa,qBAAqB;AAAA,EAChC,qBAAqB,CAAC,MACpB,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AAAA,EACtG,QAAQ,CAAC,MAAkC,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AACjJ;;;;"}
+{"version":3,"file":"Checkbox.type.mjs","sources":["../../../../src/components/Checkbox/Checkbox.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType, Ref } from 'vue';\nimport { oneOf } from '../../utils/propsValidators';\nimport { normalSizeMap } from '../../utils/globalType';\nimport type { NormalSizeMap } from '../../utils/globalType';\nimport type Checkbox from './Checkbox.vue';\nimport type CheckboxGroup from './CheckboxGroup.vue';\n\nexport type CheckboxValueType = boolean | number | string | undefined;\nexport type CheckboxGroupSingleValue = number | string;\nexport const checkboxGroupType = ['default', 'button'] as const;\nexport type CheckboxGroupType = (typeof checkboxGroupType)[number];\nexport interface CheckboxGroupOption {\n  value: CheckboxGroupSingleValue;\n  label: string;\n  disabled?: boolean;\n  border?: boolean;\n}\n\nexport const checkboxProps = {\n  modelValue: {\n    type: [Boolean, String, Number],\n    default: undefined as undefined\n  },\n  trueValue: {\n    type: [String, Number, Boolean],\n    default: true\n  },\n  falseValue: {\n    type: [String, Number, Boolean],\n    default: false\n  },\n  value: {\n    type: [String, Number],\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  name: {\n    type: String,\n    default: ''\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false\n  }\n};\n\nexport type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;\n\nexport const checkboxEmits = {\n  'update:modelValue': (val: CheckboxValueType) =>\n    val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string',\n  change: (val: CheckboxValueType, ev: Event) =>\n    (val === undefined || typeof val === 'boolean' || typeof val === 'number' || typeof val === 'string') && ev instanceof Event,\n  click: (ev: Event) => ev instanceof Event\n};\n\nexport type CheckboxEmits = typeof checkboxEmits;\n\nexport type CheckboxInstanceType = InstanceType<typeof Checkbox>;\n\nexport const checkboxButtonType = ['border', 'fill', 'card'] as const;\nexport type CheckboxButtonType = (typeof checkboxButtonType)[number];\n\nexport const checkboxGroupProps = {\n  modelValue: {\n    type: Array as PropType<CheckboxGroupSingleValue[]>,\n    default: () => [] as CheckboxGroupSingleValue[]\n  },\n  size: {\n    type: String as PropType<NormalSizeMap>,\n    default: 'default',\n    validator: oneOf(normalSizeMap.map((x) => x))\n  },\n  options: {\n    type: Array as PropType<CheckboxGroupOption[]>,\n    default: () => [] as CheckboxGroupOption[]\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  loadingText: {\n    type: String\n  },\n  buttonType: {\n    type: String as PropType<CheckboxButtonType>,\n    default: 'border',\n    validator: oneOf(checkboxButtonType)\n  },\n  type: {\n    type: String as PropType<CheckboxGroupType>,\n    default: 'default',\n    validator: oneOf(checkboxGroupType)\n  },\n  buttonFill: {\n    type: Boolean,\n    default: false\n  },\n  direction: {\n    type: String as PropType<'ltr' | 'rtl'>\n  }\n};\n\nexport type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;\n\nexport const checkboxGroupEmits = {\n  'update:modelValue': (v: CheckboxGroupSingleValue[]) =>\n    Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string'),\n  change: (v: CheckboxGroupSingleValue[]) => Array.isArray(v) && v.every((x) => x === undefined || typeof x === 'number' || typeof x === 'string')\n};\n\nexport type CheckboxGroupEmits = typeof checkboxGroupEmits;\n\nexport type CheckboxGroupInstanceType = InstanceType<typeof CheckboxGroup>;\n\nexport interface ChangeState {\n  checked: boolean;\n  value: CheckboxGroupSingleValue;\n}\n\nexport interface CheckboxGroupContext {\n  stateValue: Ref<CheckboxGroupSingleValue[]>;\n  size: Ref<NormalSizeMap>;\n  disabled: Ref<boolean>;\n  buttonType: Ref<boolean>;\n  change: (state: ChangeState) => void;\n}\n"],"names":[],"mappings":";;;MASa,oBAAoB,CAAC,WAAW,QAAQ;MASxC,gBAAgB;AAAA,EAC3B,YAAY;AAAA,IACV,MAAM,CAAC,SAAS,QAAQ,MAAM;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM,CAAC,QAAQ,QAAQ,OAAO;AAAA,IAC9B,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,qBAAqB,CAAC,QACpB,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ;AAAA,EAC7F,QAAQ,CAAC,KAAwB,QAC9B,QAAQ,UAAa,OAAO,QAAQ,aAAa,OAAO,QAAQ,YAAY,OAAO,QAAQ,aAAa,cAAc;AAAA,EACzH,OAAO,CAAC,OAAc,cAAc;AACtC;MAMa,qBAAqB,CAAC,UAAU,QAAQ,MAAM;MAG9C,qBAAqB;AAAA,EAChC,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC;AAAA;AAC9C,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS,MAAM;AAAC;AAClB,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA;AACR,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,kBAAkB;AAAA;AACrC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,MAAM,iBAAiB;AAAA;AACpC,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA;AAEV;MAIa,qBAAqB;AAAA,EAChC,qBAAqB,CAAC,MACpB,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AAAA,EACtG,QAAQ,CAAC,MAAkC,MAAM,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,MAAM,UAAa,OAAO,MAAM,YAAY,OAAO,MAAM,QAAQ;AACjJ;;;;"}

package/es/components/Checkbox/Checkbox.vue.d.ts

@@ -42,6 +42,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
     change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+    click: (ev: Event) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -73,6 +74,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>> & Readonly<{
     onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+    onClick?: (ev: Event) => any;
     "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
 }>, {
     name: string;

package/es/components/Checkbox/CheckboxGroup.vue.d.ts

@@ -281,6 +281,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
         change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -312,6 +313,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         };
     }>> & Readonly<{
         onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
     }>, {
         name: string;

package/es/components/Checkbox/index.d.ts

@@ -31,6 +31,7 @@ export declare const UCheckbox: {
         };
     }>> & Readonly<{
         onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -47,6 +48,7 @@ export declare const UCheckbox: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
         change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+        click: (ev: Event) => boolean;
     }, import("vue").PublicProps, {
         name: string;
         disabled: boolean;
@@ -227,6 +229,7 @@ export declare const UCheckbox: {
         };
     }>> & Readonly<{
         onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+        onClick?: (ev: Event) => any;
         "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
     }>, {
         prefixCls: import("vue").ComputedRef<string>;
@@ -283,6 +286,7 @@ export declare const UCheckbox: {
     };
 }>> & Readonly<{
     onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+    onClick?: (ev: Event) => any;
     "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
 }>, {
     prefixCls: import("vue").ComputedRef<string>;
@@ -299,6 +303,7 @@ export declare const UCheckbox: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
     change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+    click: (ev: Event) => boolean;
 }, string, {
     name: string;
     disabled: boolean;
@@ -725,6 +730,7 @@ export declare const UCheckbox: {
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             'update:modelValue': (val: import("./Checkbox.type").CheckboxValueType) => boolean;
             change: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => boolean;
+            click: (ev: Event) => boolean;
         }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
@@ -756,6 +762,7 @@ export declare const UCheckbox: {
             };
         }>> & Readonly<{
             onChange?: (val: import("./Checkbox.type").CheckboxValueType, ev: Event) => any;
+            onClick?: (ev: Event) => any;
             "onUpdate:modelValue"?: (val: import("./Checkbox.type").CheckboxValueType) => any;
         }>, {
             name: string;

package/es/components/DatePicker/DatePicker.mjs

@@ -220,13 +220,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "disabled-date": _ctx.disabledDate,
         "disabled-time": _ctx.disabledTime,
         "time-options": _ctx.timeOptions,
-        "show-confirm": _ctx.showConfirm,
         shortcuts: _ctx.shortcuts,
         "show-time-clear": _ctx.showTimeClear,
         direction: _ctx.computedDirection,
         onSelect: _ctx.onSelected,
         onPanelChange: _ctx.onPanelChange
-      }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "show-confirm", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (openBlock(), createBlock(_component_DateRangePanel, {
+      }, null, 8, ["prefix-cls", "locale", "value", "open", "mode", "disabled-date", "disabled-time", "time-options", "shortcuts", "show-time-clear", "direction", "onSelect", "onPanelChange"])) : (openBlock(), createBlock(_component_DateRangePanel, {
         key: 1,
         ref: "panelRef",
         "prefix-cls": _ctx.prefixCls,
@@ -237,7 +236,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         "disabled-time": _ctx.disabledTime,
         "time-options": _ctx.timeOptions,
         "default-time": _ctx.defaultTime,
-        "show-confirm": _ctx.showConfirm,
         mode: _ctx.singeType,
         shortcuts: _ctx.shortcuts,
         "limit-duration": _ctx.limitDuration,
@@ -245,7 +243,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         direction: _ctx.computedDirection,
         onSelect: _ctx.onSelected,
         onPanelChange: _ctx.onPanelChange
-      }, null, 8, ["prefix-cls", "locale", "value", "open", "disabled-date", "disabled-time", "time-options", "default-time", "show-confirm", "mode", "shortcuts", "limit-duration", "show-time-clear", "direction", "onSelect", "onPanelChange"]))
+      }, null, 8, ["prefix-cls", "locale", "value", "open", "disabled-date", "disabled-time", "time-options", "default-time", "mode", "shortcuts", "limit-duration", "show-time-clear", "direction", "onSelect", "onPanelChange"]))
     ]),
     default: withCtx(() => [
       createElementVNode("div", mergeProps({

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      @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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"}
+{"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        :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        :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/Panel/DatePickerPanel.mjs

@@ -218,6 +218,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         options: _ctx.shortcuts.map((shortcut) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value })),
         placeholder: _ctx.locale.shortcutsPlaceholder,
         onChange: _cache[1] || (_cache[1] = (value, option) => _ctx.onShortcutClick({
+          text: value,
           value: option.func
         }))
       }, null, 8, ["modelValue", "options", "placeholder"])