@tiny-design/react 1.0.4

package/lib/menu/sub-menu-context.js

@@ -0,0 +1,9 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region src/menu/sub-menu-context.ts
+const SubMenuContext = react.default.createContext({});
+//#endregion
+exports.SubMenuContext = SubMenuContext;
+
+//# sourceMappingURL=sub-menu-context.js.map

package/lib/menu/sub-menu-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu-context.js","names":["React"],"sources":["../../src/menu/sub-menu-context.ts"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  level?: number;\n  onMenuItemClick?: () => void;\n};\n\nexport const SubMenuContext = React.createContext<Props>({});\n"],"mappings":";;;;AAOA,MAAa,iBAAiBA,MAAAA,QAAM,cAAqB,EAAE,CAAC"}

package/lib/menu/sub-menu.d.ts

@@ -0,0 +1,10 @@
+import { SubMenuProps } from "./types.js";
+
+//#region src/menu/sub-menu.d.ts
+declare const SubMenu: {
+  (props: SubMenuProps): JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { SubMenu };
+//# sourceMappingURL=sub-menu.d.ts.map

package/lib/menu/sub-menu.js

@@ -0,0 +1,138 @@
+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_components = require("../_utils/components.js");
+const require_index = require("../popup/index.js");
+const require_index$1 = require("../collapse-transition/index.js");
+const require_menu_context = require("./menu-context.js");
+const require_sub_menu_context = require("./sub-menu-context.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 src/menu/sub-menu.tsx
+const SubMenu = (props) => {
+	const { index, title, disabled, className, overlayClassName, children, prefixCls: customisedCls, ...otherProps } = props;
+	const menuContext = (0, react.useContext)(require_menu_context.MenuContext);
+	const { mode, inlineIndent } = menuContext;
+	const { level = 1, onMenuItemClick: _onMenuItemClick } = (0, react.useContext)(require_sub_menu_context.SubMenuContext);
+	const [menuOpen, setMenuOpen] = (0, react.useState)(false);
+	const configContext = (0, react.useContext)(require_config_context.ConfigContext);
+	const prefixCls = require_general.getPrefixCls("menu-sub", configContext.prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const subMenuCls = (0, classnames.default)(`${prefixCls}__list`, {
+		[`${prefixCls}__list_open`]: menuOpen,
+		[`${prefixCls}__list_popup`]: mode !== "inline"
+	});
+	const nonRootSubMenu = index?.includes("-");
+	const rightPopupMenu = mode === "vertical" || mode === "horizontal" && nonRootSubMenu;
+	const arrowCls = rightPopupMenu ? `${prefixCls}__arrow ${prefixCls}__arrow_right` : (0, classnames.default)(`${prefixCls}__arrow`, { [`${prefixCls}__arrow_reverse`]: menuOpen });
+	const menuItemCls = `${configContext.prefixCls ? configContext.prefixCls : "ty"}-menu-item`;
+	const titleCls = (0, classnames.default)(menuItemCls, `${prefixCls}__title`, {
+		[`${menuItemCls}_disabled`]: disabled,
+		[`${menuItemCls}_active`]: index ? menuContext.index.startsWith(index) : false
+	});
+	const titleRef = (0, react.useRef)(null);
+	const handleOnClick = (e) => {
+		e.preventDefault();
+		!disabled && mode === "inline" && setMenuOpen(!menuOpen);
+	};
+	const timerRef = (0, react.useRef)(void 0);
+	const handleMouse = (e, toggle) => {
+		e.preventDefault();
+		const timer = timerRef.current;
+		timer && window.clearTimeout(timer);
+		timerRef.current = window.setTimeout(() => {
+			setMenuOpen(toggle);
+		}, 200);
+	};
+	const handleOnMouseEnter = (e) => {
+		!disabled && mode !== "inline" && handleMouse(e, true);
+	};
+	const handleOnMouseLeave = (e) => {
+		mode !== "inline" && handleMouse(e, false);
+	};
+	const onMenuItemClick = () => {
+		if (mode !== "inline") {
+			setMenuOpen(false);
+			_onMenuItemClick && _onMenuItemClick();
+		}
+	};
+	const renderChildrenList = () => {
+		let minWidth = void 0;
+		const titleNode = titleRef.current;
+		if (titleNode && !nonRootSubMenu) {
+			const { marginLeft, marginRight } = window.getComputedStyle(titleNode);
+			minWidth = titleNode.offsetWidth + parseFloat(marginLeft) + parseFloat(marginRight);
+		}
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: subMenuCls,
+			style: { minWidth },
+			children: react.default.Children.map(children, (child, idx) => {
+				const childElement = child;
+				const { displayName } = childElement.type;
+				const childProps = { index: `${index}-${idx}` };
+				if (displayName === "MenuItem" || displayName === "MenuItemGroup" || displayName === "SubMenu" || displayName === "MenuDivider") return react.default.cloneElement(childElement, childProps);
+				else {
+					console.warn("Menu has a child that is not a MenuItem component.");
+					return null;
+				}
+			})
+		});
+	};
+	if (mode === "inline") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_sub_menu_context.SubMenuContext.Provider, {
+		value: { level: level + 1 },
+		children: /* @__PURE__ */ (0, react.createElement)("li", {
+			...otherProps,
+			role: "menuitem",
+			key: index,
+			className: cls
+		}, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: titleCls,
+			style: { paddingLeft: inlineIndent * level },
+			onClick: handleOnClick,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: arrowCls,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, { size: 10 })
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
+			isShow: menuOpen,
+			children: renderChildrenList()
+		}))
+	});
+	else return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_sub_menu_context.SubMenuContext.Provider, {
+		value: { onMenuItemClick },
+		children: /* @__PURE__ */ (0, react.createElement)("li", {
+			...otherProps,
+			role: "menuitem",
+			key: index,
+			className: cls,
+			onMouseEnter: handleOnMouseEnter,
+			onMouseLeave: handleOnMouseLeave
+		}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+			flip: false,
+			arrow: false,
+			className: overlayClassName,
+			trigger: "manual",
+			visible: menuOpen,
+			biZoom: rightPopupMenu,
+			placement: rightPopupMenu ? "right-start" : "bottom-start",
+			content: renderChildrenList(),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: titleRef,
+				className: titleCls,
+				onClick: handleOnClick,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: arrowCls,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.ArrowDown, { size: 10 })
+				})]
+			})
+		}))
+	});
+};
+SubMenu.displayName = "SubMenu";
+//#endregion
+exports.default = SubMenu;
+
+//# sourceMappingURL=sub-menu.js.map

