tiny-ui 0.0.95 → 1.0.0

package/es/tabs/tabs.js

@@ -0,0 +1,224 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useContext, useId, useRef, useState, useEffect, useCallback } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Tabs = React.forwardRef((props, ref) => {
+    const { type = 'line', tabPosition = 'top', size = 'md', animated = true, centered = false, destroyInactiveTabPane = false, hideAdd = false, activeKey, defaultActiveKey, items, tabBarExtraContent, tabBarGutter, tabBarStyle, onChange, onTabClick, onEdit, className, children, prefixCls: customisedCls, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('tabs', configContext.prefixCls, customisedCls);
+    // Resolve items from either `items` prop or `children`
+    const resolvedItems = items ?? resolveItemsFromChildren(children);
+    const getDefaultKey = () => {
+        if (defaultActiveKey !== undefined)
+            return defaultActiveKey;
+        const first = resolvedItems.find((item) => !item.disabled);
+        return first?.key ?? '';
+    };
+    const [currentKey, setCurrentKey] = useState(activeKey ?? getDefaultKey());
+    const [inkStyle, setInkStyle] = useState({});
+    const baseId = useId();
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [showNav, setShowNav] = useState(false);
+    const navWrapRef = useRef(null);
+    const navListRef = useRef(null);
+    const tabRefs = useRef(new Map());
+    const isHorizontal = tabPosition === 'top' || tabPosition === 'bottom';
+    // Controlled mode
+    useEffect(() => {
+        if (activeKey !== undefined) {
+            setCurrentKey(activeKey);
+        }
+    }, [activeKey]);
+    // Update ink indicator
+    const updateInk = useCallback(() => {
+        if (type !== 'line')
+            return;
+        const el = tabRefs.current.get(currentKey);
+        if (!el)
+            return;
+        if (isHorizontal) {
+            setInkStyle({
+                width: el.offsetWidth,
+                transform: `translate3d(${el.offsetLeft}px, 0, 0)`,
+            });
+        }
+        else {
+            setInkStyle({
+                height: el.offsetHeight,
+                transform: `translate3d(0, ${el.offsetTop}px, 0)`,
+            });
+        }
+    }, [currentKey, type, isHorizontal]);
+    // Check overflow for scroll arrows
+    const checkOverflow = useCallback(() => {
+        const wrap = navWrapRef.current;
+        const list = navListRef.current;
+        if (!wrap || !list)
+            return;
+        setShowNav(isHorizontal
+            ? list.scrollWidth > wrap.clientWidth
+            : list.scrollHeight > wrap.clientHeight);
+    }, [isHorizontal]);
+    useEffect(() => {
+        updateInk();
+        checkOverflow();
+    }, [updateInk, checkOverflow]);
+    const handleTabClick = (key, disabled, e) => {
+        if (disabled)
+            return;
+        onTabClick?.(key, e);
+        if (activeKey === undefined) {
+            setCurrentKey(key);
+        }
+        onChange?.(key);
+    };
+    const handleRemove = (key, e) => {
+        e.stopPropagation();
+        onEdit?.(key, 'remove');
+    };
+    const handleAdd = (e) => {
+        onEdit?.(e, 'add');
+    };
+    const handleTabKeyDown = (e, itemIndex) => {
+        const enabledItems = resolvedItems.filter((item) => !item.disabled);
+        const currentEnabledIdx = enabledItems.findIndex((item) => item.key === resolvedItems[itemIndex].key);
+        let targetItem;
+        if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {
+            e.preventDefault();
+            const prevIdx = currentEnabledIdx <= 0 ? enabledItems.length - 1 : currentEnabledIdx - 1;
+            targetItem = enabledItems[prevIdx];
+        }
+        else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {
+            e.preventDefault();
+            const nextIdx = currentEnabledIdx >= enabledItems.length - 1 ? 0 : currentEnabledIdx + 1;
+            targetItem = enabledItems[nextIdx];
+        }
+        else if (e.key === 'Home') {
+            e.preventDefault();
+            targetItem = enabledItems[0];
+        }
+        else if (e.key === 'End') {
+            e.preventDefault();
+            targetItem = enabledItems[enabledItems.length - 1];
+        }
+        if (targetItem) {
+            const el = tabRefs.current.get(targetItem.key);
+            el?.focus();
+            handleTabClick(targetItem.key, targetItem.disabled, e);
+        }
+    };
+    // Scroll navigation
+    const scrollStep = 200;
+    const getMaxScroll = () => {
+        const wrap = navWrapRef.current;
+        const list = navListRef.current;
+        if (!wrap || !list)
+            return 0;
+        return isHorizontal
+            ? list.scrollWidth - wrap.clientWidth
+            : list.scrollHeight - wrap.clientHeight;
+    };
+    const scrollPrev = () => setScrollOffset((prev) => Math.max(0, prev - scrollStep));
+    const scrollNext = () => setScrollOffset((prev) => Math.min(getMaxScroll(), prev + scrollStep));
+    // Ensure active tab is scrolled into view
+    useEffect(() => {
+        const el = tabRefs.current.get(currentKey);
+        const wrap = navWrapRef.current;
+        if (!el || !wrap || !showNav)
+            return;
+        if (isHorizontal) {
+            const elLeft = el.offsetLeft;
+            const elRight = elLeft + el.offsetWidth;
+            if (elLeft < scrollOffset) {
+                setScrollOffset(elLeft);
+            }
+            else if (elRight > scrollOffset + wrap.clientWidth) {
+                setScrollOffset(elRight - wrap.clientWidth);
+            }
+        }
+    }, [currentKey, showNav, isHorizontal, scrollOffset]);
+    // Extra content
+    const isExtraObj = tabBarExtraContent != null
+        && typeof tabBarExtraContent === 'object'
+        && !React.isValidElement(tabBarExtraContent)
+        && ('left' in tabBarExtraContent || 'right' in tabBarExtraContent);
+    const extraLeft = isExtraObj
+        ? tabBarExtraContent.left ?? null
+        : null;
+    const extraRight = isExtraObj
+        ? tabBarExtraContent.right ?? null
+        : tabBarExtraContent ?? null;
+    // Class names
+    const isVertical = !isHorizontal;
+    const cls = classNames(prefixCls, className, `${prefixCls}_${size}`, {
+        [`${prefixCls}_${tabPosition}`]: true,
+        [`${prefixCls}_${type}`]: true,
+        [`${prefixCls}_vertical`]: isVertical,
+        [`${prefixCls}_centered`]: centered,
+    });
+    const navScrollStyle = isHorizontal
+        ? { transform: `translate3d(${-scrollOffset}px, 0, 0)` }
+        : { transform: `translate3d(0, ${-scrollOffset}px, 0)` };
+    const prevDisabled = scrollOffset === 0;
+    const nextDisabled = scrollOffset >= getMaxScroll();
+    return (_jsxs("div", { ...otherProps, ref: ref, className: cls, children: [tabPosition === 'bottom' && (_jsx("div", { className: `${prefixCls}__content`, children: renderPanels(resolvedItems, currentKey, prefixCls, animated, isHorizontal, destroyInactiveTabPane, baseId) })), _jsxs("div", { className: classNames(`${prefixCls}__nav`, {
+                    [`${prefixCls}__nav_overflow`]: showNav,
+                }), style: tabBarStyle, role: "tablist", children: [extraLeft && _jsx("div", { className: `${prefixCls}__nav-extra_left`, children: extraLeft }), showNav && (_jsx("button", { className: classNames(`${prefixCls}__nav-prev`, {
+                            [`${prefixCls}__nav-btn_disabled`]: prevDisabled,
+                        }), disabled: prevDisabled, onClick: scrollPrev, type: "button", "aria-label": "Previous tabs", children: "\u2039" })), _jsx("div", { className: `${prefixCls}__nav-wrap`, ref: navWrapRef, children: _jsxs("div", { className: `${prefixCls}__nav-list`, ref: navListRef, style: showNav ? navScrollStyle : undefined, children: [resolvedItems.map((item, idx) => {
+                                    const isActive = item.key === currentKey;
+                                    const tabCls = classNames(`${prefixCls}__tab`, {
+                                        [`${prefixCls}__tab_active`]: isActive,
+                                        [`${prefixCls}__tab_disabled`]: item.disabled,
+                                    });
+                                    const gutter = tabBarGutter !== undefined ? { marginRight: tabBarGutter } : undefined;
+                                    return (_jsxs("div", { ref: (el) => {
+                                            if (el)
+                                                tabRefs.current.set(item.key, el);
+                                            else
+                                                tabRefs.current.delete(item.key);
+                                        }, className: tabCls, style: gutter, role: "tab", id: `${baseId}-tab-${item.key}`, "aria-selected": isActive, "aria-disabled": item.disabled, "aria-controls": `${baseId}-panel-${item.key}`, tabIndex: isActive ? 0 : -1, onClick: (e) => handleTabClick(item.key, item.disabled, e), onKeyDown: (e) => handleTabKeyDown(e, idx), children: [item.icon && _jsx("span", { className: `${prefixCls}__tab-icon`, children: item.icon }), _jsx("span", { className: `${prefixCls}__tab-label`, children: item.label }), type === 'editable-card' && item.closable !== false && (_jsx("span", { className: `${prefixCls}__tab-remove`, onClick: (e) => handleRemove(item.key, e), role: "button", "aria-label": "Remove tab", children: "\u2715" }))] }, item.key));
+                                }), type === 'line' && (_jsx("div", { className: `${prefixCls}__ink-bar`, style: inkStyle }))] }) }), showNav && (_jsx("button", { className: classNames(`${prefixCls}__nav-next`, {
+                            [`${prefixCls}__nav-btn_disabled`]: nextDisabled,
+                        }), disabled: nextDisabled, onClick: scrollNext, type: "button", "aria-label": "Next tabs", children: "\u203A" })), type === 'editable-card' && !hideAdd && (_jsx("button", { className: `${prefixCls}__nav-add`, onClick: handleAdd, type: "button", "aria-label": "Add tab", children: "+" })), extraRight && _jsx("div", { className: `${prefixCls}__nav-extra_right`, children: extraRight })] }), tabPosition !== 'bottom' && (_jsx("div", { className: `${prefixCls}__content`, children: renderPanels(resolvedItems, currentKey, prefixCls, animated, isHorizontal, destroyInactiveTabPane, baseId) }))] }));
+});
+function resolveItemsFromChildren(children) {
+    const items = [];
+    React.Children.forEach(children, (child, idx) => {
+        if (!React.isValidElement(child))
+            return;
+        const { tab, tabKey, disabled, closable, forceRender, children: content } = child.props;
+        items.push({
+            key: tabKey ?? String(idx),
+            label: tab,
+            children: content,
+            disabled,
+            closable,
+            forceRender,
+        });
+    });
+    return items;
+}
+function renderPanels(items, currentKey, prefixCls, animated, isHorizontal, destroyInactive, baseId) {
+    const activeIdx = items.findIndex((item) => item.key === currentKey);
+    const containerStyle = animated && isHorizontal
+        ? { transform: `translate3d(${-activeIdx * 100}%, 0, 0)` }
+        : {};
+    const containerCls = classNames(`${prefixCls}__content-inner`, {
+        [`${prefixCls}__content-inner_animated`]: animated && isHorizontal,
+    });
+    return (_jsx("div", { className: containerCls, style: containerStyle, children: items.map((item) => {
+            const isActive = item.key === currentKey;
+            const panelCls = classNames(`${prefixCls}__panel`, {
+                [`${prefixCls}__panel_active`]: isActive,
+            });
+            if (destroyInactive && !isActive && !item.forceRender) {
+                return _jsx("div", { className: panelCls, role: "tabpanel", id: baseId ? `${baseId}-panel-${item.key}` : undefined, "aria-labelledby": baseId ? `${baseId}-tab-${item.key}` : undefined }, item.key);
+            }
+            return (_jsx("div", { className: panelCls, role: "tabpanel", id: baseId ? `${baseId}-panel-${item.key}` : undefined, "aria-labelledby": baseId ? `${baseId}-tab-${item.key}` : undefined, children: item.children }, item.key));
+        }) }));
+}
+Tabs.displayName = 'Tabs';
+export default Tabs;
+//# sourceMappingURL=tabs.js.map

package/es/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../components/tabs/tabs.tsx"],"names":[],"mappings":"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"}

package/es/tabs/types.d.ts

@@ -0,0 +1,64 @@
+import { CSSProperties, ReactNode } from 'react';
+import { BaseProps, SizeType } from '../_utils/props';
+export type TabType = 'line' | 'card' | 'editable-card';
+export type TabPosition = 'top' | 'bottom' | 'left' | 'right';
+export interface TabItem {
+    key: string;
+    label: ReactNode;
+    children?: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    closable?: boolean;
+    forceRender?: boolean;
+}
+export interface TabsProps extends BaseProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Current active tab key */
+    activeKey?: string;
+    /** Initial active tab key */
+    defaultActiveKey?: string;
+    /** Tab content configuration (recommended) */
+    items?: TabItem[];
+    /** Tab style variant */
+    type?: TabType;
+    /** Tab position */
+    tabPosition?: TabPosition;
+    /** Preset tab bar size */
+    size?: SizeType;
+    /** Whether to animate tab transitions */
+    animated?: boolean;
+    /** Center the tab bar */
+    centered?: boolean;
+    /** Destroy inactive tab panes */
+    destroyInactiveTabPane?: boolean;
+    /** Extra content on the tab bar */
+    tabBarExtraContent?: ReactNode | {
+        left?: ReactNode;
+        right?: ReactNode;
+    };
+    /** Gap between tabs in pixels */
+    tabBarGutter?: number;
+    /** Tab bar inline styles */
+    tabBarStyle?: CSSProperties;
+    /** Callback when the active tab changes */
+    onChange?: (activeKey: string) => void;
+    /** Callback when a tab is clicked */
+    onTabClick?: (key: string, event: React.MouseEvent) => void;
+    /** Callback when tabs are added or removed (editable-card only) */
+    onEdit?: (targetKey: string | React.MouseEvent, action: 'add' | 'remove') => void;
+    /** Hide the add button in editable-card mode */
+    hideAdd?: boolean;
+}
+export interface TabPanelProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
+    /** Whether the panel is active (set internally) */
+    active?: boolean;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Whether the tab is closable (editable-card only) */
+    closable?: boolean;
+    /** Tab header content */
+    tab?: ReactNode;
+    /** Unique key for the tab */
+    tabKey?: string;
+    /** Force render even when inactive */
+    forceRender?: boolean;
+}

