element-pe 1.0.8 → 1.0.9-alpha.12

package/es/components/button/src/button.d.ts

@@ -1,19 +1,21 @@
 import type { ExtractPropTypes, Component } from 'vue';
+import type button from './button.vue';
 export declare const buttonType: readonly ["default", "primary", "success", "warning", "info", "danger", "text", ""];
 export declare const buttonSize: readonly ["", "large", "medium", "small", "mini"];
 export declare const buttonNativeType: readonly ["button", "submit", "reset"];
 export declare const buttonProps: {
-    readonly type: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly size: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "large" | "medium" | "mini", never>;
+    readonly disabled: BooleanConstructor;
+    readonly type: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     readonly icon: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly nativeType: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "button", unknown, "button" | "reset" | "submit", unknown>;
+    readonly nativeType: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "button", unknown, "button" | "submit" | "reset", unknown>;
     readonly loading: BooleanConstructor;
     readonly plain: BooleanConstructor;
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly autoInsertSpace: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
-    readonly size: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
-    readonly disabled: BooleanConstructor;
+    readonly color: StringConstructor;
+    readonly autoInsertSpace: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
 };
 export interface ButtonConfigContext {
     autoInsertSpace?: boolean;
@@ -25,3 +27,4 @@ export declare type ButtonProps = ExtractPropTypes<typeof buttonProps>;
 export declare type ButtonEmits = typeof buttonEmits;
 export declare type ButtonType = ButtonProps['type'];
 export declare type ButtonNativeType = ButtonProps['nativeType'];
+export declare type ButtonInstance = InstanceType<typeof button>;

package/es/components/button/src/button.mjs

@@ -1,6 +1,6 @@
 import '../../../hooks/index.mjs';
 import { buildProps, definePropType } from '../../../utils/props.mjs';
-import { useFormItemProps } from '../../../hooks/use-form-item/index.mjs';
+import { useSizeProp } from '../../../hooks/use-common-props/index.mjs';
 
 const buttonType = [
   "default",
@@ -15,7 +15,8 @@ const buttonType = [
 const buttonSize = ["", "large", "medium", "small", "mini"];
 const buttonNativeType = ["button", "submit", "reset"];
 const buttonProps = buildProps({
-  ...useFormItemProps,
+  size: useSizeProp,
+  disabled: Boolean,
   type: {
     type: String,
     values: buttonType,
@@ -35,8 +36,10 @@ const buttonProps = buildProps({
   autofocus: Boolean,
   round: Boolean,
   circle: Boolean,
+  color: String,
   autoInsertSpace: {
-    type: Boolean
+    type: Boolean,
+    default: void 0
   }
 });
 const buttonEmits = {

package/es/components/button/src/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n"],"names":[],"mappings":";;;;MAIa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type button from './button.vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  size: useSizeProp,\n  disabled: Boolean,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport type ButtonInstance = InstanceType<typeof button>\n"],"names":[],"mappings":";;;;MAKa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,EACpC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;MAQA,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}

package/es/components/button/src/button.vue.d.ts

@@ -1,24 +1,29 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
+    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", false, "" | "small" | "large" | "medium" | "mini", never>;
+    readonly disabled: BooleanConstructor;
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     readonly icon: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, "", unknown, unknown, unknown>;
-    readonly nativeType: import("../../../utils/props").BuildPropReturn<StringConstructor, "button", unknown, "button" | "reset" | "submit", unknown>;
+    readonly nativeType: import("../../../utils/props").BuildPropReturn<StringConstructor, "button", unknown, "button" | "submit" | "reset", unknown>;
     readonly loading: BooleanConstructor;
     readonly plain: BooleanConstructor;
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
-    readonly autoInsertSpace: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
-    readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "medium" | "large" | "mini", unknown>;
-    readonly disabled: BooleanConstructor;
+    readonly color: StringConstructor;
+    readonly autoInsertSpace: import("../../../utils/props").BuildPropReturn<BooleanConstructor, undefined, unknown, unknown, unknown>;
 }, {
-    buttonSize: import("vue").ComputedRef<any>;
-    buttonType: import("vue").ComputedRef<"default" | "text" | "success" | "warning" | "info" | "primary" | "danger">;
+    buttonRef: import("vue").Ref<any>;
+    buttonStyle: import("vue").ComputedRef<{}>;
+    buttonSize: import("vue").ComputedRef<"" | import("../../../utils/types").ComponentSize>;
+    buttonType: import("vue").ComputedRef<"default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     buttonDisabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
     handleClick: (evt: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly size?: unknown;
+    readonly disabled?: unknown;
     readonly type?: unknown;
     readonly icon?: unknown;
     readonly nativeType?: unknown;
@@ -27,35 +32,35 @@ declare const _default: import("vue").DefineComponent<{
     readonly autofocus?: unknown;
     readonly round?: unknown;
     readonly circle?: unknown;
+    readonly color?: unknown;
     readonly autoInsertSpace?: unknown;
-    readonly size?: unknown;
-    readonly disabled?: unknown;
 } & {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
-    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
-    round: boolean;
-    circle: boolean;
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    nativeType: import("../../../utils/props").BuildPropType<StringConstructor, "button" | "submit" | "reset", unknown>;
+    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", never>;
     disabled: boolean;
     loading: boolean;
-    nativeType: import("../../../utils/props").BuildPropType<StringConstructor, "button" | "reset" | "submit", unknown>;
     plain: boolean;
     autofocus: boolean;
+    round: boolean;
+    circle: boolean;
 } & {
     autoInsertSpace?: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+    color?: string | undefined;
 }> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger", unknown>;
-    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "medium" | "large" | "mini", unknown>;
-    round: boolean;
-    circle: boolean;
+    type: import("../../../utils/props").BuildPropType<StringConstructor, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
     icon: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
+    nativeType: import("../../../utils/props").BuildPropType<StringConstructor, "button" | "submit" | "reset", unknown>;
+    autoInsertSpace: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    size: import("../../../utils/props").BuildPropType<StringConstructor, "" | "small" | "large" | "medium" | "mini", never>;
     disabled: boolean;
     loading: boolean;
-    nativeType: import("../../../utils/props").BuildPropType<StringConstructor, "button" | "reset" | "submit", unknown>;
-    autoInsertSpace: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     plain: boolean;
     autofocus: boolean;
+    round: boolean;
+    circle: boolean;
 }>;
 export default _default;

package/es/components/button/src/button.vue_vue_type_script_lang.mjs

@@ -0,0 +1,101 @@
+import { defineComponent, ref, inject, computed, Text } from 'vue';
+import { useCssVar } from '@vueuse/core';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { Loading } from '@element-plus/icons-vue';
+import { darken, lighten } from '../../../utils/color.mjs';
+import { buttonProps, buttonEmits } from './button.mjs';
+import { buttonGroupContextKey } from '../../../tokens/button.mjs';
+import { useGlobalConfig } from '../../../hooks/use-global-config/index.mjs';
+import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
+import { useSize, useDisabled } from '../../../hooks/use-common-props/index.mjs';
+
+var script = defineComponent({
+  name: "ElButton",
+  components: {
+    ElIcon,
+    Loading
+  },
+  props: buttonProps,
+  emits: buttonEmits,
+  setup(props, { emit, slots }) {
+    const buttonRef = ref();
+    const buttonGroupContext = inject(buttonGroupContextKey, void 0);
+    const globalConfig = useGlobalConfig("button");
+    const autoInsertSpace = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
+    });
+    const shouldAddSpace = computed(() => {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        const slot = defaultSlot[0];
+        if ((slot == null ? void 0 : slot.type) === Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text);
+        }
+      }
+      return false;
+    });
+    const { form } = useFormItem();
+    const buttonSize = useSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
+    const buttonDisabled = useDisabled();
+    const buttonType = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "default");
+    const typeColor = computed(() => useCssVar(`--el-color-${props.type}`).value);
+    const buttonStyle = computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const darkenBgColor = darken(buttonColor, 0.1);
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": lighten(buttonColor, 0.9),
+            "--el-button-text-color": buttonColor,
+            "--el-button-hover-text-color": "var(--el-color-white)",
+            "--el-button-hover-bg-color": buttonColor,
+            "--el-button-hover-border-color": buttonColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-text-color": "var(--el-color-white)",
+            "--el-button-active-border-color": darkenBgColor
+          };
+        } else {
+          const lightenBgColor = lighten(buttonColor);
+          styles = {
+            "--el-button-bg-color": buttonColor,
+            "--el-button-border-color": buttonColor,
+            "--el-button-hover-bg-color": lightenBgColor,
+            "--el-button-hover-border-color": lightenBgColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-border-color": darkenBgColor
+          };
+        }
+        if (buttonDisabled.value) {
+          const disabledButtonColor = lighten(buttonColor, 0.5);
+          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
+          styles["--el-button-disabled-border-color"] = disabledButtonColor;
+        }
+      }
+      return styles;
+    });
+    const handleClick = (evt) => {
+      if (props.nativeType === "reset") {
+        form == null ? void 0 : form.resetFields();
+      }
+      emit("click", evt);
+    };
+    return {
+      buttonRef,
+      buttonStyle,
+      buttonSize,
+      buttonType,
+      buttonDisabled,
+      shouldAddSpace,
+      handleClick
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button.vue_vue_type_script_lang.mjs.map

package/es/components/button/src/button.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" class=\"is-loading\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport { lighten, darken } from '@element-plus/utils/color'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig('button')\n    const autoInsertSpace = computed(\n      () =>\n        props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\n    )\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const { form } = useFormItem()\n    const buttonSize = useSize(computed(() => buttonGroupContext?.size))\n    const buttonDisabled = useDisabled()\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqDA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,YAAY;AAClB,UAAM,qBAAqB,OAAO,uBAAuB;AACzD,UAAM,eAAe,gBAAgB;AACrC,UAAM,kBAAkB,SACtB,MAAG;;AACD,+BAAM,oBAAN,YAAyB,mBAAa,UAAb,mBAAoB,oBAA7C,YAAgE;AAAA;AAIpE,UAAM,iBAAiB,SAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAGT,UAAM,EAAE,SAAS;AACjB,UAAM,aAAa,QAAQ,SAAS,MAAM,yDAAoB;AAC9D,UAAM,iBAAiB;AACvB,UAAM,aAAa,SACjB,MAAM,MAAM,kEAA4B,SAAQ;AAIlD,UAAM,YAAY,SAChB,MAAM,UAAU,cAAc,MAAM,QAAQ;AAE9C,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,gBAAgB,OAAO,aAAa;AAC1C,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwB,QAAQ,aAAa;AAAA,YAC7C,0BAA0B;AAAA,YAC1B,gCAAgC;AAAA,YAChC,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,iCAAiC;AAAA,YACjC,mCAAmC;AAAA;AAAA,eAEhC;AACL,gBAAM,iBAAiB,QAAQ;AAC/B,mBAAS;AAAA,YACP,wBAAwB;AAAA,YACxB,4BAA4B;AAAA,YAC5B,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,mCAAmC;AAAA;AAAA;AAIvC,YAAI,eAAe,OAAO;AACxB,gBAAM,sBAAsB,QAAQ,aAAa;AACjD,iBAAO,mCAAmC;AAC1C,iBAAO,uCAAuC;AAAA;AAAA;AAIlD,aAAO;AAAA;AAGT,UAAM,cAAc,CAAC,QAAoB;AACvC,UAAI,MAAM,eAAe,SAAS;AAChC,qCAAM;AAAA;AAER,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

package/es/components/button/src/button.vue_vue_type_template_id_802c5c76_lang.mjs

@@ -0,0 +1,51 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, createVNode, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["disabled", "autofocus", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_loading = resolveComponent("loading");
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("button", {
+    ref: "buttonRef",
+    class: normalizeClass([
+      "el-button",
+      _ctx.buttonType ? "el-button--" + _ctx.buttonType : "",
+      _ctx.buttonSize ? "el-button--" + _ctx.buttonSize : "",
+      {
+        "is-disabled": _ctx.buttonDisabled,
+        "is-loading": _ctx.loading,
+        "is-plain": _ctx.plain,
+        "is-round": _ctx.round,
+        "is-circle": _ctx.circle
+      }
+    ]),
+    disabled: _ctx.buttonDisabled || _ctx.loading,
+    autofocus: _ctx.autofocus,
+    type: _ctx.nativeType,
+    style: normalizeStyle(_ctx.buttonStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
+      key: 0,
+      class: "is-loading"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_loading)
+      ]),
+      _: 1
+    })) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+      key: 2,
+      class: normalizeClass({ "el-button__text--expand": _ctx.shouldAddSpace })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 14, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=button.vue_vue_type_template_id_802c5c76_lang.mjs.map

