@tiny-design/react 1.0.4 → 1.0.10

package/lib/index.js

@@ -35,55 +35,55 @@ const require_index$28 = require("./empty/index.js");
 const require_index$29 = require("./flex/index.js");
 const require_index$30 = require("./flip/index.js");
 const require_index$31 = require("./form/index.js");
-const require_index$32 = require("./icon/index.js");
-const require_index$33 = require("./image/index.js");
-const require_index$34 = require("./input/index.js");
-const require_index$35 = require("./input-number/index.js");
-const require_index$36 = require("./input-password/index.js");
-const require_index$37 = require("./keyboard/index.js");
-const require_index$38 = require("./layout/index.js");
-const require_index$39 = require("./link/index.js");
-const require_index$40 = require("./pagination/index.js");
-const require_index$41 = require("./list/index.js");
-const require_index$42 = require("./loader/index.js");
-const require_index$43 = require("./loading-bar/index.js");
-const require_index$44 = require("./menu/index.js");
-const require_index$45 = require("./message/index.js");
-const require_index$46 = require("./native-select/index.js");
-const require_index$47 = require("./row/index.js");
-const require_index$48 = require("./modal/index.js");
-const require_index$49 = require("./notification/index.js");
-const require_index$50 = require("./popover/index.js");
-const require_index$51 = require("./pop-confirm/index.js");
-const require_index$52 = require("./progress/index.js");
-const require_index$53 = require("./radio/index.js");
-const require_index$54 = require("./rate/index.js");
-const require_index$55 = require("./result/index.js");
-const require_index$56 = require("./scroll-indicator/index.js");
-const require_index$57 = require("./segmented/index.js");
-const require_index$58 = require("./select/index.js");
-const require_index$59 = require("./skeleton/index.js");
-const require_index$60 = require("./tooltip/index.js");
-const require_index$61 = require("./slider/index.js");
-const require_index$62 = require("./split/index.js");
-const require_index$63 = require("./split-button/index.js");
-const require_index$64 = require("./space/index.js");
-const require_index$65 = require("./speed-dial/index.js");
-const require_index$66 = require("./steps/index.js");
-const require_index$67 = require("./statistic/index.js");
-const require_index$68 = require("./strength-indicator/index.js");
-const require_index$69 = require("./switch/index.js");
-const require_index$70 = require("./table/index.js");
-const require_index$71 = require("./tabs/index.js");
-const require_index$72 = require("./tag/index.js");
-const require_index$73 = require("./textarea/index.js");
-const require_index$74 = require("./timeline/index.js");
-const require_index$75 = require("./time-picker/index.js");
-const require_index$76 = require("./transfer/index.js");
-const require_index$77 = require("./tree/index.js");
-const require_index$78 = require("./typography/index.js");
-const require_index$79 = require("./upload/index.js");
+const require_index$32 = require("./image/index.js");
+const require_index$33 = require("./input/index.js");
+const require_index$34 = require("./input-number/index.js");
+const require_index$35 = require("./input-password/index.js");
+const require_index$36 = require("./keyboard/index.js");
+const require_index$37 = require("./layout/index.js");
+const require_index$38 = require("./link/index.js");
+const require_index$39 = require("./pagination/index.js");
+const require_index$40 = require("./list/index.js");
+const require_index$41 = require("./loader/index.js");
+const require_index$42 = require("./loading-bar/index.js");
+const require_index$43 = require("./menu/index.js");
+const require_index$44 = require("./message/index.js");
+const require_index$45 = require("./native-select/index.js");
+const require_index$46 = require("./row/index.js");
+const require_index$47 = require("./modal/index.js");
+const require_index$48 = require("./notification/index.js");
+const require_index$49 = require("./popover/index.js");
+const require_index$50 = require("./pop-confirm/index.js");
+const require_index$51 = require("./progress/index.js");
+const require_index$52 = require("./radio/index.js");
+const require_index$53 = require("./rate/index.js");
+const require_index$54 = require("./result/index.js");
+const require_index$55 = require("./scroll-indicator/index.js");
+const require_index$56 = require("./segmented/index.js");
+const require_index$57 = require("./select/index.js");
+const require_index$58 = require("./skeleton/index.js");
+const require_index$59 = require("./tooltip/index.js");
+const require_index$60 = require("./slider/index.js");
+const require_index$61 = require("./split/index.js");
+const require_index$62 = require("./split-button/index.js");
+const require_index$63 = require("./space/index.js");
+const require_index$64 = require("./speed-dial/index.js");
+const require_index$65 = require("./steps/index.js");
+const require_index$66 = require("./statistic/index.js");
+const require_index$67 = require("./strength-indicator/index.js");
+const require_index$68 = require("./switch/index.js");
+const require_index$69 = require("./table/index.js");
+const require_index$70 = require("./tabs/index.js");
+const require_index$71 = require("./tag/index.js");
+const require_index$72 = require("./textarea/index.js");
+const require_index$73 = require("./timeline/index.js");
+const require_index$74 = require("./time-picker/index.js");
+const require_index$75 = require("./transfer/index.js");
+const require_index$76 = require("./tree/index.js");
+const require_index$77 = require("./typography/index.js");
+const require_index$78 = require("./upload/index.js");
 const require_with_locale = require("./intl-provider/with-locale.js");
+const require_with_spin = require("./with-spin/with-spin.js");
 const require_zh_CN = require("./locale/zh_CN.js");
 const require_use_theme = require("./_utils/use-theme.js");
 exports.Alert = require_index$1;
@@ -115,60 +115,60 @@ exports.Empty = require_index$28;
 exports.Flex = require_index$29;
 exports.Flip = require_index$30;
 exports.Form = require_index$31;
-exports.Icon = require_index$32;
-exports.Image = require_index$33;
-exports.Input = require_index$34;
-exports.InputNumber = require_index$35;
-exports.InputPassword = require_index$36;
+exports.Image = require_index$32;
+exports.Input = require_index$33;
+exports.InputNumber = require_index$34;
+exports.InputPassword = require_index$35;
 exports.IntlProvider = require_index$15;
