element-plus 1.2.0-beta.2 → 1.2.0-beta.3

package/lib/components/checkbox/src/useCheckbox.d.ts

@@ -3,11 +3,11 @@ import type { ElFormContext, ElFormItemContext } from 'element-plus/es/tokens';
 import type { ICheckboxGroupInstance } from './checkbox.type';
 export declare const useCheckboxProps: {
     modelValue: {
-        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
         default: () => undefined;
     };
     label: {
-        type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+        type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     };
     indeterminate: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -17,13 +17,14 @@ export declare const useCheckboxProps: {
         default: undefined;
     };
     trueLabel: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     falseLabel: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
+    tabindex: (StringConstructor | NumberConstructor)[];
     size: StringConstructor;
 };
 export declare type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>;

package/lib/components/checkbox/src/useCheckbox.js

@@ -32,6 +32,7 @@ const useCheckboxProps = {
     type: [String, Number],
     default: void 0
   },
+  tabindex: [String, Number],
   size: String
 };
 const useCheckboxGroup = () => {

package/lib/components/checkbox/src/useCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCheckbox.js","sources":["../../../../../../packages/components/checkbox/src/useCheckbox.ts"],"sourcesContent":["import { ref, computed, inject, getCurrentInstance, watch } from 'vue'\nimport { toTypeString } from '@vue/shared'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useGlobalConfig } from '@element-plus/utils/util'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { PartialReturnType } from '@element-plus/utils/types'\nimport type { ICheckboxGroupInstance } from './checkbox.type'\n\nexport const useCheckboxProps = {\n  modelValue: {\n    type: [Boolean, Number, String],\n    default: () => undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  size: String,\n}\n\nexport type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>\n\nexport const useCheckboxGroup = () => {\n  const ELEMENT = useGlobalConfig()\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n  const checkboxGroup = inject<ICheckboxGroupInstance>('CheckboxGroup', {})\n  const isGroup = computed(\n    () => checkboxGroup && checkboxGroup?.name === 'ElCheckboxGroup'\n  )\n  const elFormItemSize = computed(() => {\n    return elFormItem.size\n  })\n  return {\n    isGroup,\n    checkboxGroup,\n    elForm,\n    ELEMENT,\n    elFormItemSize,\n    elFormItem,\n  }\n}\n\nconst useModel = (props: IUseCheckboxProps) => {\n  const selfModel = ref(false)\n  const { emit } = getCurrentInstance()\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitExceeded = ref(false)\n  const store = computed(() =>\n    checkboxGroup ? checkboxGroup.modelValue?.value : props.modelValue\n  )\n  const model = computed({\n    get() {\n      return isGroup.value ? store.value : props.modelValue ?? selfModel.value\n    },\n\n    set(val: unknown) {\n      if (isGroup.value && Array.isArray(val)) {\n        isLimitExceeded.value =\n          checkboxGroup.max !== undefined &&\n          val.length > checkboxGroup.max.value\n        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val)\n      } else {\n        emit(UPDATE_MODEL_EVENT, val)\n        selfModel.value = val as boolean\n      }\n    },\n  })\n\n  return {\n    model,\n    isLimitExceeded,\n  }\n}\n\nconst useCheckboxStatus = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  const { isGroup, checkboxGroup, elFormItemSize, ELEMENT } = useCheckboxGroup()\n  const focus = ref(false)\n  const size = computed<string | undefined>(\n    () =>\n      checkboxGroup?.checkboxGroupSize?.value ||\n      elFormItemSize.value ||\n      ELEMENT.size\n  )\n  const isChecked = computed<boolean>(() => {\n    const value = model.value\n    if (toTypeString(value) === '[object Boolean]') {\n      return value\n    } else if (Array.isArray(value)) {\n      return value.includes(props.label)\n    } else if (value !== null && value !== undefined) {\n      return value === props.trueLabel\n    } else {\n      return !!value\n    }\n  })\n  const checkboxSize = computed(() => {\n    const temCheckboxSize = props.size || elFormItemSize.value || ELEMENT.size\n    return isGroup.value\n      ? checkboxGroup?.checkboxGroupSize?.value || temCheckboxSize\n      : temCheckboxSize\n  })\n\n  return {\n    isChecked,\n    focus,\n    size,\n    checkboxSize,\n  }\n}\n\nconst useDisabled = (\n  props: IUseCheckboxProps,\n  {\n    model,\n    isChecked,\n  }: PartialReturnType<typeof useModel> &\n    PartialReturnType<typeof useCheckboxStatus>\n) => {\n  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitDisabled = computed(() => {\n    const max = checkboxGroup.max?.value\n    const min = checkboxGroup.min?.value\n    return (\n      (!!(max || min) && model.value.length >= max && !isChecked.value) ||\n      (model.value.length <= min && isChecked.value)\n    )\n  })\n  const isDisabled = computed(() => {\n    const disabled = props.disabled || elForm.disabled\n    return isGroup.value\n      ? checkboxGroup.disabled?.value || disabled || isLimitDisabled.value\n      : props.disabled || elForm.disabled\n  })\n\n  return {\n    isDisabled,\n    isLimitDisabled,\n  }\n}\n\nconst setStoreValue = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  function addToStore() {\n    if (Array.isArray(model.value) && !model.value.includes(props.label)) {\n      model.value.push(props.label)\n    } else {\n      model.value = props.trueLabel || true\n    }\n  }\n  props.checked && addToStore()\n}\n\nconst useEvent = (\n  props: IUseCheckboxProps,\n  { isLimitExceeded }: PartialReturnType<typeof useModel>\n) => {\n  const { elFormItem } = useCheckboxGroup()\n  const { emit } = getCurrentInstance()\n  function handleChange(e: InputEvent) {\n    if (isLimitExceeded.value) return\n    const target = e.target as HTMLInputElement\n    const value = target.checked\n      ? props.trueLabel ?? true\n      : props.falseLabel ?? false\n\n    emit('change', value, e)\n  }\n\n  watch(\n    () => props.modelValue,\n    () => {\n      elFormItem.validate?.('change')\n    }\n  )\n\n  return {\n    handleChange,\n  }\n}\n\nexport const useCheckbox = (props: IUseCheckboxProps) => {\n  const { model, isLimitExceeded } = useModel(props)\n  const { focus, size, isChecked, checkboxSize } = useCheckboxStatus(props, {\n    model,\n  })\n  const { isDisabled } = useDisabled(props, { model, isChecked })\n  const { handleChange } = useEvent(props, { isLimitExceeded })\n\n  setStoreValue(props, { model })\n\n  return {\n    isChecked,\n    isDisabled,\n    checkboxSize,\n    model,\n    handleChange,\n    focus,\n    size,\n  }\n}\n"],"names":["useGlobalConfig","inject","elFormKey","elFormItemKey","computed","ref","getCurrentInstance","UPDATE_MODEL_EVENT","toTypeString"],"mappings":"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"}
+{"version":3,"file":"useCheckbox.js","sources":["../../../../../../packages/components/checkbox/src/useCheckbox.ts"],"sourcesContent":["import { ref, computed, inject, getCurrentInstance, watch } from 'vue'\nimport { toTypeString } from '@vue/shared'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { useGlobalConfig } from '@element-plus/utils/util'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { PartialReturnType } from '@element-plus/utils/types'\nimport type { ICheckboxGroupInstance } from './checkbox.type'\n\nexport const useCheckboxProps = {\n  modelValue: {\n    type: [Boolean, Number, String],\n    default: () => undefined,\n  },\n  label: {\n    type: [String, Boolean, Number, Object],\n  },\n  indeterminate: Boolean,\n  disabled: Boolean,\n  checked: Boolean,\n  name: {\n    type: String,\n    default: undefined,\n  },\n  trueLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  falseLabel: {\n    type: [String, Number],\n    default: undefined,\n  },\n  tabindex: [String, Number],\n  size: String,\n}\n\nexport type IUseCheckboxProps = ExtractPropTypes<typeof useCheckboxProps>\n\nexport const useCheckboxGroup = () => {\n  const ELEMENT = useGlobalConfig()\n  const elForm = inject(elFormKey, {} as ElFormContext)\n  const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n  const checkboxGroup = inject<ICheckboxGroupInstance>('CheckboxGroup', {})\n  const isGroup = computed(\n    () => checkboxGroup && checkboxGroup?.name === 'ElCheckboxGroup'\n  )\n  const elFormItemSize = computed(() => {\n    return elFormItem.size\n  })\n  return {\n    isGroup,\n    checkboxGroup,\n    elForm,\n    ELEMENT,\n    elFormItemSize,\n    elFormItem,\n  }\n}\n\nconst useModel = (props: IUseCheckboxProps) => {\n  const selfModel = ref(false)\n  const { emit } = getCurrentInstance()\n  const { isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitExceeded = ref(false)\n  const store = computed(() =>\n    checkboxGroup ? checkboxGroup.modelValue?.value : props.modelValue\n  )\n  const model = computed({\n    get() {\n      return isGroup.value ? store.value : props.modelValue ?? selfModel.value\n    },\n\n    set(val: unknown) {\n      if (isGroup.value && Array.isArray(val)) {\n        isLimitExceeded.value =\n          checkboxGroup.max !== undefined &&\n          val.length > checkboxGroup.max.value\n        isLimitExceeded.value === false && checkboxGroup?.changeEvent?.(val)\n      } else {\n        emit(UPDATE_MODEL_EVENT, val)\n        selfModel.value = val as boolean\n      }\n    },\n  })\n\n  return {\n    model,\n    isLimitExceeded,\n  }\n}\n\nconst useCheckboxStatus = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  const { isGroup, checkboxGroup, elFormItemSize, ELEMENT } = useCheckboxGroup()\n  const focus = ref(false)\n  const size = computed<string | undefined>(\n    () =>\n      checkboxGroup?.checkboxGroupSize?.value ||\n      elFormItemSize.value ||\n      ELEMENT.size\n  )\n  const isChecked = computed<boolean>(() => {\n    const value = model.value\n    if (toTypeString(value) === '[object Boolean]') {\n      return value\n    } else if (Array.isArray(value)) {\n      return value.includes(props.label)\n    } else if (value !== null && value !== undefined) {\n      return value === props.trueLabel\n    } else {\n      return !!value\n    }\n  })\n  const checkboxSize = computed(() => {\n    const temCheckboxSize = props.size || elFormItemSize.value || ELEMENT.size\n    return isGroup.value\n      ? checkboxGroup?.checkboxGroupSize?.value || temCheckboxSize\n      : temCheckboxSize\n  })\n\n  return {\n    isChecked,\n    focus,\n    size,\n    checkboxSize,\n  }\n}\n\nconst useDisabled = (\n  props: IUseCheckboxProps,\n  {\n    model,\n    isChecked,\n  }: PartialReturnType<typeof useModel> &\n    PartialReturnType<typeof useCheckboxStatus>\n) => {\n  const { elForm, isGroup, checkboxGroup } = useCheckboxGroup()\n  const isLimitDisabled = computed(() => {\n    const max = checkboxGroup.max?.value\n    const min = checkboxGroup.min?.value\n    return (\n      (!!(max || min) && model.value.length >= max && !isChecked.value) ||\n      (model.value.length <= min && isChecked.value)\n    )\n  })\n  const isDisabled = computed(() => {\n    const disabled = props.disabled || elForm.disabled\n    return isGroup.value\n      ? checkboxGroup.disabled?.value || disabled || isLimitDisabled.value\n      : props.disabled || elForm.disabled\n  })\n\n  return {\n    isDisabled,\n    isLimitDisabled,\n  }\n}\n\nconst setStoreValue = (\n  props: IUseCheckboxProps,\n  { model }: PartialReturnType<typeof useModel>\n) => {\n  function addToStore() {\n    if (Array.isArray(model.value) && !model.value.includes(props.label)) {\n      model.value.push(props.label)\n    } else {\n      model.value = props.trueLabel || true\n    }\n  }\n  props.checked && addToStore()\n}\n\nconst useEvent = (\n  props: IUseCheckboxProps,\n  { isLimitExceeded }: PartialReturnType<typeof useModel>\n) => {\n  const { elFormItem } = useCheckboxGroup()\n  const { emit } = getCurrentInstance()\n  function handleChange(e: InputEvent) {\n    if (isLimitExceeded.value) return\n    const target = e.target as HTMLInputElement\n    const value = target.checked\n      ? props.trueLabel ?? true\n      : props.falseLabel ?? false\n\n    emit('change', value, e)\n  }\n\n  watch(\n    () => props.modelValue,\n    () => {\n      elFormItem.validate?.('change')\n    }\n  )\n\n  return {\n    handleChange,\n  }\n}\n\nexport const useCheckbox = (props: IUseCheckboxProps) => {\n  const { model, isLimitExceeded } = useModel(props)\n  const { focus, size, isChecked, checkboxSize } = useCheckboxStatus(props, {\n    model,\n  })\n  const { isDisabled } = useDisabled(props, { model, isChecked })\n  const { handleChange } = useEvent(props, { isLimitExceeded })\n\n  setStoreValue(props, { model })\n\n  return {\n    isChecked,\n    isDisabled,\n    checkboxSize,\n    model,\n    handleChange,\n    focus,\n    size,\n  }\n}\n"],"names":["useGlobalConfig","inject","elFormKey","elFormItemKey","computed","ref","getCurrentInstance","UPDATE_MODEL_EVENT","toTypeString"],"mappings":"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"}