package/lib/menu/sub-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub-menu.js","names":["MenuContext","SubMenuContext","ConfigContext","getPrefixCls","React","ArrowDown","CollapseTransition","Popup"],"sources":["../../src/menu/sub-menu.tsx"],"sourcesContent":["import React, { useContext, useState, useRef } from 'react';\nimport classNames from 'classnames';\nimport { MenuContext } from './menu-context';\nimport { SubMenuContext } from './sub-menu-context';\nimport { ArrowDown } from '../_utils/components';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { MenuItemProps, SubMenuProps } from './types';\nimport Popup from '../popup';\nimport CollapseTransition from '../collapse-transition';\n\nconst SubMenu = (props: SubMenuProps): JSX.Element => {\n  const {\n    index,\n    title,\n    disabled,\n    className,\n    overlayClassName,\n    children,\n    prefixCls: customisedCls,\n    ...otherProps\n  } = props;\n  const menuContext = useContext(MenuContext);\n  const { mode, inlineIndent } = menuContext;\n  const { level = 1, onMenuItemClick: _onMenuItemClick } = useContext(SubMenuContext);\n  const [menuOpen, setMenuOpen] = useState<boolean>(false);\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('menu-sub', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const subMenuCls = classNames(`${prefixCls}__list`, {\n    [`${prefixCls}__list_open`]: menuOpen,\n    [`${prefixCls}__list_popup`]: mode !== 'inline',\n  });\n  const nonRootSubMenu = index?.includes('-');\n  const rightPopupMenu = mode === 'vertical' || (mode === 'horizontal' && nonRootSubMenu);\n  const arrowCls = rightPopupMenu\n    ? `${prefixCls}__arrow ${prefixCls}__arrow_right`\n    : classNames(`${prefixCls}__arrow`, {\n        [`${prefixCls}__arrow_reverse`]: menuOpen,\n      });\n  const menuItemCls = `${configContext.prefixCls ? configContext.prefixCls : 'ty'}-menu-item`;\n  const titleCls = classNames(menuItemCls, `${prefixCls}__title`, {\n    [`${menuItemCls}_disabled`]: disabled,\n    [`${menuItemCls}_active`]: index ? menuContext.index.startsWith(index) : false,\n  });\n  const titleRef = useRef<HTMLDivElement | null>(null);\n\n  const handleOnClick = (e: React.MouseEvent): void => {\n    e.preventDefault();\n    !disabled && mode === 'inline' && setMenuOpen(!menuOpen);\n  };\n\n  const timerRef = useRef<number | undefined>(undefined);\n  const handleMouse = (e: React.MouseEvent, toggle: boolean): void => {\n    e.preventDefault();\n    const timer = timerRef.current;\n    timer && window.clearTimeout(timer);\n    timerRef.current = window.setTimeout(() => {\n      setMenuOpen(toggle);\n    }, 200);\n  };\n\n  const handleOnMouseEnter = (e: React.MouseEvent): void => {\n    !disabled && mode !== 'inline' && handleMouse(e, true);\n  };\n\n  const handleOnMouseLeave = (e: React.MouseEvent): void => {\n    mode !== 'inline' && handleMouse(e, false);\n  };\n\n  const onMenuItemClick = () => {\n    if (mode !== 'inline') {\n      setMenuOpen(false);\n      // If this is a sub-subMenu, invoke the onMenuItemClick method to notify\n      // its parent to close the menu popup\n      _onMenuItemClick && _onMenuItemClick();\n    }\n  };\n\n  const renderChildrenList = () => {\n    let minWidth = undefined;\n    const titleNode = titleRef.current;\n    if (titleNode && !nonRootSubMenu) {\n      const { marginLeft, marginRight } = window.getComputedStyle(titleNode);\n      minWidth = titleNode.offsetWidth + parseFloat(marginLeft) + parseFloat(marginRight);\n    }\n    return (\n      <ul className={subMenuCls} style={{ minWidth }}>\n        {React.Children.map(children, (child, idx) => {\n          const childElement = child as React.FunctionComponentElement<MenuItemProps>;\n          const { displayName } = childElement.type;\n          const childProps = {\n            index: `${index}-${idx}`,\n          };\n          if (\n            displayName === 'MenuItem' ||\n            displayName === 'MenuItemGroup' ||\n            displayName === 'SubMenu' ||\n            displayName === 'MenuDivider'\n          ) {\n            return React.cloneElement(childElement, childProps);\n          } else {\n            console.warn('Menu has a child that is not a MenuItem component.');\n            return null;\n          }\n        })}\n      </ul>\n    );\n  };\n\n  if (mode === 'inline') {\n    return (\n      <SubMenuContext.Provider value={{ level: level + 1 }}>\n        <li {...otherProps} role=\"menuitem\" key={index} className={cls}>\n          <div\n            className={titleCls}\n            style={{ paddingLeft: inlineIndent * level }}\n            onClick={handleOnClick}>\n            <span>{title}</span>\n            <span className={arrowCls}>\n              <ArrowDown size={10} />\n            </span>\n          </div>\n          <CollapseTransition isShow={menuOpen}>{renderChildrenList()}</CollapseTransition>\n        </li>\n      </SubMenuContext.Provider>\n    );\n  } else {\n    return (\n      <SubMenuContext.Provider value={{ onMenuItemClick }}>\n        <li\n          {...otherProps}\n          role=\"menuitem\"\n          key={index}\n          className={cls}\n          onMouseEnter={handleOnMouseEnter}\n          onMouseLeave={handleOnMouseLeave}>\n          <Popup\n            flip={false}\n            arrow={false}\n            className={overlayClassName}\n            trigger=\"manual\"\n            visible={menuOpen}\n            biZoom={rightPopupMenu}\n            placement={rightPopupMenu ? 'right-start' : 'bottom-start'}\n            content={renderChildrenList()}>\n            <div ref={titleRef} className={titleCls} onClick={handleOnClick}>\n              <span>{title}</span>\n              <span className={arrowCls}>\n                <ArrowDown size={10} />\n              </span>\n            </div>\n          </Popup>\n        </li>\n      </SubMenuContext.Provider>\n    );\n  }\n};\n\nSubMenu.displayName = 'SubMenu';\n\nexport default SubMenu;\n"],"mappings":"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"}

package/lib/menu/types.d.ts

@@ -0,0 +1,37 @@
+import { BaseProps, DirectionType } from "../_utils/props.js";
+import React, { ReactNode } from "react";
+
+//#region src/menu/types.d.ts
+type MenuMode = DirectionType | 'inline';
+type Theme = 'light' | 'dark';
+interface MenuProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['ul']>, 'onSelect'> {
+  defaultIndex?: string;
+  /** color theme of the menu */
+  theme?: Theme;
+  /** type of menu: vertical, horizontal or inline */
+  mode?: MenuMode;
+  /** indent (in pixels) of inline menu items on each level */
+  inlineIndent?: number;
+  /** called when a menu item is selected */
+  onSelect?: (selectedIndex: string) => void;
+  overlayClassName?: string;
+}
+interface MenuItemProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['li']> {
+  index?: string;
+  disabled?: boolean;
+  onClick?: React.MouseEventHandler;
+}
+interface MenuItemGroupProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['li']>, 'title'> {
+  index?: string;
+  title?: string;
+}
+interface SubMenuProps extends BaseProps, Omit<React.PropsWithoutRef<JSX.IntrinsicElements['li']>, 'title'> {
+  title: ReactNode;
+  index?: string;
+  disabled?: boolean;
+  icon?: ReactNode;
+  overlayClassName?: string;
+}
+//#endregion
+export { MenuItemGroupProps, MenuItemProps, MenuProps, SubMenuProps };
+//# sourceMappingURL=types.d.ts.map

package/lib/message/index.js

@@ -0,0 +1,8 @@
+require('../style/base.css');
+require('./style/index.css');
+//#region src/message/index.tsx
+var message_default = require("./message-container.js").default;
+//#endregion
+exports.default = message_default;
+
+//# sourceMappingURL=index.js.map

package/lib/message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["messageContainer"],"sources":["../../src/message/index.tsx"],"sourcesContent":["import messageContainer from './message-container';\n\nexport type { Options } from './message-container';\nexport default messageContainer;\n"],"mappings":";AAGA,IAAA,oDAAeA"}

package/lib/message/message-container.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+
+//#region src/message/message-container.d.ts
+declare const messageContainer: any;
+//#endregion
+export { messageContainer };
+//# sourceMappingURL=message-container.d.ts.map

package/lib/message/message-container.js

@@ -0,0 +1,71 @@
+const require_runtime = require("../_virtual/_rolldown/runtime.js");
+const require_message = require("./message.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let react_dom_client = require("react-dom/client");
+//#region src/message/message-container.tsx
+const className = ".ty-message-container";
+const rootMap = /* @__PURE__ */ new Map();
+let offset;
+const unmountDom = (containerDiv, top, height, onClose) => {
+	const root = rootMap.get(containerDiv);
+	if (root) {
+		root.unmount();
+		rootMap.delete(containerDiv);
+	}
+	document.body.removeChild(containerDiv);
+	requestAnimationFrame(() => {
+		const containers = document.querySelectorAll(className);
+		const len = containers.length;
+		for (let i = 0; i < len; i++) {
+			const element = containers[i];
+			const elementTop = parseInt(element.style.top || "0", 10);
+			elementTop > top && (element.style.top = `${elementTop - height - offset}px`);
+		}
+	});
+	onClose && onClose();
+};
+const createComponent = (type, content, duration = 3e3, onClose, options = {}) => {
+	const containers = document.querySelectorAll(className);
+	const lastContainer = containers.length > 0 ? containers[containers.length - 1] : null;
+	offset = options.offset || 16;
+	const top = lastContainer ? parseInt(lastContainer.style.top || "0", 10) + lastContainer.offsetHeight + offset : options.top || 15;
+	const div = document.createElement("div");
+	div.className = "ty-message-container";
+	document.body.appendChild(div);
+	div.style.top = `${top}px`;
+	const props = {
+		type,
+		content,
+		duration,
+		icon: options.icon,
+		extra: options.extra,
+		className: options.className,
+		willUnmount: (height) => {
+			unmountDom(div, parseInt(div.style.top || "0", 10), height, onClose);
+		}
+	};
+	const component = react.default.createElement(require_message.default, props);
+	const root = (0, react_dom_client.createRoot)(div);
+	rootMap.set(div, root);
+	root.render(component);
+};
+const messageContainer = (content, duration, onClose, options) => {
+	createComponent(void 0, content, duration, onClose, options);
+};
+[
+	"success",
+	"error",
+	"warning",
+	"info",
+	"loading"
+].forEach((type) => {
+	messageContainer[type] = (content, duration, onClose, options) => {
+		createComponent(type, content, duration, onClose, options);
+	};
+});
+messageContainer.warn = messageContainer.warning;
+//#endregion
+exports.default = messageContainer;
+
+//# sourceMappingURL=message-container.js.map

package/lib/message/message-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-container.js","names":["React","Message"],"sources":["../../src/message/message-container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { createRoot, Root } from 'react-dom/client';\nimport Message from './message';\nimport { MessageProps, MessageType } from './types';\n\nconst className = '.ty-message-container';\nconst rootMap = new Map<HTMLElement, Root>();\n\nexport type Options = {\n  top?: number;\n  offset?: number;\n  icon?: ReactNode;\n  extra?: ReactNode;\n  className?: string;\n};\n\ntype CreateComponent = (\n  type: MessageType,\n  content: string,\n  duration: number,\n  onClose: () => void,\n  options: Options\n) => void;\n\ntype UnmountDom = (\n  containerDiv: HTMLElement,\n  top: number,\n  height: number,\n  onClose?: () => void\n) => void;\n\nlet offset: number;\n\nconst unmountDom: UnmountDom = (containerDiv, top, height, onClose) => {\n  const root = rootMap.get(containerDiv);\n  if (root) {\n    root.unmount();\n    rootMap.delete(containerDiv);\n  }\n  document.body.removeChild(containerDiv);\n  requestAnimationFrame(() => {\n    const containers = document.querySelectorAll(className);\n    const len = containers.length;\n    for (let i = 0; i < len; i++) {\n      const element = containers[i] as HTMLElement;\n      const elementTop = parseInt((element as HTMLElement).style.top || '0', 10);\n      elementTop > top && (element.style.top = `${elementTop - height - offset}px`);\n    }\n  });\n  onClose && onClose();\n};\n\nconst createComponent: CreateComponent = (\n  type,\n  content,\n  duration = 3000,\n  onClose,\n  options: Options = {}\n) => {\n  const containers = document.querySelectorAll(className);\n  const lastContainer =\n    containers.length > 0 ? (containers[containers.length - 1] as HTMLElement) : null;\n\n  offset = options.offset || 16;\n  const top = lastContainer\n    ? parseInt(lastContainer.style.top || '0', 10) + lastContainer.offsetHeight + offset\n    : options.top || 15;\n\n  const div = document.createElement('div');\n  div.className = 'ty-message-container';\n  document.body.appendChild(div);\n  div.style.top = `${top}px`;\n\n  const props: MessageProps = {\n    type,\n    content,\n    duration,\n    icon: options.icon,\n    extra: options.extra,\n    className: options.className,\n    willUnmount: (height) => {\n      const updatedTop = parseInt(div.style.top || '0', 10);\n      unmountDom(div, updatedTop, height, onClose);\n    },\n  };\n  const component = React.createElement(Message, props);\n  const root = createRoot(div);\n  rootMap.set(div, root);\n  root.render(component);\n};\n\nconst messageContainer: any = (\n  content: string,\n  duration: number,\n  onClose: () => void,\n  options: Options\n) => {\n  createComponent(undefined, content, duration, onClose, options);\n};\n\n['success', 'error', 'warning', 'info', 'loading'].forEach((type) => {\n  messageContainer[type] = (\n    content: string,\n    duration: number,\n    onClose: () => void,\n    options: Options\n  ) => {\n    createComponent(type as MessageType, content, duration, onClose, options);\n  };\n});\n\nmessageContainer.warn = messageContainer.warning;\n\nexport default messageContainer;\n"],"mappings":";;;;;;AAKA,MAAM,YAAY;AAClB,MAAM,0BAAU,IAAI,KAAwB;AAyB5C,IAAI;AAEJ,MAAM,cAA0B,cAAc,KAAK,QAAQ,YAAY;CACrE,MAAM,OAAO,QAAQ,IAAI,aAAa;AACtC,KAAI,MAAM;AACR,OAAK,SAAS;AACd,UAAQ,OAAO,aAAa;;AAE9B,UAAS,KAAK,YAAY,aAAa;AACvC,6BAA4B;EAC1B,MAAM,aAAa,SAAS,iBAAiB,UAAU;EACvD,MAAM,MAAM,WAAW;AACvB,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,KAAK;GAC5B,MAAM,UAAU,WAAW;GAC3B,MAAM,aAAa,SAAU,QAAwB,MAAM,OAAO,KAAK,GAAG;AAC1E,gBAAa,QAAQ,QAAQ,MAAM,MAAM,GAAG,aAAa,SAAS,OAAO;;GAE3E;AACF,YAAW,SAAS;;AAGtB,MAAM,mBACJ,MACA,SACA,WAAW,KACX,SACA,UAAmB,EAAE,KAClB;CACH,MAAM,aAAa,SAAS,iBAAiB,UAAU;CACvD,MAAM,gBACJ,WAAW,SAAS,IAAK,WAAW,WAAW,SAAS,KAAqB;AAE/E,UAAS,QAAQ,UAAU;CAC3B,MAAM,MAAM,gBACR,SAAS,cAAc,MAAM,OAAO,KAAK,GAAG,GAAG,cAAc,eAAe,SAC5E,QAAQ,OAAO;CAEnB,MAAM,MAAM,SAAS,cAAc,MAAM;AACzC,KAAI,YAAY;AAChB,UAAS,KAAK,YAAY,IAAI;AAC9B,KAAI,MAAM,MAAM,GAAG,IAAI;CAEvB,MAAM,QAAsB;EAC1B;EACA;EACA;EACA,MAAM,QAAQ;EACd,OAAO,QAAQ;EACf,WAAW,QAAQ;EACnB,cAAc,WAAW;AAEvB,cAAW,KADQ,SAAS,IAAI,MAAM,OAAO,KAAK,GAAG,EACzB,QAAQ,QAAQ;;EAE/C;CACD,MAAM,YAAYA,MAAAA,QAAM,cAAcC,gBAAAA,SAAS,MAAM;CACrD,MAAM,QAAA,GAAA,iBAAA,YAAkB,IAAI;AAC5B,SAAQ,IAAI,KAAK,KAAK;AACtB,MAAK,OAAO,UAAU;;AAGxB,MAAM,oBACJ,SACA,UACA,SACA,YACG;AACH,iBAAgB,KAAA,GAAW,SAAS,UAAU,SAAS,QAAQ;;AAGjE;CAAC;CAAW;CAAS;CAAW;CAAQ;CAAU,CAAC,SAAS,SAAS;AACnE,kBAAiB,SACf,SACA,UACA,SACA,YACG;AACH,kBAAgB,MAAqB,SAAS,UAAU,SAAS,QAAQ;;EAE3E;AAEF,iBAAiB,OAAO,iBAAiB"}

package/lib/message/message.js

@@ -0,0 +1,84 @@
+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_components = require("../_utils/components.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 react_transition_group = require("react-transition-group");
+//#region src/message/message.tsx
+const Message = (props) => {
+	const { type, icon, content, duration, willUnmount, extra, className, style, prefixCls: customisedCls } = props;
+	const prefixCls = require_general.getPrefixCls("message", (0, react.useContext)(require_config_context.ConfigContext).prefixCls, customisedCls);
+	const cls = (0, classnames.default)(prefixCls, className);
+	const ref = (0, react.useRef)(null);
+	const [visible, setVisible] = (0, react.useState)(true);
+	const renderIcon = () => {
+		if (react.default.isValidElement(icon)) return icon;
+		else if (typeof type === "string") switch (type) {
+			case "success": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CheckCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "info": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.InfoCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "warning": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.WarningCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "error": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.CloseCircle, {
+				size: 16,
+				className: `${prefixCls}__icon`
+			});
+			case "loading": return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components.LoadingCircle, {
+				size: 16,
+				className: (0, classnames.default)(`${prefixCls}__icon`, { [`${prefixCls}__icon_loading`]: type === "loading" })
+			});
+		}
+		return null;
+	};
+	(0, react.useEffect)(() => {
+		const node = ref.current;
+		const height = node && node.offsetHeight || 0;
+		const timer = window.setTimeout(() => {
+			setVisible(false);
+			willUnmount(height);
+		}, duration);
+		return () => {
+			window.clearTimeout(timer);
+		};
+	}, [duration, willUnmount]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_transition_group.CSSTransition, {
+		nodeRef: ref,
+		in: visible,
+		appear: true,
+		timeout: 0,
+		classNames: `${prefixCls}_fade-slide`,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			role: "alert",
+			className: cls,
+			style,
+			ref,
+			children: [
+				renderIcon(),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${prefixCls}__content`,
+					children: content
+				}),
+				extra && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: `${prefixCls}__extra`,
+					children: extra
+				})
+			]
+		})
+	});
+};
+Message.displayName = "Message";
+//#endregion
+exports.default = Message;
+
+//# sourceMappingURL=message.js.map

package/lib/message/message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message.js","names":["getPrefixCls","ConfigContext","React","CheckCircle","InfoCircle","WarningCircle","CloseCircle","LoadingCircle","CSSTransition"],"sources":["../../src/message/message.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useContext } from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport {\n  CheckCircle,\n  CloseCircle,\n  InfoCircle,\n  LoadingCircle,\n  WarningCircle,\n} from '../_utils/components';\nimport { MessageProps } from './types';\n\nconst Message = (props: MessageProps): JSX.Element => {\n  const {\n    type,\n    icon,\n    content,\n    duration,\n    willUnmount,\n    extra,\n    className,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('message', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className);\n  const ref = useRef<HTMLDivElement | null>(null);\n  const [visible, setVisible] = useState(true);\n\n  const renderIcon = (): React.ReactNode => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (typeof type === 'string') {\n      switch (type) {\n        case 'success':\n          return <CheckCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'info':\n          return <InfoCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'warning':\n          return <WarningCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'error':\n          return <CloseCircle size={16} className={`${prefixCls}__icon`} />;\n        case 'loading':\n          return (\n            <LoadingCircle\n              size={16}\n              className={classNames(`${prefixCls}__icon`, {\n                [`${prefixCls}__icon_loading`]: type === 'loading',\n              })}\n            />\n          );\n      }\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    const node = ref.current;\n    const height = (node && node.offsetHeight) || 0;\n    const timer = window.setTimeout(() => {\n      setVisible(false);\n      willUnmount(height);\n    }, duration);\n\n    return (): void => {\n      window.clearTimeout(timer);\n    };\n  }, [duration, willUnmount]);\n\n  return (\n    <CSSTransition nodeRef={ref} in={visible} appear={true} timeout={0} classNames={`${prefixCls}_fade-slide`}>\n      <div role=\"alert\" className={cls} style={style} ref={ref}>\n        {renderIcon()}\n        <span className={`${prefixCls}__content`}>{content}</span>\n        {extra && <div className={`${prefixCls}__extra`}>{extra}</div>}\n      </div>\n    </CSSTransition>\n  );\n};\n\nMessage.displayName = 'Message';\n\nexport default Message;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,WAAW,UAAqC;CACpD,MAAM,EACJ,MACA,MACA,SACA,UACA,aACA,OACA,WACA,OACA,WAAW,kBACT;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,YAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACS,WAAW,cAAc;CACjF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,UAAU;CAC5C,MAAM,OAAA,GAAA,MAAA,QAAoC,KAAK;CAC/C,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,UAAuB,KAAK;CAE5C,MAAM,mBAAoC;AACxC,MAAIC,MAAAA,QAAM,eAAe,KAAK,CAC5B,QAAO;WACE,OAAO,SAAS,SACzB,SAAQ,MAAR;GACE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GACnE,KAAK,OACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,YAAD;IAAY,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GAClE,KAAK,UACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;IAAe,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GACrE,KAAK,QACH,QAAO,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,aAAD;IAAa,MAAM;IAAI,WAAW,GAAG,UAAU;IAAW,CAAA;GACnE,KAAK,UACH,QACE,iBAAA,GAAA,kBAAA,KAACC,mBAAAA,eAAD;IACE,MAAM;IACN,YAAA,GAAA,WAAA,SAAsB,GAAG,UAAU,SAAS,GACzC,GAAG,UAAU,kBAAkB,SAAS,WAC1C,CAAC;IACF,CAAA;;AAKV,SAAO;;AAGT,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,OAAO,IAAI;EACjB,MAAM,SAAU,QAAQ,KAAK,gBAAiB;EAC9C,MAAM,QAAQ,OAAO,iBAAiB;AACpC,cAAW,MAAM;AACjB,eAAY,OAAO;KAClB,SAAS;AAEZ,eAAmB;AACjB,UAAO,aAAa,MAAM;;IAE3B,CAAC,UAAU,YAAY,CAAC;AAE3B,QACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,eAAD;EAAe,SAAS;EAAK,IAAI;EAAS,QAAQ;EAAM,SAAS;EAAG,YAAY,GAAG,UAAU;YAC3F,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,MAAK;GAAQ,WAAW;GAAY;GAAY;aAArD;IACG,YAAY;IACb,iBAAA,GAAA,kBAAA,KAAC,QAAD;KAAM,WAAW,GAAG,UAAU;eAAa;KAAe,CAAA;IACzD,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAW,GAAG,UAAU;eAAW;KAAY,CAAA;IAC1D;;EACQ,CAAA;;AAIpB,QAAQ,cAAc"}

package/lib/message/style/_index.scss

@@ -0,0 +1,59 @@
+@use '../../style/variables' as *;
+@use '../../style/animation' as *;
+
+.#{$prefix}-message {
+  position: relative;
+  padding: 10px 16px;
+  background: var(--ty-message-bg);
+  border-radius: 4px;
+  box-shadow: var(--ty-shadow-modal);
+  transition: all 300ms;
+  opacity: 0;
+  transform: translateY(-5px);
+  box-sizing: border-box;
+  display: flex;
+  font-size: 14px;
+  align-items: center;
+  pointer-events: all;
+
+  &-container {
+    display: flex;
+    justify-content: center;
+    position: fixed;
+    width: 100%;
+    pointer-events: none;
+    transition: top 200ms;
+    z-index: 999;
+    box-sizing: border-box;
+  }
+
+  &__content {
+    font-size: 14px;
+    line-height: 14px;
+    color: var(--ty-color-text-secondary);
+  }
+
+  &_fade-slide {
+    &-enter {
+      opacity: 0;
+      transform: translateY(-5px);
+    }
+
+    &-enter-done {
+      opacity: 1;
+      transform: translateY(0);
+    }
+  }
+
+  &__icon {
+    margin-right: 5px;
+
+    &_loading{
+      animation: ty-rotate 1s linear infinite;
+    }
+  }
+
+  &__extra {
+    margin-left: 15px;
+  }
+}

package/lib/message/style/index.css

@@ -0,0 +1,73 @@
+@keyframes ty-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes ty-rotate-reverse {
+  from {
+    transform: rotate(0);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes ty-processing {
+  0% {
+    transform: scale(0.8);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(2.8);
+    opacity: 0;
+  }
+}
+.ty-message {
+  position: relative;
+  padding: 10px 16px;
+  background: var(--ty-message-bg);
+  border-radius: 4px;
+  box-shadow: var(--ty-shadow-modal);
+  transition: all 300ms;
+  opacity: 0;
+  transform: translateY(-5px);
+  box-sizing: border-box;
+  display: flex;
+  font-size: 14px;
+  align-items: center;
+  pointer-events: all;
+}
+.ty-message-container {
+  display: flex;
+  justify-content: center;
+  position: fixed;
+  width: 100%;
+  pointer-events: none;
+  transition: top 200ms;
+  z-index: 999;
+  box-sizing: border-box;
+}
+.ty-message__content {
+  font-size: 14px;
+  line-height: 14px;
+  color: var(--ty-color-text-secondary);
+}
+.ty-message_fade-slide-enter {
+  opacity: 0;
+  transform: translateY(-5px);
+}
+.ty-message_fade-slide-enter-done {
+  opacity: 1;
+  transform: translateY(0);
+}
+.ty-message__icon {
+  margin-right: 5px;
+}
+.ty-message__icon_loading {
+  animation: ty-rotate 1s linear infinite;
+}
+.ty-message__extra {
+  margin-left: 15px;
+}

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

@@ -0,0 +1 @@
+export { };

package/lib/message/style/index.js

@@ -0,0 +1 @@
+require("./index.css");

package/lib/modal/index.d.ts

@@ -0,0 +1,12 @@
+import { Modal } from "./modal.js";
+import { ModalProvider, ModalProviderProps, UseModalReturn, useModal } from "./modal-context.js";
+
+//#region src/modal/index.d.ts
+type ModalComponent = typeof Modal & {
+  Provider: typeof ModalProvider;
+  useModal: typeof useModal;
+};
+declare const ModalWithContext: ModalComponent;
+//#endregion
+export { ModalWithContext };
+//# sourceMappingURL=index.d.ts.map

package/lib/modal/index.js

@@ -0,0 +1,14 @@
+require('../style/base.css');
+require('./style/index.css');
+require('../overlay/style/index.css');
+require('../button/style/index.css');
+const require_modal = require("./modal.js");
+const require_modal_context = require("./modal-context.js");
+//#region src/modal/index.tsx
+const ModalWithContext = require_modal.default;
+ModalWithContext.Provider = require_modal_context.ModalProvider;
+ModalWithContext.useModal = require_modal_context.useModal;
+//#endregion
+exports.default = ModalWithContext;
+
+//# sourceMappingURL=index.js.map

package/lib/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Modal","ModalProvider","useModal"],"sources":["../../src/modal/index.tsx"],"sourcesContent":["import Modal from './modal';\nimport { ModalProvider, useModal } from './modal-context';\nimport type { ModalProviderProps, UseModalReturn } from './modal-context';\n\ntype ModalComponent = typeof Modal & {\n  Provider: typeof ModalProvider;\n  useModal: typeof useModal;\n};\n\nconst ModalWithContext = Modal as ModalComponent;\nModalWithContext.Provider = ModalProvider;\nModalWithContext.useModal = useModal;\n\nexport default ModalWithContext;\nexport type { ModalProviderProps, UseModalReturn };\n"],"mappings":";;;AASA,MAAM,mBAAmBA,cAAAA;AACzB,iBAAiB,WAAWC,sBAAAA;AAC5B,iBAAiB,WAAWC,sBAAAA"}

package/lib/modal/modal-context.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/modal/modal-context.d.ts
+type ModalState = Record<string, boolean>;
+type ModalAction = {
+  type: 'SHOW';
+  id: string;
+} | {
+  type: 'HIDE';
+  id: string;
+} | {
+  type: 'TOGGLE';
+  id: string;
+} | {
+  type: 'PURGE';
+};
+interface ModalProviderProps {
+  modals?: ModalState;
+  dispatch?: React.Dispatch<ModalAction>;
+  children: React.ReactNode;
+}
+declare function ModalProvider({
+  modals: controlledModals,
+  dispatch: controlledDispatch,
+  children
+}: ModalProviderProps): react_jsx_runtime0.JSX.Element;
+interface UseModalReturn {
+  visible: boolean;
+  show: () => void;
+  close: () => void;
+  toggle: () => void;
+}
+declare function useModal(id: string): UseModalReturn;
+//#endregion
+export { ModalProvider, type ModalProviderProps, type UseModalReturn, useModal };
+//# sourceMappingURL=modal-context.d.ts.map