-exports.Keyboard = require_index$37;
-exports.Layout = require_index$38;
-exports.Link = require_index$39;
-exports.List = require_index$41;
-exports.Loader = require_index$42;
-exports.LoadingBar = require_index$43;
-exports.Menu = require_index$44;
-exports.Message = require_index$45;
-exports.Modal = require_index$48;
-exports.NativeSelect = require_index$46;
-exports.Notification = require_index$49;
+exports.Keyboard = require_index$36;
+exports.Layout = require_index$37;
+exports.Link = require_index$38;
+exports.List = require_index$40;
+exports.Loader = require_index$41;
+exports.LoadingBar = require_index$42;
+exports.Menu = require_index$43;
+exports.Message = require_index$44;
+exports.Modal = require_index$47;
+exports.NativeSelect = require_index$45;
+exports.Notification = require_index$48;
 exports.Overlay = require_index$26;
-exports.Pagination = require_index$40;
-exports.PopConfirm = require_index$51;
-exports.Popover = require_index$50;
-exports.Progress = require_index$52;
-exports.Radio = require_index$53;
-exports.Rate = require_index$54;
-exports.Result = require_index$55;
-exports.Row = require_index$47;
-exports.ScrollIndicator = require_index$56;
-exports.Segmented = require_index$57;
-exports.Select = require_index$58;
-exports.Skeleton = require_index$59;
-exports.Slider = require_index$61;
-exports.Space = require_index$64;
-exports.SpeedDial = require_index$65;
-exports.Split = require_index$62;
-exports.SplitButton = require_index$63;
-exports.Statistic = require_index$67;
-exports.Steps = require_index$66;
+exports.Pagination = require_index$39;
+exports.PopConfirm = require_index$50;
+exports.Popover = require_index$49;
+exports.Progress = require_index$51;
+exports.Radio = require_index$52;
+exports.Rate = require_index$53;
+exports.Result = require_index$54;
+exports.Row = require_index$46;
+exports.ScrollIndicator = require_index$55;
+exports.Segmented = require_index$56;
+exports.Select = require_index$57;
+exports.Skeleton = require_index$58;
+exports.Slider = require_index$60;
+exports.Space = require_index$63;
+exports.SpeedDial = require_index$64;
+exports.Split = require_index$61;
+exports.SplitButton = require_index$62;
+exports.Statistic = require_index$66;
+exports.Steps = require_index$65;
 exports.Sticky = require_index$2;
-exports.StrengthIndicator = require_index$68;
-exports.Switch = require_index$69;
-exports.Table = require_index$70;
-exports.Tabs = require_index$71;
-exports.Tag = require_index$72;
-exports.Textarea = require_index$73;
-exports.TimePicker = require_index$75;
-exports.Timeline = require_index$74;
-exports.Tooltip = require_index$60;
-exports.Transfer = require_index$76;
+exports.StrengthIndicator = require_index$67;
+exports.Switch = require_index$68;
+exports.Table = require_index$69;
+exports.Tabs = require_index$70;
+exports.Tag = require_index$71;
+exports.Textarea = require_index$72;
+exports.TimePicker = require_index$74;
+exports.Timeline = require_index$73;
+exports.Tooltip = require_index$59;
+exports.Transfer = require_index$75;
 exports.Transition = require_index;
-exports.Tree = require_index$77;
-exports.Typography = require_index$78;
-exports.Upload = require_index$79;
+exports.Tree = require_index$76;
+exports.Typography = require_index$77;
+exports.Upload = require_index$78;
 exports.en_US = require_en_US;
 exports.useLocale = require_use_locale.useLocale;
 exports.useTheme = require_use_theme.useTheme;
 exports.withLocale = require_with_locale.withLocale;
+exports.withSpin = require_with_spin.withSpin;
 exports.zh_CN = require_zh_CN;

package/lib/layout/sidebar.js

@@ -1,13 +1,13 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.js");
 const require_config_context = require("../config-provider/config-context.js");
 const require_general = require("../_utils/general.js");
