x-next 0.0.0-alpha.9 → 1.0.1

package/README.md

@@ -1,26 +1,214 @@
-# 简介
+# X-Next
 
-X-Next是Ringing Tech的基础UI库。
+一套面向 Vue 3 + TypeScript 的企业级 UI 组件库。
 
-# 安装
+X-Next 提供常用基础组件、表单组件、反馈组件、导航组件和数据展示组件，适合中后台系统、业务平台和内部工具使用。
 
-### 运行
+## 文档
 
+完整文档、组件示例和 API 说明请访问：
+
+```text
+https://x-next.ztes.com
 ```
-pnpm i x-next
+
+## 安装
+
+```bash
+pnpm add x-next
 ```
 
-### 引入
+或使用 npm：
 
+```bash
+npm install x-next
 ```
-// main.ts
-import { createApp } from 'vue'
-import XNext from 'x-next'
-import "x-next/dist/style.css"; //引入组件样式
-import App from './App.vue'
 
-const app = createApp(App)
+## 快速开始
+
+### 全量引入
+
+```ts
+import { createApp } from 'vue';
+import XNext from 'x-next';
+import 'x-next/dist/style.css';
+import App from './App.vue';
+
+const app = createApp(App);
+
+app.use(XNext);
+app.mount('#app');
+```
 
-app.use(XNext)
-app.mount('#app')
+```vue
+<template>
+  <x-button type="primary">保存</x-button>
+</template>
 ```
+
+### 按需引入
+
+```ts
+import { createApp } from 'vue';
+import { Button, Table, Message } from 'x-next';
+import 'x-next/dist/style.css';
+import App from './App.vue';
+
+const app = createApp(App);
+
+app.use(Button);
+app.use(Table);
+app.mount('#app');
+
+Message.success('保存成功');
+```
+
+## 样式
+
+使用组件时需要引入样式文件：
+
+```ts
+import 'x-next/dist/style.css';
+```
+
+## 主题定制
+
+X-Next 基于 CSS Variables 提供运行时主题能力。你可以在全局或局部容器中覆盖 `--x-*` 变量。
+
+```css
+:root {
+  --x-color-primary: #0f766e;
+}
+```
+
+局部覆盖示例：
+
+```vue
+<template>
+  <section class="brand-theme">
+    <x-button type="primary">品牌按钮</x-button>
+    <x-time-range-selector v-model="ranges" />
+  </section>
+</template>
+
+<style scoped>
+.brand-theme {
+  --x-color-primary: #0f766e;
+  --x-button-color-bg-primary-solid: var(--x-color-primary);
+  --x-button-color-border-primary: var(--x-color-primary);
+  --x-time-range-selector-color-default: var(--x-color-primary);
+}
+</style>
+```
+
+更多主题变量和组件级变量请查看文档站。
+
+## 组件
+
+### 通用
+
+- Button 按钮
+- Link 链接
+- Tag 标签
+
+### 布局
+
+- Grid 栅格
+- Layout 布局
+- Space 间距
+- ResizeBox 可调整区域
+- Scrollbar 滚动条
+
+### 表单
+
+- Form 表单
+- Input 输入框
+- Textarea 文本域
+- InputNumber 数字输入
+- InputTag 标签输入
+- Checkbox 复选框
+- Radio 单选框
+- Select 选择器
+- Slider 滑块
+- Rate 评分
+- Switch 开关
+- DatePicker 日期选择器
+- TimePicker 时间选择器
+- TimeRangeSelector 时间范围选择
+
+### 反馈
+
+- Alert 警告提示
+- Dialog 对话框
+- Drawer 抽屉
+- Message 全局提示
+- MessageBox 消息框
+- Notification 通知提醒
+- Popconfirm 气泡确认
+- Popover 气泡卡片
+- Progress 进度条
+- Spin 加载中
+- Skeleton 骨架屏
+
+### 导航
+
+- Dropdown 下拉菜单
+- Menu 菜单
+- Pagination 分页
+- Steps 步骤条
+- Tabs 标签页
+
+### 数据展示
+
+- Empty 空状态
+- Image 图片
+- Table 表格
+- Timeline 时间线
+- TrendChart 趋势图
+
+### 其他能力
+
+- Draggable 拖拽
+- Network 网络状态
+- Tooltip 文字提示
+- Trigger 触发器
+- Watermark 水印
+
+## 命令式组件
+
+```ts
+import { Message, Notification, Dialog, MessageBox } from 'x-next';
+
+Message.info('加载完成');
+
+Notification.success({
+  title: '成功',
+  content: '数据已同步',
+});
+```
+
+## 指令和 Hooks
+
+```ts
+import {
+  useDraggable,
+  useResizeObserver,
+  vDraggable,
+  vWatermark,
+  type WatermarkOptions,
+} from 'x-next';
+```
+
+## 类型提示
+
+X-Next 提供 TypeScript 类型声明和 Vue 全局组件类型声明。安装后可直接在 Vue 3 + TypeScript 项目中获得组件类型提示。
+
+如需生成或更新 Volar 全局组件声明，请查看文档站说明。
+
+## 浏览器兼容性
+
+推荐使用现代浏览器环境。主题能力依赖 CSS Variables，部分视觉效果会使用现代 CSS 能力。
+
+## License
+
+MIT