package/es/components/button/src/button.vue_vue_type_template_id_802c5c76_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_template_id_802c5c76_lang.mjs","sources":["../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" class=\"is-loading\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  useDisabled,\n  useFormItem,\n  useGlobalConfig,\n  useSize,\n} from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport { lighten, darken } from '@element-plus/utils/color'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig('button')\n    const autoInsertSpace = computed(\n      () =>\n        props.autoInsertSpace ?? globalConfig.value?.autoInsertSpace ?? false\n    )\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const { form } = useFormItem()\n    const buttonSize = useSize(computed(() => buttonGroupContext?.size))\n    const buttonDisabled = useDisabled()\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = computed(\n      () => useCssVar(`--el-color-${props.type}`).value\n    )\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;sBACEA;IACE,KAAI;AAAA,IACH;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;IACN,sBAAO;IACP,gDAAO;;IAEO,6BAAfC;;MAAwB,OAAM;AAAA;uBAC5B;QAAAC;;;UAEkB,0BAApBD;uBACE;sBAAAA,oCAAgB;;;;IAGV,YAAO,wBADfD;;MAEG,mDAAoC;;MAErCG;;;;;;;"}

package/es/components/button/src/button2.mjs

@@ -1,6 +1,6 @@
-import script from './button.vue_vue&type=script&lang.mjs';
-export { default } from './button.vue_vue&type=script&lang.mjs';
-import { render } from './button.vue_vue&type=template&id=802c5c76&lang.mjs';
+import script from './button.vue_vue_type_script_lang.mjs';
+export { default } from './button.vue_vue_type_script_lang.mjs';
+import { render } from './button.vue_vue_type_template_id_802c5c76_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/button/src/button.vue";

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

