fat-design 0.0.1 → 0.0.2-beta.20251111003037

package/types/shell/index.d.ts

@@ -1,53 +1,53 @@
-import { HTMLAttributes, ElementType, Component, ComponentType } from 'react';
-import CommonProps from '../util';
-
-export interface ShellProps extends HTMLAttributes<HTMLElement>, CommonProps {
-    /**
-     * 设备类型，针对不同的设备类型组件做出对应的响应式变化
-     */
-    device?: 'tablet' | 'desktop' | 'phone';
-    type?: 'light' | 'dark' | 'brand';
-    fixedHeader?: boolean;
-}
-
-export interface ShellCommonProps extends HTMLAttributes<HTMLElement>, CommonProps {}
-
-export interface ShellNavigationProps extends ShellCommonProps {
-    collapse?: boolean;
-    direction?: 'hoz' | 'ver';
-    align?: 'left' | 'right' | 'center';
-    fixed?: boolean;
-    trigger?: any;
-    onCollapseChange?: (collapse?: boolean) => void;
-}
-
-export interface ShellLocalNavigationProps extends ShellCommonProps {
-    collapse?: boolean;
-    onCollapseChange?: (collapse?: boolean) => void;
-}
-
-export interface ShellToolDockProps extends ShellCommonProps {
-    collapse?: boolean;
-    fixed?: boolean;
-    onCollapseChange?: (collapse?: boolean) => void;
-}
-
-export interface ShellAncillaryProps extends ShellCommonProps {
-    collapse?: boolean;
-    onCollapseChange?: (collapse?: boolean) => void;
-}
-
-export default class Shell extends Component<ShellProps, any> {
-    static Branding: ComponentType<ShellCommonProps>;
-    static Action: ComponentType<ShellCommonProps>;
-    static MultiTask: ComponentType<ShellCommonProps>;
-    static AppBar: ComponentType<ShellCommonProps>;
-    static Content: ComponentType<ShellCommonProps>;
-    static Footer: ComponentType<ShellCommonProps>;
-    static ToolDockItem: ComponentType<ShellCommonProps>;
-
-    static Navigation: ComponentType<ShellNavigationProps>;
-    static LocalNavigation: ComponentType<ShellLocalNavigationProps>;
-    static Ancillary: ComponentType<ShellAncillaryProps>;
-    static ToolDock: ComponentType<ShellToolDockProps>;
-}
+import { HTMLAttributes, ElementType, Component, ComponentType } from 'react';
+import CommonProps from '../util';
+
+export interface ShellProps extends HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 设备类型，针对不同的设备类型组件做出对应的响应式变化
+     */
+    device?: 'tablet' | 'desktop' | 'phone';
+    type?: 'light' | 'dark' | 'brand';
+    fixedHeader?: boolean;
+}
+
+export interface ShellCommonProps extends HTMLAttributes<HTMLElement>, CommonProps {}
+
+export interface ShellNavigationProps extends ShellCommonProps {
+    collapse?: boolean;
+    direction?: 'hoz' | 'ver';
+    align?: 'left' | 'right' | 'center';
+    fixed?: boolean;
+    trigger?: any;
+    onCollapseChange?: (collapse?: boolean) => void;
+}
+
+export interface ShellLocalNavigationProps extends ShellCommonProps {
+    collapse?: boolean;
+    onCollapseChange?: (collapse?: boolean) => void;
+}
+
+export interface ShellToolDockProps extends ShellCommonProps {
+    collapse?: boolean;
+    fixed?: boolean;
+    onCollapseChange?: (collapse?: boolean) => void;
+}
+
+export interface ShellAncillaryProps extends ShellCommonProps {
+    collapse?: boolean;
+    onCollapseChange?: (collapse?: boolean) => void;
+}
+
+export default class Shell extends Component<ShellProps, any> {
+    static Branding: ComponentType<ShellCommonProps>;
+    static Action: ComponentType<ShellCommonProps>;
+    static MultiTask: ComponentType<ShellCommonProps>;
+    static AppBar: ComponentType<ShellCommonProps>;
+    static Content: ComponentType<ShellCommonProps>;
+    static Footer: ComponentType<ShellCommonProps>;
+    static ToolDockItem: ComponentType<ShellCommonProps>;
+
+    static Navigation: ComponentType<ShellNavigationProps>;
+    static LocalNavigation: ComponentType<ShellLocalNavigationProps>;
+    static Ancillary: ComponentType<ShellAncillaryProps>;
+    static ToolDock: ComponentType<ShellToolDockProps>;
+}

