tiny-ui 1.0.3 → 1.0.4

package/es/checkbox/types.d.ts

@@ -1,18 +1,23 @@
-import React from 'react';
-import { BaseProps } from '../_utils/props';
-export interface CheckboxGroupProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange'> {
-    defaultValue?: string[];
-    value?: string[];
-    onChange?: (checkedValues: string[]) => void;
-    disabled?: boolean;
+import { BaseProps } from "../_utils/props.js";
+import React from "react";
+
+//#region components/checkbox/types.d.ts
+interface CheckboxGroupProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['div']>, 'onChange'> {
+  defaultValue?: string[];
+  value?: string[];
+  onChange?: (checkedValues: string[]) => void;
+  disabled?: boolean;
 }
-export interface CheckboxProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['label']>, 'onChange'> {
-    /** Only required when use checkbox group */
-    value?: string;
-    defaultChecked?: boolean;
-    checked?: boolean;
-    indeterminate?: boolean;
-    disabled?: boolean;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    checkboxRef?: React.RefObject<HTMLInputElement>;
+interface CheckboxProps extends BaseProps, Omit<React.PropsWithRef<JSX.IntrinsicElements['label']>, 'onChange'> {
+  /** Only required when use checkbox group */
+  value?: string;
+  defaultChecked?: boolean;
+  checked?: boolean;
+  indeterminate?: boolean;
+  disabled?: boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  checkboxRef?: React.RefObject<HTMLInputElement>;
 }
+//#endregion
+export { CheckboxGroupProps, CheckboxProps };
+//# sourceMappingURL=types.d.ts.map

package/es/col/index.d.ts

@@ -1,2 +1 @@
-import Col from '../grid/col';
-export default Col;
+import { Col } from "../grid/col.js";

package/es/col/index.js

@@ -1,3 +1,7 @@
-import Col from '../grid/col';
-export default Col;
+import Col from "../grid/col.js";
+//#region components/col/index.tsx
+var col_default = Col;
+//#endregion
+export { col_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/col/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/col/index.tsx"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,aAAa,CAAC;AAE9B,eAAe,GAAG,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/col/index.tsx"],"sourcesContent":["import Col from '../grid/col';\n\nexport default Col;\n"],"mappings":";;AAEA,IAAA,cAAe"}

package/es/collapse/collapse-context.js

@@ -1,5 +1,7 @@
-import React from 'react';
-export const CollapseContext = React.createContext({
-    activeKeys: [],
-});
+import React from "react";
+//#region components/collapse/collapse-context.ts
+const CollapseContext = React.createContext({ activeKeys: [] });
+//#endregion
+export { CollapseContext };
+
 //# sourceMappingURL=collapse-context.js.map

package/es/collapse/collapse-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-context.js","sourceRoot":"","sources":["../../components/collapse/collapse-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAAQ;IACxD,UAAU,EAAE,EAAE;CACf,CAAC,CAAC"}
+{"version":3,"file":"collapse-context.js","names":[],"sources":["../../components/collapse/collapse-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  activeKeys: string[];\n  onItemClick?: (itemKey: string) => void;\n};\n\nexport const CollapseContext = React.createContext<Props>({\n  activeKeys: [],\n});\n"],"mappings":";;AAOA,MAAa,kBAAkB,MAAM,cAAqB,EACxD,YAAY,EAAE,EACf,CAAC"}

package/es/collapse/collapse-panel.d.ts

@@ -1,7 +1,11 @@
-import React from 'react';
-import { CollapsePanelProps } from './types';
+import { CollapsePanelProps } from "./types.js";
+import React from "react";
+
+//#region components/collapse/collapse-panel.d.ts
 declare const CollapsePanel: {
-    (props: CollapsePanelProps): React.ReactElement;
-    displayName: string;
+  (props: CollapsePanelProps): React.ReactElement;
+  displayName: string;
 };
