tiny-ui 1.0.3 → 1.0.4

package/lib/tabs/types.d.ts

@@ -1,64 +1,69 @@
-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;
+import { BaseProps, SizeType } from "../_utils/props.js";
+import { CSSProperties, ReactNode } from "react";
+
+//#region components/tabs/types.d.ts
+type TabType = 'line' | 'card' | 'editable-card';
+type TabPosition = 'top' | 'bottom' | 'left' | 'right';
+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;
+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;
+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;
 }
+//#endregion
+export { TabItem, TabPanelProps, TabPosition, TabType, TabsProps };
+//# sourceMappingURL=types.d.ts.map

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

@@ -1,6 +1,10 @@
-import { CheckableTagProps } from './types';
+import { CheckableTagProps } from "./types.js";
+
+//#region components/tag/checkable-tag.d.ts
 declare const CheckableTag: {
-    (props: CheckableTagProps): JSX.Element;
-    displayName: string;
+  (props: CheckableTagProps): JSX.Element;
+  displayName: string;
 };
-export default CheckableTag;
+//#endregion
+export { CheckableTag };
+//# sourceMappingURL=checkable-tag.d.ts.map

package/lib/tag/checkable-tag.js

@@ -1,33 +1,38 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const index_1 = tslib_1.__importDefault(require("./index"));
+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("./index.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");
+//#region components/tag/checkable-tag.tsx
 const CheckableTag = (props) => {
-    const { defaultChecked = true, prefixCls: customisedCls, onChange, className, style, children, } = props;
-    const [checked, setChecked] = (0, react_1.useState)('checked' in props ? props.checked : defaultChecked);
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('checkable-tag', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(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);
-    };
-    (0, react_1.useEffect)(() => {
-        'checked' in props && setChecked(props.checked);
-    }, [props]);
-    return ((0, jsx_runtime_1.jsx)(index_1.default, { className: cls, style: style, onClick: itemOnClick, children: children }));
+	const { defaultChecked = true, prefixCls: customisedCls, onChange, className, style, children } = props;
+	const [checked, setChecked] = (0, react.useState)("checked" in props ? props.checked : defaultChecked);
+	const prefixCls = require_general.getPrefixCls("checkable-tag", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(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);
+	};
+	(0, react.useEffect)(() => {
+		"checked" in props && setChecked(props.checked);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+		className: cls,
+		style,
+		onClick: itemOnClick,
+		children
+	});
 };
-CheckableTag.displayName = 'CheckableTag';
+CheckableTag.displayName = "CheckableTag";
+//#endregion
 exports.default = CheckableTag;
+
 //# sourceMappingURL=checkable-tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkable-tag.js","sourceRoot":"","sources":["../../components/tag/checkable-tag.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+D;AAC/D,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AAEjD,4DAA0B;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,IAAA,gBAAQ,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,eAAe,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IACxF,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,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,IAAA,iBAAS,EAAC,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,uBAAC,eAAG,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,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"checkable-tag.js","names":["getPrefixCls","ConfigContext","Tag"],"sources":["../../components/tag/checkable-tag.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CheckableTagProps } from './types';\nimport Tag from './index';\n\nconst CheckableTag = (props: CheckableTagProps): JSX.Element => {\n  const {\n    defaultChecked = true,\n    prefixCls: customisedCls,\n    onChange,\n    className,\n    style,\n    children,\n  } = props;\n  const [checked, setChecked] = useState<boolean>(\n    'checked' in props ? (props.checked as boolean) : defaultChecked\n  );\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('checkable-tag', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_checked`]: checked,\n  });\n\n  /**\n   * Callback when the tag itself is clicked.\n   */\n  const itemOnClick = (e: React.MouseEvent): void => {\n    const state = !checked;\n    !('checked' in props) && setChecked(state);\n    onChange && onChange(state, e);\n  };\n\n  useEffect(() => {\n    'checked' in props && setChecked(props.checked as boolean);\n  }, [props]);\n\n  return (\n    <Tag className={cls} style={style} onClick={itemOnClick}>\n      {children}\n    </Tag>\n  );\n};\n\nCheckableTag.displayName = 'CheckableTag';\n\nexport default CheckableTag;\n"],"mappings":";;;;;;;;;;AAOA,MAAM,gBAAgB,UAA0C;CAC9D,MAAM,EACJ,iBAAiB,MACjB,WAAW,eACX,UACA,WACA,OACA,aACE;CACJ,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UACd,aAAa,QAAS,MAAM,UAAsB,eACnD;CAED,MAAM,YAAYA,gBAAAA,aAAa,kBAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACe,WAAW,cAAc;CACvF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAC1C,GAAG,UAAU,YAAY,SAC3B,CAAC;;;;CAKF,MAAM,eAAe,MAA8B;EACjD,MAAM,QAAQ,CAAC;AACf,IAAE,aAAa,UAAU,WAAW,MAAM;AAC1C,cAAY,SAAS,OAAO,EAAE;;AAGhC,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,SAAS,WAAW,MAAM,QAAmB;IACzD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EAAK,WAAW;EAAY;EAAO,SAAS;EACzC;EACG,CAAA;;AAIV,aAAa,cAAc"}