package/lib/components/col/index.d.ts

@@ -38,10 +38,10 @@ export declare const ElCol: import("../../utils/types").SFCWithInstall<import("v
     readonly lg?: unknown;
     readonly xl?: unknown;
 } & {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<number | {
         span?: number | undefined;
@@ -64,10 +64,10 @@ export declare const ElCol: import("../../utils/types").SFCWithInstall<import("v
         offset?: number | undefined;
     }>, unknown, unknown>;
 } & {}>, {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<number | {
         span?: number | undefined;

package/lib/components/col/src/col.d.ts

@@ -42,10 +42,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly lg?: unknown;
     readonly xl?: unknown;
 } & {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
     sm: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
@@ -53,10 +53,10 @@ declare const _default: import("vue").DefineComponent<{
     lg: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
     xl: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
 } & {}>, {
+    span: number;
     offset: number;
     push: number;
     tag: string;
-    span: number;
     pull: number;
     xs: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;
     sm: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;

package/lib/components/collapse/index.d.ts

@@ -8,7 +8,7 @@ export declare const ElCollapse: import("../../utils/types").SFCWithInstall<impo
     activeNames: import("vue").Ref<never[]>;
     setActiveNames: (_activeNames: any) => void;
     handleItemClick: (name: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     accordion?: unknown;
     modelValue?: unknown;
 } & {
@@ -50,13 +50,13 @@ export declare const ElCollapse: import("../../utils/types").SFCWithInstall<impo
         name?: unknown;
         disabled?: unknown;
     } & {
-        name: string | number;
-        disabled: boolean;
         title: string;
-    } & {}>, {
-        name: string | number;
         disabled: boolean;
+        name: string | number;
+    } & {}>, {
         title: string;
+        disabled: boolean;
+        name: string | number;
     }>;
 };
 export default ElCollapse;
@@ -89,11 +89,11 @@ export declare const ElCollapseItem: import("../../utils/types").SFCWithInstall<
     name?: unknown;
     disabled?: unknown;
 } & {
-    name: string | number;
-    disabled: boolean;
     title: string;
-} & {}>, {
-    name: string | number;
     disabled: boolean;
+    name: string | number;
+} & {}>, {
     title: string;
+    disabled: boolean;
+    name: string | number;
 }>>;

package/lib/components/collapse/src/collapse-item.vue.d.ts

@@ -29,12 +29,12 @@ declare const _default: import("vue").DefineComponent<{
     name?: unknown;
     disabled?: unknown;
 } & {
-    name: string | number;
-    disabled: boolean;
     title: string;
-} & {}>, {
-    name: string | number;
     disabled: boolean;
+    name: string | number;
+} & {}>, {
     title: string;
+    disabled: boolean;
+    name: string | number;
 }>;
 export default _default;

package/lib/components/collapse/src/collapse.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     activeNames: import("vue").Ref<never[]>;
     setActiveNames: (_activeNames: any) => void;
     handleItemClick: (name: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     accordion?: unknown;
     modelValue?: unknown;
 } & {

package/lib/components/color-picker/index.d.ts

@@ -29,7 +29,7 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     svPanel: import("vue").Ref<null>;
     alpha: import("vue").Ref<null>;
     popper: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "active-change")[], "change" | "update:modelValue" | "active-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "active-change")[], "update:modelValue" | "change" | "active-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     showAlpha?: unknown;
     colorFormat?: unknown;
@@ -42,8 +42,8 @@ declare const _ColorPicker: SFCWithInstall<import("vue").DefineComponent<{
     showAlpha: boolean;
 } & {
     size?: import("element-plus/es/utils/types").ComponentSize | undefined;
-    popperClass?: string | undefined;
     modelValue?: string | undefined;
+    popperClass?: string | undefined;
     colorFormat?: string | undefined;
     predefine?: unknown[] | undefined;
 }> & {
@@ -85,7 +85,7 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     svPanel: import("vue").Ref<null>;
     alpha: import("vue").Ref<null>;
     popper: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "active-change")[], "change" | "update:modelValue" | "active-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "active-change")[], "update:modelValue" | "change" | "active-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     showAlpha?: unknown;
     colorFormat?: unknown;
@@ -98,8 +98,8 @@ export declare const ElColorPicker: SFCWithInstall<import("vue").DefineComponent
     showAlpha: boolean;
 } & {
     size?: import("element-plus/es/utils/types").ComponentSize | undefined;
-    popperClass?: string | undefined;
     modelValue?: string | undefined;
+    popperClass?: string | undefined;
     colorFormat?: string | undefined;
     predefine?: unknown[] | undefined;
 }> & {

package/lib/components/color-picker/src/index.vue.d.ts

@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     svPanel: import("vue").Ref<null>;
     alpha: import("vue").Ref<null>;
     popper: import("vue").Ref<null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "active-change")[], "change" | "update:modelValue" | "active-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "active-change")[], "update:modelValue" | "change" | "active-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     modelValue?: unknown;
     showAlpha?: unknown;
     colorFormat?: unknown;
@@ -45,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{
     showAlpha: boolean;
 } & {
     size?: ComponentSize | undefined;
-    popperClass?: string | undefined;
     modelValue?: string | undefined;
+    popperClass?: string | undefined;
     colorFormat?: string | undefined;
     predefine?: unknown[] | undefined;
 }> & {

package/lib/components/date-picker/index.d.ts

@@ -136,13 +136,13 @@ declare const _DatePicker: SFCWithInstall<import("vue").DefineComponent<{
     validateEvent?: unknown;
     unlinkPanels?: unknown;
 } & {
+    placeholder: string;
     type: import("./src/date-picker.type").IDatePickerType;
-    name: string | unknown[];
     disabled: boolean;
+    modelValue: string | Date | Date[];
+    name: string | unknown[];
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    modelValue: string | Date | Date[];
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
@@ -170,13 +170,13 @@ declare const _DatePicker: SFCWithInstall<import("vue").DefineComponent<{
 }> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    placeholder: string;
     type: import("./src/date-picker.type").IDatePickerType;
-    name: string | unknown[];
     disabled: boolean;
+    modelValue: string | Date | Date[];
+    name: string | unknown[];
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    modelValue: string | Date | Date[];
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
@@ -327,13 +327,13 @@ export declare const ElDatePicker: SFCWithInstall<import("vue").DefineComponent<
     validateEvent?: unknown;
     unlinkPanels?: unknown;
 } & {
+    placeholder: string;
     type: import("./src/date-picker.type").IDatePickerType;
-    name: string | unknown[];
     disabled: boolean;
+    modelValue: string | Date | Date[];
+    name: string | unknown[];
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    modelValue: string | Date | Date[];
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
@@ -361,13 +361,13 @@ export declare const ElDatePicker: SFCWithInstall<import("vue").DefineComponent<
 }> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    placeholder: string;
     type: import("./src/date-picker.type").IDatePickerType;
-    name: string | unknown[];
     disabled: boolean;
+    modelValue: string | Date | Date[];
+    name: string | unknown[];
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    modelValue: string | Date | Date[];
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;

package/lib/components/date-picker/src/date-picker-com/basic-date-table.vue.d.ts

@@ -86,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{
             startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             format: (template?: string | undefined) => string;
-            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -222,7 +222,7 @@ declare const _default: import("vue").DefineComponent<{
             startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
             format: (template?: string | undefined) => string;
-            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+            diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
             valueOf: () => number;
             unix: () => number;
             daysInMonth: () => number;
@@ -251,7 +251,7 @@ declare const _default: import("vue").DefineComponent<{
             isSameOrAfter: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
             isSameOrBefore: (date: string | number | Date | dayjs.Dayjs | null | undefined, unit?: dayjs.OpUnitType | undefined) => boolean;
         } | undefined;
-        type?: ("normal" | "week" | "prev-month" | "next-month" | "today") | undefined;
+        type?: ("week" | "today" | "normal" | "prev-month" | "next-month") | undefined;
     }[][]>;
     isWeekActive: (cell: any) => boolean;
     getCellClasses: (cell: any) => string;

package/lib/components/date-picker/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -87,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;

package/lib/components/date-picker/src/date-picker-com/panel-date-range.vue.d.ts

@@ -85,7 +85,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -156,7 +156,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;

package/lib/components/date-picker/src/date-picker-com/panel-month-range.vue.d.ts

@@ -67,7 +67,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;
@@ -138,7 +138,7 @@ declare const _default: import("vue").DefineComponent<{
         startOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         endOf: (unit: dayjs.OpUnitType) => dayjs.Dayjs;
         format: (template?: string | undefined) => string;
-        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "M" | "y" | "date" | "week" | "millisecond" | "second" | "minute" | "hour" | "day" | "month" | "year" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | "dates" | "d" | "h" | "m" | "s" | "ms" | "weeks" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+        diff: (date?: string | number | Date | dayjs.Dayjs | null | undefined, unit?: "week" | "year" | "weeks" | "months" | "M" | "s" | "y" | "month" | "date" | "dates" | "millisecond" | "second" | "minute" | "hour" | "day" | "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "years" | "d" | "h" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
         valueOf: () => number;
         unix: () => number;
         daysInMonth: () => number;

package/lib/components/date-picker/src/date-picker.d.ts

@@ -137,13 +137,13 @@ declare const _default: import("vue").DefineComponent<{
     validateEvent?: unknown;
     unlinkPanels?: unknown;
 } & {
+    placeholder: string;
     type: IDatePickerType;
-    name: string | unknown[];
     disabled: boolean;
+    modelValue: string | Date | Date[];
+    name: string | unknown[];
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    modelValue: string | Date | Date[];
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
@@ -171,13 +171,13 @@ declare const _default: import("vue").DefineComponent<{
 }> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    placeholder: string;
     type: IDatePickerType;
-    name: string | unknown[];
     disabled: boolean;
+    modelValue: string | Date | Date[];
+    name: string | unknown[];
     popperClass: string;
     popperOptions: Partial<import("@popperjs/core").Options>;
-    modelValue: string | Date | Date[];
-    placeholder: string;
     readonly: boolean;
     clearable: boolean;
     prefixIcon: string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;

package/lib/components/descriptions/index.d.ts

@@ -34,17 +34,17 @@ export declare const ElDescriptions: import("../../utils/types").SFCWithInstall<
     title?: unknown;
     extra?: unknown;
 } & {
+    title: string;
     column: number;
     border: boolean;
-    title: string;
     direction: "horizontal" | "vertical";
     extra: string;
 } & {
     size?: import("../../utils/types").ComponentSize | undefined;
 }>, {
+    title: string;
     column: number;
     border: boolean;
-    title: string;
     direction: "horizontal" | "vertical";
     extra: string;
 }>> & {
@@ -58,11 +58,11 @@ export declare const ElDescriptions: import("../../utils/types").SFCWithInstall<
             default: number;
         };
         width: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         minWidth: {
-            type: (NumberConstructor | StringConstructor)[];
+            type: (StringConstructor | NumberConstructor)[];
             default: string;
         };
         align: {
@@ -91,20 +91,20 @@ export declare const ElDescriptions: import("../../utils/types").SFCWithInstall<
         className?: unknown;
         labelClassName?: unknown;
     } & {
-        width: string | number;
-        minWidth: string | number;
         label: string;
         span: number;
+        width: string | number;
         align: string;
+        minWidth: string | number;
         labelAlign: string;
         className: string;
         labelClassName: string;
     } & {}>, {
-        width: string | number;
-        minWidth: string | number;
         label: string;
         span: number;
+        width: string | number;
         align: string;
+        minWidth: string | number;
         labelAlign: string;
         className: string;
         labelClassName: string;
@@ -121,11 +121,11 @@ export declare const ElDescriptionsItem: import("../../utils/types").SFCWithInst
         default: number;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     align: {
@@ -154,20 +154,20 @@ export declare const ElDescriptionsItem: import("../../utils/types").SFCWithInst
     className?: unknown;
     labelClassName?: unknown;
 } & {
-    width: string | number;
-    minWidth: string | number;
     label: string;
     span: number;
+    width: string | number;
     align: string;
+    minWidth: string | number;
     labelAlign: string;
     className: string;
     labelClassName: string;
 } & {}>, {
-    width: string | number;
-    minWidth: string | number;
     label: string;
     span: number;
+    width: string | number;
     align: string;
+    minWidth: string | number;
     labelAlign: string;
     className: string;
     labelClassName: string;

package/lib/components/descriptions/src/description-item.d.ts

@@ -8,11 +8,11 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     minWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     align: {
@@ -41,20 +41,20 @@ declare const _default: import("vue").DefineComponent<{
     className?: unknown;
     labelClassName?: unknown;
 } & {
-    width: string | number;
-    minWidth: string | number;
     label: string;
     span: number;
+    width: string | number;
     align: string;
+    minWidth: string | number;
     labelAlign: string;
     className: string;
     labelClassName: string;
 } & {}>, {
-    width: string | number;
-    minWidth: string | number;
     label: string;
     span: number;
+    width: string | number;
     align: string;
+    minWidth: string | number;
     labelAlign: string;
     className: string;
     labelClassName: string;

package/lib/components/descriptions/src/index.vue.d.ts

@@ -36,17 +36,17 @@ declare const _default: import("vue").DefineComponent<{
     title?: unknown;
     extra?: unknown;
 } & {
+    title: string;
     column: number;
     border: boolean;
-    title: string;
     direction: "horizontal" | "vertical";
     extra: string;
 } & {
     size?: ComponentSize | undefined;
 }>, {
+    title: string;
     column: number;
     border: boolean;
-    title: string;
     direction: "horizontal" | "vertical";
     extra: string;
 }>;