@tiny-design/react 1.0.4 → 1.0.9

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;

package/lib/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":["React","ConfigContext","getPrefixCls","useVirtualScroll","Pagination"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useMemo } 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 { TableProps, ColumnType, SortOrder } from './types';\n\nconst ROW_HEIGHT_MAP = { sm: 40, md: 48, lg: 56 } as const;\n\nconst getRowKey = <T,>(record: T, rowKey: string | ((record: T) => React.Key), index: number): React.Key => {\n  if (typeof rowKey === 'function') return rowKey(record);\n  const key = (record as any)[rowKey];\n  return key !== undefined ? key : index;\n};\n\nconst getValue = <T,>(record: T, dataIndex: string): any => {\n  return (record as any)[dataIndex];\n};\n\nconst Table = React.forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const {\n    columns,\n    dataSource = [],\n    rowKey = 'key',\n    loading = false,\n    bordered = false,\n    size,\n    scroll,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    rowSelection,\n    pagination,\n    onChange,\n    emptyText = 'No Data',\n    showHeader = true,\n    rowClassName,\n    onRow,\n    prefixCls: customisedCls,\n    className,\n    style,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('table', configContext.prefixCls, customisedCls);\n  const tableSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-ui: Table] `height` is required when `virtual` is enabled.');\n  }\n\n  const isVirtual = virtual && height != null;\n\n  // Sorting\n  const [sortField, setSortField] = useState<string | undefined>();\n  const [sortOrder, setSortOrder] = useState<SortOrder>(null);\n\n  // Pagination\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  // Selection\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys ?? []\n  );\n\n  useEffect(() => {\n    if (rowSelection?.selectedRowKeys) {\n      setSelectedKeys(rowSelection.selectedRowKeys);\n    }\n  }, [rowSelection?.selectedRowKeys]);\n\n  // Initialize default sort\n  useEffect(() => {\n    for (const col of columns) {\n      if (col.defaultSortOrder) {\n        setSortField(col.dataIndex);\n        setSortOrder(col.defaultSortOrder);\n        break;\n      }\n    }\n  }, []);\n\n  const sortedData = useMemo(() => {\n    if (!sortField || !sortOrder) return [...dataSource];\n    const col = columns.find((c) => c.dataIndex === sortField);\n    if (!col?.sorter) return [...dataSource];\n    const sorted = [...dataSource];\n    const sorterFn =\n      typeof col.sorter === 'function'\n        ? col.sorter\n        : (a: any, b: any) => {\n            const va = getValue(a, sortField);\n            const vb = getValue(b, sortField);\n            if (va < vb) return -1;\n            if (va > vb) return 1;\n            return 0;\n          };\n    sorted.sort((a, b) => {\n      const result = sorterFn(a, b);\n      return sortOrder === 'descend' ? -result : result;\n    });\n    return sorted;\n  }, [dataSource, sortField, sortOrder, columns]);\n\n  const rowHeight = itemHeightProp ?? ROW_HEIGHT_MAP[tableSize] ?? ROW_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: sortedData.length,\n    itemHeight: rowHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const paginatedData = useMemo(() => {\n    if (isVirtual) return sortedData;\n    if (pagination === false) return sortedData;\n    const page = pagination?.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, pagination, currentPage, pageSize, isVirtual]);\n\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 handleSort = (col: ColumnType) => {\n    if (!col.sorter) return;\n    let newOrder: SortOrder;\n    if (sortField !== col.dataIndex) {\n      newOrder = 'ascend';\n    } else if (sortOrder === 'ascend') {\n      newOrder = 'descend';\n    } else if (sortOrder === 'descend') {\n      newOrder = null;\n    } else {\n      newOrder = 'ascend';\n    }\n    setSortField(newOrder ? col.dataIndex : undefined);\n    setSortOrder(newOrder);\n    onChange?.({ current: activePage, pageSize }, { field: col.dataIndex, order: newOrder });\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n    onChange?.({ current: page, pageSize }, { field: sortField, order: sortOrder });\n  };\n\n  const handleSelectAll = () => {\n    if (!rowSelection) return;\n    const allKeys = paginatedData.map((record, i) => getRowKey(record, rowKey, i));\n    const allSelected = allKeys.every((k) => selectedKeys.includes(k));\n    const newKeys = allSelected ? [] : allKeys;\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = allSelected ? [] : paginatedData;\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const handleSelectRow = (record: any, key: React.Key) => {\n    if (!rowSelection) return;\n    const isRadio = rowSelection.type === 'radio';\n    let newKeys: React.Key[];\n    if (isRadio) {\n      newKeys = [key];\n    } else {\n      newKeys = selectedKeys.includes(key)\n        ? selectedKeys.filter((k) => k !== key)\n        : [...selectedKeys, key];\n    }\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = dataSource.filter((r, i) => newKeys.includes(getRowKey(r, rowKey, i)));\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_${tableSize}`]: tableSize,\n    [`${prefixCls}_loading`]: loading,\n  });\n\n  const tableStyle: React.CSSProperties = {};\n  if (scroll?.x) tableStyle.minWidth = scroll.x;\n\n  const wrapperStyle: React.CSSProperties = {};\n  if (isVirtual) {\n    wrapperStyle.height = height;\n    wrapperStyle.overflowY = 'auto';\n  } else if (scroll?.y) {\n    wrapperStyle.maxHeight = scroll.y;\n    wrapperStyle.overflowY = 'auto';\n  }\n\n  const allPageKeys = paginatedData.map((r, i) => getRowKey(r, rowKey, i));\n  const allSelected = allPageKeys.length > 0 && allPageKeys.every((k) => selectedKeys.includes(k));\n  const someSelected = allPageKeys.some((k) => selectedKeys.includes(k));\n\n  const colCount = columns.length + (rowSelection ? 1 : 0);\n\n  const renderRow = (record: any, rowIndex: number) => {\n    const key = getRowKey(record, rowKey, rowIndex);\n    const isSelected = selectedKeys.includes(key);\n    const rowCls = classNames(`${prefixCls}__row`, {\n      [`${prefixCls}__row_selected`]: isSelected,\n    }, typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName);\n    const rowProps = onRow?.(record, rowIndex) ?? {};\n    return (\n      <tr key={key} className={rowCls} {...rowProps}>\n        {rowSelection && (\n          <td className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n            <input\n              type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n              checked={isSelected}\n              onChange={() => handleSelectRow(record, key)}\n              aria-label={`Select row ${rowIndex + 1}`}\n            />\n          </td>\n        )}\n        {columns.map((col, colIndex) => {\n          const colKey = col.key ?? col.dataIndex ?? colIndex;\n          const value = getValue(record, col.dataIndex);\n          const tdCls = classNames(`${prefixCls}__cell`, col.className, {\n            [`${prefixCls}__cell_ellipsis`]: col.ellipsis,\n            [`${prefixCls}__cell_align-${col.align}`]: col.align,\n          });\n          return (\n            <td key={colKey} className={tdCls} style={{ width: col.width }}>\n              {col.render ? col.render(value, record, rowIndex) : value}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  const renderTbody = () => {\n    if (loading) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__loading-cell`}\n            colSpan={colCount}\n          >\n            Loading...\n          </td>\n        </tr>\n      );\n    }\n\n    if (isVirtual) {\n      if (sortedData.length === 0) {\n        return (\n          <tr>\n            <td className={`${prefixCls}__cell ${prefixCls}__empty-cell`} colSpan={colCount}>\n              {emptyText}\n            </td>\n          </tr>\n        );\n      }\n      const [start, end] = visibleRange;\n      const topHeight = offsetY;\n      const bottomHeight = totalHeight - offsetY - (end - start + 1) * rowHeight;\n      return (\n        <>\n          {topHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: topHeight }} />\n            </tr>\n          )}\n          {sortedData.slice(start, end + 1).map((record, i) => renderRow(record, start + i))}\n          {bottomHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: Math.max(0, bottomHeight) }} />\n            </tr>\n          )}\n        </>\n      );\n    }\n\n    if (paginatedData.length === 0) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__empty-cell`}\n            colSpan={colCount}\n          >\n            {emptyText}\n          </td>\n        </tr>\n      );\n    }\n\n    return paginatedData.map((record, rowIndex) => renderRow(record, rowIndex));\n  };\n\n  const theadCls = classNames(`${prefixCls}__thead`, {\n    [`${prefixCls}__thead_sticky`]: isVirtual,\n  });\n\n  const showPagination = pagination !== false && !isVirtual;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div\n        className={`${prefixCls}__wrapper`}\n        style={wrapperStyle}\n        onScroll={isVirtual ? onScroll : undefined}\n      >\n        <table className={`${prefixCls}__table`} style={tableStyle}>\n          {showHeader && (\n            <thead className={theadCls}>\n              <tr>\n                {rowSelection && (\n                  <th className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n                    {rowSelection.type !== 'radio' && (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected; }}\n                        onChange={handleSelectAll}\n                        aria-label=\"Select all\"\n                      />\n                    )}\n                  </th>\n                )}\n                {columns.map((col, i) => {\n                  const key = col.key ?? col.dataIndex ?? i;\n                  const thCls = classNames(`${prefixCls}__cell`, col.className, {\n                    [`${prefixCls}__cell_sortable`]: !!col.sorter,\n                    [`${prefixCls}__cell_align-${col.align}`]: col.align,\n                  });\n                  return (\n                    <th\n                      key={key}\n                      className={thCls}\n                      style={{ width: col.width }}\n                      onClick={() => handleSort(col)}\n                    >\n                      <span className={`${prefixCls}__col-title`}>{col.title}</span>\n                      {col.sorter && (\n                        <span className={`${prefixCls}__sorter`}>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'ascend',\n                          })}>▲</span>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'descend',\n                          })}>▼</span>\n                        </span>\n                      )}\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n          )}\n          <tbody className={`${prefixCls}__tbody`}>\n            {renderTbody()}\n          </tbody>\n        </table>\n      </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: '16px 0' }}\n        />\n      )}\n    </div>\n  );\n});\n\nTable.displayName = 'Table';\nexport default Table;\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":["React","ConfigContext","getPrefixCls","useVirtualScroll","Pagination"],"sources":["../../src/table/table.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext, useMemo } 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 { TableProps, ColumnType, SortOrder } from './types';\n\nconst ROW_HEIGHT_MAP = { sm: 40, md: 48, lg: 56 } as const;\n\nconst getRowKey = <T,>(record: T, rowKey: string | ((record: T) => React.Key), index: number): React.Key => {\n  if (typeof rowKey === 'function') return rowKey(record);\n  const key = (record as any)[rowKey];\n  return key !== undefined ? key : index;\n};\n\nconst getValue = <T,>(record: T, dataIndex: string): any => {\n  return (record as any)[dataIndex];\n};\n\nconst Table = React.forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const {\n    columns,\n    dataSource = [],\n    rowKey = 'key',\n    loading = false,\n    bordered = false,\n    size,\n    scroll,\n    virtual = false,\n    height,\n    itemHeight: itemHeightProp,\n    rowSelection,\n    pagination,\n    onChange,\n    emptyText = 'No Data',\n    showHeader = true,\n    rowClassName,\n    onRow,\n    prefixCls: customisedCls,\n    className,\n    style,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('table', configContext.prefixCls, customisedCls);\n  const tableSize = size || configContext.componentSize || 'md';\n\n  if (virtual && height == null) {\n    console.warn('[tiny-design: Table] `height` is required when `virtual` is enabled.');\n  }\n\n  const isVirtual = virtual && height != null;\n\n  // Sorting\n  const [sortField, setSortField] = useState<string | undefined>();\n  const [sortOrder, setSortOrder] = useState<SortOrder>(null);\n\n  // Pagination\n  const [currentPage, setCurrentPage] = useState(1);\n  const pageSize = pagination && pagination.pageSize ? pagination.pageSize : 10;\n\n  // Selection\n  const [selectedKeys, setSelectedKeys] = useState<React.Key[]>(\n    rowSelection?.selectedRowKeys ?? []\n  );\n\n  useEffect(() => {\n    if (rowSelection?.selectedRowKeys) {\n      setSelectedKeys(rowSelection.selectedRowKeys);\n    }\n  }, [rowSelection?.selectedRowKeys]);\n\n  // Initialize default sort\n  useEffect(() => {\n    for (const col of columns) {\n      if (col.defaultSortOrder) {\n        setSortField(col.dataIndex);\n        setSortOrder(col.defaultSortOrder);\n        break;\n      }\n    }\n  }, []);\n\n  const sortedData = useMemo(() => {\n    if (!sortField || !sortOrder) return [...dataSource];\n    const col = columns.find((c) => c.dataIndex === sortField);\n    if (!col?.sorter) return [...dataSource];\n    const sorted = [...dataSource];\n    const sorterFn =\n      typeof col.sorter === 'function'\n        ? col.sorter\n        : (a: any, b: any) => {\n            const va = getValue(a, sortField);\n            const vb = getValue(b, sortField);\n            if (va < vb) return -1;\n            if (va > vb) return 1;\n            return 0;\n          };\n    sorted.sort((a, b) => {\n      const result = sorterFn(a, b);\n      return sortOrder === 'descend' ? -result : result;\n    });\n    return sorted;\n  }, [dataSource, sortField, sortOrder, columns]);\n\n  const rowHeight = itemHeightProp ?? ROW_HEIGHT_MAP[tableSize] ?? ROW_HEIGHT_MAP.md;\n  const { visibleRange, totalHeight, offsetY, onScroll } = useVirtualScroll({\n    itemCount: sortedData.length,\n    itemHeight: rowHeight,\n    containerHeight: height ?? 0,\n  });\n\n  const paginatedData = useMemo(() => {\n    if (isVirtual) return sortedData;\n    if (pagination === false) return sortedData;\n    const page = pagination?.current ?? currentPage;\n    const start = (page - 1) * pageSize;\n    return sortedData.slice(start, start + pageSize);\n  }, [sortedData, pagination, currentPage, pageSize, isVirtual]);\n\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 handleSort = (col: ColumnType) => {\n    if (!col.sorter) return;\n    let newOrder: SortOrder;\n    if (sortField !== col.dataIndex) {\n      newOrder = 'ascend';\n    } else if (sortOrder === 'ascend') {\n      newOrder = 'descend';\n    } else if (sortOrder === 'descend') {\n      newOrder = null;\n    } else {\n      newOrder = 'ascend';\n    }\n    setSortField(newOrder ? col.dataIndex : undefined);\n    setSortOrder(newOrder);\n    onChange?.({ current: activePage, pageSize }, { field: col.dataIndex, order: newOrder });\n  };\n\n  const handlePageChange = (page: number) => {\n    setCurrentPage(page);\n    pagination && pagination.onChange?.(page, pageSize);\n    onChange?.({ current: page, pageSize }, { field: sortField, order: sortOrder });\n  };\n\n  const handleSelectAll = () => {\n    if (!rowSelection) return;\n    const allKeys = paginatedData.map((record, i) => getRowKey(record, rowKey, i));\n    const allSelected = allKeys.every((k) => selectedKeys.includes(k));\n    const newKeys = allSelected ? [] : allKeys;\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = allSelected ? [] : paginatedData;\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const handleSelectRow = (record: any, key: React.Key) => {\n    if (!rowSelection) return;\n    const isRadio = rowSelection.type === 'radio';\n    let newKeys: React.Key[];\n    if (isRadio) {\n      newKeys = [key];\n    } else {\n      newKeys = selectedKeys.includes(key)\n        ? selectedKeys.filter((k) => k !== key)\n        : [...selectedKeys, key];\n    }\n    if (!rowSelection.selectedRowKeys) {\n      setSelectedKeys(newKeys);\n    }\n    const newRows = dataSource.filter((r, i) => newKeys.includes(getRowKey(r, rowKey, i)));\n    rowSelection.onChange?.(newKeys, newRows);\n  };\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_bordered`]: bordered,\n    [`${prefixCls}_${tableSize}`]: tableSize,\n    [`${prefixCls}_loading`]: loading,\n  });\n\n  const tableStyle: React.CSSProperties = {};\n  if (scroll?.x) tableStyle.minWidth = scroll.x;\n\n  const wrapperStyle: React.CSSProperties = {};\n  if (isVirtual) {\n    wrapperStyle.height = height;\n    wrapperStyle.overflowY = 'auto';\n  } else if (scroll?.y) {\n    wrapperStyle.maxHeight = scroll.y;\n    wrapperStyle.overflowY = 'auto';\n  }\n\n  const allPageKeys = paginatedData.map((r, i) => getRowKey(r, rowKey, i));\n  const allSelected = allPageKeys.length > 0 && allPageKeys.every((k) => selectedKeys.includes(k));\n  const someSelected = allPageKeys.some((k) => selectedKeys.includes(k));\n\n  const colCount = columns.length + (rowSelection ? 1 : 0);\n\n  const renderRow = (record: any, rowIndex: number) => {\n    const key = getRowKey(record, rowKey, rowIndex);\n    const isSelected = selectedKeys.includes(key);\n    const rowCls = classNames(`${prefixCls}__row`, {\n      [`${prefixCls}__row_selected`]: isSelected,\n    }, typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName);\n    const rowProps = onRow?.(record, rowIndex) ?? {};\n    return (\n      <tr key={key} className={rowCls} {...rowProps}>\n        {rowSelection && (\n          <td className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n            <input\n              type={rowSelection.type === 'radio' ? 'radio' : 'checkbox'}\n              checked={isSelected}\n              onChange={() => handleSelectRow(record, key)}\n              aria-label={`Select row ${rowIndex + 1}`}\n            />\n          </td>\n        )}\n        {columns.map((col, colIndex) => {\n          const colKey = col.key ?? col.dataIndex ?? colIndex;\n          const value = getValue(record, col.dataIndex);\n          const tdCls = classNames(`${prefixCls}__cell`, col.className, {\n            [`${prefixCls}__cell_ellipsis`]: col.ellipsis,\n            [`${prefixCls}__cell_align-${col.align}`]: col.align,\n          });\n          return (\n            <td key={colKey} className={tdCls} style={{ width: col.width }}>\n              {col.render ? col.render(value, record, rowIndex) : value}\n            </td>\n          );\n        })}\n      </tr>\n    );\n  };\n\n  const renderTbody = () => {\n    if (loading) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__loading-cell`}\n            colSpan={colCount}\n          >\n            Loading...\n          </td>\n        </tr>\n      );\n    }\n\n    if (isVirtual) {\n      if (sortedData.length === 0) {\n        return (\n          <tr>\n            <td className={`${prefixCls}__cell ${prefixCls}__empty-cell`} colSpan={colCount}>\n              {emptyText}\n            </td>\n          </tr>\n        );\n      }\n      const [start, end] = visibleRange;\n      const topHeight = offsetY;\n      const bottomHeight = totalHeight - offsetY - (end - start + 1) * rowHeight;\n      return (\n        <>\n          {topHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: topHeight }} />\n            </tr>\n          )}\n          {sortedData.slice(start, end + 1).map((record, i) => renderRow(record, start + i))}\n          {bottomHeight > 0 && (\n            <tr className={`${prefixCls}__row_spacer`}>\n              <td colSpan={colCount} style={{ height: Math.max(0, bottomHeight) }} />\n            </tr>\n          )}\n        </>\n      );\n    }\n\n    if (paginatedData.length === 0) {\n      return (\n        <tr>\n          <td\n            className={`${prefixCls}__cell ${prefixCls}__empty-cell`}\n            colSpan={colCount}\n          >\n            {emptyText}\n          </td>\n        </tr>\n      );\n    }\n\n    return paginatedData.map((record, rowIndex) => renderRow(record, rowIndex));\n  };\n\n  const theadCls = classNames(`${prefixCls}__thead`, {\n    [`${prefixCls}__thead_sticky`]: isVirtual,\n  });\n\n  const showPagination = pagination !== false && !isVirtual;\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      <div\n        className={`${prefixCls}__wrapper`}\n        style={wrapperStyle}\n        onScroll={isVirtual ? onScroll : undefined}\n      >\n        <table className={`${prefixCls}__table`} style={tableStyle}>\n          {showHeader && (\n            <thead className={theadCls}>\n              <tr>\n                {rowSelection && (\n                  <th className={`${prefixCls}__cell ${prefixCls}__selection-col`}>\n                    {rowSelection.type !== 'radio' && (\n                      <input\n                        type=\"checkbox\"\n                        checked={allSelected}\n                        ref={(el) => { if (el) el.indeterminate = someSelected && !allSelected; }}\n                        onChange={handleSelectAll}\n                        aria-label=\"Select all\"\n                      />\n                    )}\n                  </th>\n                )}\n                {columns.map((col, i) => {\n                  const key = col.key ?? col.dataIndex ?? i;\n                  const thCls = classNames(`${prefixCls}__cell`, col.className, {\n                    [`${prefixCls}__cell_sortable`]: !!col.sorter,\n                    [`${prefixCls}__cell_align-${col.align}`]: col.align,\n                  });\n                  return (\n                    <th\n                      key={key}\n                      className={thCls}\n                      style={{ width: col.width }}\n                      onClick={() => handleSort(col)}\n                    >\n                      <span className={`${prefixCls}__col-title`}>{col.title}</span>\n                      {col.sorter && (\n                        <span className={`${prefixCls}__sorter`}>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'ascend',\n                          })}>▲</span>\n                          <span className={classNames(`${prefixCls}__sorter-icon`, {\n                            [`${prefixCls}__sorter-icon_active`]: sortField === col.dataIndex && sortOrder === 'descend',\n                          })}>▼</span>\n                        </span>\n                      )}\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n          )}\n          <tbody className={`${prefixCls}__tbody`}>\n            {renderTbody()}\n          </tbody>\n        </table>\n      </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: '16px 0' }}\n        />\n      )}\n    </div>\n  );\n});\n\nTable.displayName = 'Table';\nexport default Table;\n"],"mappings":"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"}

