@tiny-design/react 1.0.4 → 1.0.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 Di Wang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,107 @@
+# @tiny-design/react
+
+A friendly UI component library for React with 80+ components, theming, and i18n support.
+
+## Install
+
+```bash
+npm install @tiny-design/react @tiny-design/tokens
+# or
+pnpm add @tiny-design/react @tiny-design/tokens
+```
+
+**Peer dependencies:** `react >= 18.0.0`, `react-dom >= 18.0.0`
+
+## Quick Start
+
+```tsx
+import '@tiny-design/tokens';
+import { Button, ConfigProvider } from '@tiny-design/react';
+
+function App() {
+  return (
+    <ConfigProvider theme="light">
+      <Button btnType="primary">Hello Tiny</Button>
+    </ConfigProvider>
+  );
+}
+```
+
+## Components
+
+### Layout
+Flex, Layout, Row, Col, Space, Divider, AspectRatio
+
+### Navigation
+Anchor, Breadcrumb, Menu, Link, Pagination, Steps, Tabs
+
+### Forms & Input
+Input, InputNumber, InputPassword, Textarea, Button, Checkbox, Radio, Select, NativeSelect, AutoComplete, Cascader, DatePicker, TimePicker, ColorPicker, Slider, Switch, Rate, Segmented, Upload, Transfer, Form
+
+### Data Display
+Avatar, Badge, Card, Descriptions, Empty, Image, List, Table, Tag, Timeline, Tree, Typography, Progress, Statistic, Skeleton, Carousel
+
+### Feedback
+Modal, Drawer, Alert, Tooltip, Popover, PopConfirm, Notification, Message, Result, Loader, LoadingBar
+
+### Other
+Dropdown, SplitButton, Overlay, Countdown, CopyToClipboard, Flip, BackTop, Sticky, SpeedDial, Split, ScrollIndicator, StrengthIndicator, Transition
+
+## Configuration
+
+Use `ConfigProvider` to set global defaults:
+
+```tsx
+import { ConfigProvider } from '@tiny-design/react';
+
+<ConfigProvider
+  theme="dark"
+  componentSize="lg"
+  locale={zh_CN}
+>
+  <App />
+</ConfigProvider>
+```
+
+| Prop | Type | Default | Description |
+| --- | --- | --- | --- |
+| `theme` | `'light' \| 'dark' \| 'system'` | `'light'` | Color theme |
+| `componentSize` | `'sm' \| 'md' \| 'lg'` | `'md'` | Global component size |
+| `locale` | `Locale` | `en_US` | Locale for i18n |
+| `prefixCls` | `string` | `'ty'` | CSS class prefix |
+
+## Theming
+
+Toggle themes programmatically with the `useTheme` hook:
+
+```tsx
+import { useTheme } from '@tiny-design/react';
+
+function ThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  return (
+    <button onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>
+      Current: {theme}
+    </button>
+  );
+}
+```
+
+Theme preference is persisted to `localStorage` and the `system` option follows `prefers-color-scheme`.
+
+## Localization
+
+Built-in locales: `en_US`, `zh_CN`.
+
+```tsx
+import { ConfigProvider, IntlProvider } from '@tiny-design/react';
+import zh_CN from '@tiny-design/react/es/locale/zh_CN';
+
+<ConfigProvider locale={zh_CN}>
+  <App />
+</ConfigProvider>
+```
+
+## License
+
+MIT

package/es/button/style/index.css

@@ -51,7 +51,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;

package/es/index.d.ts

@@ -28,7 +28,6 @@ import { Empty } from "./empty/empty.js";
 import { Flex } from "./flex/flex.js";
 import { DefaultFlip } from "./flip/index.js";
 import { DefaultForm } from "./form/index.js";
-import { Icon } from "./icon/icon.js";
 import { Image } from "./image/image.js";
 import { DefaultInput } from "./input/index.js";
 import { InputNumber } from "./input-number/input-number.js";
@@ -81,8 +80,9 @@ import { Tree } from "./tree/tree.js";
 import { DefaultTypo } from "./typography/index.js";
 import { Upload } from "./upload/upload.js";
 import { withLocale } from "./intl-provider/with-locale.js";