package/lib/tag/index.d.ts

@@ -1,7 +1,11 @@
-import Tag from './tag';
-import CheckableTag from './checkable-tag';
+import { Tag } from "./tag.js";
+import { CheckableTag } from "./checkable-tag.js";
+
+//#region components/tag/index.d.ts
 type ITag = typeof Tag & {
-    CheckableTag: typeof CheckableTag;
+  CheckableTag: typeof CheckableTag;
 };
 declare const DefaultTag: ITag;
-export default DefaultTag;
+//#endregion
+export { DefaultTag };
+//# sourceMappingURL=index.d.ts.map

package/lib/tag/index.js

@@ -1,9 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const tag_1 = tslib_1.__importDefault(require("./tag"));
-const checkable_tag_1 = tslib_1.__importDefault(require("./checkable-tag"));
-const DefaultTag = tag_1.default;
-DefaultTag.CheckableTag = checkable_tag_1.default;
+require('../style/base.css');
+require('./style/index.css');
+const require_tag = require("./tag.js");
+const require_checkable_tag = require("./checkable-tag.js");
+//#region components/tag/index.tsx
+const DefaultTag = require_tag.default;
+DefaultTag.CheckableTag = require_checkable_tag.default;
+//#endregion
 exports.default = DefaultTag;
+
 //# sourceMappingURL=index.js.map

package/lib/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/tag/index.tsx"],"names":[],"mappings":";;;AAAA,wDAAwB;AACxB,4EAA2C;AAM3C,MAAM,UAAU,GAAG,aAAW,CAAC;AAC/B,UAAU,CAAC,YAAY,GAAG,uBAAY,CAAC;AAEvC,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"index.js","names":["Tag","CheckableTag"],"sources":["../../components/tag/index.tsx"],"sourcesContent":["import Tag from './tag';\nimport CheckableTag from './checkable-tag';\n\ntype ITag = typeof Tag & {\n  CheckableTag: typeof CheckableTag;\n};\n\nconst DefaultTag = Tag as ITag;\nDefaultTag.CheckableTag = CheckableTag;\n\nexport default DefaultTag;\n"],"mappings":";;;AAOA,MAAM,aAAaA,YAAAA;AACnB,WAAW,eAAeC,sBAAAA"}

package/lib/tag/style/index.css