package/lib/with-spin/style/_index.scss

@@ -0,0 +1,5 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-icon-spin {
+  animation: ty-rotate 1s linear infinite;
+}

package/lib/with-spin/style/index.css

@@ -0,0 +1,3 @@
+.ty-icon-spin {
+  animation: ty-rotate 1s linear infinite;
+}

package/lib/with-spin/with-spin.d.ts

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes } from "react";
+import { IconProps } from "@tiny-design/icons";
+
+//#region src/with-spin/with-spin.d.ts
+type IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;
+declare function withSpin(Icon: IconComponent): IconComponent;
+//#endregion
+export { withSpin };
+//# sourceMappingURL=with-spin.d.ts.map

package/lib/with-spin/with-spin.js

@@ -0,0 +1,22 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+let classnames = require("classnames");
+classnames = require_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/with-spin/with-spin.tsx
+function withSpin(Icon) {
+	const SpinIcon = (0, react.forwardRef)((props, ref) => {
+		const { className, ...rest } = props;
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {
+			ref,
+			className: (0, classnames.default)("ty-icon-spin", className),
+			...rest
+		});
+	});
+	SpinIcon.displayName = `withSpin(${Icon.displayName || "Icon"})`;
+	return SpinIcon;
+}
+//#endregion
+exports.withSpin = withSpin;
+
+//# sourceMappingURL=with-spin.js.map