@@ -1,58 +1,31 @@
-import type { SFCWithInstall } from 'element-pe/es/utils/types';
-declare const _Calendar: SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: DateConstructor;
-    };
-    range: {
-        type: import("vue").PropType<Date[]>;
-        validator: (range: Date) => boolean;
-    };
+export declare const ElCalendar: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly modelValue: import("../../utils/props").BuildPropReturn<DateConstructor, unknown, unknown, unknown, unknown>;
+    readonly range: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<[Date, Date]>, unknown, unknown, unknown, [Date, Date]>;
 }, {
-    selectedDay: import("vue").Ref<null>;
+    selectedDay: import("vue").Ref<import("dayjs").Dayjs | undefined>;
     curMonthDatePrefix: import("vue").ComputedRef<string>;
     i18nDate: import("vue").ComputedRef<string>;
-    realSelectedDay: import("vue").ComputedRef<unknown>;
+    realSelectedDay: import("vue").WritableComputedRef<import("dayjs").Dayjs | undefined>;
     date: import("vue").ComputedRef<import("dayjs").Dayjs>;
-    validatedRange: import("vue").ComputedRef<import("dayjs").Dayjs[][]>;
+    validatedRange: import("vue").ComputedRef<[import("dayjs").Dayjs, import("dayjs").Dayjs][]>;
     pickDay: (day: import("dayjs").Dayjs) => void;
-    selectDate: (type: "prev-month" | "next-month" | "prev-year" | "next-year" | "today") => void;
-    t: (...args: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "input")[], "update:modelValue" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    range?: unknown;
+    selectDate: (type: "today" | "prev-month" | "next-month" | "prev-year" | "next-year") => void;
+    t: import("../..").Translator;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date) => boolean;
+    input: (value: Date) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly modelValue?: unknown;
+    readonly range?: unknown;
 } & {} & {
-    range?: Date[] | undefined;
     modelValue?: Date | undefined;
+    range?: [Date, Date] | undefined;
 }> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-}, {}>>;