@@ -0,0 +1,103 @@
+.ty-tag {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  display: none;
+  margin-right: 8px;
+  padding: 3px 7px;
+  font-size: 12px;
+  border: 1px solid var(--ty-tag-border);
+  border-radius: 2px;
+  color: var(--ty-color-text);
+  background: var(--ty-tag-bg);
+}
+.ty-tag a,
+.ty-tag a:hover {
+  color: var(--ty-color-text-secondary);
+}
+.ty-tag_visible {
+  display: inline-block;
+}
+.ty-tag__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;
+}
+.ty-tag__close-btn:hover {
+  opacity: 0.8;
+}
+.ty-tag_magenta {
+  color: var(--ty-tag-magenta-color);
+  background: var(--ty-tag-magenta-bg);
+  border-color: var(--ty-tag-magenta-border);
+}
+.ty-tag_red {
+  color: var(--ty-tag-red-color);
+  background: var(--ty-tag-red-bg);
+  border-color: var(--ty-tag-red-border);
+}
+.ty-tag_volcano {
+  color: var(--ty-tag-volcano-color);
+  background: var(--ty-tag-volcano-bg);
+  border-color: var(--ty-tag-volcano-border);
+}
+.ty-tag_orange {
+  color: var(--ty-tag-orange-color);
+  background: var(--ty-tag-orange-bg);
+  border-color: var(--ty-tag-orange-border);
+}
+.ty-tag_gold {
+  color: var(--ty-tag-gold-color);
+  background: var(--ty-tag-gold-bg);
+  border-color: var(--ty-tag-gold-border);
+}
+.ty-tag_lime {
+  color: var(--ty-tag-lime-color);
+  background: var(--ty-tag-lime-bg);
+  border-color: var(--ty-tag-lime-border);
+}
+.ty-tag_green {
+  color: var(--ty-tag-green-color);
+  background: var(--ty-tag-green-bg);
+  border-color: var(--ty-tag-green-border);
+}
+.ty-tag_cyan {
+  color: var(--ty-tag-cyan-color);
+  background: var(--ty-tag-cyan-bg);
+  border-color: var(--ty-tag-cyan-border);
+}
+.ty-tag_blue {
+  color: var(--ty-tag-blue-color);
+  background: var(--ty-tag-blue-bg);
+  border-color: var(--ty-tag-blue-border);
+}
+.ty-tag_geekblue {
+  color: var(--ty-tag-geekblue-color);
+  background: var(--ty-tag-geekblue-bg);
+  border-color: var(--ty-tag-geekblue-border);
+}
+.ty-tag_purple {
+  color: var(--ty-tag-purple-color);
+  background: var(--ty-tag-purple-bg);
+  border-color: var(--ty-tag-purple-border);
+}
+
+.ty-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;
+}
+.ty-checkable-tag_checked {
+  background-color: var(--ty-color-primary);
+  color: #fff;
+  border-color: var(--ty-color-primary);
+}

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

@@ -1 +1 @@
-import './index.scss';
+export { };

package/lib/tag/style/index.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./index.scss");
-//# sourceMappingURL=index.js.map
+require("./index.css");

package/lib/tag/tag.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-import { TagProps } from './types';
-declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;
-export default Tag;
+import { TagProps } from "./types.js";
+import React from "react";
+
+//#region components/tag/tag.d.ts
+declare const Tag: React.MemoExoticComponent<React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>>;
+//#endregion
+export { Tag };
+//# sourceMappingURL=tag.d.ts.map

package/lib/tag/tag.js

@@ -1,44 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = tslib_1.__importDefault(require("classnames"));
-const config_context_1 = require("../config-provider/config-context");
-const general_1 = require("../_utils/general");
-const types_1 = require("./types");
-const Tag = (0, react_1.forwardRef)((props, ref) => {
-    const { closable = false, defaultVisible = true, prefixCls: customisedCls, color, onClose, onClick, className, style, children, ...otherProps } = props;
-    const [visible, setVisible] = (0, react_1.useState)('visible' in props ? props.visible : defaultVisible);
-    const configContext = (0, react_1.useContext)(config_context_1.ConfigContext);
-    const prefixCls = (0, general_1.getPrefixCls)('tag', configContext.prefixCls, customisedCls);
-    const cls = (0, classnames_1.default)(prefixCls, className, {
-        [`${prefixCls}_${color}`]: color && types_1.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 ? (types_1.PresetColors.includes(color) ? undefined : color) : undefined,
-        borderColor: color ? (types_1.PresetColors.includes(color) ? undefined : color) : undefined,
-        color: color ? (types_1.PresetColors.includes(color) ? undefined : '#fff') : undefined,
-        ...style,
-    };
-    (0, react_1.useEffect)(() => {
-        'visible' in props && setVisible(props.visible);
-    }, [props]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...otherProps, ref: ref, className: cls, style: tagStyle, onClick: onClick, children: [children, closable && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: `${prefixCls}__close-btn`, onClick: closeBtnOnClick, "aria-label": "Remove", children: "\u2715" }))] }));
-});
-Tag.displayName = 'Tag';
+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_types = require("./types.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");
+//#region components/tag/tag.tsx
+const Tag = react.default.memo((0, react.forwardRef)((props, ref) => {
+	const { closable = false, defaultVisible = true, prefixCls: customisedCls, color, onClose, onClick, className, style, children, ...otherProps } = props;
+	const [visible, setVisible] = (0, react.useState)("visible" in props ? props.visible : defaultVisible);
+	const prefixCls = require_general.getPrefixCls("tag", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className, {
+		[`${prefixCls}_${color}`]: color && require_types.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 ? require_types.PresetColors.includes(color) ? void 0 : color : void 0,
+		borderColor: color ? require_types.PresetColors.includes(color) ? void 0 : color : void 0,
+		color: color ? require_types.PresetColors.includes(color) ? void 0 : "#fff" : void 0,
+		...style
+	};
+	(0, react.useEffect)(() => {
+		"visible" in props && setVisible(props.visible);
+	}, [props]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style: tagStyle,
+		onClick,
+		children: [children, closable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+			type: "button",
+			className: `${prefixCls}__close-btn`,
+			onClick: closeBtnOnClick,
+			"aria-label": "Remove",
+			children: "✕"
+		})]
+	});
+}));
+Tag.displayName = "Tag";
+//#endregion
 exports.default = Tag;