package/lib/with-spin/with-spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-spin.js","names":[],"sources":["../../src/with-spin/with-spin.tsx"],"sourcesContent":["import { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from 'react';\nimport type { IconProps } from '@tiny-design/icons';\nimport classNames from 'classnames';\n\ntype IconComponent = ForwardRefExoticComponent<IconProps & RefAttributes<SVGSVGElement>>;\n\nexport function withSpin(Icon: IconComponent): IconComponent {\n  const SpinIcon = forwardRef<SVGSVGElement, IconProps>((props, ref) => {\n    const { className, ...rest } = props;\n\n    return (\n      <Icon\n        ref={ref}\n        className={classNames('ty-icon-spin', className)}\n        {...rest}\n      />\n    );\n  });\n\n  const name = Icon.displayName || 'Icon';\n  SpinIcon.displayName = `withSpin(${name})`;\n\n  return SpinIcon;\n}\n"],"mappings":";;;;;;AAMA,SAAgB,SAAS,MAAoC;CAC3D,MAAM,YAAA,GAAA,MAAA,aAAiD,OAAO,QAAQ;EACpE,MAAM,EAAE,WAAW,GAAG,SAAS;AAE/B,SACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;GACO;GACL,YAAA,GAAA,WAAA,SAAsB,gBAAgB,UAAU;GAChD,GAAI;GACJ,CAAA;GAEJ;AAGF,UAAS,cAAc,YADV,KAAK,eAAe,OACO;AAExC,QAAO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tiny-design/react",
-  "version": "1.0.4",
+  "version": "1.0.9",
   "description": "A friendly UI component set for React",
   "license": "MIT",
   "keywords": [
@@ -23,6 +23,9 @@
   },
   "author": "Di Wang<wangdicoder@gmail.com>",
   "homepage": "https://wangdicoder.github.io/tiny-design/",
+  "publishConfig": {
+    "access": "public"
+  },
   "main": "lib/index.js",
   "module": "es/index.js",
   "typings": "lib/index.d.ts",
@@ -43,27 +46,17 @@
     "lib",
     "es"
   ],