+import { withSpin } from "./with-spin/with-spin.js";
 import { en_US } from "./locale/en_US.js";
 import { zh_CN } from "./locale/zh_CN.js";
 import { useLocale } from "./_utils/use-locale.js";
 import { ThemeMode, useTheme } from "./_utils/use-theme.js";
-export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Icon, Image, DefaultInput as Input, InputNumber, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, en_US, useLocale, useTheme, withLocale, zh_CN };
+export { Alert, DefaultAnchor as Anchor, AspectRatio, AutoComplete, DefaultAvatar as Avatar, BackTop, Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, Calendar, DefaultCard as Card, DefaultCarousel as Carousel, Cascader, DefaultCheckbox as Checkbox, Col, DefaultCollapse as Collapse, ColorPicker, ConfigProvider, CopyToClipboard, Countdown, DatePicker, DefaultDesc as Descriptions, Divider, Drawer, Dropdown, Empty, Flex, DefaultFlip as Flip, DefaultForm as Form, Image, DefaultInput as Input, InputNumber, InputPassword, IntlProvider, Keyboard, DefaultLayout as Layout, Link, DefaultList as List, Loader, _default as LoadingBar, type Locale, DefaultMenu as Menu, messageContainer as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notificationContainer as Notification, Overlay, Pagination, PopConfirm, Popover, Progress, DefaultRadio as Radio, Rate, Result, Row, ScrollIndicator, Segmented, DefaultSelect$1 as Select, Skeleton, Slider, Space, DefaultSpeedDial as SpeedDial, Split, SplitButton, Statistic, DefaultSteps as Steps, Sticky, StrengthIndicator, Switch, Table, DefaultTabs as Tabs, DefaultTag as Tag, Textarea, type ThemeMode, TimePicker, DefaultTimeline as Timeline, Tooltip, Transfer, Transition, Tree, DefaultTypo as Typography, Upload, en_US, useLocale, useTheme, withLocale, withSpin, zh_CN };

package/es/index.js

@@ -34,7 +34,6 @@ import empty_default from "./empty/index.js";
 import flex_default from "./flex/index.js";
 import DefaultFlip from "./flip/index.js";
 import DefaultForm from "./form/index.js";
-import icon_default from "./icon/index.js";
 import image_default from "./image/index.js";
 import DefaultInput from "./input/index.js";
 import input_number_default from "./input-number/index.js";
@@ -83,6 +82,7 @@ import tree_default from "./tree/index.js";
 import DefaultTypo from "./typography/index.js";
 import upload_default from "./upload/index.js";
 import { withLocale } from "./intl-provider/with-locale.js";
+import { withSpin } from "./with-spin/with-spin.js";
 import zh_CN from "./locale/zh_CN.js";
 import { useTheme } from "./_utils/use-theme.js";