+
 //# sourceMappingURL=tag.js.map

package/lib/tag/tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../components/tag/tag.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuF;AACvF,oEAAoC;AACpC,sEAAkE;AAClE,+CAAiD;AACjD,mCAAiD;AAEjD,MAAM,GAAG,GAAG,IAAA,kBAAU,EAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9D,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,IAAI,EACrB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EACpC,SAAS,IAAI,KAAK,CAAC,CAAC,CAAE,KAAK,CAAC,OAAmB,CAAC,CAAC,CAAC,cAAc,CACjE,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,8BAAa,CAAC,CAAC;IAChD,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,KAAK,EAAE,aAAa,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC9E,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE;QAC3C,CAAC,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;QAChE,CAAC,GAAG,SAAS,UAAU,CAAC,EAAE,OAAO;QACjC,CAAC,GAAG,SAAS,YAAY,CAAC,EAAE,QAAQ;KACrC,CAAC,CAAC;IAEH;;;OAGG;IACH,MAAM,eAAe,GAAG,CAAC,CAA8B,EAAQ,EAAE;QAC/D,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAwB;QACpC,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACvF,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnF,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;QAC9E,GAAG,KAAK;KACT,CAAC;IAEF,IAAA,iBAAS,EAAC,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,oCAAS,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,aAC7E,QAAQ,EACR,QAAQ,IAAI,CACX,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,GAAG,SAAS,aAAa,EAAE,OAAO,EAAE,eAAe,gBAAa,QAAQ,uBAEhG,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,kBAAe,GAAG,CAAC"}
+{"version":3,"file":"tag.js","names":["React","getPrefixCls","ConfigContext","PresetColors"],"sources":["../../components/tag/tag.tsx"],"sourcesContent":["import React, { useState, useEffect, MouseEvent, useContext, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { PresetColors, TagProps } from './types';\n\nconst Tag = React.memo(forwardRef<HTMLDivElement, TagProps>((props, ref) => {\n  const {\n    closable = false,\n    defaultVisible = true,\n    prefixCls: customisedCls,\n    color,\n    onClose,\n    onClick,\n    className,\n    style,\n    children,\n    ...otherProps\n  } = props;\n  const [visible, setVisible] = useState<boolean>(\n    'visible' in props ? (props.visible as boolean) : defaultVisible\n  );\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('tag', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_${color}`]: color && PresetColors.includes(color),\n    [`${prefixCls}_visible`]: visible,\n    [`${prefixCls}_closeable`]: closable,\n  });\n\n  /**\n   * Callback when the close button is clicked.\n   * @param e\n   */\n  const closeBtnOnClick = (e: MouseEvent<HTMLSpanElement>): void => {\n    onClose && onClose(e);\n    if (e.defaultPrevented) {\n      return;\n    }\n    !('visible' in props) && setVisible(false);\n  };\n\n  const tagStyle: React.CSSProperties = {\n    backgroundColor: color ? (PresetColors.includes(color) ? undefined : color) : undefined,\n    borderColor: color ? (PresetColors.includes(color) ? undefined : color) : undefined,\n    color: color ? (PresetColors.includes(color) ? undefined : '#fff') : undefined,\n    ...style,\n  };\n\n  useEffect(() => {\n    'visible' in props && setVisible(props.visible as boolean);\n  }, [props]);\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={tagStyle} onClick={onClick}>\n      {children}\n      {closable && (\n        <button type=\"button\" className={`${prefixCls}__close-btn`} onClick={closeBtnOnClick} aria-label=\"Remove\">\n          ✕\n        </button>\n      )}\n    </div>\n  );\n}));\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAMA,MAAM,MAAMA,MAAAA,QAAM,MAAA,GAAA,MAAA,aAA2C,OAAO,QAAQ;CAC1E,MAAM,EACJ,WAAW,OACX,iBAAiB,MACjB,WAAW,eACX,OACA,SACA,SACA,WACA,OACA,UACA,GAAG,eACD;CACJ,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UACd,aAAa,QAAS,MAAM,UAAsB,eACnD;CAED,MAAM,YAAYC,gBAAAA,aAAa,QAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACK,WAAW,cAAc;CAC7E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW;GAC1C,GAAG,UAAU,GAAG,UAAU,SAASC,cAAAA,aAAa,SAAS,MAAM;GAC/D,GAAG,UAAU,YAAY;GACzB,GAAG,UAAU,cAAc;EAC7B,CAAC;;;;;CAMF,MAAM,mBAAmB,MAAyC;AAChE,aAAW,QAAQ,EAAE;AACrB,MAAI,EAAE,iBACJ;AAEF,IAAE,aAAa,UAAU,WAAW,MAAM;;CAG5C,MAAM,WAAgC;EACpC,iBAAiB,QAASA,cAAAA,aAAa,SAAS,MAAM,GAAG,KAAA,IAAY,QAAS,KAAA;EAC9E,aAAa,QAASA,cAAAA,aAAa,SAAS,MAAM,GAAG,KAAA,IAAY,QAAS,KAAA;EAC1E,OAAO,QAASA,cAAAA,aAAa,SAAS,MAAM,GAAG,KAAA,IAAY,SAAU,KAAA;EACrE,GAAG;EACJ;AAED,EAAA,GAAA,MAAA,iBAAgB;AACd,eAAa,SAAS,WAAW,MAAM,QAAmB;IACzD,CAAC,MAAM,CAAC;AAEX,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;EAAK,OAAO;EAAmB;YAAzE,CACG,UACA,YACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;GAAQ,MAAK;GAAS,WAAW,GAAG,UAAU;GAAc,SAAS;GAAiB,cAAW;aAAS;GAEjG,CAAA,CAEP;;EAER,CAAC;AAEH,IAAI,cAAc"}

package/lib/tag/types.d.ts

@@ -1,18 +1,22 @@
-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;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/tag/types.d.ts
+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;
+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;
 }