-const require_index = require("../icon/index.js");
 const require_sidebar_context = require("./sidebar-context.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _tiny_design_icons = require("@tiny-design/icons");
 //#region src/layout/sidebar.tsx
 const Sidebar = react.default.forwardRef((props, ref) => {
 	const { defaultCollapsed = false, width = 200, collapsedWidth = 70, theme = "light", trigger = null, collapsible = false, onCollapse, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
@@ -35,10 +35,7 @@ const Sidebar = react.default.forwardRef((props, ref) => {
 			className: `${prefixCls}__trigger`,
 			onClick: _collapseBtnOnClick,
 			"aria-label": "Toggle sidebar",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-				name: "left",
-				className: `${prefixCls}__trigger-icon`
-			})
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tiny_design_icons.IconLeft, { className: `${prefixCls}__trigger-icon` })
 		});
 	};
 	(0, react.useEffect)(() => {

package/lib/layout/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["React","SidebarContext","getPrefixCls","ConfigContext","Icon"],"sources":["../../src/layout/sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { SidebarContext } from './sidebar-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SidebarProps } from './types';\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (props: SidebarProps, ref): JSX.Element => {\n    const {\n      defaultCollapsed = false,\n      width = 200,\n      collapsedWidth = 70,\n      theme = 'light',\n      trigger = null,\n      collapsible = false,\n      onCollapse,\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const [sideCollapsed, setSideCollapsed] = useState(\n      'collapsed' in props ? props.collapsed : defaultCollapsed\n    );\n    const sidebarContext = useContext(SidebarContext);\n    const sidebarWidth = sideCollapsed ? collapsedWidth : width;\n\n    const outerStyle = {\n      ...style,\n      width: sidebarWidth,\n      maxWidth: sidebarWidth,\n      minWidth: sidebarWidth,\n    };\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('layout-sidebar', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_light`]: theme === 'light',\n    });\n\n    const _collapseBtnOnClick = () => {\n      const collapsedVal = !sideCollapsed;\n      if (!('collapsed' in props)) {\n        setSideCollapsed(collapsedVal);\n      }\n      onCollapse && onCollapse(collapsedVal);\n    };\n\n    const renderTrigger = () => {\n      if (!collapsible) {\n        return null;\n      }\n\n      if (trigger) {\n        return trigger;\n      }\n\n      return (\n        <button type=\"button\" className={`${prefixCls}__trigger`} onClick={_collapseBtnOnClick} aria-label=\"Toggle sidebar\">\n          <Icon name=\"left\" className={`${prefixCls}__trigger-icon`} />\n        </button>\n      );\n    };\n\n    useEffect(() => {\n      'collapsed' in props && setSideCollapsed(props.collapsed);\n      sidebarContext.addSidebar();\n\n      return () => {\n        sidebarContext.removeSidebar();\n      };\n    }, [props, sidebarContext]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls} style={outerStyle}>\n        <div className={`${prefixCls}__children`}>{children}</div>\n        {renderTrigger()}\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = 'Sidebar';\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;;;;AASA,MAAM,UAAUA,MAAAA,QAAM,YACnB,OAAqB,QAAqB;CACzC,MAAM,EACJ,mBAAmB,OACnB,QAAQ,KACR,iBAAiB,IACjB,QAAQ,SACR,UAAU,MACV,cAAc,OACd,YACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UACpB,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,kBAAA,GAAA,MAAA,YAA4BC,wBAAAA,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAYC,gBAAAA,aAAa,mBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,UAAU,UAAU,SACnC,CAAC;CAEF,MAAM,4BAA4B;EAChC,MAAM,eAAe,CAAC;AACtB,MAAI,EAAE,eAAe,OACnB,kBAAiB,aAAa;AAEhC,gBAAc,WAAW,aAAa;;CAGxC,MAAM,sBAAsB;AAC1B,MAAI,CAAC,YACH,QAAO;AAGT,MAAI,QACF,QAAO;AAGT,SACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IAAM,MAAK;IAAO,WAAW,GAAG,UAAU;IAAmB,CAAA;GACtD,CAAA;;AAIb,EAAA,GAAA,MAAA,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}
+{"version":3,"file":"sidebar.js","names":["React","SidebarContext","getPrefixCls","ConfigContext","IconLeft"],"sources":["../../src/layout/sidebar.tsx"],"sourcesContent":["import React from 'react';\nimport { useState, useContext, useEffect } from 'react';\nimport classNames from 'classnames';\nimport { IconLeft } from '@tiny-design/icons';\nimport { SidebarContext } from './sidebar-context';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { SidebarProps } from './types';\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (props: SidebarProps, ref): JSX.Element => {\n    const {\n      defaultCollapsed = false,\n      width = 200,\n      collapsedWidth = 70,\n      theme = 'light',\n      trigger = null,\n      collapsible = false,\n      onCollapse,\n      className,\n      style,\n      children,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n\n    const [sideCollapsed, setSideCollapsed] = useState(\n      'collapsed' in props ? props.collapsed : defaultCollapsed\n    );\n    const sidebarContext = useContext(SidebarContext);\n    const sidebarWidth = sideCollapsed ? collapsedWidth : width;\n\n    const outerStyle = {\n      ...style,\n      width: sidebarWidth,\n      maxWidth: sidebarWidth,\n      minWidth: sidebarWidth,\n    };\n\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('layout-sidebar', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_light`]: theme === 'light',\n    });\n\n    const _collapseBtnOnClick = () => {\n      const collapsedVal = !sideCollapsed;\n      if (!('collapsed' in props)) {\n        setSideCollapsed(collapsedVal);\n      }\n      onCollapse && onCollapse(collapsedVal);\n    };\n\n    const renderTrigger = () => {\n      if (!collapsible) {\n        return null;\n      }\n\n      if (trigger) {\n        return trigger;\n      }\n\n      return (\n        <button type=\"button\" className={`${prefixCls}__trigger`} onClick={_collapseBtnOnClick} aria-label=\"Toggle sidebar\">\n          <IconLeft className={`${prefixCls}__trigger-icon`} />\n        </button>\n      );\n    };\n\n    useEffect(() => {\n      'collapsed' in props && setSideCollapsed(props.collapsed);\n      sidebarContext.addSidebar();\n\n      return () => {\n        sidebarContext.removeSidebar();\n      };\n    }, [props, sidebarContext]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls} style={outerStyle}>\n        <div className={`${prefixCls}__children`}>{children}</div>\n        {renderTrigger()}\n      </div>\n    );\n  }\n);\n\nSidebar.displayName = 'Sidebar';\n\nexport default Sidebar;\n"],"mappings":";;;;;;;;;;;AASA,MAAM,UAAUA,MAAAA,QAAM,YACnB,OAAqB,QAAqB;CACzC,MAAM,EACJ,mBAAmB,OACnB,QAAQ,KACR,iBAAiB,IACjB,QAAQ,SACR,UAAU,MACV,cAAc,OACd,YACA,WACA,OACA,UACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,CAAC,eAAe,qBAAA,GAAA,MAAA,UACpB,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,kBAAA,GAAA,MAAA,YAA4BC,wBAAAA,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAYC,gBAAAA,aAAa,mBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,UAAU,UAAU,SACnC,CAAC;CAEF,MAAM,4BAA4B;EAChC,MAAM,eAAe,CAAC;AACtB,MAAI,EAAE,eAAe,OACnB,kBAAiB,aAAa;AAEhC,gBAAc,WAAW,aAAa;;CAGxC,MAAM,sBAAsB;AAC1B,MAAI,CAAC,YACH,QAAO;AAGT,MAAI,QACF,QAAO;AAGT,SACE,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,UAAD,EAAU,WAAW,GAAG,UAAU,iBAAmB,CAAA;GAC9C,CAAA;;AAIb,EAAA,GAAA,MAAA,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}

package/lib/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["React","ConfigContext","getPrefixCls","useVirtualScroll","Pagination"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-ui: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-ui: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => renderItem(item, index));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</div>}\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,kBAAkB;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI;AAElD,MAAM,OAAOA,MAAAA,QAAM,YAAuC,OAAO,QAAQ;CACvE,MAAM,EACJ,aAAa,EAAE,EACf,YACA,QACA,QACA,UAAU,OACV,WAAW,OACX,QAAQ,MACR,MACA,MACA,QACA,UAAU,OACV,QACA,YAAY,gBACZ,YACA,WAAW,eACX,WACA,OACA,UACA,GAAG,eACD;CAEJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,QAAQ,cAAc,WAAW,cAAc;CAC9E,MAAM,WAAW,QAAQ,cAAc,iBAAiB;AAExD,KAAI,WAAW,UAAU,KACvB,SAAQ,KAAK,kEAAkE;AAEjF,KAAI,WAAW,KACb,SAAQ,KAAK,iGAAiG;CAGhH,MAAM,YAAY,WAAW,UAAU,QAAQ,CAAC;CAEhD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,EAAE;CACjD,MAAM,WAAW,cAAc,WAAW,WAAW,WAAW,WAAW;CAE3E,MAAM,aAAa,kBAAkB,gBAAgB,aAAa,gBAAgB;CAClF,MAAM,EAAE,cAAc,aAAa,SAAS,aAAaC,2BAAAA,iBAAiB;EACxE,WAAW,WAAW;EACtB;EACA,iBAAiB,UAAU;EAC5B,CAAC;CAEF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,GAAG,aAAa;GAC7B,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,UAAU;GACvB,GAAG,UAAU,YAAY;GACzB,GAAG,UAAU,SAAS;EACxB,CAAC;CAEF,MAAM,sBAAsB;AAC1B,MAAI,CAAC,WAAY,QAAO;EAExB,MAAM,UADO,WAAW,WAAW,eACb,KAAK;AAC3B,SAAO,WAAW,MAAM,OAAO,QAAQ,SAAS;;CAGlD,MAAM,oBAAoB,SAAiB;AACzC,iBAAe,KAAK;AACpB,gBAAc,WAAW,WAAW,MAAM,SAAS;;CAGrD,MAAM,oBAAoB;AACxB,MAAI,WAAW;AACb,OAAI,WAAW,WAAW,EACxB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAC1B,QAAQ,aAAa;IAClB,CAAA;AAGV,OAAI,YAAY;IACd,MAAM,CAAC,OAAO,OAAO;IACrB,MAAM,eAAe,WAAW,MAAM,OAAO,MAAM,EAAE,CAAC,KAAK,MAAM,MAAM,WAAW,MAAM,QAAQ,EAAE,CAAC;AACnG,WACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,OAAO;MAAE,QAAQ;MAAa,UAAU;MAAY;eACvD,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,OAAO;OAAE,UAAU;OAAY,KAAK;OAAG,MAAM;OAAG,OAAO;OAAG,WAAW,cAAc,QAAQ;OAAM;gBACnG;MACG,CAAA;KACF,CAAA;;AAGV,UAAO;;EAGT,MAAM,QAAQ,eAAe;AAC7B,MAAI,MAAM,WAAW,KAAK,CAAC,SACzB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAC1B,QAAQ,aAAa;GAClB,CAAA;AAGV,MAAI,YAAY;GACd,MAAM,WAAW,MAAM,KAAK,MAAM,UAAU,WAAW,MAAM,MAAM,CAAC;AACpE,OAAI,KACF,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,GAAG,UAAU;IACxB,OAAO;KACL,SAAS;KACT,qBAAqB,UAAU,KAAK,UAAU,EAAE;KAChD,KAAK,KAAK,SAAS,GAAG,KAAK,OAAO,MAAM,KAAA;KACzC;cAEA;IACG,CAAA;AAGV,UAAO;;AAET,SAAO;;CAGT,MAAM,iBAAiB,cAAc,CAAC;CACtC,MAAM,mBAAmB,cAAc,OAAO,eAAe,WAAW,aAAa,KAAA;CACrF,MAAM,aAAa,kBAAkB,SAAS,WAAW;CACzD,MAAM,aAAa,kBAAkB,WAAW;CAEhD,MAAM,WAAA,GAAA,WAAA,SAAqB,GAAG,UAAU,SAAS,GAC9C,GAAG,UAAU,kBAAkB,WACjC,CAAC;CAEF,MAAM,YAA6C,YAC/C;EAAE;EAAQ,WAAW;EAAQ,GAC7B,KAAA;AAEJ,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD;GACG,UAAU,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAY;IAAa,CAAA;GACjE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW;IAAS,OAAO;IAAW,UAAU,YAAY,WAAW,KAAA;cACzE,UACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAAY;KAAgB,CAAA,GAEzD,aAAa;IAEX,CAAA;GACL,UAAU,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAY;IAAa,CAAA;GAChE,kBACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IACE,SAAS;IACT,OAAO;IACG;IACV,OAAO,kBAAkB,SAAS;IAClC,MAAM,kBAAkB;IACxB,UAAU,kBAAkB;IAC5B,WAAW,SAAS,iBAAiB,KAAK;IAC1C,OAAO,EAAE,SAAS,IAAI;IACtB,CAAA;GAEA;;EAER;AAEF,KAAK,cAAc"}
+{"version":3,"file":"list.js","names":["React","ConfigContext","getPrefixCls","useVirtualScroll","Pagination"],"sources":["../../src/list/list.tsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useVirtualScroll } from '../_utils/use-virtual-scroll';\nimport Pagination from '../pagination';\nimport { ListProps } from './types';\n\nconst ITEM_HEIGHT_MAP = { sm: 41, md: 49, lg: 57 } as const;\n\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    dataSource = [],\n    renderItem,\n    header,\n    footer,\n    loading = false,\n    bordered = false,\n    split = true,\n    size,\n    grid,\n    locale,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    pagination,\n    prefixCls: customisedCls,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('list', configContext.prefixCls, customisedCls);\n  const listSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-design: List] `height` is required when `virtual` is enabled.');\n  }\n  if (virtual && grid) {\n    console.warn('[tiny-design: List] `virtual` is not supported with `grid` mode. Falling back to normal rendering.');\n  }\n\n  const isVirtual = virtual && height != null && !grid;\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  const itemHeight = itemHeightProp ?? ITEM_HEIGHT_MAP[listSize] ?? ITEM_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: dataSource.length,\n    itemHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${listSize}`]: listSize,\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_split`]: split,\n    [`${prefixCls}_loading`]: loading,\n    [`${prefixCls}_grid`]: grid,\n  });\n\n  const paginatedData = () => {\n    if (!pagination) return dataSource;\n    const page = pagination.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return dataSource.slice(start, start + pageSize);\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n  };\n\n  const renderItems = () => {\n    if (isVirtual) {\n      if (dataSource.length === 0) {\n        return (\n          <div className={`${prefixCls}__empty`}>\n            {locale?.emptyText ?? 'No Data'}\n          </div>\n        );\n      }\n      if (renderItem) {\n        const [start, end] = visibleRange;\n        const visibleItems = dataSource.slice(start, end + 1).map((item, i) => renderItem(item, start + i));\n        return (\n          <div style={{ height: totalHeight, position: 'relative' }}>\n            <div style={{ position: 'absolute', top: 0, left: 0, right: 0, transform: `translateY(${offsetY}px)` }}>\n              {visibleItems}\n            </div>\n          </div>\n        );\n      }\n      return children;\n    }\n\n    const items = paginatedData();\n    if (items.length === 0 && !children) {\n      return (\n        <div className={`${prefixCls}__empty`}>\n          {locale?.emptyText ?? 'No Data'}\n        </div>\n      );\n    }\n    if (renderItem) {\n      const rendered = items.map((item, index) => renderItem(item, index));\n      if (grid) {\n        return (\n          <div\n            className={`${prefixCls}__grid`}\n            style={{\n              display: 'grid',\n              gridTemplateColumns: `repeat(${grid.column || 3}, 1fr)`,\n              gap: grid.gutter ? `${grid.gutter}px` : undefined,\n            }}\n          >\n            {rendered}\n          </div>\n        );\n      }\n      return rendered;\n    }\n    return children;\n  };\n\n  const showPagination = pagination && !isVirtual;\n  const paginationConfig = pagination && typeof pagination === 'object' ? pagination : undefined;\n  const totalItems = paginationConfig?.total ?? dataSource.length;\n  const activePage = paginationConfig?.current ?? currentPage;\n\n  const bodyCls = classNames(`${prefixCls}__body`, {\n    [`${prefixCls}__body_virtual`]: isVirtual,\n  });\n\n  const bodyStyle: React.CSSProperties | undefined = isVirtual\n    ? { height, overflowY: 'auto' }\n    : undefined;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {header && <div className={`${prefixCls}__header`}>{header}</div>}\n      <div className={bodyCls} style={bodyStyle} onScroll={isVirtual ? onScroll : undefined}>\n        {loading ? (\n          <div className={`${prefixCls}__loading`}>Loading...</div>\n        ) : (\n          renderItems()\n        )}\n      </div>\n      {footer && <div className={`${prefixCls}__footer`}>{footer}</div>}\n      {showPagination && (\n        <Pagination\n          current={activePage}\n          total={totalItems}\n          pageSize={pageSize}\n          align={paginationConfig?.align ?? 'right'}\n          size={paginationConfig?.size}\n          disabled={paginationConfig?.disabled}\n          onChange={(page) => handlePageChange(page)}\n          style={{ padding: 16 }}\n        />\n      )}\n    </div>\n  );\n});\n\nList.displayName = 'List';\nexport default List;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,kBAAkB;CAAE,IAAI;CAAI,IAAI;CAAI,IAAI;CAAI;AAElD,MAAM,OAAOA,MAAAA,QAAM,YAAuC,OAAO,QAAQ;CACvE,MAAM,EACJ,aAAa,EAAE,EACf,YACA,QACA,QACA,UAAU,OACV,WAAW,OACX,QAAQ,MACR,MACA,MACA,QACA,UAAU,OACV,QACA,YAAY,gBACZ,YACA,WAAW,eACX,WACA,OACA,UACA,GAAG,eACD;CAEJ,MAAM,iBAAA,GAAA,MAAA,YAA2BC,uBAAAA,cAAc;CAC/C,MAAM,YAAYC,gBAAAA,aAAa,QAAQ,cAAc,WAAW,cAAc;CAC9E,MAAM,WAAW,QAAQ,cAAc,iBAAiB;AAExD,KAAI,WAAW,UAAU,KACvB,SAAQ,KAAK,sEAAsE;AAErF,KAAI,WAAW,KACb,SAAQ,KAAK,qGAAqG;CAGpH,MAAM,YAAY,WAAW,UAAU,QAAQ,CAAC;CAEhD,MAAM,CAAC,aAAa,mBAAA,GAAA,MAAA,UAA2B,EAAE;CACjD,MAAM,WAAW,cAAc,WAAW,WAAW,WAAW,WAAW;CAE3E,MAAM,aAAa,kBAAkB,gBAAgB,aAAa,gBAAgB;CAClF,MAAM,EAAE,cAAc,aAAa,SAAS,aAAaC,2BAAAA,iBAAiB;EACxE,WAAW,WAAW;EACtB;EACA,iBAAiB,UAAU;EAC5B,CAAC;CAEF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,GAAG,aAAa;GAC7B,GAAG,UAAU,aAAa;GAC1B,GAAG,UAAU,UAAU;GACvB,GAAG,UAAU,YAAY;GACzB,GAAG,UAAU,SAAS;EACxB,CAAC;CAEF,MAAM,sBAAsB;AAC1B,MAAI,CAAC,WAAY,QAAO;EAExB,MAAM,UADO,WAAW,WAAW,eACb,KAAK;AAC3B,SAAO,WAAW,MAAM,OAAO,QAAQ,SAAS;;CAGlD,MAAM,oBAAoB,SAAiB;AACzC,iBAAe,KAAK;AACpB,gBAAc,WAAW,WAAW,MAAM,SAAS;;CAGrD,MAAM,oBAAoB;AACxB,MAAI,WAAW;AACb,OAAI,WAAW,WAAW,EACxB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAC1B,QAAQ,aAAa;IAClB,CAAA;AAGV,OAAI,YAAY;IACd,MAAM,CAAC,OAAO,OAAO;IACrB,MAAM,eAAe,WAAW,MAAM,OAAO,MAAM,EAAE,CAAC,KAAK,MAAM,MAAM,WAAW,MAAM,QAAQ,EAAE,CAAC;AACnG,WACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,OAAO;MAAE,QAAQ;MAAa,UAAU;MAAY;eACvD,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,OAAO;OAAE,UAAU;OAAY,KAAK;OAAG,MAAM;OAAG,OAAO;OAAG,WAAW,cAAc,QAAQ;OAAM;gBACnG;MACG,CAAA;KACF,CAAA;;AAGV,UAAO;;EAGT,MAAM,QAAQ,eAAe;AAC7B,MAAI,MAAM,WAAW,KAAK,CAAC,SACzB,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,WAAW,GAAG,UAAU;aAC1B,QAAQ,aAAa;GAClB,CAAA;AAGV,MAAI,YAAY;GACd,MAAM,WAAW,MAAM,KAAK,MAAM,UAAU,WAAW,MAAM,MAAM,CAAC;AACpE,OAAI,KACF,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,WAAW,GAAG,UAAU;IACxB,OAAO;KACL,SAAS;KACT,qBAAqB,UAAU,KAAK,UAAU,EAAE;KAChD,KAAK,KAAK,SAAS,GAAG,KAAK,OAAO,MAAM,KAAA;KACzC;cAEA;IACG,CAAA;AAGV,UAAO;;AAET,SAAO;;CAGT,MAAM,iBAAiB,cAAc,CAAC;CACtC,MAAM,mBAAmB,cAAc,OAAO,eAAe,WAAW,aAAa,KAAA;CACrF,MAAM,aAAa,kBAAkB,SAAS,WAAW;CACzD,MAAM,aAAa,kBAAkB,WAAW;CAEhD,MAAM,WAAA,GAAA,WAAA,SAAqB,GAAG,UAAU,SAAS,GAC9C,GAAG,UAAU,kBAAkB,WACjC,CAAC;CAEF,MAAM,YAA6C,YAC/C;EAAE;EAAQ,WAAW;EAAQ,GAC7B,KAAA;AAEJ,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAY;YAAtD;GACG,UAAU,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAY;IAAa,CAAA;GACjE,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW;IAAS,OAAO;IAAW,UAAU,YAAY,WAAW,KAAA;cACzE,UACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAAY;KAAgB,CAAA,GAEzD,aAAa;IAEX,CAAA;GACL,UAAU,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAW,GAAG,UAAU;cAAY;IAAa,CAAA;GAChE,kBACC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;IACE,SAAS;IACT,OAAO;IACG;IACV,OAAO,kBAAkB,SAAS;IAClC,MAAM,kBAAkB;IACxB,UAAU,kBAAkB;IAC5B,WAAW,SAAS,iBAAiB,KAAK;IAC1C,OAAO,EAAE,SAAS,IAAI;IACtB,CAAA;GAEA;;EAER;AAEF,KAAK,cAAc"}

package/lib/rate/rate.js

@@ -1,19 +1,16 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.js");
 const require_config_context = require("../config-provider/config-context.js");
 const require_general = require("../_utils/general.js");
-const require_index = require("../icon/index.js");
 const require_rate_item = require("./rate-item.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let classnames = require("classnames");
 classnames = require_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
+let _tiny_design_icons = require("@tiny-design/icons");
 //#region src/rate/rate.tsx
 const Rate = react.default.forwardRef((props, ref) => {
-	const { color = "#FADB14", character = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
-		name: "star-fill",
-		size: 20
-	}), clearable = true, half = false, count = 5, defaultValue = 0, disabled = false, onChange, className, style, prefixCls: customisedCls, ...otherProps } = props;
+	const { color = "#FADB14", character = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_tiny_design_icons.IconStarFill, { size: 20 }), clearable = true, half = false, count = 5, defaultValue = 0, disabled = false, onChange, className, style, prefixCls: customisedCls, ...otherProps } = props;
 	const prefixCls = require_general.getPrefixCls("rate", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
 	const cls = (0, classnames.default)(prefixCls, className);
 	const [value, setValue] = (0, react.useState)("value" in props ? props.value : defaultValue);

package/lib/rate/rate.js.map

@@ -1 +1 @@
-{"version":3,"file":"rate.js","names":["React","Icon","getPrefixCls","ConfigContext","RateItem"],"sources":["../../src/rate/rate.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport Icon from '../icon';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { RateProps } from './types';\nimport RateItem from './rate-item';\n\nconst Rate = React.forwardRef<HTMLUListElement, RateProps>(\n  (props: RateProps, ref): JSX.Element => {\n    const {\n      color = '#FADB14',\n      character = <Icon name=\"star-fill\" size={20} />,\n      clearable = true,\n      half = false,\n      count = 5,\n      defaultValue = 0,\n      disabled = false,\n      onChange,\n      className,\n      style,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('rate', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const [value, setValue] = useState<number>(\n      'value' in props ? (props.value as number) : defaultValue\n    );\n    // tepValue is for setting the value when the mouse is hovering the bar\n    const [tmpValue, setTmpValue] = useState<number>(\n      'value' in props ? (props.value as number) : defaultValue\n    );\n\n    /**\n     * Callback when the mouse enters each star item\n     * @param index\n     */\n    const onMouseEnter = (index: number): void => {\n      !disabled && setTmpValue(index);\n    };\n\n    const onClick = (): void => {\n      if (!disabled && clearable) {\n        const val = tmpValue === value ? 0 : tmpValue;\n        setTmpValue(val);\n        !('value' in props) && setValue(val);\n        onChange && onChange(val);\n      } else {\n        !('value' in props) && setValue(tmpValue);\n        onChange && onChange(tmpValue);\n      }\n    };\n\n    /**\n     * When the mouse leaves the rate component\n     */\n    const onMouseLeave = (): void => {\n      setTmpValue(value);\n    };\n\n    useEffect(() => {\n      'value' in props && setValue(props.value as number);\n    }, [props]);\n\n    return (\n      <ul\n        {...otherProps}\n        ref={ref}\n        className={cls}\n        style={style}\n        role=\"radiogroup\"\n        aria-label=\"Rating\"\n        tabIndex={disabled ? -1 : 0}\n        onMouseLeave={onMouseLeave}\n        onKeyDown={(e: React.KeyboardEvent) => {\n          if (disabled) return;\n          if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {\n            e.preventDefault();\n            const step = half ? 0.5 : 1;\n            const newVal = Math.min(tmpValue + step, count);\n            setTmpValue(newVal);\n            !('value' in props) && setValue(newVal);\n            onChange?.(newVal);\n          } else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {\n            e.preventDefault();\n            const step = half ? 0.5 : 1;\n            const newVal = Math.max(tmpValue - step, 0);\n            setTmpValue(newVal);\n            !('value' in props) && setValue(newVal);\n            onChange?.(newVal);\n          }\n        }}>\n        {Array(count)\n          .fill(0)\n          .map((_, idx) => (\n            <RateItem\n              key={idx}\n              index={idx + 1}\n              half={half}\n              character={character}\n              prefixCls={prefixCls}\n              onMouseEnter={onMouseEnter}\n              onClick={onClick}\n              value={half ? tmpValue : Math.round(tmpValue)}\n              color={color}\n            />\n          ))}\n      </ul>\n    );\n  }\n);\n\nRate.displayName = 'Rate';\n\nexport default Rate;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,OAAOA,MAAAA,QAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,QAAQ,WACR,YAAY,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EAAM,MAAK;EAAY,MAAM;EAAM,CAAA,EAC/C,YAAY,MACZ,OAAO,OACP,QAAQ,GACR,eAAe,GACf,WAAW,OACX,UACA,WACA,OACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UACf,WAAW,QAAS,MAAM,QAAmB,aAC9C;;;;;CAMD,MAAM,gBAAgB,UAAwB;AAC5C,GAAC,YAAY,YAAY,MAAM;;CAGjC,MAAM,gBAAsB;AAC1B,MAAI,CAAC,YAAY,WAAW;GAC1B,MAAM,MAAM,aAAa,QAAQ,IAAI;AACrC,eAAY,IAAI;AAChB,KAAE,WAAW,UAAU,SAAS,IAAI;AACpC,eAAY,SAAS,IAAI;SACpB;AACL,KAAE,WAAW,UAAU,SAAS,SAAS;AACzC,eAAY,SAAS,SAAS;;;;;;CAOlC,MAAM,qBAA2B;AAC/B,cAAY,MAAM;;AAGpB,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW;EACJ;EACP,MAAK;EACL,cAAW;EACX,UAAU,WAAW,KAAK;EACZ;EACd,YAAY,MAA2B;AACrC,OAAI,SAAU;AACd,OAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,WAAW;AACjD,MAAE,gBAAgB;IAClB,MAAM,OAAO,OAAO,KAAM;IAC1B,MAAM,SAAS,KAAK,IAAI,WAAW,MAAM,MAAM;AAC/C,gBAAY,OAAO;AACnB,MAAE,WAAW,UAAU,SAAS,OAAO;AACvC,eAAW,OAAO;cACT,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAa;AACzD,MAAE,gBAAgB;IAClB,MAAM,OAAO,OAAO,KAAM;IAC1B,MAAM,SAAS,KAAK,IAAI,WAAW,MAAM,EAAE;AAC3C,gBAAY,OAAO;AACnB,MAAE,WAAW,UAAU,SAAS,OAAO;AACvC,eAAW,OAAO;;;YAGrB,MAAM,MAAM,CACV,KAAK,EAAE,CACP,KAAK,GAAG,QACP,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,SAAD;GAEE,OAAO,MAAM;GACP;GACK;GACA;GACG;GACL;GACT,OAAO,OAAO,WAAW,KAAK,MAAM,SAAS;GACtC;GACP,EATK,IASL,CACF;EACD,CAAA;EAGV;AAED,KAAK,cAAc"}
+{"version":3,"file":"rate.js","names":["React","IconStarFill","getPrefixCls","ConfigContext","RateItem"],"sources":["../../src/rate/rate.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { IconStarFill } from '@tiny-design/icons';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { RateProps } from './types';\nimport RateItem from './rate-item';\n\nconst Rate = React.forwardRef<HTMLUListElement, RateProps>(\n  (props: RateProps, ref): JSX.Element => {\n    const {\n      color = '#FADB14',\n      character = <IconStarFill size={20} />,\n      clearable = true,\n      half = false,\n      count = 5,\n      defaultValue = 0,\n      disabled = false,\n      onChange,\n      className,\n      style,\n      prefixCls: customisedCls,\n      ...otherProps\n    } = props;\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('rate', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className);\n    const [value, setValue] = useState<number>(\n      'value' in props ? (props.value as number) : defaultValue\n    );\n    // tepValue is for setting the value when the mouse is hovering the bar\n    const [tmpValue, setTmpValue] = useState<number>(\n      'value' in props ? (props.value as number) : defaultValue\n    );\n\n    /**\n     * Callback when the mouse enters each star item\n     * @param index\n     */\n    const onMouseEnter = (index: number): void => {\n      !disabled && setTmpValue(index);\n    };\n\n    const onClick = (): void => {\n      if (!disabled && clearable) {\n        const val = tmpValue === value ? 0 : tmpValue;\n        setTmpValue(val);\n        !('value' in props) && setValue(val);\n        onChange && onChange(val);\n      } else {\n        !('value' in props) && setValue(tmpValue);\n        onChange && onChange(tmpValue);\n      }\n    };\n\n    /**\n     * When the mouse leaves the rate component\n     */\n    const onMouseLeave = (): void => {\n      setTmpValue(value);\n    };\n\n    useEffect(() => {\n      'value' in props && setValue(props.value as number);\n    }, [props]);\n\n    return (\n      <ul\n        {...otherProps}\n        ref={ref}\n        className={cls}\n        style={style}\n        role=\"radiogroup\"\n        aria-label=\"Rating\"\n        tabIndex={disabled ? -1 : 0}\n        onMouseLeave={onMouseLeave}\n        onKeyDown={(e: React.KeyboardEvent) => {\n          if (disabled) return;\n          if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {\n            e.preventDefault();\n            const step = half ? 0.5 : 1;\n            const newVal = Math.min(tmpValue + step, count);\n            setTmpValue(newVal);\n            !('value' in props) && setValue(newVal);\n            onChange?.(newVal);\n          } else if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {\n            e.preventDefault();\n            const step = half ? 0.5 : 1;\n            const newVal = Math.max(tmpValue - step, 0);\n            setTmpValue(newVal);\n            !('value' in props) && setValue(newVal);\n            onChange?.(newVal);\n          }\n        }}>\n        {Array(count)\n          .fill(0)\n          .map((_, idx) => (\n            <RateItem\n              key={idx}\n              index={idx + 1}\n              half={half}\n              character={character}\n              prefixCls={prefixCls}\n              onMouseEnter={onMouseEnter}\n              onClick={onClick}\n              value={half ? tmpValue : Math.round(tmpValue)}\n              color={color}\n            />\n          ))}\n      </ul>\n    );\n  }\n);\n\nRate.displayName = 'Rate';\n\nexport default Rate;\n"],"mappings":";;;;;;;;;;;AAQA,MAAM,OAAOA,MAAAA,QAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,QAAQ,WACR,YAAY,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,cAAD,EAAc,MAAM,IAAM,CAAA,EACtC,YAAY,MACZ,OAAO,OACP,QAAQ,GACR,eAAe,GACf,WAAW,OACX,UACA,WACA,OACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAYC,gBAAAA,aAAa,SAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UACZ,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UACf,WAAW,QAAS,MAAM,QAAmB,aAC9C;;;;;CAMD,MAAM,gBAAgB,UAAwB;AAC5C,GAAC,YAAY,YAAY,MAAM;;CAGjC,MAAM,gBAAsB;AAC1B,MAAI,CAAC,YAAY,WAAW;GAC1B,MAAM,MAAM,aAAa,QAAQ,IAAI;AACrC,eAAY,IAAI;AAChB,KAAE,WAAW,UAAU,SAAS,IAAI;AACpC,eAAY,SAAS,IAAI;SACpB;AACL,KAAE,WAAW,UAAU,SAAS,SAAS;AACzC,eAAY,SAAS,SAAS;;;;;;CAOlC,MAAM,qBAA2B;AAC/B,cAAY,MAAM;;AAGpB,EAAA,GAAA,MAAA,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;EACE,GAAI;EACC;EACL,WAAW;EACJ;EACP,MAAK;EACL,cAAW;EACX,UAAU,WAAW,KAAK;EACZ;EACd,YAAY,MAA2B;AACrC,OAAI,SAAU;AACd,OAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,WAAW;AACjD,MAAE,gBAAgB;IAClB,MAAM,OAAO,OAAO,KAAM;IAC1B,MAAM,SAAS,KAAK,IAAI,WAAW,MAAM,MAAM;AAC/C,gBAAY,OAAO;AACnB,MAAE,WAAW,UAAU,SAAS,OAAO;AACvC,eAAW,OAAO;cACT,EAAE,QAAQ,eAAe,EAAE,QAAQ,aAAa;AACzD,MAAE,gBAAgB;IAClB,MAAM,OAAO,OAAO,KAAM;IAC1B,MAAM,SAAS,KAAK,IAAI,WAAW,MAAM,EAAE;AAC3C,gBAAY,OAAO;AACnB,MAAE,WAAW,UAAU,SAAS,OAAO;AACvC,eAAW,OAAO;;;YAGrB,MAAM,MAAM,CACV,KAAK,EAAE,CACP,KAAK,GAAG,QACP,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,SAAD;GAEE,OAAO,MAAM;GACP;GACK;GACA;GACG;GACL;GACT,OAAO,OAAO,WAAW,KAAK,MAAM,SAAS;GACtC;GACP,EATK,IASL,CACF;EACD,CAAA;EAGV;AAED,KAAK,cAAc"}

package/lib/style/_component.scss

@@ -25,7 +25,6 @@
 @use "../flip/style/index" as *;
 @use "../form/style/index" as *;
 @use "../grid/style/index" as *;
-@use "../icon/style/index" as *;
 @use "../image/style/index" as *;
 @use "../input/style/index" as *;
 @use "../input-number/style/index" as *;
@@ -76,3 +75,4 @@
 @use "../tree/style/index" as *;
 @use "../typography/style/index" as *;
 @use "../upload/style/index" as *;
+@use "../with-spin/style/index" as *;

package/lib/style/base.css

@@ -800,6 +800,7 @@ html[data-tiny-theme=dark] {
     --ty-calendar-hover: #2a2a2a;
   }
 }
+/* stylelint-disable scss/comment-no-empty */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 /**
  * 1. Correct the line height in all browsers.
@@ -808,7 +809,9 @@ html[data-tiny-theme=dark] {
 html {
   font-size: 14px;
   line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%;
+     -moz-text-size-adjust: 100%;
+          text-size-adjust: 100%; /* 2 */
 }
 
 /* Sections
@@ -1000,6 +1003,8 @@ button,
 [type=reset],
 [type=submit] {
   -webkit-appearance: button;
+     -moz-appearance: button;
+          appearance: button;
 }
 
 /**
@@ -1082,7 +1087,9 @@ textarea {
  * 2. Correct the outline style in Safari.
  */
 [type=search] {
-  -webkit-appearance: textfield; /* 1 */
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
 
@@ -1091,6 +1098,7 @@ textarea {
  */
 [type=search]::-webkit-search-decoration {
   -webkit-appearance: none;
+          appearance: none;
 }
 
 /**
@@ -1098,7 +1106,8 @@ textarea {
  * 2. Change font properties to `inherit` in Safari.
  */
 ::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
+  -webkit-appearance: button;
+          appearance: button; /* 1 */
   font: inherit; /* 2 */
 }
 

package/lib/switch/style/index.css

@@ -112,7 +112,7 @@
   height: 1em;
   position: relative;
   border-width: 2px;
-  border-color: currentColor currentColor transparent transparent;
+  border-color: currentcolor currentcolor transparent transparent;
   border-style: solid;
   border-radius: 50%;
   animation: ty-rotate-reverse 600ms infinite linear;
@@ -144,7 +144,7 @@
   height: 1em;
   position: relative;
   border-width: 2px;
-  border-color: currentColor currentColor transparent transparent;
+  border-color: currentcolor currentcolor transparent transparent;
   border-style: solid;
   border-radius: 50%;
   animation: ty-rotate-reverse 600ms infinite linear;
@@ -176,7 +176,7 @@
   height: 1em;
   position: relative;
   border-width: 2px;
-  border-color: currentColor currentColor transparent transparent;
+  border-color: currentcolor currentcolor transparent transparent;
   border-style: solid;
   border-radius: 50%;
   animation: ty-rotate-reverse 600ms infinite linear;