-export default _Calendar;
-export declare const ElCalendar: SFCWithInstall<import("vue").DefineComponent<{
-    modelValue: {
-        type: DateConstructor;
-    };
-    range: {
-        type: import("vue").PropType<Date[]>;
-        validator: (range: Date) => boolean;
-    };
+    "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+    onInput?: ((value: Date) => any) | undefined;
 }, {
-    selectedDay: import("vue").Ref<null>;
-    curMonthDatePrefix: import("vue").ComputedRef<string>;
-    i18nDate: import("vue").ComputedRef<string>;
-    realSelectedDay: import("vue").ComputedRef<unknown>;
-    date: import("vue").ComputedRef<import("dayjs").Dayjs>;
-    validatedRange: import("vue").ComputedRef<import("dayjs").Dayjs[][]>;
-    pickDay: (day: import("dayjs").Dayjs) => void;
-    selectDate: (type: "prev-month" | "next-month" | "prev-year" | "next-year" | "today") => void;
-    t: (...args: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "input")[], "update:modelValue" | "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    range?: unknown;
-} & {} & {
-    range?: Date[] | undefined;
-    modelValue?: Date | undefined;
-}> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-}, {}>>;
+    modelValue: Date;
+    range: [Date, Date];
+}>> & Record<string, any>;
+export default ElCalendar;
+export * from './src/calendar';