package/es/tabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/es/tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/tabs/types.ts"],"names":[],"mappings":""}

package/es/tag/checkable-tag.d.ts

@@ -0,0 +1,6 @@
+import { CheckableTagProps } from './types';
+declare const CheckableTag: {
+    (props: CheckableTagProps): JSX.Element;
+    displayName: string;
+};
+export default CheckableTag;

package/es/tag/checkable-tag.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useContext } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import Tag from './index';
+const CheckableTag = (props) => {
+    const { defaultChecked = true, prefixCls: customisedCls, onChange, className, style, children, } = props;
+    const [checked, setChecked] = useState('checked' in props ? props.checked : defaultChecked);
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('checkable-tag', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_checked`]: checked,
+    });
+    /**
+     * Callback when the tag itself is clicked.
+     */
+    const itemOnClick = (e) => {
+        const state = !checked;
+        !('checked' in props) && setChecked(state);
+        onChange && onChange(state, e);
+    };
+    useEffect(() => {
+        'checked' in props && setChecked(props.checked);
+    }, [props]);
+    return (_jsx(Tag, { className: cls, style: style, onClick: itemOnClick, children: children }));
+};
+CheckableTag.displayName = 'CheckableTag';
+export default CheckableTag;
+//# sourceMappingURL=checkable-tag.js.map

package/es/tag/checkable-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkable-tag.js","sourceRoot":"","sources":["../../components/tag/checkable-tag.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,GAAG,MAAM,SAAS,CAAC;AAE1B,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IAC7D,MAAM,EACJ,cAAc,GAAG,IAAI,EACrB,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,CAAC;IACF,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,YAAY,CAAC,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxF,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO;KAClC,CAAC,CAAC;IAEH;;OAEG;IACH,MAAM,WAAW,GAAG,CAAC,CAAmB,EAAQ,EAAE;QAChD,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;QACvB,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAC3C,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,IAAI,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,OAAkB,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,GAAG,IAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,YACpD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}

package/es/tag/index.d.ts

@@ -0,0 +1,7 @@
+import Tag from './tag';
+import CheckableTag from './checkable-tag';
+type ITag = typeof Tag & {
+    CheckableTag: typeof CheckableTag;
+};
+declare const DefaultTag: ITag;
+export default DefaultTag;

package/es/tag/index.js

@@ -0,0 +1,6 @@
+import Tag from './tag';
+import CheckableTag from './checkable-tag';
+const DefaultTag = Tag;
+DefaultTag.CheckableTag = CheckableTag;
+export default DefaultTag;
+//# sourceMappingURL=index.js.map

package/es/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAC;AACxB,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAM3C,MAAM,UAAU,GAAG,GAAW,CAAC;AAC/B,UAAU,CAAC,YAAY,GAAG,YAAY,CAAC;AAEvC,eAAe,UAAU,CAAC"}

package/es/tag/style/_index.scss

@@ -0,0 +1,119 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-tag {
+  user-select: none;
+  display: none;
+  margin-right: 8px;
+  padding: 3px 7px;
+  font-size: 12px;
+  border: 1px solid var(--ty-tag-border);
+  border-radius: $tag-border-radius;
+  color: var(--ty-color-text);
+  background: var(--ty-tag-bg);
+
+  a,
+  a:hover {
+    color: var(--ty-color-text-secondary);
+  }
+
+  &_visible {
+    display: inline-block;
+  }
+
+  &__close-btn {
+    cursor: pointer;
+    font-size: 10px;
+    margin-left: 5px;
+    line-height: 1;
+    transition: all 300ms;
+    background: none;
+    border: none;
+    padding: 0;
+    color: inherit;
+    font-family: inherit;
+
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+
+  &_magenta {
+    color: var(--ty-tag-magenta-color);
+    background: var(--ty-tag-magenta-bg);
+    border-color: var(--ty-tag-magenta-border);
+  }
+
+  &_red {
+    color: var(--ty-tag-red-color);
+    background: var(--ty-tag-red-bg);
+    border-color: var(--ty-tag-red-border);
+  }
+
+  &_volcano {
+    color: var(--ty-tag-volcano-color);
+    background: var(--ty-tag-volcano-bg);
+    border-color: var(--ty-tag-volcano-border);
+  }
+
+  &_orange {
+    color: var(--ty-tag-orange-color);
+    background: var(--ty-tag-orange-bg);
+    border-color: var(--ty-tag-orange-border);
+  }
+
+  &_gold {
+    color: var(--ty-tag-gold-color);
+    background: var(--ty-tag-gold-bg);
+    border-color: var(--ty-tag-gold-border);
+  }
+
+  &_lime {
+    color: var(--ty-tag-lime-color);
+    background: var(--ty-tag-lime-bg);
+    border-color: var(--ty-tag-lime-border);
+  }
+
+  &_green {
+    color: var(--ty-tag-green-color);
+    background: var(--ty-tag-green-bg);
+    border-color: var(--ty-tag-green-border);
+  }
+
+  &_cyan {
+    color: var(--ty-tag-cyan-color);
+    background: var(--ty-tag-cyan-bg);
+    border-color: var(--ty-tag-cyan-border);
+  }
+
+  &_blue {
+    color: var(--ty-tag-blue-color);
+    background: var(--ty-tag-blue-bg);
+    border-color: var(--ty-tag-blue-border);
+  }
+
+  &_geekblue {
+    color: var(--ty-tag-geekblue-color);
+    background: var(--ty-tag-geekblue-bg);
+    border-color: var(--ty-tag-geekblue-border);
+  }
+
+  &_purple {
+    color: var(--ty-tag-purple-color);
+    background: var(--ty-tag-purple-bg);
+    border-color: var(--ty-tag-purple-border);
+  }
+}
+
+.#{$prefix}-checkable-tag {
+  background-color: var(--ty-tag-checkable-bg);
+  color: var(--ty-color-primary);
+  border-color: var(--ty-tag-checkable-bg);
+  transition: all 300ms;
+  cursor: pointer;
+
+  &_checked {
+    background-color: var(--ty-color-primary);
+    color: #fff;
+    border-color: var(--ty-color-primary);
+  }
+}

package/es/tag/style/css.js

@@ -0,0 +1,2 @@
+import './index.css';
+//# sourceMappingURL=index.js.map

package/es/tag/style/index.d.ts

@@ -0,0 +1 @@
+import './index.scss';

package/es/tag/style/index.js

@@ -0,0 +1,2 @@
+import './index.scss';
+//# sourceMappingURL=index.js.map

package/es/tag/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tag/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC"}

package/es/tag/tag.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TagProps } from './types';
+declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
+export default Tag;

package/es/tag/tag.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useContext, forwardRef } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+import { PresetColors } from './types';
+const Tag = forwardRef((props, ref) => {
+    const { closable = false, defaultVisible = true, prefixCls: customisedCls, color, onClose, onClick, className, style, children, ...otherProps } = props;
+    const [visible, setVisible] = useState('visible' in props ? props.visible : defaultVisible);
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('tag', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_${color}`]: color && PresetColors.includes(color),
+        [`${prefixCls}_visible`]: visible,
+        [`${prefixCls}_closeable`]: closable,
+    });
+    /**
+     * Callback when the close button is clicked.
+     * @param e
+     */
+    const closeBtnOnClick = (e) => {
+        onClose && onClose(e);
+        if (e.defaultPrevented) {
+            return;
+        }
+        !('visible' in props) && setVisible(false);
+    };
+    const tagStyle = {
+        backgroundColor: color ? (PresetColors.includes(color) ? undefined : color) : undefined,
+        borderColor: color ? (PresetColors.includes(color) ? undefined : color) : undefined,
+        color: color ? (PresetColors.includes(color) ? undefined : '#fff') : undefined,
+        ...style,
+    };
+    useEffect(() => {
+        'visible' in props && setVisible(props.visible);
+    }, [props]);
+    return (_jsxs("div", { ...otherProps, ref: ref, className: cls, style: tagStyle, onClick: onClick, children: [children, closable && (_jsx("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: closeBtnOnClick, "aria-label": "Remove", children: "\u2715" }))] }));
+});
+Tag.displayName = 'Tag';
+export default Tag;
+//# sourceMappingURL=tag.js.map

package/es/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../components/tag/tag.tsx"],"names":[],"mappings":"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"}

package/es/tag/types.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { BaseProps } from '../_utils/props';
+export interface CheckableTagProps extends BaseProps {
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onChange?: (checked: boolean, e: React.MouseEvent) => void;
+    children?: React.ReactNode;
+}
+export declare const PresetColors: string[];
+export interface TagProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
+    color?: string;
+    closable?: boolean;
+    onClose?: React.MouseEventHandler;
+    onClick?: React.MouseEventHandler;
+    defaultVisible?: boolean;
+    visible?: boolean;
+    children?: React.ReactNode;
+}

package/es/tag/types.js

@@ -0,0 +1,14 @@
+export const PresetColors = [
+    'magenta',
+    'red',
+    'volcano',
+    'orange',
+    'gold',
+    'lime',
+    'green',
+    'cyan',
+    'blue',
+    'geekblue',
+    'purple',
+];
+//# sourceMappingURL=types.js.map

package/es/tag/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/tag/types.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS;IACT,KAAK;IACL,SAAS;IACT,QAAQ;IACR,MAAM;IACN,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,UAAU;IACV,QAAQ;CACT,CAAC"}

package/es/textarea/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TextareaProps } from './types';
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/es/textarea/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState, forwardRef } from 'react';
+import classNames from 'classnames';
+import { ConfigContext } from '../config-provider/config-context';
+import { getPrefixCls } from '../_utils/general';
+const Textarea = forwardRef((props, ref) => {
+    const { disabled = false, prefixCls: customisedCls, limit, counter, defaultValue, value, rows, onChange, className, style, ...otherProps } = props;
+    const configContext = useContext(ConfigContext);
+    const prefixCls = getPrefixCls('textarea', configContext.prefixCls, customisedCls);
+    const cls = classNames(prefixCls, className, {
+        [`${prefixCls}_disabled`]: disabled,
+    });
+    const [count, setCount] = useState(0);
+    const textareaOnChange = (e) => {
+        setCount(e.currentTarget.value.length);
+        onChange && onChange(e.currentTarget.value, e);
+    };
+    if (limit || counter) {
+        return (_jsxs("span", { className: `${prefixCls}-container`, children: [_jsx("textarea", { ...otherProps, ref: ref, maxLength: limit, rows: rows, value: value, defaultValue: defaultValue, disabled: disabled, className: cls, style: style, onChange: textareaOnChange }), _jsx("span", { className: `${prefixCls}__counter`, children: counter && typeof counter === 'function' ? counter(count) : `${count}/${limit}` })] }));
+    }
+    else {
+        return (_jsx("textarea", { ...props, ref: ref, rows: rows, value: value, defaultValue: defaultValue, disabled: disabled, className: cls, style: style, onChange: textareaOnChange }));
+    }
+});
+Textarea.displayName = 'Textarea';
+export default Textarea;
+//# sourceMappingURL=index.js.map