-  "scripts": {
-    "build": "npm run clean && tsdown && node scripts/build-styles.js && node scripts/inject-style-imports.js",
-    "clean": "rimraf lib es",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:coverage": "jest --coverage",
-    "test:update": "jest --updateSnapshot",
-    "lint": "eslint src/",
-    "lint:style": "stylelint \"src/**/*.scss\"",
-    "lint:style:fix": "npm run lint:style -- --fix"
-  },
   "peerDependencies": {
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.4",
-    "@tiny-design/tokens": "workspace:*",
     "classnames": "^2.3.1",
     "react-transition-group": "^4.4.2",
-    "tslib": "^2.3.1"
+    "tslib": "^2.3.1",
+    "@tiny-design/icons": "1.0.9",
+    "@tiny-design/tokens": "1.0.4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.0.0",
@@ -83,5 +76,16 @@
     "ts-jest": "^29.0.0",
     "tsdown": "^0.21.1",
     "typescript": "^5.4.0"
+  },
+  "scripts": {
+    "build": "npm run clean && tsdown && node scripts/build-styles.js && node scripts/inject-style-imports.js",
+    "clean": "rimraf lib es",
+    "test": "jest",
+    "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
+    "test:update": "jest --updateSnapshot",
+    "lint": "eslint src/",
+    "lint:style": "stylelint \"src/**/*.scss\"",
+    "lint:style:fix": "npm run lint:style -- --fix"
   }