+//#endregion
+export { CheckableTagProps, TagProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/tag/types.js

@@ -1,17 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PresetColors = void 0;
-exports.PresetColors = [
-    'magenta',
-    'red',
-    'volcano',
-    'orange',
-    'gold',
-    'lime',
-    'green',
-    'cyan',
-    'blue',
-    'geekblue',
-    'purple',
+//#region components/tag/types.ts
+const PresetColors = [
+	"magenta",
+	"red",
+	"volcano",
+	"orange",
+	"gold",
+	"lime",
+	"green",
+	"cyan",
+	"blue",
+	"geekblue",
+	"purple"
 ];
+//#endregion
+exports.PresetColors = PresetColors;
+
 //# sourceMappingURL=types.js.map

package/lib/tag/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../components/tag/types.ts"],"names":[],"mappings":";;;AAUa,QAAA,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"}
+{"version":3,"file":"types.js","names":[],"sources":["../../components/tag/types.ts"],"sourcesContent":["import React from 'react';\nimport { BaseProps } from '../_utils/props';\n\nexport interface CheckableTagProps extends BaseProps {\n  defaultChecked?: boolean;\n  checked?: boolean;\n  onChange?: (checked: boolean, e: React.MouseEvent) => void;\n  children?: React.ReactNode;\n}\n\nexport const PresetColors = [\n  'magenta',\n  'red',\n  'volcano',\n  'orange',\n  'gold',\n  'lime',\n  'green',\n  'cyan',\n  'blue',\n  'geekblue',\n  'purple',\n];\n\nexport interface TagProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {\n  color?: string;\n  closable?: boolean;\n  onClose?: React.MouseEventHandler;\n  onClick?: React.MouseEventHandler;\n  defaultVisible?: boolean;\n  visible?: boolean;\n  children?: React.ReactNode;\n}\n"],"mappings":";AAUA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/lib/textarea/index.js

@@ -1,6 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const textarea_1 = tslib_1.__importDefault(require("./textarea"));
-exports.default = textarea_1.default;
+require('../style/base.css');
+require('./style/index.css');
+require('../input/style/index.css');
+//#region components/textarea/index.tsx
+var textarea_default = require("./textarea.js").default;
+//#endregion
+exports.default = textarea_default;
+
 //# sourceMappingURL=index.js.map