-export { alert_default as Alert, DefaultAnchor as Anchor, aspect_ratio_default as AspectRatio, AutoComplete, DefaultAvatar as Avatar, back_top_default as BackTop, badge_default as Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, calendar_default as Calendar, DefaultCard as Card, DefaultCarousel as Carousel, cascader_default as Cascader, DefaultCheckbox as Checkbox, col_default as Col, DefaultCollapse as Collapse, color_picker_default as ColorPicker, config_provider_default as ConfigProvider, copy_to_clipboard_default as CopyToClipboard, countdown_default as Countdown, date_picker_default as DatePicker, DefaultDesc as Descriptions, divider_default as Divider, drawer_default as Drawer, dropdown_default as Dropdown, empty_default as Empty, flex_default as Flex, DefaultFlip as Flip, DefaultForm as Form, icon_default as Icon, image_default as Image, DefaultInput as Input, input_number_default as InputNumber, input_password_default as InputPassword, intl_provider_default as IntlProvider, keyboard_default as Keyboard, DefaultLayout as Layout, link_default as Link, DefaultList as List, loader_default as Loader, loading_bar_default as LoadingBar, DefaultMenu as Menu, message_default as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notification_default as Notification, overlay_default as Overlay, pagination_default as Pagination, pop_confirm_default as PopConfirm, popover_default as Popover, Progress, DefaultRadio as Radio, rate_default as Rate, result_default as Result, row_default as Row, scroll_indicator_default as ScrollIndicator, segmented_default as Segmented, DefaultSelect$1 as Select, skeleton_default as Skeleton, slider_default as Slider, space_default as Space, DefaultSpeedDial as SpeedDial, split_default as Split, split_button_default as SplitButton, statistic_default as Statistic, DefaultSteps as Steps, sticky_default as Sticky, strength_indicator_default as StrengthIndicator, switch_default as Switch, table_default as Table, DefaultTabs as Tabs, DefaultTag as Tag, textarea_default as Textarea, time_picker_default as TimePicker, DefaultTimeline as Timeline, tooltip_default as Tooltip, transfer_default as Transfer, transition_default as Transition, tree_default as Tree, DefaultTypo as Typography, upload_default as Upload, en_US, useLocale, useTheme, withLocale, zh_CN };
+export { alert_default as Alert, DefaultAnchor as Anchor, aspect_ratio_default as AspectRatio, AutoComplete, DefaultAvatar as Avatar, back_top_default as BackTop, badge_default as Badge, DefaultBreadcrumb as Breadcrumb, DefaultButton as Button, calendar_default as Calendar, DefaultCard as Card, DefaultCarousel as Carousel, cascader_default as Cascader, DefaultCheckbox as Checkbox, col_default as Col, DefaultCollapse as Collapse, color_picker_default as ColorPicker, config_provider_default as ConfigProvider, copy_to_clipboard_default as CopyToClipboard, countdown_default as Countdown, date_picker_default as DatePicker, DefaultDesc as Descriptions, divider_default as Divider, drawer_default as Drawer, dropdown_default as Dropdown, empty_default as Empty, flex_default as Flex, DefaultFlip as Flip, DefaultForm as Form, image_default as Image, DefaultInput as Input, input_number_default as InputNumber, input_password_default as InputPassword, intl_provider_default as IntlProvider, keyboard_default as Keyboard, DefaultLayout as Layout, link_default as Link, DefaultList as List, loader_default as Loader, loading_bar_default as LoadingBar, DefaultMenu as Menu, message_default as Message, ModalWithContext as Modal, DefaultSelect as NativeSelect, notification_default as Notification, overlay_default as Overlay, pagination_default as Pagination, pop_confirm_default as PopConfirm, popover_default as Popover, Progress, DefaultRadio as Radio, rate_default as Rate, result_default as Result, row_default as Row, scroll_indicator_default as ScrollIndicator, segmented_default as Segmented, DefaultSelect$1 as Select, skeleton_default as Skeleton, slider_default as Slider, space_default as Space, DefaultSpeedDial as SpeedDial, split_default as Split, split_button_default as SplitButton, statistic_default as Statistic, DefaultSteps as Steps, sticky_default as Sticky, strength_indicator_default as StrengthIndicator, switch_default as Switch, table_default as Table, DefaultTabs as Tabs, DefaultTag as Tag, textarea_default as Textarea, time_picker_default as TimePicker, DefaultTimeline as Timeline, tooltip_default as Tooltip, transfer_default as Transfer, transition_default as Transition, tree_default as Tree, DefaultTypo as Typography, upload_default as Upload, en_US, useLocale, useTheme, withLocale, withSpin, zh_CN };

package/es/layout/sidebar.js

@@ -1,10 +1,10 @@
 import { ConfigContext } from "../config-provider/config-context.js";
 import { getPrefixCls } from "../_utils/general.js";