-}
+}

package/es/icon/icon.d.ts

@@ -1,8 +0,0 @@
-import { IconProps } from "./types.js";
-import React from "react";
-
-//#region src/icon/icon.d.ts
-declare const Icon: React.MemoExoticComponent<React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>>>;
-//#endregion
-export { Icon };
-//# sourceMappingURL=icon.d.ts.map

package/es/icon/icon.js

@@ -1,25 +0,0 @@
-import { ConfigContext } from "../config-provider/config-context.js";
-import { getPrefixCls } from "../_utils/general.js";
-import React, { useContext } from "react";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-//#region src/icon/icon.tsx
-const Icon = React.memo(React.forwardRef((props, ref) => {
-	const { name, color, size, style, spin, className, prefixCls: customisedCls, ...otherProps } = props;
-	const prefixCls = getPrefixCls("icon", useContext(ConfigContext).prefixCls, customisedCls);
-	return /* @__PURE__ */ jsx("i", {
-		ref,
-		className: classNames(prefixCls, className, `ty--${name}`, { [`${prefixCls}_spin`]: spin }),
-		style: {
-			color,
-			fontSize: size,
-			...style
-		},
-		...otherProps
-	});
-}));
-Icon.displayName = "Icon";
-//#endregion
-export { Icon as default };
-
-//# sourceMappingURL=icon.js.map