package/types/slider/index.d.ts

@@ -1,172 +1,172 @@
-/// <reference types="react" />
-
-import * as React from 'react';
-import CommonProps from '../util';
-
-interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
-    onChange?: any;
-}
-
-export interface SliderProps extends HTMLAttributesWeak, CommonProps {
-    /**
-     * 自定义传入的样式
-     */
-    className?: any;
-
-    /**
-     * 是否使用自适应高度
-     */
-    adaptiveHeight?: boolean;
-
-    /**
-     * 动效类型，默认是'slide'
-     */
-    animation?: string | boolean;
-
-    /**
-     * 是否显示箭头
-     */
-    arrows?: boolean;
-
-    /**
-     * 导航箭头大小 可选值: 'medium', 'large'
-     */
-    arrowSize?: 'medium' | 'large';
-
-    /**
-     * 导航箭头位置 可选值: 'inner', 'outer'
-     */
-    arrowPosition?: 'inner' | 'outer';
-
-    /**
-     * 导航箭头的方向 可选值: 'hoz', 'ver'
-     */
-    arrowDirection?: 'hoz' | 'ver';
-
-    /**
-     * 是否自动播放
-     */
-    autoplay?: boolean;
-
-    /**
-     * 自动播放的速度
-     */
-    autoplaySpeed?: number;
-
-    /**
-     * 向后箭头
-     */
-    nextArrow?: React.ReactElement<any>;
-
-    /**
-     * 向前箭头
-     */
-    prevArrow?: React.ReactElement<any>;
-
-    /**
-     * 是否启用居中模式
-     */
-    centerMode?: boolean;
-
-    /**
-     * 是否显示导航锚点
-     */
-    dots?: boolean;
-
-    /**
-     * 导航锚点的 CSS 类
-     */
-    dotsClass?: string;
-
-    /**
-     * 导航锚点位置
-     */
-    dotsDirection?: 'hoz' | 'ver';
-
-    /**
-     * 自定义导航锚点
-     */
-    dotsRender?: (index: number, current: number) => void;
-
-    /**
-     * 是否可拖拽
-     */
-    draggable?: boolean;
-
-    /**
-     * 是否使用无穷循环模式
-     */
-    infinite?: boolean;
-
-    /**
-     * 初始被激活的轮播图
-     */
-    defaultActiveIndex?: number;
-
-    /**
-     * 是否启用懒加载
-     */
-    lazyLoad?: boolean;
-
-    /**
-     * 轮播方向
-     */
-    slideDirection?: 'hoz' | 'ver';
-
-    /**
-     * 同时展示的图片数量
-     */
-    slidesToShow?: number;
-
-    /**
-     * 同时滑动的图片数量
-     */
-    slidesToScroll?: number;
-
-    /**
-     * 轮播速度
-     */
-    speed?: number;
-
-    /**
-     * 跳转到指定的轮播图（受控）
-     */
-    activeIndex?: number;
-
-    /**
-     * 锚点导航触发方式
-     */
-    triggerType?: 'click' | 'hover';
-
-    /**
-     * 轮播切换的回调函数
-     */
-    onChange?: (index: number) => void;
-
-    /**
-     * 自定义传入的class
-     */
-    style?: React.CSSProperties;
-
-    /**
-     * Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览
-     */
-    centerPadding?: string;
-
-    /**
-     * CSS3 Animation Easing,默认‘ease’
-     */
-    cssEase?: string;
-
-    /**
-     * 多图轮播时，点击选中后自动居中
-     */
-    focusOnSelect?: boolean;
-
-    /**
-     * 鼠标经过时停止播放
-     */
-    pauseOnHover?: boolean;
-}
-
-export default class Slider extends React.Component<SliderProps, any> {}
+/// <reference types="react" />
+
+import * as React from 'react';
+import CommonProps from '../util';
+
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    onChange?: any;
+}
+
+export interface SliderProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 自定义传入的样式
+     */
+    className?: any;
+
+    /**
+     * 是否使用自适应高度
+     */
+    adaptiveHeight?: boolean;
+
+    /**
+     * 动效类型，默认是'slide'
+     */
+    animation?: string | boolean;
+
+    /**
+     * 是否显示箭头
+     */
+    arrows?: boolean;
+
+    /**
+     * 导航箭头大小 可选值: 'medium', 'large'
+     */
+    arrowSize?: 'medium' | 'large';
+
+    /**
+     * 导航箭头位置 可选值: 'inner', 'outer'
+     */
+    arrowPosition?: 'inner' | 'outer';
+
+    /**
+     * 导航箭头的方向 可选值: 'hoz', 'ver'
+     */
+    arrowDirection?: 'hoz' | 'ver';
+
+    /**
+     * 是否自动播放
+     */
+    autoplay?: boolean;
+
+    /**
+     * 自动播放的速度
+     */
+    autoplaySpeed?: number;
+
+    /**
+     * 向后箭头
+     */
+    nextArrow?: React.ReactElement<any>;
+
+    /**
+     * 向前箭头
+     */
+    prevArrow?: React.ReactElement<any>;
+
+    /**
+     * 是否启用居中模式
+     */
+    centerMode?: boolean;
+
+    /**
+     * 是否显示导航锚点
+     */
+    dots?: boolean;
+
+    /**
+     * 导航锚点的 CSS 类
+     */
+    dotsClass?: string;
+
+    /**
+     * 导航锚点位置
+     */
+    dotsDirection?: 'hoz' | 'ver';
+
+    /**
+     * 自定义导航锚点
+     */
+    dotsRender?: (index: number, current: number) => void;
+
+    /**
+     * 是否可拖拽
+     */
+    draggable?: boolean;
+
+    /**
+     * 是否使用无穷循环模式
+     */
+    infinite?: boolean;
+
+    /**
+     * 初始被激活的轮播图
+     */
+    defaultActiveIndex?: number;
+
+    /**
+     * 是否启用懒加载
+     */
+    lazyLoad?: boolean;
+
+    /**
+     * 轮播方向
+     */
+    slideDirection?: 'hoz' | 'ver';
+
+    /**
+     * 同时展示的图片数量
+     */
+    slidesToShow?: number;
+
+    /**
+     * 同时滑动的图片数量
+     */
+    slidesToScroll?: number;
+
+    /**
+     * 轮播速度
+     */
+    speed?: number;
+
+    /**
+     * 跳转到指定的轮播图（受控）
+     */
+    activeIndex?: number;
+
+    /**
+     * 锚点导航触发方式
+     */
+    triggerType?: 'click' | 'hover';
+
+    /**
+     * 轮播切换的回调函数
+     */
+    onChange?: (index: number) => void;
+
+    /**
+     * 自定义传入的class
+     */
+    style?: React.CSSProperties;
+
+    /**
+     * Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览
+     */
+    centerPadding?: string;
+
+    /**
+     * CSS3 Animation Easing,默认‘ease’
+     */
+    cssEase?: string;
+
+    /**
+     * 多图轮播时，点击选中后自动居中
+     */
+    focusOnSelect?: boolean;
+
+    /**
+     * 鼠标经过时停止播放
+     */
+    pauseOnHover?: boolean;
+}
+
+export default class Slider extends React.Component<SliderProps, any> {}