antd-solid 0.0.28 → 0.0.30

package/es/ConfigProvider/utils/index.js

@@ -155,6 +155,7 @@ function createCssVariables(token, theme = 'light') {
     '--ant-tree-node-wrapper-padding': '2px 0',
     '--ant-tree-node-selected-bg': aliasToken.controlItemBgActive,
     '--ant-tree-node-hover-bg': aliasToken.controlItemBgHover,
+    '--ant-date-picker-cell-hover-bg': aliasToken.controlItemBgHover,
     '--ant-alert-default-padding': '8px 12px',
     '--ant-tabs-card-bg': aliasToken.colorFillAlter,
     '--ant-progress-remaining-color': mapToken.colorFillSecondary,

package/es/DatePicker/Panel.d.ts

@@ -0,0 +1,10 @@
+import { type Component } from 'solid-js';
+import dayjs from 'dayjs';
+export interface PanelProps {
+    defaultValue?: dayjs.Dayjs | dayjs.Dayjs[] | undefined;
+    value?: dayjs.Dayjs | dayjs.Dayjs[] | undefined;
+    onChange?: (date: dayjs.Dayjs | dayjs.Dayjs[] | undefined) => void;
+    multiple?: boolean;
+}
+declare const Panel: Component<PanelProps>;
+export default Panel;

package/es/DatePicker/Panel.js

@@ -0,0 +1,179 @@
+import { delegateEvents, insert, createComponent, memo, effect, className, template } from 'solid-js/web';
+import { createMemo, createSignal, Show, For } from 'solid-js';
+import cs from 'classnames';
+import dayjs from 'dayjs';
+import createControllableValue from '../hooks/createControllableValue.js';
+import Button from '../Button/index.js';
+import useLocale from '../hooks/useLocale.js';
+
+var _tmpl$ = /*#__PURE__*/template(`<span class=i-ant-design:left-outlined>`),
+  _tmpl$2 = /*#__PURE__*/template(`<span class=i-ant-design:right-outlined>`),
+  _tmpl$3 = /*#__PURE__*/template(`<div><div class="h-40px flex items-center border-0 border-b border-solid border-[--ant-color-border]"><div class="w-full flex justify-center"></div></div><div class=flex>`),
+  _tmpl$4 = /*#__PURE__*/template(`<div class=p-[var(--ant-padding-xs)_calc(var(--ant-padding)+.5*var(--ant-padding-xxs))]><table><thead><tr><th class="w-36px h-36px"></th><th class="w-36px h-36px"></th><th class="w-36px h-36px"></th><th class="w-36px h-36px"></th><th class="w-36px h-36px"></th><th class="w-36px h-36px"></th><th class="w-36px h-36px"></th></tr></thead><tbody>`),
+  _tmpl$5 = /*#__PURE__*/template(`<tr>`),
+  _tmpl$6 = /*#__PURE__*/template(`<td class="w-36px h-36px"><div>`);
+const monthList = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+const Panel = props => {
+  const locale = useLocale();
+  const [value, setValue] = createControllableValue(props);
+  const valueArr = createMemo(() => {
+    const _value = value();
+    if (!_value) return [];
+    return Array.isArray(_value) ? _value : [_value];
+  });
+  const [currentMonth, setCurrentMonth] = createSignal(dayjs().startOf('month'));
+  return (() => {
+    var _el$ = _tmpl$3(),
+      _el$2 = _el$.firstChild,
+      _el$4 = _el$2.firstChild,
+      _el$6 = _el$2.nextSibling;
+    insert(_el$2, createComponent(Button, {
+      type: "text",
+      onClick: () => {
+        setCurrentMonth(prev => prev.subtract(1, 'M'));
+      },
+      get children() {
+        return _tmpl$();
+      }
+    }), _el$4);
+    insert(_el$4, createComponent(Button, {
+      type: "text",
+      get children() {
+        return memo(() => locale().locale === 'en')() ? monthList[currentMonth().month()] : `${currentMonth().year()}年`;
+      }
+    }), null);
+    insert(_el$4, createComponent(Button, {
+      type: "text",
+      get children() {
+        return memo(() => locale().locale === 'en')() ? currentMonth().year() : `${currentMonth().month() + 1}月`;
+      }
+    }), null);
+    insert(_el$4, createComponent(Show, {
+      get when() {
+        return props.multiple;
+      },
+      get children() {
+        return [createComponent(Button, {
+          type: "text",
+          get children() {
+            return `${currentMonth().add(1, 'M').year()}年`;
+          }
+        }), createComponent(Button, {
+          type: "text",
+          get children() {
+            return `${currentMonth().add(1, 'M').month() + 1}月`;
+          }
+        })];
+      }
+    }), null);
+    insert(_el$2, createComponent(Button, {
+      type: "text",
+      onClick: () => {
+        setCurrentMonth(prev => prev.add(1, 'M'));
+      },
+      get children() {
+        return _tmpl$2();
+      }
+    }), null);
+    insert(_el$6, createComponent(Weeks, {
+      get month() {
+        return currentMonth();
+      },
+      get value() {
+        return valueArr();
+      },
+      onChange: date => {
+        if (props.multiple) {
+          setValue([date, valueArr()[1]]);
+        } else {
+          setValue(date);
+        }
+      }
+    }), null);
+    insert(_el$6, createComponent(Show, {
+      get when() {
+        return props.multiple;
+      },
+      get children() {
+        return createComponent(Weeks, {
+          get month() {
+            return currentMonth().add(1, 'M');
+          },
+          get value() {
+            return valueArr();
+          },
+          onChange: date => {
+            if (props.multiple) {
+              setValue([valueArr()[0], date]);
+            } else {
+              setValue(date);
+            }
+          }
+        });
+      }
+    }), null);
+    return _el$;
+  })();
+};
+const Weeks = props => {
+  const locale = useLocale();
+  // 添加6周的天数
+  const weeks = createMemo(() => {
+    const month = props.month;
+    let startDay = month.day();
+    startDay = startDay === 0 ? 7 : startDay;
+    const start = month.add(startDay === 1 ? 0 : 1 - startDay, 'day');
+    return Array.from({
+      length: 6
+    }, (_, weekIndex) => Array.from({
+      length: 7
+    }, (__, dayIndex) => start.add(weekIndex * 7 + dayIndex, 'day')));
+  });
+  return (() => {
+    var _el$7 = _tmpl$4(),
+      _el$8 = _el$7.firstChild,
+      _el$9 = _el$8.firstChild,
+      _el$10 = _el$9.firstChild,
+      _el$11 = _el$10.firstChild,
+      _el$12 = _el$11.nextSibling,
+      _el$13 = _el$12.nextSibling,
+      _el$14 = _el$13.nextSibling,
+      _el$15 = _el$14.nextSibling,
+      _el$16 = _el$15.nextSibling,
+      _el$17 = _el$16.nextSibling,
+      _el$18 = _el$9.nextSibling;
+    insert(_el$11, () => locale().DatePicker.Mon);
+    insert(_el$12, () => locale().DatePicker.Tue);
+    insert(_el$13, () => locale().DatePicker.Wed);
+    insert(_el$14, () => locale().DatePicker.Thu);
+    insert(_el$15, () => locale().DatePicker.Fri);
+    insert(_el$16, () => locale().DatePicker.Sat);
+    insert(_el$17, () => locale().DatePicker.Sun);
+    insert(_el$18, createComponent(For, {
+      get each() {
+        return weeks();
+      },
+      children: week => (() => {
+        var _el$19 = _tmpl$5();
+        insert(_el$19, createComponent(For, {
+          each: week,
+          children: day => (() => {
+            var _el$20 = _tmpl$6(),
+              _el$21 = _el$20.firstChild;
+            _el$21.$$click = () => {
+              props.onChange(day);
+            };
+            insert(_el$21, () => day.date());
+            effect(() => className(_el$21, cs(day.isSame(props.value[0]) || day.isSame(props.value[1]) ? 'bg-[--ant-color-primary]' : day.isAfter(props.value[0]) && props.value[1] && day.isBefore(props.value[1]) ? 'bg-#e6f4ff' : 'hover:bg-[--ant-date-picker-cell-hover-bg]', !day.isSame(props.month, 'M') && 'text-[--ant-color-text-disabled]', 'w-full h-full cursor-pointer flex justify-center items-center rounded-[--ant-border-radius-sm]')));
+            return _el$20;
+          })()
+        }));
+        return _el$19;
+      })()
+    }));
+    return _el$7;
+  })();
+};
+delegateEvents(["click"]);
+
+export { Panel as default };

package/es/DatePicker/RangePicker.d.ts

@@ -0,0 +1,11 @@
+import { type Component } from 'solid-js';
+import type dayjs from 'dayjs';
+export interface RangePickerProps {
+    value?: dayjs.Dayjs[];
+    defaultValue?: dayjs.Dayjs[];
+    onChange?: (value: dayjs.Dayjs[]) => void;
+    disabled?: boolean;
+    allowClear?: boolean;
+}
+declare const RangePicker: Component<RangePickerProps>;
+export default RangePicker;

package/es/DatePicker/RangePicker.js

@@ -0,0 +1,27 @@
+import { createComponent, mergeProps } from 'solid-js/web';
+import RangeInput from '../RangeInput/index.js';
+import createControllableValue from '../hooks/createControllableValue.js';
+import Panel from './Panel.js';
+
+const RangePicker = props => {
+  const [value, setValue] = createControllableValue(props);
+  return createComponent(RangeInput, mergeProps(props, {
+    optionLabelRender: v => v?.format('YYYY-MM-DD'),
+    get value() {
+      return value();
+    },
+    onChange: setValue,
+    placeholder: ['开始日期', '结束日期'],
+    content: () => createComponent(Panel, mergeProps(props, {
+      multiple: true,
+      onChange: date => {
+        setValue(date);
+      }
+    })),
+    tooltipContentStyle: {
+      width: 'fit-content'
+    }
+  }));
+};
+
+export { RangePicker as default };

package/es/DatePicker/index.d.ts

@@ -0,0 +1,24 @@
+import dayjs from 'dayjs';
+import { type Key } from '../types';
+import { type SelectInputProps } from '../SelectInput';
+export interface DatePickerProps extends Pick<SelectInputProps<Key>, 'ref' | 'multiple' | 'allowClear' | 'class' | 'style' | 'disabled' | 'placeholder' | 'status' | 'size' | 'variant' | 'suffixIcon' | 'placement' | 'getPopupContainer' | 'defaultOpen' | 'open' | 'onOpenChange'> {
+    defaultValue?: dayjs.Dayjs | null;
+    value?: dayjs.Dayjs | null;
+    onChange?: (date: dayjs.Dayjs | undefined, dateString: string | undefined) => void;
+}
+export interface DatePickerLocale {
+    placeholder: string;
+    today: string;
+    Mon: string;
+    Tue: string;
+    Wed: string;
+    Thu: string;
+    Fri: string;
+    Sat: string;
+    Sun: string;
+}
+declare function DatePicker(props: DatePickerProps): import("solid-js").JSX.Element;
+declare namespace DatePicker {
+    var RangePicker: import("solid-js").Component<import("./RangePicker").RangePickerProps>;
+}
+export default DatePicker;

package/es/DatePicker/index.js

@@ -0,0 +1,64 @@
+import { createComponent, mergeProps, insert, template } from 'solid-js/web';
+import { splitProps } from 'solid-js';
+import dayjs from 'dayjs';
+import createControllableValue from '../hooks/createControllableValue.js';
+import SelectInput from '../SelectInput/index.js';
+import Button from '../Button/index.js';
+import RangePicker from './RangePicker.js';
+import Panel from './Panel.js';
+import useLocale from '../hooks/useLocale.js';
+
+var _tmpl$ = /*#__PURE__*/template(`<div><div class="h-40px flex justify-center items-center border-t border-solid border-[--ant-color-border]">`);
+function DatePicker(props) {
+  const locale = useLocale();
+  const [selectInputProps] = splitProps(props, ['ref', 'multiple', 'allowClear', 'class', 'style', 'disabled', 'placeholder', 'status', 'size', 'variant', 'suffixIcon', 'placement', 'getPopupContainer', 'defaultOpen', 'open', 'onOpenChange']);
+  const [value, _setValue] = createControllableValue(props, {
+    trigger: false
+  });
+  const setValue = v => {
+    _setValue(v);
+    props.onChange?.(v, v?.format('YYYY-MM-DD'));
+  };
+  return createComponent(SelectInput, mergeProps({
+    get placeholder() {
+      return locale().DatePicker.placeholder;
+    }
+  }, selectInputProps, {
+    get style() {
+      return {
+        '--ant-select-popup-match-width': undefined,
+        // 覆盖掉内部的值
+        ...selectInputProps.style
+      };
+    },
+    get value() {
+      return value()?.format('YYYY-MM-DD');
+    },
+    content: close => (() => {
+      var _el$ = _tmpl$(),
+        _el$2 = _el$.firstChild;
+      insert(_el$, createComponent(Panel, mergeProps(props, {
+        onChange: date => {
+          if (!Array.isArray(date)) {
+            setValue(date);
+            close();
+          }
+        }
+      })), _el$2);
+      insert(_el$2, createComponent(Button, {
+        type: "link",
+        onClick: () => {
+          setValue(dayjs());
+          close();
+        },
+        get children() {
+          return locale().DatePicker.today;
+        }
+      }));
+      return _el$;
+    })()
+  }));
+}
+DatePicker.RangePicker = RangePicker;
+
+export { DatePicker as default };

package/es/Input/TextArea.js

@@ -23,6 +23,7 @@ const TextArea = props => {
   const [value, setValue] = createControllableValue(props, {
     trigger: null
   });
+  let isComposition = false;
   return createComponent(Element, {
     get ["class"]() {
       return cs(props.rootClass, 'flex');
@@ -69,8 +70,14 @@ const TextArea = props => {
             }
           }
         },
+        "onCompositionStart": () => {
+          isComposition = true;
+        },
+        "onCompositionEnd": () => {
+          isComposition = false;
+        },
         "onKeyDown": e => {
-          if (e.key === 'Enter') {
+          if (e.key === 'Enter' && !isComposition) {
             props.onPressEnter?.(e);
           }
           props.onKeyDown?.(e);

package/es/Input/index.js

@@ -67,6 +67,7 @@ function CommonInput(props) {
   const prefix = createMemo(() => props.prefix);
   const suffix = createMemo(() => props.suffix);
   const actions = createMemo(() => props.actions);
+  let isComposition = false;
   return createComponent(Element, {
     block: true,
     get ["class"]() {
@@ -155,8 +156,14 @@ function CommonInput(props) {
               }
             }
           },
+          "onCompositionStart": () => {
+            isComposition = true;
+          },
+          "onCompositionEnd": () => {
+            isComposition = false;
+          },
           "onKeyDown": e => {
-            if (e.key === 'Enter') {
+            if (e.key === 'Enter' && !isComposition) {
               props.onPressEnter?.(e);
             }
             props.onKeyDown?.(e);

package/es/Modal/index.js

@@ -178,7 +178,7 @@ const Modal = _props => {
                                     props.onCancel?.();
                                   },
                                   get children() {
-                                    return locale().Modal?.cancelText;
+                                    return locale().Modal.cancelText;
                                   }
                                 }, () => props.cancelButtonProps)), null);
                                 insert(_el$8, createComponent(Button, mergeProps$1({
@@ -186,7 +186,7 @@ const Modal = _props => {
                                   loading: "auto",
                                   onClick: async () => await props.onOk?.(),
                                   get children() {
-                                    return locale().Modal?.okText;
+                                    return locale().Modal.okText;
                                   }
                                 }, () => props.okButtonProps)), null);
                                 return _el$8;

package/es/Popconfirm/index.d.ts

@@ -17,5 +17,9 @@ export interface PopconfirmProps extends Pick<TooltipProps, 'placement' | 'arrow
      */
     cancelText?: string;
 }
+export interface PopconfirmLocale {
+    okText: string;
+    cancelText: string;
+}
 declare const Popconfirm: Component<PopconfirmProps>;
 export default Popconfirm;

package/es/Popconfirm/index.js

@@ -1,17 +1,15 @@
-import { createComponent, mergeProps as mergeProps$1, insert, template } from 'solid-js/web';
-import { mergeProps, splitProps, createSignal, untrack } from 'solid-js';
+import { createComponent, mergeProps, insert, template } from 'solid-js/web';
+import { splitProps, createSignal, untrack } from 'solid-js';
 import Button from '../Button/index.js';
 import Tooltip from '../Tooltip/index.js';
+import useLocale from '../hooks/useLocale.js';
 
 var _tmpl$ = /*#__PURE__*/template(`<div><div class="mb-8px flex items-center"><span class="i-ant-design:exclamation-circle-fill text-#faad14"></span><span class="ml-8px font-600"></span></div><div class="ml-22px mb-8px"></div><div class=text-right>`);
 const Popconfirm = props => {
-  const mergedProps = mergeProps({
-    okText: '确定',
-    cancelText: '取消'
-  }, props);
+  const locale = useLocale();
   const [tooltipProps] = splitProps(props, ['placement', 'arrow', 'getPopupContainer']);
   const [open, setOpen] = createSignal(false);
-  return createComponent(Tooltip, mergeProps$1({
+  return createComponent(Tooltip, mergeProps({
     plain: true,
     trigger: "click",
     get open() {
@@ -25,17 +23,17 @@ const Popconfirm = props => {
         _el$4 = _el$3.nextSibling,
         _el$5 = _el$2.nextSibling,
         _el$6 = _el$5.nextSibling;
-      insert(_el$4, () => mergedProps.title);
-      insert(_el$5, () => mergedProps.content);
+      insert(_el$4, () => props.title);
+      insert(_el$5, () => props.content);
       insert(_el$6, createComponent(Button, {
         "class": "ml-8px",
         size: "small",
         onClick: () => {
           setOpen(false);
-          untrack(() => mergedProps.onCancel?.());
+          untrack(() => props.onCancel?.());
         },
         get children() {
-          return mergedProps.cancelText;
+          return props.cancelText ?? locale()?.Popconfirm.cancelText;
         }
       }), null);
       insert(_el$6, createComponent(Button, {
@@ -44,17 +42,17 @@ const Popconfirm = props => {
         size: "small",
         onClick: () => {
           setOpen(false);
-          untrack(() => mergedProps.onConfirm?.());
+          untrack(() => props.onConfirm?.());
         },
         get children() {
-          return mergedProps.okText;
+          return props.okText ?? locale()?.Popconfirm.okText;
         }
       }), null);
       return _el$;
     })()
   }, tooltipProps, {
     get children() {
-      return mergedProps.children;
+      return props.children;
     }
   }));
 };

package/es/RangeInput/index.d.ts

@@ -18,6 +18,7 @@ export interface RangeInputProps<T> {
      * 设置校验状态
      */
     status?: 'error' | 'warning';
+    tooltipContentStyle?: JSX.CSSProperties;
 }
 declare function RangeInput<T = string>(props: RangeInputProps<T>): JSX.Element;
 export default RangeInput;

package/es/RangeInput/index.js

@@ -1,4 +1,4 @@
-import { delegateEvents, createComponent, use, insert, effect, setAttribute, className, style, template } from 'solid-js/web';
+import { delegateEvents, createComponent, use, insert, effect, style, setAttribute, className, template } from 'solid-js/web';
 import { useContext, createSignal, createEffect, on, createMemo, Show } from 'solid-js';
 import cs from 'classnames';
 import { compact, isNil } from 'lodash-es';
@@ -116,7 +116,10 @@ function RangeInput(props) {
             tempValue,
             setSingleValue
           }));
-          effect(() => `${width()}px` != null ? _el$8.style.setProperty("width", `${width()}px`) : _el$8.style.removeProperty("width"));
+          effect(_$p => style(_el$8, {
+            width: `${width()}px`,
+            ...props.tooltipContentStyle
+          }, _$p));
           return _el$8;
         })(),
         get children() {

package/es/SelectInput/index.d.ts

@@ -3,8 +3,8 @@ import { type TooltipProps } from '../Tooltip';
 export interface SelectInputProps<T> extends Pick<TooltipProps, 'getPopupContainer' | 'defaultOpen' | 'open' | 'onOpenChange'> {
     ref?: Ref<HTMLDivElement>;
     multiple?: boolean;
-    defaultValue?: T[] | null;
-    value?: T[] | null;
+    defaultValue?: T | T[] | null;
+    value?: T | T[] | null;
     onChange?: (value: T[]) => void;
     labelRender?: (value: T) => JSXElement;
     placeholder?: string;

package/es/SelectInput/index.js

@@ -1,7 +1,7 @@
 import { delegateEvents, createComponent, use, insert, effect, style, Dynamic, setAttribute, className, template } from 'solid-js/web';
 import { useContext, mergeProps, createMemo, createSignal, Show, For } from 'solid-js';
 import cs from 'classnames';
-import { compact, pick, isUndefined } from 'lodash-es';
+import { isNil, compact, pick, isUndefined } from 'lodash-es';
 import Tooltip from '../Tooltip/index.js';
 import createControllableValue from '../hooks/createControllableValue.js';
 import useClickAway from '../hooks/useClickAway.js';
@@ -33,7 +33,11 @@ function SelectInput(_props) {
   const [value, setValue] = createControllableValue(props, {
     defaultValue: []
   });
-  const valueArr = createMemo(() => value() ?? []);
+  const valueArr = createMemo(() => {
+    const _value = value();
+    if (isNil(_value)) return [];
+    return Array.isArray(_value) ? _value : [_value];
+  });
   const [open, setOpen] = createControllableValue(_props, {
     defaultValue: false,
     defaultValuePropName: 'defaultOpen',

package/es/index.d.ts

@@ -8,8 +8,10 @@ export { default as Modal } from './Modal';
 export type { ModalProps } from './Modal';
 export { default as Drawer } from './Drawer';
 export type { DrawerProps } from './Drawer';
-export type { RangeInputProps } from './RangeInput';
+export { default as DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';
 export { default as RangeInput } from './RangeInput';
+export type { RangeInputProps } from './RangeInput';
 export type { SelectInputProps } from './SelectInput';
 export { default as SelectInput } from './SelectInput';
 export { default as Select } from './Select';

package/es/index.js

@@ -4,6 +4,7 @@ export { default as InputNumber } from './InputNumber/index.js';
 export { default as Timeline } from './Timeline/index.js';
 export { default as Modal } from './Modal/index.js';
 export { default as Drawer } from './Drawer/index.js';
+export { default as DatePicker } from './DatePicker/index.js';
 export { default as RangeInput } from './RangeInput/index.js';
 export { default as SelectInput } from './SelectInput/index.js';
 export { default as Select } from './Select/index.js';

package/es/locale/en_US.js

@@ -3,6 +3,21 @@ const locale = {
   Modal: {
     okText: 'OK',
     cancelText: 'Cancel'
+  },
+  Popconfirm: {
+    okText: 'OK',
+    cancelText: 'Cancel'
+  },
+  DatePicker: {
+    placeholder: 'Please enter the date',
+    today: 'Today',
+    Mon: 'Mon',
+    Tue: 'Tue',
+    Wed: 'Wed',
+    Thu: 'Thu',
+    Fri: 'Fri',
+    Sat: 'Sat',
+    Sun: 'Sun'
   }
 };
 

package/es/locale/index.d.ts

@@ -1,5 +1,9 @@
+import { type DatePickerLocale } from '../DatePicker';
 import { type ModalLocale } from '../Modal';
+import { type PopconfirmLocale } from '../Popconfirm';
 export interface Locale {
     locale: string;
-    Modal?: ModalLocale;
+    Modal: ModalLocale;
+    Popconfirm: PopconfirmLocale;
+    DatePicker: DatePickerLocale;
 }

package/es/locale/zh_CN.js

@@ -3,6 +3,21 @@ const locale = {
   Modal: {
     okText: '确定',
     cancelText: '取消'
+  },
+  Popconfirm: {
+    okText: '确定',
+    cancelText: '取消'
+  },
+  DatePicker: {
+    placeholder: '请输入日期',
+    today: '今天',
+    Mon: '一',
+    Tue: '二',
+    Wed: '三',
+    Thu: '四',
+    Fri: '五',
+    Sat: '六',
+    Sun: '日'
   }
 };
 

package/package.json

@@ -1,11 +1,20 @@
 {
   "name": "antd-solid",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "description": "",
   "main": "dist/index.esm.js",
-  "module": "es/index.js",
-  "types": "es/index.d.ts",
+  "module": "src/index.ts",
+  "types": "src/index.ts",
   "type": "module",
+  "scripts": {
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "node scripts/annotationNonProductionCode && vitepress build docs && node scripts/cancelAnnotationNonProductionCode",
+    "docs:preview": "vitepress preview docs",
+    "build": "rm -rf dist && rm -rf es && rm -rf css && NODE_ENV=production && npx rollup -c && npm run build:unocss",
+    "build:unocss": "npx unocss './src/**' -o css/index.css -m",
+    "test": "vitest",
+    "prepare": "husky install"
+  },
   "devDependencies": {
     "@iconify-json/ant-design": "^1.1.5",
     "@rollup/plugin-babel": "^6.0.3",
@@ -53,6 +62,7 @@
     "@ant-design/colors": "^7.0.2",
     "@ctrl/tinycolor": "^4.1.0",
     "classnames": "^2.3.2",
+    "dayjs": "^1.11.19",
     "lodash-es": "^4.17.21",
     "nanoid": "^5.0.1",
     "number-precision": "^1.6.0",
@@ -71,13 +81,5 @@
     "dist",
     "es",
     "css"
-  ],
-  "scripts": {
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "node scripts/annotationNonProductionCode && vitepress build docs && node scripts/cancelAnnotationNonProductionCode",
-    "docs:preview": "vitepress preview docs",
-    "build": "rm -rf dist && rm -rf es && rm -rf css && NODE_ENV=production && npx rollup -c && npm run build:unocss",
-    "build:unocss": "npx unocss './src/**' -o css/index.css -m",
-    "test": "vitest"
-  }
-}
+  ]
+}