package/es/icon/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../src/icon/icon.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { IconProps } from './types';\n\nconst Icon = React.memo(React.forwardRef<HTMLElement, IconProps>((props, ref) => {\n  const {\n    name,\n    color,\n    size,\n    style,\n    spin,\n    className,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('icon', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, `ty--${name}`, {\n    [`${prefixCls}_spin`]: spin,\n  });\n  return <i ref={ref} className={cls} style={{ color, fontSize: size, ...style }} {...otherProps} />;\n}));\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"mappings":";;;;;;AAMA,MAAM,OAAO,MAAM,KAAK,MAAM,YAAoC,OAAO,QAAQ;CAC/E,MAAM,EACJ,MACA,OACA,MACA,OACA,MACA,WACA,WAAW,eACX,GAAG,eACD;CAEJ,MAAM,YAAY,aAAa,QADT,WAAW,cAAc,CACM,WAAW,cAAc;AAI9E,QAAO,oBAAC,KAAD;EAAQ;EAAK,WAHR,WAAW,WAAW,WAAW,OAAO,QAAQ,GACzD,GAAG,UAAU,SAAS,MACxB,CAAC;EACkC,OAAO;GAAE;GAAO,UAAU;GAAM,GAAG;GAAO;EAAE,GAAI;EAAc,CAAA;EAClG,CAAC;AAEH,KAAK,cAAc"}

package/es/icon/index.d.ts

@@ -1 +0,0 @@
-import { Icon } from "./icon.js";

package/es/icon/index.js

@@ -1,9 +0,0 @@
-import '../style/base.css';
-import './style/index.css';
-import Icon from "./icon.js";
-//#region src/icon/index.tsx
-var icon_default = Icon;
-//#endregion
-export { icon_default as default };
-
-//# sourceMappingURL=index.js.map

package/es/icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/icon/index.tsx"],"sourcesContent":["import Icon from './icon';\n\nexport default Icon;\n"],"mappings":";;AAEA,IAAA,eAAe"}

package/es/icon/style/_index.scss

@@ -1,16 +0,0 @@
-@use '../../style/variables' as *;
-@use '../../style/font' as *;
-
-.#{$prefix}-icon {
-  font-family: 'tiny' !important;
-  line-height: 1;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  &_spin:before {
-    display: inline-block;
-    animation: ty-rotate 1s linear infinite;
-  }
-}