x-next 0.0.0-alpha.1 → 0.0.0-alpha.2

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Pudon
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Ilia Borovitinov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,4 +1,95 @@
-# x-next
-xiaocaiyun.com 前端组件库。
+# Vue 3 Datepicker
 
+Documentation: https://icehaunter.github.io/vue3-datepicker/
 
+This is a basic (at least for now) reimplementation of https://github.com/icehaunter/vuejs-datepicker in Vue 3 and with greatly cleaned up code.
+
+All date manipulation and formatting are done via the amazing [`date-fns`](https://date-fns.org/) library, so it's a direct dependency of this picker.
+
+## Installation
+
+Package is available on NPM: https://www.npmjs.com/package/vue3-datepicker
+
+```sh
+npm i vue3-datepicker
+```
+
+The component is packaged mainly for use with bundlers, if you require a browser build - post an issue.
+
+## Usage
+
+For more examples see https://icehaunter.github.io/vue3-datepicker/examples.html
+
+```vue
+<template>
+  <datepicker
+    v-model="selected"
+    :locale="locale"
+    :upperLimit="to"
+    :lowerLimit="from"
+    :clearable="true"
+  />
+</template>
+```
+
+## Props and attributes
+
+Attribute fallthrough is enabled, so any attribute you apply to the component will be passed down to the input.
+
+All props which accept formatting strings for dates use [`date-fns` formatting function](https://date-fns.org/docs/format) under the hood, so see that function's documentation for patterns.
+
+Main interaction to date selection is done via `v-model` with `Date` as expected type of the value passed.
+
+Full props documentation is available at https://icehaunter.github.io/vue3-datepicker/config.html#props
+
+| ID                       | Type                                                     | Default              | Description                                                                                                                                |
+| ------------------------ | -------------------------------------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| `upperLimit`             | `Date`                                                   |                      | Upper limit for available dates for picking                                                                                                |
+| `lowerLimit`             | `Date`                                                   |                      | Lower limit for available dates for picking                                                                                                |
+| `startingViewDate`       | `Date`                                                   | `() => new Date()`   | Date on which to focus when empty datepicker is opened. Default is "right now"                                                             |
+| `disabledDates`          | `{ dates: Date[] }`                                      |                      | Dates not available for picking                                                                                                            |
+| `disabledTime`           | `{ dates: Date[] }`                                      |                      | Dates not available for time picking                                                                                                       |
+| `startingView`           | `'time' \| 'day' \| 'month' \| 'year'`                   | `'day'`              | View on which the date picker should open. Can be either `year`, `month`, or `day`                                                         |
+| `minimumView`            | `'time' \| 'day' \| 'month' \| 'year'`                   | `'day'`              | If set, lower-level views won't show                                                                                                       |
+| `dayPickerHeadingFormat` | `String`                                                 | `LLLL yyyy`          | `date-fns`-type formatting for a day view heading                                                                                          |
+| `dayFormat`              | `String`                                                 | `dd`                 | `date-fns`-type formatting for each day on the day view                                                                                    |
+| `weekdayFormat`          | `String`                                                 | `EE`                 | `date-fns`-type formatting for a line of weekdays on day view                                                                              |
+| `inputFormat`            | `String`                                                 | `yyyy-MM-dd`         | `date-fns`-type format in which the string in the input should be both parsed and displayed                                                |
+| `locale`                 | [`Locale`](https://date-fns.org/v2.16.1/docs/I18n#usage) | `date-fns/locale/en` | [`date-fns` locale object](https://date-fns.org/v2.16.1/docs/I18n#usage). Used in string formatting (see default `dayPickerHeadingFormat`) |
+| `disabled`               | `Boolean`                                                | `false`              | Disables datepicker and prevents it's opening                                                                                              |
+| `typeable`               | `Boolean`                                                | `false`              | Allows user to input date manually                                                                                                         |
+| `weekStartsOn`           | `Number`                                                 | 1                    | Day on which the week should start. Number from 0 to 6, where 0 is Sunday and 6 is Saturday. Week starts with a Monday (1) by default      |
+| `clearable`              | `Boolean`                                                | `false`              | Allows clearing the selected date and setting the value to `null`                                                                          |
+| `allowOutsideInterval`   | `Boolean`                                                | `false`              | Allows user to click dates outside of current interval                                                                                     |
+
+### Events
+
+- `opened`: Emitted every time the popup opens, including on field focus
+- `closed`: Emitted every time the popup closes, including on field blur
+- `decadePageChanged`: Emitted when a page is changed on the year picker view, displaying a different decade. Has a date that is included in the shown decade as an argument.
+- `yearPageChanged`: Emitted when a page is changed on the month picker view, displaying a different year. Has a date that is included in the shown year as an argument.
+- `monthPageChanged`: Emitted when a page is changed on the day picker view, displaying a different month. Has a date that is included in the shown month as an argument.
+
+## Compatibility
+
+Package is transpiled and should be usable for everyone with ES6 and above, but the styling of the datepicker itself uses CSS Grid and CSS variables.
+
+## Example
+
+```vue
+<template>
+  <datepicker v-model="picked" />
+</template>
+
+<script>
+import Datepicker from '../src/datepicker/Datepicker.vue'
+components: {
+  Datepicker
+},
+data(): {
+  return {
+    picked: new Date();
+  }
+}
+</script>
+```

package/dist/types/_hooks/use-overflow.d.ts

@@ -0,0 +1,5 @@
+import { type Ref } from 'vue';
+export declare const useOverflow: (containerRef: Ref<HTMLElement | undefined>, targetRef?: Ref<HTMLElement | undefined>) => {
+    setOverflowHidden: () => void;
+    resetOverflow: () => void;
+};

package/dist/types/_hooks/use-popup-manager.d.ts

@@ -0,0 +1,11 @@
+import type { Ref } from 'vue';
+export type PopupType = 'popup' | 'dialog' | 'message';
+export default function usePopupManager(type: PopupType, { visible, runOnMounted, }?: {
+    visible?: Ref<boolean>;
+    runOnMounted?: boolean;
+}): {
+    zIndex: Readonly<Ref<number, number>>;
+    open: () => void;
+    close: () => void;
+    isLastDialog: () => boolean;
+};

package/dist/types/_props/css.d.ts

@@ -0,0 +1,13 @@
+type NamedColor = 'aliceblue' | 'antiquewhite' | 'aqua' | 'aquamarine' | 'azure' | 'beige' | 'bisque' | 'black' | 'blanchedalmond' | 'blue' | 'blueviolet' | 'brown' | 'burlywood' | 'cadetblue' | 'chartreuse' | 'chocolate' | 'coral' | 'cornflowerblue' | 'cornsilk' | 'crimson' | 'cyan' | 'darkblue' | 'darkcyan' | 'darkgoldenrod' | 'darkgray' | 'darkgreen' | 'darkgrey' | 'darkkhaki' | 'darkmagenta' | 'darkolivegreen' | 'darkorange' | 'darkorchid' | 'darkred' | 'darksalmon' | 'darkseagreen' | 'darkslateblue' | 'darkslategray' | 'darkslategrey' | 'darkturquoise' | 'darkviolet' | 'deeppink' | 'deepskyblue' | 'dimgray' | 'dimgrey' | 'dodgerblue' | 'firebrick' | 'floralwhite' | 'forestgreen' | 'fuchsia' | 'gainsboro' | 'ghostwhite' | 'gold' | 'goldenrod' | 'gray' | 'green' | 'greenyellow' | 'grey' | 'honeydew' | 'hotpink' | 'indianred' | 'indigo' | 'ivory' | 'khaki' | 'lavender' | 'lavenderblush' | 'lawngreen' | 'lemonchiffon' | 'lightblue' | 'lightcoral' | 'lightcyan' | 'lightgoldenrodyellow' | 'lightgray' | 'lightgreen' | 'lightgrey' | 'lightpink' | 'lightsalmon' | 'lightseagreen' | 'lightskyblue' | 'lightslategray' | 'lightslategrey' | 'lightsteelblue' | 'lightyellow' | 'lime' | 'limegreen' | 'linen' | 'magenta' | 'maroon' | 'mediumaquamarine' | 'mediumblue' | 'mediumorchid' | 'mediumpurple' | 'mediumseagreen' | 'mediumslateblue' | 'mediumspringgreen' | 'mediumturquoise' | 'mediumvioletred' | 'midnightblue' | 'mintcream' | 'mistyrose' | 'moccasin' | 'navajowhite' | 'navy' | 'oldlace' | 'olive' | 'olivedrab' | 'orange' | 'orangered' | 'orchid' | 'palegoldenrod' | 'palegreen' | 'paleturquoise' | 'palevioletred' | 'papayawhip' | 'peachpuff' | 'peru' | 'pink' | 'plum' | 'powderblue' | 'purple' | 'red' | 'rosybrown' | 'royalblue' | 'saddlebrown' | 'salmon' | 'sandybrown' | 'seagreen' | 'seashell' | 'sienna' | 'silver' | 'skyblue' | 'slateblue' | 'slategray' | 'slategrey' | 'snow' | 'springgreen' | 'steelblue' | 'tan' | 'teal' | 'thistle' | 'tomato' | 'turquoise' | 'violet' | 'wheat' | 'white' | 'whitesmoke' | 'yellow' | 'yellowgreen';
+type HexColor = `#${string}`;
+type RgbColor = `rgb(${number}, ${number}, ${number})`;
+type RgbaColor = `rgba(${number}, ${number}, ${number}, ${number})`;
+type HslColor = `hsl(${number}, ${number}%, ${number}%)`;
+type HslaColor = `hsla(${number}, ${number}%, ${number}%, ${number})`;
+export type CSSColor = NamedColor | HexColor | RgbColor | RgbaColor | HslColor | HslaColor;
+type CSSUnit = 'px' | 'em' | 'rem' | 'vw' | 'vh' | 'vmin' | 'vmax' | '%' | 'pt' | 'cm' | 'mm' | 'in' | 'pc' | 'ex' | 'ch';
+export type LengthValue = `${number}${CSSUnit}`;
+type GlobalValues = 'auto' | 'inherit' | 'initial' | 'unset';
+type PaddingMarginValue = LengthValue | `${number}` | GlobalValues;
+export type PaddingMargin = PaddingMarginValue | [PaddingMarginValue, PaddingMarginValue] | [PaddingMarginValue, PaddingMarginValue, PaddingMarginValue] | [PaddingMarginValue, PaddingMarginValue, PaddingMarginValue, PaddingMarginValue];
+export {};

package/dist/types/_props/global.d.ts

@@ -0,0 +1 @@
+export type ComponentSize = 'mini' | 'small' | 'medium' | 'large';

package/dist/types/_utils/config.d.ts

@@ -0,0 +1,9 @@
+export declare const COMPONENT_INSTALLED_KEY: unique symbol;
+export declare const getClassPrefix: (name?: string) => string;
+export declare const getComponentPrefix: (name: string) => string;
+export declare const getClassNameMixin: (name: string) => {
+    block: string;
+    element: (className: string) => string;
+    modifier: (className: string) => string;
+    is: (className: string) => string;
+};

package/dist/types/_utils/convert-case.d.ts

@@ -0,0 +1,3 @@
+export declare const toKebabCase: (string: string) => string;
+export declare const toPascalCase: (string: string) => string;
+export declare const toCamelCase: (string: string) => string;

package/dist/types/_utils/dom.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from 'vue';
+export declare const NOOP: () => void;
+export declare const querySelector: (selectors: string, container?: Document | HTMLElement) => HTMLElement | undefined;
+export declare const getScrollBarWidth: (element: HTMLElement) => number;
+export declare const isScroll: (element: HTMLElement) => boolean;
+export declare const getStyle: (element: HTMLElement, styleName: keyof CSSProperties) => string;
+export declare const setStyle: (element: HTMLElement, styleName: CSSProperties | keyof CSSProperties, value?: string | number) => void;
+export declare const getElement: (target: string | HTMLElement | undefined, container?: Document | HTMLElement) => HTMLElement | undefined;
+export declare const on: <K extends keyof HTMLElementEventMap>(element: HTMLElement | Window, event: K, handler: (ev: HTMLElementEventMap[K]) => void, options?: boolean | AddEventListenerOptions) => void;
+export declare const off: <K extends keyof HTMLElementEventMap>(element: HTMLElement | Window, type: K, handler: (ev: HTMLElementEventMap[K]) => void, options?: boolean | EventListenerOptions) => void;

package/dist/types/_utils/helpers.d.ts

@@ -0,0 +1,12 @@
+export declare const getProp: (target: any, path: any, defVal?: any) => any;
+export declare const setProp: (target: any, path: any, value: any) => any;
+export declare const deepClone: (obj: any, set?: any) => any;
+export declare const NOOP: () => void;
+export declare const addUnit: (value: string | number | undefined, unit?: string) => string;
+export declare const upperFirstChar: (text: string) => string | undefined;
+export declare const compose: <T>(...fns: ((...v: T[]) => T)[]) => (...v: T[]) => T;
+export declare const pipe: <T>(...fns: ((...v: T[]) => T)[]) => (...v: T[]) => T;
+export declare const findLastIndex: (arr: never[] | undefined, callback: (item: any, i: number, origin: any[]) => boolean) => number;
+export declare const getUniqueId: (size?: number) => string;
+export declare const genMatrix: (list: any[], row: number) => any[];
+export declare const sleep: (delay?: number) => Promise<unknown>;

package/dist/types/_utils/icon.d.ts

@@ -0,0 +1,59 @@
+/**
+ * 首字母大写及-符号仅跟的字母大写
+ * @param str
+ */
+export declare const toPascalCase: (str: string) => string;
+export declare function createIconComponent(name: string): import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fillColor: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
+}>, {
+    cls: import("vue").ComputedRef<(string | {
+        [x: string]: boolean;
+    })[]>;
+    styles: import("vue").ComputedRef<import("vue").CSSProperties>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fillColor: {
+        type: ArrayConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    color: string;
+    rotate: number;
+    size: string | number;
+    spin: boolean;
+    fillColor: unknown[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/_utils/is.d.ts

@@ -0,0 +1,25 @@
+import type { ComponentPublicInstance, VNodeNormalizedChildren } from 'vue';
+import { Dayjs } from 'dayjs';
+import { VNode } from 'vue';
+export declare function isArray(obj: any): obj is any[];
+export declare function isNull(obj: any): obj is null;
+export declare function isBoolean(obj: unknown): obj is boolean;
+export declare function isObject<T>(obj: T): obj is Extract<T, Record<string, any>>;
+export declare const isPromise: <T>(obj: unknown) => obj is Promise<T>;
+export declare function isString(obj: any): obj is string;
+export declare function isNumber(obj: any): obj is number;
+export declare function isRegExp(obj: any): boolean;
+export declare function isDate(obj: any): boolean;
+export declare function isColor(color: any): boolean;
+export declare function isUndefined(obj: any): obj is undefined;
+export declare function isFunction(obj: any): obj is (...args: any[]) => any;
+export declare function isEmptyObject(obj: any): boolean;
+export declare function isExist(obj: any): boolean;
+export declare function isWindow(el: any): el is Window;
+export declare const isComponentInstance: (value: any) => value is ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>;
+export declare const isArrayChildren: (children: VNodeNormalizedChildren) => children is VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[];
+export declare const isQuarter: (fromat: string) => boolean;
+export declare function isDayjs(time: any): time is Dayjs;
+export declare function isClient(): boolean;

package/dist/types/_utils/keyboard.d.ts

@@ -0,0 +1,24 @@
+export declare const KEYBOARD_KEY: {
+    ENTER: string;
+    ESC: string;
+    BACKSPACE: string;
+    TAB: string;
+    SPACE: string;
+    ARROW_UP: string;
+    ARROW_DOWN: string;
+    ARROW_LEFT: string;
+    ARROW_RIGHT: string;
+};
+export interface CodeKey {
+    /** Keyboard key */
+    key: string;
+    /** Ctrl / ⌃ */
+    ctrl?: boolean;
+    /** Shift key */
+    shift?: boolean;
+    /** Alt / ⌥ */
+    alt?: boolean;
+    /** meta ⌘ / ⊞ */
+    meta?: boolean;
+}
+export declare const getKeyDownHandler: (codeKeyMap: Map<string | CodeKey, (e: Event) => void>) => (event: KeyboardEvent) => void;

package/dist/types/_utils/vue-eco.d.ts

@@ -0,0 +1,32 @@
+import type { VNodeTypes, VNode, PropType, Component, Plugin } from 'vue';
+export type SFCWithInstall<T> = T & Plugin;
+/**
+ * @description Vue生态操作封装
+ */
+export declare const definePropType: <T>(val: unknown) => PropType<T>;
+export declare enum ShapeFlags {
+    ELEMENT = 1,
+    FUNCTIONAL_COMPONENT = 2,
+    STATEFUL_COMPONENT = 4,
+    COMPONENT = 6,
+    TEXT_CHILDREN = 8,
+    ARRAY_CHILDREN = 16,
+    SLOTS_CHILDREN = 32,
+    TELEPORT = 64,
+    SUSPENSE = 128,
+    COMPONENT_SHOULD_KEEP_ALIVE = 256,
+    COMPONENT_KEPT_ALIVE = 512
+}
+export declare const isElement: (vn: VNode) => boolean;
+export declare const isComponent: (vn: VNode, type?: VNodeTypes) => type is Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
+export declare const isTextChildren: (child: VNode, children: VNode['children']) => children is string;
+export declare const isArrayChildren: (vn: VNode, children: VNode['children']) => children is VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[];
+export declare const isSlotsChildren: (vn: VNode, children: VNode['children']) => children is Readonly<{
+    [name: string]: import("vue").Slot<any> | undefined;
+}>;
+export declare const getAllElements: (children: VNode[] | undefined, includeText?: boolean) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[];
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => SFCWithInstall<T> & E;

package/dist/types/componets/button/index.vue.d.ts

@@ -0,0 +1,107 @@
+declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingFill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: import("vue").PropType<import("./props").ButtonShape>;
+        default: undefined;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import("vue").PropType<import("./props").ButtonType>;
+        default: undefined;
+    };
+    status: {
+        type: import("vue").PropType<import("./props").ButtonStatus>;
+        default: undefined;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<import("./props").ButtonSize>;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    cn: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+    cls: import("vue").ComputedRef<(string | false | undefined)[]>;
+    handleClick: (event: MouseEvent) => Promise<void>;
+    isLoading: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingFill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: import("vue").PropType<import("./props").ButtonShape>;
+        default: undefined;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import("vue").PropType<import("./props").ButtonType>;
+        default: undefined;
+    };
+    status: {
+        type: import("vue").PropType<import("./props").ButtonStatus>;
+        default: undefined;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<import("./props").ButtonSize>;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: import("./props").ButtonSize;
+    border: boolean;
+    link: boolean;
+    block: boolean;
+    disabled: boolean;
+    type: import("./props").ButtonType;
+    loading: boolean;
+    loadingFill: boolean;
+    debounce: number;
+    shape: import("./props").ButtonShape;
+    status: import("./props").ButtonStatus;
+    plain: boolean;
+}, {}, Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>>, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _sfc_main;

package/dist/types/componets/button/props.d.ts

@@ -0,0 +1,45 @@
+export type ButtonSize = 'mini' | 'small' | 'medium' | 'large' | 'huge';
+export type ButtonStatus = 'success' | 'warning' | 'strong' | 'danger' | 'info';
+export type ButtonType = 'primary' | 'secondary' | 'dashed' | 'outline' | 'text';
+export type ButtonShape = 'round' | 'circle' | 'square';
+export declare const buttonProps: {
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingFill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: import("vue").PropType<ButtonShape>;
+        default: undefined;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import("vue").PropType<ButtonType>;
+        default: undefined;
+    };
+    status: {
+        type: import("vue").PropType<ButtonStatus>;
+        default: undefined;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import("vue").PropType<ButtonSize>;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};