package/dist/_container/client-only.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | null | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_container/parent-scroll-observer.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "scroll"[], "scroll", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_container/render-function.d.ts

@@ -0,0 +1,14 @@
+import { PropType, VNodeTypes } from 'vue';
+export type RenderFunc = (props: Record<string, unknown>) => VNodeTypes;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    renderFunc: {
+        type: PropType<RenderFunc>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    renderFunc: {
+        type: PropType<RenderFunc>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_container/resize-observer-v2.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    watchOnUpdated: BooleanConstructor;
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    watchOnUpdated: BooleanConstructor;
+}>> & Readonly<{
+    onResize?: ((...args: any[]) => any) | undefined;
+}>, {
+    watchOnUpdated: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_container/resize-observer.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onResize?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_container/resize-trigger.vue.d.ts

@@ -0,0 +1,44 @@
+import { PropType, StyleValue } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+}>, {
+    attrStyle: import('vue').ComputedRef<StyleValue>;
+    wrapperAttrs: import('vue').ComputedRef<{
+        [x: string]: unknown;
+    }>;
+    classNames: import('vue').ComputedRef<unknown[]>;
+    iconClassName: import('vue').ComputedRef<string>;
+    onMousedown: (event: MouseEvent) => void;
+    onKeydown: (event: KeyboardEvent) => void;
+    onResize: (entry: ResizeObserverEntry) => void;
+    isHorizontal: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("mousedown" | "keydown" | "resize")[], "mousedown" | "keydown" | "resize", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    prefixCls: {
+        type: StringConstructor;
+        required: true;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+}>> & Readonly<{
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onMousedown?: ((...args: any[]) => any) | undefined;
+    onResize?: ((...args: any[]) => any) | undefined;
+}>, {
+    direction: "horizontal" | "vertical";
+}, {}, {
+    ResizeObserver: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "resize"[], "resize", import('vue').PublicProps, Readonly<{}> & Readonly<{
+        onResize?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/_container/utils.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/_hooks/_types.d.ts

@@ -0,0 +1,17 @@
+import { VNode } from 'vue';
+export interface SlotChildren {
+    value?: VNode[];
+}
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type ClassName = string | Record<string, boolean> | (string | Record<string, boolean>)[];
+export type Data = Record<string, any>;
+export type BaseType = string | number;
+export type EmitFn<T> = (event: T, ...args: any[]) => void;
+export type EmitFn2<Options = Record<string, any>, Event extends keyof Options = keyof Options> = UnionToIntersection<{
+    [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
+}[Event]>;
+export type EmitType<T> = T | T[];
+export type FieldString<T> = {
+    [K in keyof T]?: string;
+};
+export {};

package/dist/_hooks/use-children-components.d.ts

@@ -0,0 +1,5 @@
+import { SlotChildren } from './_types';
+export declare const useChildrenComponents: (name: string) => {
+    children: SlotChildren;
+    components: import('vue').Ref<number[], number[]>;
+};

package/dist/_hooks/use-component-ref.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPublicInstance } from 'vue';
+export declare const useComponentRef: (name: string) => {
+    componentRef: import('vue').Ref<HTMLElement | ComponentPublicInstance | undefined, HTMLElement | ComponentPublicInstance | undefined>;
+    elementRef: import('vue').Ref<any, any>;
+};

package/dist/_hooks/use-cursor.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useCursor(input: Ref<HTMLInputElement | HTMLTextAreaElement | undefined>): [() => void, () => void];

package/dist/_hooks/use-first-element.d.ts

@@ -0,0 +1,5 @@
+import { SlotChildren } from './_types.ts';
+export declare const useFirstElement: () => {
+    children: SlotChildren;
+    firstElement: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
+};

package/dist/_hooks/use-form-item.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+import { FormItemContext } from '../components/form/context';
+import { Size } from '../_utils/constant';
+export declare const useFormItem: ({ size, disabled, error, uninject, }?: {
+    size?: Ref<Size | undefined>;
+    disabled?: Ref<boolean>;
+    error?: Ref<boolean>;
+    uninject?: boolean;
+}) => {
+    formItemCtx: FormItemContext;
+    mergedSize: import('vue').ComputedRef<"mini" | "small" | "medium" | "large" | undefined>;
+    mergedDisabled: import('vue').ComputedRef<boolean>;
+    mergedError: import('vue').ComputedRef<boolean>;
+    feedback: Ref<string | undefined, string | undefined>;
+    eventHandlers: Ref<import('../components/form/interface').FormItemEventHandler, import('../components/form/interface').FormItemEventHandler>;
+};

package/dist/_hooks/use-index.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+export declare const useIndex: ({ itemRef, selector, index, parentClassName, }: {
+    itemRef: Ref<HTMLElement | undefined | null>;
+    selector: string;
+    index?: Ref<number | undefined>;
+    parentClassName?: string;
+}) => {
+    innerIndex: import('vue').ComputedRef<number>;
+};

package/dist/_hooks/use-input.d.ts

@@ -0,0 +1,24 @@
+import { Ref } from 'vue';
+import { EmitFn } from './_types';
+import { FormItemEventHandler } from '../components/form/interface';
+export declare const useInput: ({ defaultValue, modelValue, emit, eventName, updateEventName, eventHandlers, }: {
+    defaultValue?: Ref<string>;
+    modelValue?: Ref<string>;
+    emit: EmitFn<any>;
+    eventName?: string;
+    updateEventName?: string;
+    eventHandlers?: Ref<FormItemEventHandler>;
+}) => {
+    inputRef: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    _value: Ref<string, string>;
+    _focused: Ref<boolean, boolean>;
+    isComposition: Ref<boolean, boolean>;
+    compositionValue: Ref<string, string>;
+    computedValue: import('vue').ComputedRef<string>;
+    handleInput: (ev: Event) => void;
+    handleComposition: (ev: CompositionEvent) => void;
+    handleFocus: (ev: FocusEvent) => void;
+    handleBlur: (ev: FocusEvent) => void;
+    handleKeyDown: (ev: KeyboardEvent) => void;
+    handleMousedown: (ev: MouseEvent) => void;
+};

package/dist/_hooks/use-merge-state.d.ts

@@ -0,0 +1,4 @@
+import { Ref, ComputedRef } from 'vue';
+export default function useMergeState<T, E = T | undefined>(defaultValue: T, props: {
+    value: E;
+}): [ComputedRef<T>, (val: E) => void, Ref<T>];

package/dist/_hooks/use-pick-slots.d.ts

@@ -0,0 +1,2 @@
+import { Slots } from 'vue';
+export default function usePickSlots(slots: Slots, slotName: string): import('vue').Ref<import('vue').Slot<any> | undefined, import('vue').Slot<any> | undefined>;

package/dist/_hooks/use-popup-container.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef } from 'vue';
+interface PopupContainerProps {
+    popupContainer: string | HTMLElement | undefined;
+}
+export default function usePopupContainer(defaultPopupContainer: HTMLElement, props: PopupContainerProps): ComputedRef<HTMLElement>;
+export {};

package/dist/_hooks/use-popup-overflow-hidden.d.ts

@@ -0,0 +1,6 @@
+interface PopupOverflowHiddenProps {
+    container: HTMLElement | undefined;
+    hidden: boolean;
+}
+export default function usePopupOverflowHidden(props: PopupOverflowHiddenProps): (() => void)[];
+export {};

package/dist/_hooks/use-pure-prop.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const usePureProp: <T extends Record<string, unknown>, K extends keyof T>(props: T, name: K) => Ref<T[K]>;

package/dist/_hooks/use-resize-observer.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export declare const useResizeObserver: ({ elementRef, onResize, }: {
+    elementRef: Ref<HTMLElement | undefined>;
+    onResize: (args: ResizeObserverEntry) => void;
+}) => {
+    createResizeObserver: () => void;
+    destroyResizeObserver: () => void;
+};

package/dist/_hooks/use-responsive.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue';
+import { Breakpoint } from '../_utils/responsive-observe';
+export declare function useResponsive(breakpoint: Breakpoint | undefined | Ref<Breakpoint | undefined>, callback: (checked: boolean) => void): void;

package/dist/_hooks/use-scrollbar.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from 'vue';
+import { ScrollbarProps } from '../components/scrollbar-v2';
+export declare const useScrollbar: (scrollbar: Ref<ScrollbarProps | boolean>) => {
+    displayScrollbar: import('vue').ComputedRef<boolean>;
+    scrollbarProps: import('vue').ComputedRef<ScrollbarProps | undefined>;
+};

package/dist/_hooks/use-size.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { Size } from '../_utils/constant';
+export declare const useSize: (size?: Ref<Size | undefined>, { defaultValue }?: {
+    defaultValue?: Size;
+}) => {
+    mergedSize: import('vue').ComputedRef<"mini" | "small" | "medium" | "large">;
+};

package/dist/_hooks/use-state.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export default function useState<T>(defaultValue?: T): [Ref<T>, (newValue: T) => void];

package/dist/_hooks/use-teleport-container.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+export declare const useTeleportContainer: ({ popupContainer, visible, defaultContainer, documentContainer, }: {
+    popupContainer: Ref<string | HTMLElement | undefined>;
+    visible: Ref<boolean>;
+    defaultContainer?: string;
+    documentContainer?: boolean;
+}) => {
+    teleportContainer: Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
+    containerRef: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+};

package/dist/_hooks/use-trigger.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { EmitFn2 } from './_types';
+export declare const useTrigger: ({ popupVisible, defaultPopupVisible, emit, }: {
+    popupVisible?: Ref<boolean | undefined>;
+    defaultPopupVisible?: Ref<boolean>;
+    emit: EmitFn2<{
+        "update:popupVisible": (visible: boolean) => true;
+        popupVisibleChange: (visible: boolean) => true;
+    }>;
+}) => {
+    computedPopupVisible: import('vue').ComputedRef<boolean>;
+    handlePopupVisibleChange: (visible: boolean) => void;
+};

package/dist/_props/constant.d.ts

@@ -0,0 +1,4 @@
+export declare const TRIGGER_POSITIONS: readonly ["top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb"];
+export type TriggerPosition = (typeof TRIGGER_POSITIONS)[number];
+export declare const TRIGGER_EVENTS: readonly ["hover", "click", "focus", "contextMenu"];
+export type TriggerEvent = (typeof TRIGGER_EVENTS)[number];

package/dist/_props/types.d.ts

@@ -0,0 +1 @@
+export type ClassName = string | Record<string, boolean> | (string | Record<string, boolean>)[];

package/dist/_utils/array.d.ts

@@ -0,0 +1,2 @@
+export declare const union: <T>(target: T[], source: T[], difference?: boolean) => T[];
+export declare const getReverse: <T>(array: T[]) => T[];

package/dist/_utils/click.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description: 防抖函数
+ * @param callback
+ * @param delay
+ * @param immediate
+ */
+export declare const debounce: (callback: (e: any) => void, delay: number, immediate?: boolean) => any;
+/**
+ * @description: 节流函数
+ * @param callback
+ * @param delay
+ */
+export declare const throttle: (callback: (e: any) => void, delay?: number) => any;

package/dist/_utils/config.d.ts

@@ -1,6 +1,11 @@
 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 getComponentPrefix: (name: string) => `X${string}`;
+/**
+ * 获取去除X前缀的组件名
+ * @param str
+ */
+export declare const getRemovePrefixComponentName: (str: string) => string;
 export declare const getClassNameMixin: (name: string) => {
     block: string;
     element: (className: string) => string;

package/dist/_utils/constant.d.ts

@@ -0,0 +1,17 @@
+export declare const SIZES: readonly ["mini", "small", "medium", "large"];
+export type Size = typeof SIZES[number];
+export declare const BORDER_SHAPES: readonly ["square", "round", "circle"];
+export type BorderShape = typeof BORDER_SHAPES[number];
+export declare const STATUSES: readonly ["normal", "success", "warning", "danger"];
+export type Status = typeof STATUSES[number];
+export declare const MESSAGE_TYPES: readonly ["info", "success", "warning", "error"];
+export type MessageType = typeof MESSAGE_TYPES[number];
+export declare const TRIGGER_POSITIONS: readonly ["top", "tl", "tr", "bottom", "bl", "br", "left", "lt", "lb", "right", "rt", "rb"];
+export type TriggerPosition = typeof TRIGGER_POSITIONS[number];
+export declare const TRIGGER_EVENTS: readonly ["hover", "click", "focus", "contextMenu"];
+export type TriggerEvent = typeof TRIGGER_EVENTS[number];
+export declare const DIRECTIONS: readonly ["horizontal", "vertical"];
+export type Direction = typeof DIRECTIONS[number];
+export declare const INPUT_EVENTS: string[];
+export declare const TEXT_ALIGNS: readonly ["left", "center", "right"];
+export type TextAlign = typeof TEXT_ALIGNS[number];

package/dist/_utils/date.d.ts

@@ -0,0 +1,40 @@
+import { default as originDayjs, Dayjs, OpUnitType, UnitType } from 'dayjs';
+export declare const dayjs: typeof originDayjs;
+export declare const methods: {
+    add(time: Dayjs, value: number, unit: UnitType): originDayjs.Dayjs;
+    subtract(time: Dayjs, value: number, unit: UnitType): originDayjs.Dayjs;
+    startOf(time: Dayjs, unit: OpUnitType): originDayjs.Dayjs;
+    /**
+     * Similar to `startOf`, returns start date of a week; used in week pickers
+     * @param time Selected date
+     * @param weekStart Start day of a week
+     * @returns Start date of the week containing the selected date
+     */
+    startOfWeek(time: Dayjs, weekStart: number): originDayjs.Dayjs;
+    endOf(time: Dayjs, unit: OpUnitType): originDayjs.Dayjs;
+    set(time: Dayjs, unit: UnitType, value: number): originDayjs.Dayjs;
+    isSameWeek(date1: Dayjs, date2: Dayjs, weekStart: number): boolean;
+};
+export declare function getNow(): originDayjs.Dayjs;
+export declare function getSortedDayjsArray(values: Dayjs[]): originDayjs.Dayjs[];
+export declare function isValueChange(prevValue: Dayjs | (Dayjs | undefined)[] | undefined, currentValue: Dayjs | (Dayjs | undefined)[] | undefined): boolean;
+type DateValue = Date | string | number;
+export declare function getDayjsValue(time: DateValue, format: string): Dayjs;
+export declare function getDayjsValue(time: DateValue | undefined, format: string): Dayjs | undefined;
+export declare function getDayjsValue(time: DateValue[], format: string): Dayjs[];
+export declare function getDayjsValue(time: DateValue[] | undefined, format: string): Dayjs[] | undefined;
+export declare function getDayjsValue(time: (DateValue | undefined)[], format: string): (Dayjs | undefined)[];
+export declare function getDayjsValue(time: (DateValue | undefined)[] | undefined, format: string): (Dayjs | undefined)[] | undefined;
+export declare function getDayjsValue(time: DateValue | (DateValue | undefined)[] | undefined, format: string): Dayjs | (Dayjs | undefined)[] | undefined;
+export declare function getDateValue(value: Dayjs): Date;
+export declare function getDateValue(value: Dayjs | undefined): Date | undefined;
+export declare function getDateValue(value: Dayjs[]): Date[];
+export declare function getDateValue(value: (Dayjs | undefined)[]): (Date | undefined)[];
+export declare function getDateValue(value: (Dayjs | undefined)[] | undefined): (Date | undefined)[] | undefined;
+export declare function getDateValue(value: Dayjs | (Dayjs | undefined)[]): Date | (Date | undefined)[];
+export declare function getDateValue(value: Dayjs | (Dayjs | undefined)[] | undefined): Date | (Date | undefined)[] | undefined;
+export declare function initializeDateLocale(localeName: string, weekStart: number): void;
+export declare function pickDataAttributes<T extends Record<string, any>, K extends keyof T>(obj: T): {
+    [key in K]: any;
+};
+export {};

package/dist/_utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(callback: (...args: any[]) => void, delay: number): (...args: any[]) => void;