-import icon_default from "../icon/index.js";
 import { SidebarContext } from "./sidebar-context.js";
 import React, { useContext, useEffect, useState } from "react";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { IconLeft } from "@tiny-design/icons";
 //#region src/layout/sidebar.tsx
 const Sidebar = React.forwardRef((props, ref) => {
 	const { defaultCollapsed = false, width = 200, collapsedWidth = 70, theme = "light", trigger = null, collapsible = false, onCollapse, className, style, children, prefixCls: customisedCls, ...otherProps } = props;
@@ -32,10 +32,7 @@ const Sidebar = React.forwardRef((props, ref) => {
 			className: `${prefixCls}__trigger`,
 			onClick: _collapseBtnOnClick,
 			"aria-label": "Toggle sidebar",
-			children: /* @__PURE__ */ jsx(icon_default, {
-				name: "left",
-				className: `${prefixCls}__trigger-icon`
-			})
+			children: /* @__PURE__ */ jsx(IconLeft, { className: `${prefixCls}__trigger-icon` })
 		});
 	};
 	useEffect(() => {

package/es/layout/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":["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,UAAU,MAAM,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,oBAAoB,SACxC,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,iBAAiB,WAAW,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAY,aAAa,kBADT,WAAW,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,MAAM,WAAW,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,oBAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,oBAACA,cAAD;IAAM,MAAK;IAAO,WAAW,GAAG,UAAU;IAAmB,CAAA;GACtD,CAAA;;AAIb,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}
+{"version":3,"file":"sidebar.js","names":[],"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,UAAU,MAAM,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,oBAAoB,SACxC,eAAe,QAAQ,MAAM,YAAY,iBAC1C;CACD,MAAM,iBAAiB,WAAW,eAAe;CACjD,MAAM,eAAe,gBAAgB,iBAAiB;CAEtD,MAAM,aAAa;EACjB,GAAG;EACH,OAAO;EACP,UAAU;EACV,UAAU;EACX;CAGD,MAAM,YAAY,aAAa,kBADT,WAAW,cAAc,CACgB,WAAW,cAAc;CACxF,MAAM,MAAM,WAAW,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,oBAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAY,SAAS;GAAqB,cAAW;aACjG,oBAAC,UAAD,EAAU,WAAW,GAAG,UAAU,iBAAmB,CAAA;GAC9C,CAAA;;AAIb,iBAAgB;AACd,iBAAe,SAAS,iBAAiB,MAAM,UAAU;AACzD,iBAAe,YAAY;AAE3B,eAAa;AACX,kBAAe,eAAe;;IAE/B,CAAC,OAAO,eAAe,CAAC;AAE3B,QACE,qBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;YAAtD,CACE,oBAAC,OAAD;GAAK,WAAW,GAAG,UAAU;GAAc;GAAe,CAAA,EACzD,eAAe,CACZ;;EAGX;AAED,QAAQ,cAAc"}

package/es/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","names":["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":"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"}
+{"version":3,"file":"list.js","names":["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":"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"}

package/es/rate/rate.js

@@ -1,16 +1,13 @@
 import { ConfigContext } from "../config-provider/config-context.js";
 import { getPrefixCls } from "../_utils/general.js";
-import icon_default from "../icon/index.js";
 import RateItem from "./rate-item.js";
 import React, { useContext, useEffect, useState } from "react";
 import classNames from "classnames";
 import { jsx } from "react/jsx-runtime";
+import { IconStarFill } from "@tiny-design/icons";
 //#region src/rate/rate.tsx
 const Rate = React.forwardRef((props, ref) => {
-	const { color = "#FADB14", character = /* @__PURE__ */ jsx(icon_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__ */ jsx(IconStarFill, { size: 20 }), clearable = true, half = false, count = 5, defaultValue = 0, disabled = false, onChange, className, style, prefixCls: customisedCls, ...otherProps } = props;
 	const prefixCls = getPrefixCls("rate", useContext(ConfigContext).prefixCls, customisedCls);
 	const cls = classNames(prefixCls, className);
 	const [value, setValue] = useState("value" in props ? props.value : defaultValue);

package/es/rate/rate.js.map

@@ -1 +1 @@
-{"version":3,"file":"rate.js","names":["Icon"],"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,OAAO,MAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,QAAQ,WACR,YAAY,oBAACA,cAAD;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,YAAY,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,MAAM,WAAW,WAAW,UAAU;CAC5C,MAAM,CAAC,OAAO,YAAY,SACxB,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,CAAC,UAAU,eAAe,SAC9B,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,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,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,oBAAC,UAAD;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":[],"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,OAAO,MAAM,YAChB,OAAkB,QAAqB;CACtC,MAAM,EACJ,QAAQ,WACR,YAAY,oBAAC,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,YAAY,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc;CAC9E,MAAM,MAAM,WAAW,WAAW,UAAU;CAC5C,MAAM,CAAC,OAAO,YAAY,SACxB,WAAW,QAAS,MAAM,QAAmB,aAC9C;CAED,MAAM,CAAC,UAAU,eAAe,SAC9B,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,iBAAgB;AACd,aAAW,SAAS,SAAS,MAAM,MAAgB;IAClD,CAAC,MAAM,CAAC;AAEX,QACE,oBAAC,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,oBAAC,UAAD;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/es/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/es/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/es/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;