package/es/components/calendar/index.mjs

@@ -1,11 +1,9 @@
-import './src/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import { withInstall } from '../../utils/with-install.mjs';
+import './src/calendar2.mjs';
+export { calendarEmits, calendarProps } from './src/calendar.mjs';
+import script from './src/calendar.vue_vue_type_script_lang.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
-};
-const _Calendar = script;
-const ElCalendar = _Calendar;
+const ElCalendar = withInstall(script);
 
-export { ElCalendar, _Calendar as default };
+export { ElCalendar, ElCalendar as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/calendar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/calendar/index.ts"],"sourcesContent":["import Calendar from './src/index.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nCalendar.install = (app: App): void => {\n  app.component(Calendar.name, Calendar)\n}\n\nconst _Calendar = Calendar as SFCWithInstall<typeof Calendar>\n\nexport default _Calendar\nexport const ElCalendar = _Calendar\n"],"names":["Calendar"],"mappings":";;;AAIAA,OAAS,UAAU,CAAC,QAAmB;AACrC,MAAI,UAAUA,OAAS,MAAMA;AAAA;MAGzB,YAAYA;MAGL,aAAa;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/calendar/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils/with-install'\nimport Calendar from './src/calendar.vue'\n\nexport const ElCalendar = withInstall(Calendar)\nexport default ElCalendar\n\nexport * from './src/calendar'\n"],"names":["Calendar"],"mappings":";;;;;MAGa,aAAa,YAAYA;;;;"}

package/es/components/calendar/src/calendar.d.ts

@@ -0,0 +1,11 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const calendarProps: {
+    readonly modelValue: import("element-pe/es/utils/props").BuildPropReturn<DateConstructor, unknown, unknown, unknown, unknown>;
+    readonly range: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<[Date, Date]>, unknown, unknown, unknown, [Date, Date]>;
+};
+export declare type CalendarProps = ExtractPropTypes<typeof calendarProps>;
+export declare const calendarEmits: {
+    "update:modelValue": (value: Date) => boolean;
+    input: (value: Date) => boolean;
+};
+export declare type CalendarEmits = typeof calendarEmits;

package/es/components/calendar/src/calendar.mjs

@@ -0,0 +1,19 @@
+import { buildProps, definePropType } from '../../../utils/props.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+
+const calendarProps = buildProps({
+  modelValue: {
+    type: Date
+  },
+  range: {
+    type: definePropType(Array),
+    validator: (range) => Array.isArray(range) && range.length === 2 && range.every((item) => item instanceof Date)
+  }
+});
+const calendarEmits = {
+  [UPDATE_MODEL_EVENT]: (value) => value instanceof Date,
+  input: (value) => value instanceof Date
+};
+
+export { calendarEmits, calendarProps };
+//# sourceMappingURL=calendar.mjs.map

package/es/components/calendar/src/calendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport type { ExtractPropTypes } from 'vue'\n\nexport const calendarProps = buildProps({\n  modelValue: {\n    type: Date,\n  },\n  range: {\n    type: definePropType<[Date, Date]>(Array),\n    validator: (range: unknown): range is [Date, Date] =>\n      Array.isArray(range) &&\n      range.length === 2 &&\n      range.every((item) => item instanceof Date),\n  },\n} as const)\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\n\nexport const calendarEmits = {\n  [UPDATE_MODEL_EVENT]: (value: Date) => value instanceof Date,\n  input: (value: Date) => value instanceof Date,\n}\nexport type CalendarEmits = typeof calendarEmits\n"],"names":[],"mappings":";;;MAIa,gBAAgB,WAAW;AAAA,EACtC,YAAY;AAAA,IACV,MAAM;AAAA;AAAA,EAER,OAAO;AAAA,IACL,MAAM,eAA6B;AAAA,IACnC,WAAW,CAAC,UACV,MAAM,QAAQ,UACd,MAAM,WAAW,KACjB,MAAM,MAAM,CAAC,SAAS,gBAAgB;AAAA;AAAA;MAK/B,gBAAgB;AAAA,GAC1B,qBAAqB,CAAC,UAAgB,iBAAiB;AAAA,EACxD,OAAO,CAAC,UAAgB,iBAAiB;AAAA;;;;"}

package/es/components/calendar/src/calendar.vue.d.ts

@@ -0,0 +1,34 @@
+import dayjs from 'dayjs';
+import type { ComputedRef } from 'vue';
+import type { Dayjs } from 'dayjs';
+declare type DateType = 'prev-month' | 'next-month' | 'prev-year' | 'next-year' | 'today';
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: import("../../../utils/props").BuildPropReturn<DateConstructor, unknown, unknown, unknown, unknown>;
+    readonly range: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<[Date, Date]>, unknown, unknown, unknown, [Date, Date]>;
+}, {
+    selectedDay: import("vue").Ref<dayjs.Dayjs | undefined>;
+    curMonthDatePrefix: ComputedRef<string>;
+    i18nDate: ComputedRef<string>;
+    realSelectedDay: import("vue").WritableComputedRef<dayjs.Dayjs | undefined>;
+    date: ComputedRef<dayjs.Dayjs>;
+    validatedRange: ComputedRef<[dayjs.Dayjs, dayjs.Dayjs][]>;
+    pickDay: (day: Dayjs) => void;
+    selectDate: (type: DateType) => void;
+    t: import("element-pe/es/hooks").Translator;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Date) => boolean;
+    input: (value: Date) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly modelValue?: unknown;
+    readonly range?: unknown;
+} & {} & {
+    modelValue?: Date | undefined;
+    range?: [Date, Date] | undefined;
+}> & {
+    "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
+    onInput?: ((value: Date) => any) | undefined;
+}, {
+    modelValue: Date;
+    range: [Date, Date];
+}>;
+export default _default;