-export default CollapsePanel;
+//#endregion
+export { CollapsePanel };
+//# sourceMappingURL=collapse-panel.d.ts.map

package/es/collapse/collapse-panel.js

@@ -1,60 +1,96 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useId, useRef } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { ArrowDown } from '../_utils/components';
-import CollapseTransition from '../collapse-transition';
-import { CollapseContext } from './collapse-context';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { ArrowDown } from "../_utils/components.js";
+import { CollapseContext } from "./collapse-context.js";
+import collapse_transition_default from "../collapse-transition/index.js";
+import { useContext, useId, useRef } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/collapse/collapse-panel.tsx
 /**
- * Allow to parse active status to a node
- * @param node
- * @param isActive
- */
+* Allow to parse active status to a node
+* @param node
+* @param isActive
+*/
 const richNode = (node, isActive) => {
-    return typeof node === 'function' ? node(isActive) : node;
+	return typeof node === "function" ? node(isActive) : node;
 };
 const CollapsePanel = (props) => {
-    const { showArrow = true, itemKey, header, disabled, extra, deletable, onHeaderOnClick, className, style, children, prefixCls: customisedCls, } = props;
-    const itemRef = useRef(null);
-    const panelId = useId();
-    const headerId = useId();
-    const configContext = useContext(ConfigContext);
-    const { activeKeys, onItemClick } = useContext(CollapseContext);
-    const prefixCls = getPrefixCls('collapse-item', configContext.prefixCls, customisedCls);
-    const active = activeKeys.includes(itemKey);
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_active`]: active,
-    });
-    const headerOnClick = (e) => {
-        if (!disabled) {
-            onHeaderOnClick && onHeaderOnClick(e);
-            onItemClick && onItemClick(itemKey);
-        }
-    };
-    /**
-     * Remove a item from collapse only the header is enabled
-     * @param e
-     * @private
-     */
-    const removeItem = (e) => {
-        e.stopPropagation();
-        if (!disabled) {
-            const node = itemRef.current;
-            node && node.parentNode?.removeChild(node);
-        }
-    };
-    const renderHeader = () => {
-        const headerCls = classNames(`${prefixCls}__header`, {
-            [`${prefixCls}__header_disabled`]: disabled,
-        });
-        const arrowCls = classNames(`${prefixCls}__arrow`, {
-            [`${prefixCls}__arrow_active`]: active,
-        });
-        return (_jsxs("button", { type: "button", id: headerId, className: headerCls, onClick: headerOnClick, "aria-expanded": active, "aria-controls": panelId, "aria-disabled": disabled || undefined, children: [showArrow && _jsx(ArrowDown, { size: 10, className: arrowCls }), _jsx("div", { className: `${prefixCls}__title`, children: richNode(header, active) }), _jsx("div", { className: `${prefixCls}__extra`, children: deletable ? _jsx("span", { onClick: removeItem, children: "\u2715" }) : richNode(extra, active) })] }));
-    };
-    return (_jsxs("div", { className: cls, style: style, ref: itemRef, children: [renderHeader(), _jsx(CollapseTransition, { isShow: active, children: _jsx("div", { className: `${prefixCls}__content`, id: panelId, role: "region", "aria-labelledby": headerId, children: richNode(children, active) }) })] }));
+	const { showArrow = true, itemKey, header, disabled, extra, deletable, onHeaderOnClick, className, style, children, prefixCls: customisedCls } = props;
+	const itemRef = useRef(null);
+	const panelId = useId();
+	const headerId = useId();
+	const configContext = useContext(ConfigContext);
+	const { activeKeys, onItemClick } = useContext(CollapseContext);
+	const prefixCls = getPrefixCls("collapse-item", configContext.prefixCls, customisedCls);
+	const active = activeKeys.includes(itemKey);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_active`]: active });
+	const headerOnClick = (e) => {
+		if (!disabled) {
+			onHeaderOnClick && onHeaderOnClick(e);
+			onItemClick && onItemClick(itemKey);
+		}
+	};
+	/**
+	* Remove a item from collapse only the header is enabled
+	* @param e
+	* @private
+	*/
+	const removeItem = (e) => {
+		e.stopPropagation();
+		if (!disabled) {
+			const node = itemRef.current;
+			node && node.parentNode?.removeChild(node);
+		}
+	};
+	const renderHeader = () => {
+		const headerCls = classNames(`${prefixCls}__header`, { [`${prefixCls}__header_disabled`]: disabled });
+		const arrowCls = classNames(`${prefixCls}__arrow`, { [`${prefixCls}__arrow_active`]: active });
+		return /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			id: headerId,
+			className: headerCls,
+			onClick: headerOnClick,
+			"aria-expanded": active,
+			"aria-controls": panelId,
+			"aria-disabled": disabled || void 0,
+			children: [
+				showArrow && /* @__PURE__ */ jsx(ArrowDown, {
+					size: 10,
+					className: arrowCls
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__title`,
+					children: richNode(header, active)
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: `${prefixCls}__extra`,
+					children: deletable ? /* @__PURE__ */ jsx("span", {
+						onClick: removeItem,
+						children: "✕"
+					}) : richNode(extra, active)
+				})
+			]
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cls,
+		style,
+		ref: itemRef,
+		children: [renderHeader(), /* @__PURE__ */ jsx(collapse_transition_default, {
+			isShow: active,
+			children: /* @__PURE__ */ jsx("div", {
+				className: `${prefixCls}__content`,
+				id: panelId,
+				role: "region",
+				"aria-labelledby": headerId,
+				children: richNode(children, active)
+			})
+		})]
+	});
 };
-CollapsePanel.displayName = 'CollapsePanel';
-export default CollapsePanel;
+CollapsePanel.displayName = "CollapsePanel";
+//#endregion
+export { CollapsePanel as default };
+
 //# sourceMappingURL=collapse-panel.js.map

package/es/collapse/collapse-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-panel.js","sourceRoot":"","sources":["../../components/collapse/collapse-panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"collapse-panel.js","names":["CollapseTransition"],"sources":["../../components/collapse/collapse-panel.tsx"],"sourcesContent":["import React, { useContext, useId, useRef } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CollapsePanelProps } from './types';\nimport { ArrowDown } from '../_utils/components';\nimport CollapseTransition from '../collapse-transition';\nimport { CollapseContext } from './collapse-context';\n\n/**\n * Allow to parse active status to a node\n * @param node\n * @param isActive\n */\nconst richNode = (node: React.ReactNode | ((isActive: boolean) => React.ReactNode), isActive: boolean) => {\n  return typeof node === 'function' ? node(isActive) : node;\n};\n\nconst CollapsePanel = (props: CollapsePanelProps): React.ReactElement => {\n  const {\n    showArrow = true,\n    itemKey,\n    header,\n    disabled,\n    extra,\n    deletable,\n    onHeaderOnClick,\n    className,\n    style,\n    children,\n    prefixCls: customisedCls,\n  } = props;\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const panelId = useId();\n  const headerId = useId();\n  const configContext = useContext(ConfigContext);\n  const { activeKeys, onItemClick } = useContext(CollapseContext);\n  const prefixCls = getPrefixCls('collapse-item', configContext.prefixCls, customisedCls);\n  const active = activeKeys.includes(itemKey);\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_active`]: active,\n  });\n\n  const headerOnClick = (e: React.MouseEvent) => {\n    if (!disabled) {\n      onHeaderOnClick && onHeaderOnClick(e);\n      onItemClick && onItemClick(itemKey);\n    }\n  };\n\n  /**\n   * Remove a item from collapse only the header is enabled\n   * @param e\n   * @private\n   */\n  const removeItem = (e: React.MouseEvent<HTMLSpanElement>) => {\n    e.stopPropagation();\n    if (!disabled) {\n      const node = itemRef.current;\n      node && node.parentNode?.removeChild(node);\n    }\n  };\n\n  const renderHeader = () => {\n    const headerCls = classNames(`${prefixCls}__header`, {\n      [`${prefixCls}__header_disabled`]: disabled,\n    });\n    const arrowCls = classNames(`${prefixCls}__arrow`, {\n      [`${prefixCls}__arrow_active`]: active,\n    });\n\n    return (\n      <button\n        type=\"button\"\n        id={headerId}\n        className={headerCls}\n        onClick={headerOnClick}\n        aria-expanded={active}\n        aria-controls={panelId}\n        aria-disabled={disabled || undefined}>\n        {showArrow && <ArrowDown size={10} className={arrowCls} />}\n        <div className={`${prefixCls}__title`}>{richNode(header, active)}</div>\n        <div className={`${prefixCls}__extra`}>\n          {deletable ? <span onClick={removeItem}>✕</span> : richNode(extra, active)}\n        </div>\n      </button>\n    );\n  };\n\n  return (\n    <div className={cls} style={style} ref={itemRef}>\n      {renderHeader()}\n      <CollapseTransition isShow={active}>\n        <div className={`${prefixCls}__content`} id={panelId} role=\"region\" aria-labelledby={headerId}>{richNode(children, active)}</div>\n      </CollapseTransition>\n    </div>\n  );\n};\n\nCollapsePanel.displayName = 'CollapsePanel';\n\nexport default CollapsePanel;\n"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,YAAY,MAAkE,aAAsB;AACxG,QAAO,OAAO,SAAS,aAAa,KAAK,SAAS,GAAG;;AAGvD,MAAM,iBAAiB,UAAkD;CACvE,MAAM,EACJ,YAAY,MACZ,SACA,QACA,UACA,OACA,WACA,iBACA,WACA,OACA,UACA,WAAW,kBACT;CACJ,MAAM,UAAU,OAA8B,KAAK;CACnD,MAAM,UAAU,OAAO;CACvB,MAAM,WAAW,OAAO;CACxB,MAAM,gBAAgB,WAAW,cAAc;CAC/C,MAAM,EAAE,YAAY,gBAAgB,WAAW,gBAAgB;CAC/D,MAAM,YAAY,aAAa,iBAAiB,cAAc,WAAW,cAAc;CACvF,MAAM,SAAS,WAAW,SAAS,QAAQ;CAC3C,MAAM,MAAM,WAAW,WAAW,WAAW,GAC1C,GAAG,UAAU,WAAW,QAC1B,CAAC;CAEF,MAAM,iBAAiB,MAAwB;AAC7C,MAAI,CAAC,UAAU;AACb,sBAAmB,gBAAgB,EAAE;AACrC,kBAAe,YAAY,QAAQ;;;;;;;;CASvC,MAAM,cAAc,MAAyC;AAC3D,IAAE,iBAAiB;AACnB,MAAI,CAAC,UAAU;GACb,MAAM,OAAO,QAAQ;AACrB,WAAQ,KAAK,YAAY,YAAY,KAAK;;;CAI9C,MAAM,qBAAqB;EACzB,MAAM,YAAY,WAAW,GAAG,UAAU,WAAW,GAClD,GAAG,UAAU,qBAAqB,UACpC,CAAC;EACF,MAAM,WAAW,WAAW,GAAG,UAAU,UAAU,GAChD,GAAG,UAAU,kBAAkB,QACjC,CAAC;AAEF,SACE,qBAAC,UAAD;GACE,MAAK;GACL,IAAI;GACJ,WAAW;GACX,SAAS;GACT,iBAAe;GACf,iBAAe;GACf,iBAAe,YAAY,KAAA;aAP7B;IAQG,aAAa,oBAAC,WAAD;KAAW,MAAM;KAAI,WAAW;KAAY,CAAA;IAC1D,oBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAAW,SAAS,QAAQ,OAAO;KAAO,CAAA;IACvE,oBAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAC1B,YAAY,oBAAC,QAAD;MAAM,SAAS;gBAAY;MAAQ,CAAA,GAAG,SAAS,OAAO,OAAO;KACtE,CAAA;IACC;;;AAIb,QACE,qBAAC,OAAD;EAAK,WAAW;EAAY;EAAO,KAAK;YAAxC,CACG,cAAc,EACf,oBAACA,6BAAD;GAAoB,QAAQ;aAC1B,oBAAC,OAAD;IAAK,WAAW,GAAG,UAAU;IAAY,IAAI;IAAS,MAAK;IAAS,mBAAiB;cAAW,SAAS,UAAU,OAAO;IAAO,CAAA;GAC9G,CAAA,CACjB;;;AAIV,cAAc,cAAc"}

package/es/collapse/collapse.d.ts

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

package/es/collapse/collapse.js

@@ -1,74 +1,68 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { CollapseContext } from './collapse-context';
-import { getPrefixCls } from '../_utils/general';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { CollapseContext } from "./collapse-context.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region components/collapse/collapse.tsx
 /**
- * Format active key to array
- * @param activeKey
- */
+* Format active key to array
+* @param activeKey
+*/
 const toArray = (activeKey) => {
-    return Array.isArray(activeKey) ? activeKey : [activeKey];
+	return Array.isArray(activeKey) ? activeKey : [activeKey];
 };
 const Collapse = React.forwardRef((props, ref) => {
-    const { showArrow = true, bordered = true, deletable = false, accordion = false, defaultActiveKey = [], prefixCls: customisedCls, activeKey, onChange, className, children, ...otherProps } = props;
-    let currentActiveKey = defaultActiveKey;
-    if (activeKey) {
-        currentActiveKey = activeKey;
-    }
-    const [activeItems, setActiveItems] = useState(toArray(currentActiveKey));
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('collapse', configContext.prefixCls, customisedCls);
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_borderless`]: !bordered,
-    });
-    const updateActiveItems = (items) => {
-        if (!('activeKey' in props)) {
-            // only for defaultKey
-            setActiveItems(items);
-        }
-        onChange && onChange(items);
-    };
-    const handleOnItemClick = (itemKey) => {
-        let items = activeItems;
-        if (accordion) {
-            items = items[0] === itemKey ? [] : [itemKey];
-        }
-        else {
-            items = [...activeItems];
-            const index = items.indexOf(itemKey);
-            const isActive = index > -1;
-            if (isActive) {
-                // remove active state
-                items.splice(index, 1);
-            }
-            else {
-                items.push(itemKey);
-            }
-        }
-        updateActiveItems(items);
-    };
-    useEffect(() => {
-        // Update state from updated props
-        activeKey && setActiveItems(toArray(activeKey));
-    }, [activeKey]);
-    return (_jsx("div", { ...otherProps, ref: ref, className: cls, children: _jsx(CollapseContext.Provider, { value: {
-                activeKeys: activeItems,
-                onItemClick: handleOnItemClick,
-            }, children: React.Children.map(children, (child, idx) => {
-                const childElement = child;
-                if (childElement.type.displayName === 'CollapsePanel') {
-                    const itemProps = {
-                        deletable,
-                        showArrow,
-                        itemKey: `${idx}`,
-                    };
-                    return React.cloneElement(childElement, itemProps);
-                }
-                return child;
-            }) }) }));
+	const { showArrow = true, bordered = true, deletable = false, accordion = false, defaultActiveKey = [], prefixCls: customisedCls, activeKey, onChange, className, children, ...otherProps } = props;
+	let currentActiveKey = defaultActiveKey;
+	if (activeKey) currentActiveKey = activeKey;
+	const [activeItems, setActiveItems] = useState(toArray(currentActiveKey));
+	const prefixCls = getPrefixCls("collapse", useContext(ConfigContext).prefixCls, customisedCls);
+	const cls = classNames(prefixCls, className, { [`${prefixCls}_borderless`]: !bordered });
+	const updateActiveItems = (items) => {
+		if (!("activeKey" in props)) setActiveItems(items);
+		onChange && onChange(items);
+	};
+	const handleOnItemClick = (itemKey) => {
+		let items = activeItems;
+		if (accordion) items = items[0] === itemKey ? [] : [itemKey];
+		else {
+			items = [...activeItems];
+			const index = items.indexOf(itemKey);
+			if (index > -1) items.splice(index, 1);
+			else items.push(itemKey);
+		}
+		updateActiveItems(items);
+	};
+	useEffect(() => {
+		activeKey && setActiveItems(toArray(activeKey));
+	}, [activeKey]);
+	return /* @__PURE__ */ jsx("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		children: /* @__PURE__ */ jsx(CollapseContext.Provider, {
+			value: {
+				activeKeys: activeItems,
+				onItemClick: handleOnItemClick
+			},
+			children: React.Children.map(children, (child, idx) => {
+				const childElement = child;
+				if (childElement.type.displayName === "CollapsePanel") {
+					const itemProps = {
+						deletable,
+						showArrow,
+						itemKey: `${idx}`
+					};
+					return React.cloneElement(childElement, itemProps);
+				}
+				return child;
+			})
+		})
+	});
 });
-Collapse.displayName = 'Collapse';
-export default Collapse;
+Collapse.displayName = "Collapse";
+//#endregion
+export { Collapse as default };
+
 //# sourceMappingURL=collapse.js.map

package/es/collapse/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../components/collapse/collapse.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"collapse.js","names":[],"sources":["../../components/collapse/collapse.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { CollapseContext } from './collapse-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { CollapsePanelProps, CollapseProps } from './types';\n\n/**\n * Format active key to array\n * @param activeKey\n */\nconst toArray = (activeKey: string | string[]): string[] => {\n  return Array.isArray(activeKey) ? activeKey : [activeKey];\n};\n\nconst Collapse = React.forwardRef<HTMLDivElement, CollapseProps>(\n  (props: CollapseProps, ref): React.ReactElement => {\n    const {\n      showArrow = true,\n      bordered = true,\n      deletable = false,\n      accordion = false,\n      defaultActiveKey = [],\n      prefixCls: customisedCls,\n      activeKey,\n      onChange,\n      className,\n      children,\n      ...otherProps\n    } = props;\n    let currentActiveKey: string | string[] = defaultActiveKey;\n    if (activeKey) {\n      currentActiveKey = activeKey;\n    }\n    const [activeItems, setActiveItems] = useState<string[]>(toArray(currentActiveKey));\n    const configContext = useContext(ConfigContext);\n    const prefixCls = getPrefixCls('collapse', configContext.prefixCls, customisedCls);\n    const cls = classNames(prefixCls, className, {\n      [`${prefixCls}_borderless`]: !bordered,\n    });\n\n    const updateActiveItems = (items: string[]) => {\n      if (!('activeKey' in props)) {\n        // only for defaultKey\n        setActiveItems(items);\n      }\n      onChange && onChange(items);\n    };\n\n    const handleOnItemClick = (itemKey: string) => {\n      let items = activeItems;\n      if (accordion) {\n        items = items[0] === itemKey ? [] : [itemKey];\n      } else {\n        items = [...activeItems];\n        const index = items.indexOf(itemKey);\n        const isActive = index > -1;\n        if (isActive) {\n          // remove active state\n          items.splice(index, 1);\n        } else {\n          items.push(itemKey);\n        }\n      }\n      updateActiveItems(items);\n    };\n\n    useEffect(() => {\n      // Update state from updated props\n      activeKey && setActiveItems(toArray(activeKey));\n    }, [activeKey]);\n\n    return (\n      <div {...otherProps} ref={ref} className={cls}>\n        <CollapseContext.Provider\n          value={{\n            activeKeys: activeItems,\n            onItemClick: handleOnItemClick,\n          }}>\n          {React.Children.map(children, (child, idx) => {\n            const childElement = child as React.FunctionComponentElement<CollapsePanelProps>;\n            if (childElement.type.displayName === 'CollapsePanel') {\n              const itemProps: Partial<CollapsePanelProps> = {\n                deletable,\n                showArrow,\n                itemKey: `${idx}`,\n              };\n              return React.cloneElement(childElement, itemProps);\n            }\n            return child;\n          })}\n        </CollapseContext.Provider>\n      </div>\n    );\n  }\n);\n\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,WAAW,cAA2C;AAC1D,QAAO,MAAM,QAAQ,UAAU,GAAG,YAAY,CAAC,UAAU;;AAG3D,MAAM,WAAW,MAAM,YACpB,OAAsB,QAA4B;CACjD,MAAM,EACJ,YAAY,MACZ,WAAW,MACX,YAAY,OACZ,YAAY,OACZ,mBAAmB,EAAE,EACrB,WAAW,eACX,WACA,UACA,WACA,UACA,GAAG,eACD;CACJ,IAAI,mBAAsC;AAC1C,KAAI,UACF,oBAAmB;CAErB,MAAM,CAAC,aAAa,kBAAkB,SAAmB,QAAQ,iBAAiB,CAAC;CAEnF,MAAM,YAAY,aAAa,YADT,WAAW,cAAc,CACU,WAAW,cAAc;CAClF,MAAM,MAAM,WAAW,WAAW,WAAW,GAC1C,GAAG,UAAU,eAAe,CAAC,UAC/B,CAAC;CAEF,MAAM,qBAAqB,UAAoB;AAC7C,MAAI,EAAE,eAAe,OAEnB,gBAAe,MAAM;AAEvB,cAAY,SAAS,MAAM;;CAG7B,MAAM,qBAAqB,YAAoB;EAC7C,IAAI,QAAQ;AACZ,MAAI,UACF,SAAQ,MAAM,OAAO,UAAU,EAAE,GAAG,CAAC,QAAQ;OACxC;AACL,WAAQ,CAAC,GAAG,YAAY;GACxB,MAAM,QAAQ,MAAM,QAAQ,QAAQ;AAEpC,OADiB,QAAQ,GAGvB,OAAM,OAAO,OAAO,EAAE;OAEtB,OAAM,KAAK,QAAQ;;AAGvB,oBAAkB,MAAM;;AAG1B,iBAAgB;AAEd,eAAa,eAAe,QAAQ,UAAU,CAAC;IAC9C,CAAC,UAAU,CAAC;AAEf,QACE,oBAAC,OAAD;EAAK,GAAI;EAAiB;EAAK,WAAW;YACxC,oBAAC,gBAAgB,UAAjB;GACE,OAAO;IACL,YAAY;IACZ,aAAa;IACd;aACA,MAAM,SAAS,IAAI,WAAW,OAAO,QAAQ;IAC5C,MAAM,eAAe;AACrB,QAAI,aAAa,KAAK,gBAAgB,iBAAiB;KACrD,MAAM,YAAyC;MAC7C;MACA;MACA,SAAS,GAAG;MACb;AACD,YAAO,MAAM,aAAa,cAAc,UAAU;;AAEpD,WAAO;KACP;GACuB,CAAA;EACvB,CAAA;EAGX;AAED,SAAS,cAAc"}

package/es/collapse/index.d.ts

@@ -1,7 +1,11 @@
-import Collapse from './collapse';
-import CollapsePanel from './collapse-panel';
+import { Collapse } from "./collapse.js";
+import { CollapsePanel } from "./collapse-panel.js";
+
+//#region components/collapse/index.d.ts
 type ICollapse = typeof Collapse & {
-    Panel: typeof CollapsePanel;
+  Panel: typeof CollapsePanel;
 };
 declare const DefaultCollapse: ICollapse;
-export default DefaultCollapse;
+//#endregion
+export { DefaultCollapse };
+//# sourceMappingURL=index.d.ts.map

package/es/collapse/index.js

@@ -1,6 +1,11 @@
-import Collapse from './collapse';
-import CollapsePanel from './collapse-panel';
+import '../style/base.css';
+import './style/index.css';
+import Collapse from "./collapse.js";
+import CollapsePanel from "./collapse-panel.js";
+//#region components/collapse/index.tsx
 const DefaultCollapse = Collapse;
 DefaultCollapse.Panel = CollapsePanel;
-export default DefaultCollapse;
+//#endregion
+export { DefaultCollapse as default };
+
 //# sourceMappingURL=index.js.map

package/es/collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/collapse/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAM7C,MAAM,eAAe,GAAG,QAAqB,CAAC;AAC9C,eAAe,CAAC,KAAK,GAAG,aAAa,CAAC;AAEtC,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/collapse/index.tsx"],"sourcesContent":["import Collapse from './collapse';\nimport CollapsePanel from './collapse-panel';\n\ntype ICollapse = typeof Collapse & {\n  Panel: typeof CollapsePanel;\n};\n\nconst DefaultCollapse = Collapse as ICollapse;\nDefaultCollapse.Panel = CollapsePanel;\n\nexport default DefaultCollapse;\n"],"mappings":";;;AAOA,MAAM,kBAAkB;AACxB,gBAAgB,QAAQ"}

package/es/collapse/style/index.css

@@ -0,0 +1,83 @@
+.ty-collapse {
+  box-sizing: border-box;
+  border-radius: 2px;
+  color: var(--ty-color-text);
+  font-size: 14px;
+  border: 1px solid var(--ty-collapse-border);
+  border-bottom: 0;
+  background-color: var(--ty-collapse-bg);
+  overflow: hidden;
+}
+.ty-collapse-item {
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--ty-collapse-border);
+}
+.ty-collapse-item:last-child {
+  border-radius: 0 0 2px 2px;
+}
+.ty-collapse-item:last-child .ty-collapse-item__content {
+  border-radius: 0 0 2px 2px;
+}
+.ty-collapse-item__header {
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  position: relative;
+  padding: 12px 16px;
+  color: var(--ty-color-text);
+  line-height: 22px;
+  cursor: pointer;
+  transition: all 300ms;
+  background: none;
+  border: none;
+  width: 100%;
+  text-align: left;
+  font-size: inherit;
+  font-family: inherit;
+}
+.ty-collapse-item__header:hover {
+  background-color: var(--ty-collapse-header-hover-bg);
+}
+.ty-collapse-item__header_disabled {
+  color: var(--ty-color-text-quaternary);
+  cursor: not-allowed;
+}
+.ty-collapse-item__arrow {
+  margin-right: 10px;
+  transform: rotate(-90deg);
+  text-align: center;
+  color: currentColor;
+  transition: all 300ms;
+}
+.ty-collapse-item__arrow_active {
+  transform: rotate(0deg);
+}
+.ty-collapse-item__title {
+  flex: 1;
+}
+.ty-collapse-item__extra {
+  color: inherit;
+  font-size: 11px;
+  margin-left: 15px;
+}
+.ty-collapse-item__content {
+  overflow: hidden;
+  color: var(--ty-color-text-secondary);
+  background-color: var(--ty-collapse-content-bg);
+  border-top: 1px solid var(--ty-collapse-border);
+  padding: 16px;
+  box-sizing: border-box;
+  transition: height 300ms;
+}
+.ty-collapse_borderless {
+  border: 0;
+  background-color: var(--ty-collapse-borderless-bg);
+}
+.ty-collapse_borderless > .ty-collapse-item:last-child {
+  border-radius: 0;
+}
+.ty-collapse_borderless > .ty-collapse-item > .ty-collapse-item__content {
+  border-radius: 0;
+  border-top: 0;
+  padding-top: 4px;
+}

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

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

package/es/collapse/style/index.js

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