neko-ui 2.0.7 → 2.1.0

package/lib/basic-config/index.d.ts

@@ -54,7 +54,7 @@ export interface BaseOption {
     status?: Status;
     /** 分组子选项 */
     options?: (BaseOption | string)[];
-    [key: string]: any;
+    [key: string]: Any;
 }
 export declare enum FieldName {
     /** 标题 */

package/lib/button/index.d.ts

@@ -25,6 +25,10 @@ export interface ButtonProps extends Omit<JSX.ButtonHTMLAttributes<HTMLButtonEle
     link?: boolean;
     /** 危险按钮 */
     danger?: boolean;
+    /** 自定义 tag
+     * @since 2.1.0
+     */
+    tag?: string;
     /** 按钮尺寸
      * @default 'normal'
      */

package/lib/capture-screen/index.d.ts

@@ -1,7 +1,7 @@
 import { type JSX } from 'solid-js';
 declare interface MediaRecorderDataAvailableEvent extends Event {
     /** MediaRecorderDataAvailableEvent */
-    data: any;
+    data: Any;
 }
 export interface CaptureScreenProps extends JSX.ButtonHTMLAttributes<HTMLDivElement> {
     /** 自定义类名 */

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

@@ -0,0 +1,7 @@
+import dayjs from './dayjs';
+type DatePanelProps = {
+    current: dayjs.Dayjs;
+    onChange(next: dayjs.Dayjs): void;
+};
+declare function DatePanel(props: DatePanelProps): import("solid-js").JSX.Element;
+export default DatePanel;

package/lib/date-picker/dayjs.d.ts

@@ -0,0 +1,3 @@
+import dayjs from 'dayjs';
+import 'dayjs/locale/zh-cn';
+export default dayjs;

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

@@ -0,0 +1,77 @@
+import { type JSXElement } from 'solid-js';
+import dayjs from './dayjs';
+import { type PopoverProps } from '../popover';
+declare function DatePicker(_props: DatePickerProps): import("solid-js").JSX.Element;
+/** API
+ * @since 2.1.0
+ */
+export interface DatePickerProps extends Partial<PopoverProps> {
+    /** 自定义类名 */
+    class?: string;
+    /** 自定义类名 */
+    css?: string;
+    /** 类型
+     * @default 'date'
+     */
+    type?: keyof typeof PickerType;
+    /** 值 */
+    value?: string | number;
+    /** 默认值
+     * @default 当前时间
+     */
+    defaultValue?: string | number;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 格式化回填到输入框的内容
+     * @default 'YYYY-MM-DD'
+     */
+    format?: string;
+    /** 格式化获取的值
+     * @default 'YYYY-MM-DD HH:mm:ss'
+     */
+    parser?: string;
+    /** 前缀 */
+    prefixIcon?: JSXElement;
+    /** 后缀
+     * @default '📅'
+     */
+    suffixIcon?: JSXElement;
+    /** 变更时的回调 */
+    onChange?(val: string, time: dayjs.Dayjs): void;
+    /** 显示时间选择
+     * @default false
+     */
+    showTime?: boolean;
+    /** 显示小时选择
+     * @default true
+     **/
+    showHour?: boolean;
+    /** 显示分钟选择
+     * @default true
+     **/
+    showMinute?: boolean;
+    /** 显示秒选择
+     * @default true
+     **/
+    showSecond?: boolean;
+    /** 占位文本 */
+    placeholder?: string;
+    /** 显示今日按钮
+     * @default true
+     */
+    showToday?: boolean;
+    /** 显示顶部
+     * @default true
+     */
+    showHeader?: boolean;
+}
+declare enum PickerType {
+    /** 日期选择 */
+    date = "date",
+    /** 月份选择 */
+    month = "month",
+    /** 年份选择 */
+    year = "year"
+}
+export type DatePickerElement = CustomElement<DatePickerProps>;
+export default DatePicker;

package/lib/date-picker/month.d.ts

@@ -0,0 +1,8 @@
+import dayjs from './dayjs';
+type MonthPanelProps = {
+    current: dayjs.Dayjs;
+    onChange(next: dayjs.Dayjs): void;
+};
+export declare const months: dayjs.MonthNames;
+declare function MonthPanel(props: MonthPanelProps): import("solid-js").JSX.Element;
+export default MonthPanel;

package/lib/date-picker/panel.d.ts

@@ -0,0 +1,17 @@
+import dayjs from './dayjs';
+import type { DatePickerProps } from '.';
+type PanelProps = {
+    current: dayjs.Dayjs;
+    type?: DatePickerProps['type'];
+    onChange(val: dayjs.Dayjs): void;
+    open: boolean | null;
+    openChange(val: boolean | null): void;
+    showHour?: boolean;
+    showMinute?: boolean;
+    showSecond?: boolean;
+    showTime?: boolean;
+    showToday?: boolean;
+    showHeader?: boolean;
+};
+declare function Panel(props: PanelProps): import("solid-js").JSX.Element;
+export default Panel;

package/lib/date-picker/style.d.ts

@@ -0,0 +1 @@
+export declare const styles: string;

package/lib/date-picker/time.d.ts

@@ -0,0 +1,19 @@
+import dayjs from './dayjs';
+type TimePickerProps = {
+    current: dayjs.Dayjs;
+    datePicker: HTMLDivElement | undefined;
+    onChange(next: dayjs.Dayjs): void;
+    showHour?: boolean;
+    showMinute?: boolean;
+    showSecond?: boolean;
+};
+export declare const hours: {
+    label: string | number;
+    value: number;
+}[];
+export declare const minutes: {
+    label: string | number;
+    value: number;
+}[];
+declare function TimePicker(props: TimePickerProps): import("solid-js").JSX.Element;
+export default TimePicker;

package/lib/date-picker/year.d.ts

@@ -0,0 +1,8 @@
+import dayjs from './dayjs';
+type YearPanelProps = {
+    current: dayjs.Dayjs;
+    start: number;
+    onChange(next: dayjs.Dayjs): void;
+};
+declare function YearPanel(props: YearPanelProps): import("solid-js").JSX.Element;
+export default YearPanel;

package/lib/dropdown/index.d.ts

@@ -26,6 +26,7 @@ export declare const defaultProps: {
     onOpenChange: undefined;
     openKeys: undefined;
     class: undefined;
+    css: undefined;
     content: undefined;
     getPopupContainer: undefined;
     trigger: undefined;
@@ -35,7 +36,6 @@ export declare const defaultProps: {
     destroyInactive: boolean;
     arrow: undefined;
     placement: undefined;
-    css: undefined;
     dropdownMatchSelectWidth: undefined;
 };
 export default Dropdown;

package/lib/from-schema/index.d.ts

@@ -12,7 +12,7 @@ interface BaseSchema {
     name?: string;
     title?: string;
     items?: never;
-    [key: string]: any;
+    [key: string]: Any;
 }
 interface ArraySchema extends Omit<BaseSchema, 'type' | 'items'> {
     type: 'array';

package/lib/img/index.d.ts

@@ -8,7 +8,8 @@ export interface ImgProps {
     /** 开启关闭大图的回调函数 */
     onOpenChange?: (open: boolean | null) => void;
     /** 点击遮罩关闭
-     * @default false
+     * @since 2.0.8
+     * @default true
      */
     maskClosable?: boolean;
     /** 通过 `esc` 按键关闭

package/lib/index.d.ts

@@ -10,6 +10,7 @@ export { default as Code, type CodeElement, type CodeProps } from './code';
 export { default as ColorPalette, type ColorPaletteElement, type ColorPaletteProps, } from './color-palette';
 export { default as ColorPicker, type ColorPickerElement, type ColorPickerProps, } from './color-picker';
 export { default as Cron, type CronElement, type CronProps } from './cron';
+export { default as DatePicker, type DatePickerProps, type DatePickerElement } from './date-picker';
 export { default as Dropdown, type DropdownElement, type DropdownMultipleElement, type DropdownMultipleProps, type DropdownProps, } from './dropdown';
 export { default as Empty, type EmptyElement, type EmptyProps } from './empty';
 export { default as fromSchema } from './from-schema';
@@ -34,7 +35,7 @@ export { default as Tree, type TreeElement, type TreeMultipleElement, type TreeM
 export { default as Typography, type TypographyElement, type TypographyProps } from './typography';
 import { css, cx, injectGlobal } from '@moneko/css';
 import { FieldName, Size, Status, fromSchema, generateTheme, getOptions, toneColor } from 'neko-ui';
-import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, ColorPaletteElement, ColorPickerElement, CronElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, PopoverElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
+import type { AvatarElement, AvatarGroupElement, BackTopElement, ButtonElement, CaptureScreenElement, CarouselElement, CheckboxBoolElement, CheckboxGroupElement, CodeElement, ColorPaletteElement, ColorPickerElement, CronElement, DatePickerElement, DropdownElement, DropdownMultipleElement, EmptyElement, HighlightTextElement, ImgElement, InputElement, InputNumberElement, MdElement, MenuElement, MenuMultipleElement, PopoverElement, RadioElement, SegmentedElement, SelectElement, SelectMultipleElement, SkeletonElement, SpinElement, SwitchElement, TabsElement, TagElement, TreeElement, TreeMultipleElement, TreeMultipleSchemaElement, TreeMultipleStringElement, TreeSchemaElement, TreeStringElement, TypographyElement } from '.';
 declare const normal: {
     FieldName: typeof FieldName;
     Size: typeof Size;
@@ -49,6 +50,9 @@ declare const normal: {
     injectGlobal: typeof injectGlobal;
 };
 export default normal;
+/** 组件列表
+ * @ignore optional
+ */
 interface CustomElementTags {
     /** 头像 */
     'n-avatar': AvatarElement;
@@ -110,6 +114,10 @@ interface CustomElementTags {
     'n-menu': MenuElement | MenuMultipleElement;
     /** Cron表达式编辑器 */
     'n-cron': CronElement;
+    /** 数据表格
+     * @since 2.1.0
+     */
+    'n-data-picker': DatePickerElement;
 }
 declare module 'solid-js' {
     namespace JSX {