@tiny-design/react 1.2.0 → 1.4.0

package/lib/modal/modal.js

@@ -1,16 +1,16 @@
 const require_runtime = require("../_virtual/_rolldown/runtime.js");
 const require_config_context = require("../config-provider/config-context.js");
 const require_general = require("../_utils/general.js");
+const require_index = require("../transition/index.js");
 const require_button = require("../button/button.js");
 const require_use_locale = require("../_utils/use-locale.js");
-const require_index = require("../overlay/index.js");
+const require_index$1 = require("../overlay/index.js");
 const require_flex = require("../flex/flex.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/modal/modal.tsx
 const Modal = react.default.forwardRef((props, ref) => {
 	const locale = require_use_locale.useLocale();
@@ -81,7 +81,7 @@ const Modal = react.default.forwardRef((props, ref) => {
 			})]
 		});
 	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, {
 		onEnter: () => setModalVisible(true),
 		onExit: () => setModalVisible(false),
 		zIndex,
@@ -102,11 +102,12 @@ const Modal = react.default.forwardRef((props, ref) => {
 					width,
 					...style
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_transition_group.CSSTransition, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
 					appear: true,
 					nodeRef,
 					in: modalVisible,
 					classNames: `${prefixCls}__content_${animation}`,
+					unmountOnExit: false,
 					timeout: 0,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						ref: nodeRef,

package/lib/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["React","useLocale","getPrefixCls","ConfigContext","Flex","Button","Overlay","CSSTransition"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import React, { useContext, useEffect, useId, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { CSSTransition } from 'react-transition-group';\nimport Overlay from '../overlay';\nimport Button from '../button/button';\nimport Flex from '../flex/flex';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport { ModalProps } from './types';\n\nconst Modal = React.forwardRef<HTMLDivElement, ModalProps>((props, ref) => {\n  const locale = useLocale();\n  const {\n    visible = false,\n    width = 520,\n    centered = false,\n    closable = true,\n    unmountOnClose = true,\n    maskType = 'default',\n    maskClosable = true,\n    confirmText = locale.Modal.okText,\n    cancelText = locale.Modal.cancelText,\n    confirmLoading = false,\n    animation = 'slide',\n    zIndex = 1000,\n    onConfirm,\n    onCancel: onCancelProp,\n    onClose: onCloseProp,\n    top,\n    header,\n    footer,\n    afterClose,\n    confirmButtonProps,\n    cancelButtonProps,\n    className,\n    children,\n    style,\n    maskStyle,\n    headerStyle,\n    bodyStyle,\n    footerStyle,\n    prefixCls: customisedCls,\n  } = props;\n  const onCancel = onCloseProp ?? onCancelProp;\n  const [modalVisible, setModalVisible] = useState(visible);\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n\n  // Focus trap + Escape key\n  useEffect(() => {\n    if (!visible) return;\n    previousFocusRef.current = document.activeElement as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onCancel?.(e as unknown as React.MouseEvent);\n        return;\n      }\n      if (e.key === 'Tab' && nodeRef.current) {\n        const focusable = nodeRef.current.querySelectorAll<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable.length === 0) return;\n        const first = focusable[0];\n        const last = focusable[focusable.length - 1];\n        if (e.shiftKey) {\n          if (document.activeElement === first) { e.preventDefault(); last.focus(); }\n        } else {\n          if (document.activeElement === last) { e.preventDefault(); first.focus(); }\n        }\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n\n    // Focus first focusable element\n    requestAnimationFrame(() => {\n      if (nodeRef.current) {\n        const focusable = nodeRef.current.querySelectorAll<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable.length > 0) focusable[0].focus();\n      }\n    });\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      previousFocusRef.current?.focus();\n    };\n  }, [visible, onCancel]);\n\n  const renderFooter = (): React.ReactNode => {\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else if (footer === null) {\n      return null;\n    } else {\n      return (\n        <Flex gap=\"sm\" justify='end' className={`${prefixCls}__footer`} style={footerStyle}>\n          <Button onClick={onCancel} className={`${prefixCls}__footer-btn`} {...cancelButtonProps}>\n            {cancelText}\n          </Button>\n          <Button\n            loading={confirmLoading}\n            onClick={onConfirm}\n            btnType=\"primary\"\n            className={`${prefixCls}__footer-btn`}\n            {...confirmButtonProps}>\n            {confirmText}\n          </Button>\n        </Flex>\n      );\n    }\n  };\n\n  return (\n    <Overlay\n      onEnter={(): void => setModalVisible(true)}\n      onExit={(): void => setModalVisible(false)}\n      zIndex={zIndex}\n      type={maskType}\n      unmountOnExit={unmountOnClose}\n      isShow={visible}\n      onExited={afterClose}\n      clickCallback={(e: React.MouseEvent): void => {\n        maskClosable && onCancel ? onCancel(e) : undefined;\n      }}\n      style={maskStyle}>\n      <div ref={ref} className={cls} style={{ top }}>\n        <div style={{ width, ...style }}>\n          <CSSTransition\n            appear={true}\n            nodeRef={nodeRef}\n            in={modalVisible}\n            classNames={`${prefixCls}__content_${animation}`}\n            timeout={0}>\n            <div\n              ref={nodeRef}\n              className={`${prefixCls}__content`}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-labelledby={header ? titleId : undefined}\n              onClick={(e): void => e.stopPropagation()}>\n              {closable && (\n                <button type=\"button\" className={`${prefixCls}__close-btn`} onClick={onCancel} aria-label=\"Close\">\n                  ✕\n                </button>\n              )}\n              {header && (\n                <div className={`${prefixCls}__header`} style={headerStyle}>\n                  <div className={`${prefixCls}__title`} id={titleId}>{header}</div>\n                </div>\n              )}\n              <div className={`${prefixCls}__body`} style={bodyStyle}>\n                {children}\n              </div>\n              {renderFooter()}\n            </div>\n          </CSSTransition>\n        </div>\n      </div>\n    </Overlay>\n  );\n});\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,QAAQA,MAAAA,QAAM,YAAwC,OAAO,QAAQ;CACzE,MAAM,SAASC,mBAAAA,WAAW;CAC1B,MAAM,EACJ,UAAU,OACV,QAAQ,KACR,WAAW,OACX,WAAW,MACX,iBAAiB,MACjB,WAAW,WACX,eAAe,MACf,cAAc,OAAO,MAAM,QAC3B,aAAa,OAAO,MAAM,YAC1B,iBAAiB,OACjB,YAAY,SACZ,SAAS,KACT,WACA,UAAU,cACV,SAAS,aACT,KACA,QACA,QACA,YACA,oBACA,mBACA,WACA,UACA,OACA,WACA,aACA,WACA,aACA,WAAW,kBACT;CACJ,MAAM,WAAW,eAAe;CAChC,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,QAAQ;CAEzD,MAAM,YAAYC,gBAAAA,aAAa,UAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,GAAG,UAAU,aAAa,UAAU,CAAC;CACrF,MAAM,WAAA,GAAA,MAAA,QAAiC,KAAK;CAC5C,MAAM,oBAAA,GAAA,MAAA,QAA8C,KAAK;CACzD,MAAM,WAAA,GAAA,MAAA,QAAiB;AAGvB,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,QAAS;AACd,mBAAiB,UAAU,SAAS;EAEpC,MAAM,iBAAiB,MAAqB;AAC1C,OAAI,EAAE,QAAQ,UAAU;AACtB,eAAW,EAAiC;AAC5C;;AAEF,OAAI,EAAE,QAAQ,SAAS,QAAQ,SAAS;IACtC,MAAM,YAAY,QAAQ,QAAQ,iBAChC,6EACD;AACD,QAAI,UAAU,WAAW,EAAG;IAC5B,MAAM,QAAQ,UAAU;IACxB,MAAM,OAAO,UAAU,UAAU,SAAS;AAC1C,QAAI,EAAE;SACA,SAAS,kBAAkB,OAAO;AAAE,QAAE,gBAAgB;AAAE,WAAK,OAAO;;eAEpE,SAAS,kBAAkB,MAAM;AAAE,OAAE,gBAAgB;AAAE,WAAM,OAAO;;;;AAI9E,WAAS,iBAAiB,WAAW,cAAc;AAGnD,8BAA4B;AAC1B,OAAI,QAAQ,SAAS;IACnB,MAAM,YAAY,QAAQ,QAAQ,iBAChC,6EACD;AACD,QAAI,UAAU,SAAS,EAAG,WAAU,GAAG,OAAO;;IAEhD;AAEF,eAAa;AACX,YAAS,oBAAoB,WAAW,cAAc;AACtD,oBAAiB,SAAS,OAAO;;IAElC,CAAC,SAAS,SAAS,CAAC;CAEvB,MAAM,qBAAsC;AAC1C,MAAIH,MAAAA,QAAM,eAAe,OAAO,CAC9B,QAAO;WACE,WAAW,KACpB,QAAO;MAEP,QACE,iBAAA,GAAA,kBAAA,MAACI,aAAAA,SAAD;GAAM,KAAI;GAAK,SAAQ;GAAM,WAAW,GAAG,UAAU;GAAW,OAAO;aAAvE,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;IAAQ,SAAS;IAAU,WAAW,GAAG,UAAU;IAAe,GAAI;cACnE;IACM,CAAA,EACT,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;IACE,SAAS;IACT,SAAS;IACT,SAAQ;IACR,WAAW,GAAG,UAAU;IACxB,GAAI;cACH;IACM,CAAA,CACJ;;;AAKb,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EACE,eAAqB,gBAAgB,KAAK;EAC1C,cAAoB,gBAAgB,MAAM;EAClC;EACR,MAAM;EACN,eAAe;EACf,QAAQ;EACR,UAAU;EACV,gBAAgB,MAA8B;AAC5C,mBAAgB,YAAW,SAAS,EAAE;;EAExC,OAAO;YACP,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAU;GAAK,WAAW;GAAK,OAAO,EAAE,KAAK;aAC3C,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,OAAO;KAAE;KAAO,GAAG;KAAO;cAC7B,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,eAAD;KACE,QAAQ;KACC;KACT,IAAI;KACJ,YAAY,GAAG,UAAU,YAAY;KACrC,SAAS;eACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;MACE,KAAK;MACL,WAAW,GAAG,UAAU;MACxB,MAAK;MACL,cAAW;MACX,mBAAiB,SAAS,UAAU,KAAA;MACpC,UAAU,MAAY,EAAE,iBAAiB;gBAN3C;OAOG,YACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;QAAQ,MAAK;QAAS,WAAW,GAAG,UAAU;QAAc,SAAS;QAAU,cAAW;kBAAQ;QAEzF,CAAA;OAEV,UACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAW,GAAG,UAAU;QAAW,OAAO;kBAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAW,GAAG,UAAU;SAAU,IAAI;mBAAU;SAAa,CAAA;QAC9D,CAAA;OAER,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAW,GAAG,UAAU;QAAS,OAAO;QAC1C;QACG,CAAA;OACL,cAAc;OACX;;KACQ,CAAA;IACZ,CAAA;GACF,CAAA;EACE,CAAA;EAEZ;AAEF,MAAM,cAAc"}
+{"version":3,"file":"modal.js","names":["React","useLocale","getPrefixCls","ConfigContext","Flex","Button","Overlay","Transition"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import React, { useContext, useEffect, useId, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport Transition from '../transition';\nimport Overlay from '../overlay';\nimport Button from '../button/button';\nimport Flex from '../flex/flex';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport { ModalProps } from './types';\n\nconst Modal = React.forwardRef<HTMLDivElement, ModalProps>((props, ref) => {\n  const locale = useLocale();\n  const {\n    visible = false,\n    width = 520,\n    centered = false,\n    closable = true,\n    unmountOnClose = true,\n    maskType = 'default',\n    maskClosable = true,\n    confirmText = locale.Modal.okText,\n    cancelText = locale.Modal.cancelText,\n    confirmLoading = false,\n    animation = 'slide',\n    zIndex = 1000,\n    onConfirm,\n    onCancel: onCancelProp,\n    onClose: onCloseProp,\n    top,\n    header,\n    footer,\n    afterClose,\n    confirmButtonProps,\n    cancelButtonProps,\n    className,\n    children,\n    style,\n    maskStyle,\n    headerStyle,\n    bodyStyle,\n    footerStyle,\n    prefixCls: customisedCls,\n  } = props;\n  const onCancel = onCloseProp ?? onCancelProp;\n  const [modalVisible, setModalVisible] = useState(visible);\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('modal', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, className, { [`${prefixCls}_centered`]: centered });\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const previousFocusRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n\n  // Focus trap + Escape key\n  useEffect(() => {\n    if (!visible) return;\n    previousFocusRef.current = document.activeElement as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onCancel?.(e as unknown as React.MouseEvent);\n        return;\n      }\n      if (e.key === 'Tab' && nodeRef.current) {\n        const focusable = nodeRef.current.querySelectorAll<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable.length === 0) return;\n        const first = focusable[0];\n        const last = focusable[focusable.length - 1];\n        if (e.shiftKey) {\n          if (document.activeElement === first) { e.preventDefault(); last.focus(); }\n        } else {\n          if (document.activeElement === last) { e.preventDefault(); first.focus(); }\n        }\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown);\n\n    // Focus first focusable element\n    requestAnimationFrame(() => {\n      if (nodeRef.current) {\n        const focusable = nodeRef.current.querySelectorAll<HTMLElement>(\n          'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (focusable.length > 0) focusable[0].focus();\n      }\n    });\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n      previousFocusRef.current?.focus();\n    };\n  }, [visible, onCancel]);\n\n  const renderFooter = (): React.ReactNode => {\n    if (React.isValidElement(footer)) {\n      return footer;\n    } else if (footer === null) {\n      return null;\n    } else {\n      return (\n        <Flex gap=\"sm\" justify='end' className={`${prefixCls}__footer`} style={footerStyle}>\n          <Button onClick={onCancel} className={`${prefixCls}__footer-btn`} {...cancelButtonProps}>\n            {cancelText}\n          </Button>\n          <Button\n            loading={confirmLoading}\n            onClick={onConfirm}\n            btnType=\"primary\"\n            className={`${prefixCls}__footer-btn`}\n            {...confirmButtonProps}>\n            {confirmText}\n          </Button>\n        </Flex>\n      );\n    }\n  };\n\n  return (\n    <Overlay\n      onEnter={(): void => setModalVisible(true)}\n      onExit={(): void => setModalVisible(false)}\n      zIndex={zIndex}\n      type={maskType}\n      unmountOnExit={unmountOnClose}\n      isShow={visible}\n      onExited={afterClose}\n      clickCallback={(e: React.MouseEvent): void => {\n        maskClosable && onCancel ? onCancel(e) : undefined;\n      }}\n      style={maskStyle}>\n      <div ref={ref} className={cls} style={{ top }}>\n        <div style={{ width, ...style }}>\n          <Transition\n            appear={true}\n            nodeRef={nodeRef}\n            in={modalVisible}\n            classNames={`${prefixCls}__content_${animation}`}\n            unmountOnExit={false}\n            timeout={0}>\n            <div\n              ref={nodeRef}\n              className={`${prefixCls}__content`}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-labelledby={header ? titleId : undefined}\n              onClick={(e): void => e.stopPropagation()}>\n              {closable && (\n                <button type=\"button\" className={`${prefixCls}__close-btn`} onClick={onCancel} aria-label=\"Close\">\n                  ✕\n                </button>\n              )}\n              {header && (\n                <div className={`${prefixCls}__header`} style={headerStyle}>\n                  <div className={`${prefixCls}__title`} id={titleId}>{header}</div>\n                </div>\n              )}\n              <div className={`${prefixCls}__body`} style={bodyStyle}>\n                {children}\n              </div>\n              {renderFooter()}\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </Overlay>\n  );\n});\n\nModal.displayName = 'Modal';\n\nexport default Modal;\n"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,QAAQA,MAAAA,QAAM,YAAwC,OAAO,QAAQ;CACzE,MAAM,SAASC,mBAAAA,WAAW;CAC1B,MAAM,EACJ,UAAU,OACV,QAAQ,KACR,WAAW,OACX,WAAW,MACX,iBAAiB,MACjB,WAAW,WACX,eAAe,MACf,cAAc,OAAO,MAAM,QAC3B,aAAa,OAAO,MAAM,YAC1B,iBAAiB,OACjB,YAAY,SACZ,SAAS,KACT,WACA,UAAU,cACV,SAAS,aACT,KACA,QACA,QACA,YACA,oBACA,mBACA,WACA,UACA,OACA,WACA,aACA,WACA,aACA,WAAW,kBACT;CACJ,MAAM,WAAW,eAAe;CAChC,MAAM,CAAC,cAAc,oBAAA,GAAA,MAAA,UAA4B,QAAQ;CAEzD,MAAM,YAAYC,gBAAAA,aAAa,UAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACO,WAAW,cAAc;CAC/E,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,WAAW,GAAG,GAAG,UAAU,aAAa,UAAU,CAAC;CACrF,MAAM,WAAA,GAAA,MAAA,QAAiC,KAAK;CAC5C,MAAM,oBAAA,GAAA,MAAA,QAA8C,KAAK;CACzD,MAAM,WAAA,GAAA,MAAA,QAAiB;AAGvB,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,CAAC,QAAS;AACd,mBAAiB,UAAU,SAAS;EAEpC,MAAM,iBAAiB,MAAqB;AAC1C,OAAI,EAAE,QAAQ,UAAU;AACtB,eAAW,EAAiC;AAC5C;;AAEF,OAAI,EAAE,QAAQ,SAAS,QAAQ,SAAS;IACtC,MAAM,YAAY,QAAQ,QAAQ,iBAChC,6EACD;AACD,QAAI,UAAU,WAAW,EAAG;IAC5B,MAAM,QAAQ,UAAU;IACxB,MAAM,OAAO,UAAU,UAAU,SAAS;AAC1C,QAAI,EAAE;SACA,SAAS,kBAAkB,OAAO;AAAE,QAAE,gBAAgB;AAAE,WAAK,OAAO;;eAEpE,SAAS,kBAAkB,MAAM;AAAE,OAAE,gBAAgB;AAAE,WAAM,OAAO;;;;AAI9E,WAAS,iBAAiB,WAAW,cAAc;AAGnD,8BAA4B;AAC1B,OAAI,QAAQ,SAAS;IACnB,MAAM,YAAY,QAAQ,QAAQ,iBAChC,6EACD;AACD,QAAI,UAAU,SAAS,EAAG,WAAU,GAAG,OAAO;;IAEhD;AAEF,eAAa;AACX,YAAS,oBAAoB,WAAW,cAAc;AACtD,oBAAiB,SAAS,OAAO;;IAElC,CAAC,SAAS,SAAS,CAAC;CAEvB,MAAM,qBAAsC;AAC1C,MAAIH,MAAAA,QAAM,eAAe,OAAO,CAC9B,QAAO;WACE,WAAW,KACpB,QAAO;MAEP,QACE,iBAAA,GAAA,kBAAA,MAACI,aAAAA,SAAD;GAAM,KAAI;GAAK,SAAQ;GAAM,WAAW,GAAG,UAAU;GAAW,OAAO;aAAvE,CACE,iBAAA,GAAA,kBAAA,KAACC,eAAAA,SAAD;IAAQ,SAAS;IAAU,WAAW,GAAG,UAAU;IAAe,GAAI;cACnE;IACM,CAAA,EACT,iBAAA,GAAA,kBAAA,KAACA,eAAAA,SAAD;IACE,SAAS;IACT,SAAS;IACT,SAAQ;IACR,WAAW,GAAG,UAAU;IACxB,GAAI;cACH;IACM,CAAA,CACJ;;;AAKb,QACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD;EACE,eAAqB,gBAAgB,KAAK;EAC1C,cAAoB,gBAAgB,MAAM;EAClC;EACR,MAAM;EACN,eAAe;EACf,QAAQ;EACR,UAAU;EACV,gBAAgB,MAA8B;AAC5C,mBAAgB,YAAW,SAAS,EAAE;;EAExC,OAAO;YACP,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAU;GAAK,WAAW;GAAK,OAAO,EAAE,KAAK;aAC3C,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,OAAO;KAAE;KAAO,GAAG;KAAO;cAC7B,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;KACE,QAAQ;KACC;KACT,IAAI;KACJ,YAAY,GAAG,UAAU,YAAY;KACrC,eAAe;KACf,SAAS;eACT,iBAAA,GAAA,kBAAA,MAAC,OAAD;MACE,KAAK;MACL,WAAW,GAAG,UAAU;MACxB,MAAK;MACL,cAAW;MACX,mBAAiB,SAAS,UAAU,KAAA;MACpC,UAAU,MAAY,EAAE,iBAAiB;gBAN3C;OAOG,YACC,iBAAA,GAAA,kBAAA,KAAC,UAAD;QAAQ,MAAK;QAAS,WAAW,GAAG,UAAU;QAAc,SAAS;QAAU,cAAW;kBAAQ;QAEzF,CAAA;OAEV,UACC,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAW,GAAG,UAAU;QAAW,OAAO;kBAC7C,iBAAA,GAAA,kBAAA,KAAC,OAAD;SAAK,WAAW,GAAG,UAAU;SAAU,IAAI;mBAAU;SAAa,CAAA;QAC9D,CAAA;OAER,iBAAA,GAAA,kBAAA,KAAC,OAAD;QAAK,WAAW,GAAG,UAAU;QAAS,OAAO;QAC1C;QACG,CAAA;OACL,cAAc;OACX;;KACK,CAAA;IACT,CAAA;GACF,CAAA;EACE,CAAA;EAEZ;AAEF,MAAM,cAAc"}

package/lib/overlay/overlay.js

@@ -1,12 +1,12 @@
 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("../portal/index.js");
+const require_index = require("../transition/index.js");
+const require_index$1 = require("../portal/index.js");
 let react = require("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/overlay/overlay.tsx
 let scrollLockCount = 0;
 const Overlay = (props) => {
@@ -29,7 +29,7 @@ const Overlay = (props) => {
 			}
 		};
 	}, [isShow]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_transition_group.CSSTransition, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index$1.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.default, {
 		appear: true,
 		nodeRef,
 		onEnter,

package/lib/overlay/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":["getPrefixCls","ConfigContext","Portal","CSSTransition"],"sources":["../../src/overlay/overlay.tsx"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport Portal from '../portal';\nimport { CSSTransition } from 'react-transition-group';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { OverlayProps } from './types';\n\nlet scrollLockCount = 0;\n\nconst Overlay = (props: OverlayProps): JSX.Element => {\n  const {\n    isShow = false,\n    blurred = false,\n    unmountOnExit = true,\n    zIndex = 1000,\n    type = 'default',\n    clickCallback,\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    children,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('overlay', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, `${prefixCls}_${type}`, { [`${prefixCls}_blurred`]: blurred });\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isShow) {\n      scrollLockCount++;\n      document.body.style.overflow = 'hidden';\n    }\n    return () => {\n      if (isShow) {\n        scrollLockCount--;\n        if (scrollLockCount <= 0) {\n          scrollLockCount = 0;\n          document.body.style.overflow = '';\n        }\n      }\n    };\n  }, [isShow]);\n\n  return (\n    <Portal>\n      <CSSTransition\n        appear={true}\n        nodeRef={nodeRef}\n        onEnter={onEnter}\n        onEntered={onEntered}\n        onExit={onExit}\n        onExited={onExited}\n        in={isShow}\n        mountOnEnter={true}\n        unmountOnExit={unmountOnExit}\n        classNames={`${prefixCls}_fade`}\n        timeout={{ exit: 300, enter: 0 }}>\n        <div ref={nodeRef} tabIndex={-1} className={cls} onClick={clickCallback} style={{ zIndex, ...style }}>\n          {children}\n        </div>\n      </CSSTransition>\n    </Portal>\n  );\n};\n\nOverlay.displayName = 'Overlay';\n\nexport default Overlay;\n"],"mappings":";;;;;;;;;;AAQA,IAAI,kBAAkB;AAEtB,MAAM,WAAW,UAAqC;CACpD,MAAM,EACJ,SAAS,OACT,UAAU,OACV,gBAAgB,MAChB,SAAS,KACT,OAAO,WACP,eACA,SACA,WACA,QACA,UACA,UACA,OACA,WAAW,kBACT;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,YAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACS,WAAW,cAAc;CACjF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,GAAG,UAAU,YAAY,SAAS,CAAC;CAChG,MAAM,WAAA,GAAA,MAAA,QAAiC,KAAK;AAE5C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,QAAQ;AACV;AACA,YAAS,KAAK,MAAM,WAAW;;AAEjC,eAAa;AACX,OAAI,QAAQ;AACV;AACA,QAAI,mBAAmB,GAAG;AACxB,uBAAkB;AAClB,cAAS,KAAK,MAAM,WAAW;;;;IAIpC,CAAC,OAAO,CAAC;AAEZ,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,uBAAAA,eAAD;EACE,QAAQ;EACC;EACA;EACE;EACH;EACE;EACV,IAAI;EACJ,cAAc;EACC;EACf,YAAY,GAAG,UAAU;EACzB,SAAS;GAAE,MAAM;GAAK,OAAO;GAAG;YAChC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,KAAK;GAAS,UAAU;GAAI,WAAW;GAAK,SAAS;GAAe,OAAO;IAAE;IAAQ,GAAG;IAAO;GACjG;GACG,CAAA;EACQ,CAAA,EACT,CAAA;;AAIb,QAAQ,cAAc"}
+{"version":3,"file":"overlay.js","names":["getPrefixCls","ConfigContext","Portal","Transition"],"sources":["../../src/overlay/overlay.tsx"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport Portal from '../portal';\nimport Transition from '../transition';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { OverlayProps } from './types';\n\nlet scrollLockCount = 0;\n\nconst Overlay = (props: OverlayProps): JSX.Element => {\n  const {\n    isShow = false,\n    blurred = false,\n    unmountOnExit = true,\n    zIndex = 1000,\n    type = 'default',\n    clickCallback,\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    children,\n    style,\n    prefixCls: customisedCls,\n  } = props;\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('overlay', configContext.prefixCls, customisedCls);\n  const cls = classNames(prefixCls, `${prefixCls}_${type}`, { [`${prefixCls}_blurred`]: blurred });\n  const nodeRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (isShow) {\n      scrollLockCount++;\n      document.body.style.overflow = 'hidden';\n    }\n    return () => {\n      if (isShow) {\n        scrollLockCount--;\n        if (scrollLockCount <= 0) {\n          scrollLockCount = 0;\n          document.body.style.overflow = '';\n        }\n      }\n    };\n  }, [isShow]);\n\n  return (\n    <Portal>\n      <Transition\n        appear={true}\n        nodeRef={nodeRef}\n        onEnter={onEnter}\n        onEntered={onEntered}\n        onExit={onExit}\n        onExited={onExited}\n        in={isShow}\n        mountOnEnter={true}\n        unmountOnExit={unmountOnExit}\n        classNames={`${prefixCls}_fade`}\n        timeout={{ exit: 300, enter: 0 }}>\n        <div ref={nodeRef} tabIndex={-1} className={cls} onClick={clickCallback} style={{ zIndex, ...style }}>\n          {children}\n        </div>\n      </Transition>\n    </Portal>\n  );\n};\n\nOverlay.displayName = 'Overlay';\n\nexport default Overlay;\n"],"mappings":";;;;;;;;;;AAQA,IAAI,kBAAkB;AAEtB,MAAM,WAAW,UAAqC;CACpD,MAAM,EACJ,SAAS,OACT,UAAU,OACV,gBAAgB,MAChB,SAAS,KACT,OAAO,WACP,eACA,SACA,WACA,QACA,UACA,UACA,OACA,WAAW,kBACT;CAEJ,MAAM,YAAYA,gBAAAA,aAAa,YAAA,GAAA,MAAA,YADEC,uBAAAA,cAAc,CACS,WAAW,cAAc;CACjF,MAAM,OAAA,GAAA,WAAA,SAAiB,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,GAAG,UAAU,YAAY,SAAS,CAAC;CAChG,MAAM,WAAA,GAAA,MAAA,QAAiC,KAAK;AAE5C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,QAAQ;AACV;AACA,YAAS,KAAK,MAAM,WAAW;;AAEjC,eAAa;AACX,OAAI,QAAQ;AACV;AACA,QAAI,mBAAmB,GAAG;AACxB,uBAAkB;AAClB,cAAS,KAAK,MAAM,WAAW;;;;IAIpC,CAAC,OAAO,CAAC;AAEZ,QACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAD;EACE,QAAQ;EACC;EACA;EACE;EACH;EACE;EACV,IAAI;EACJ,cAAc;EACC;EACf,YAAY,GAAG,UAAU;EACzB,SAAS;GAAE,MAAM;GAAK,OAAO;GAAG;YAChC,iBAAA,GAAA,kBAAA,KAAC,OAAD;GAAK,KAAK;GAAS,UAAU;GAAI,WAAW;GAAK,SAAS;GAAe,OAAO;IAAE;IAAQ,GAAG;IAAO;GACjG;GACG,CAAA;EACK,CAAA,EACN,CAAA;;AAIb,QAAQ,cAAc"}

package/lib/pop-confirm/style/_index.scss

@@ -15,6 +15,10 @@
   }
 
   &__buttons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
     text-align: right;
   }
 

package/lib/pop-confirm/style/index.css

@@ -11,6 +11,10 @@
   align-items: center;
 }
 .ty-pop-confirm__buttons {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 8px;
   text-align: right;
 }
 .ty-pop-confirm__title {

package/lib/slider/style/_index.scss

@@ -5,21 +5,13 @@
   box-sizing: border-box;
   cursor: pointer;
 
-  &_horizontal.#{$prefix}-slider {
-    margin-bottom: $slider-margin-bottom-with-marks;
-  }
-
-  &_vertical.#{$prefix}-slider {
-    margin-right: $slider-margin-bottom-with-marks;
-  }
-
   &_horizontal {
+    width: 100%;
     min-height: $slider-size;
     margin: 13px 7px;
     padding: 4px 0;
 
     .#{$prefix}-slider {
-
       &__rail {
         width: 100%;
         height: $slider-track-size;

package/lib/slider/style/index.css

@@ -3,13 +3,8 @@
   box-sizing: border-box;
   cursor: pointer;
 }
-.ty-slider_horizontal.ty-slider {
-  margin-bottom: 30px;
-}
-.ty-slider_vertical.ty-slider {
-  margin-right: 30px;
-}
 .ty-slider_horizontal {
+  width: 100%;
   min-height: 12px;
   margin: 13px 7px;
   padding: 4px 0;

package/lib/speed-dial/style/_index.scss

@@ -1,5 +1,4 @@
 @use "../../style/variables" as *;
-@use "sass:color";
 
 $speed-dial-fab-size: 56px;
 $speed-dial-action-size: 40px;
@@ -18,8 +17,8 @@ $speed-dial-actions-gap: 16px;
     height: $speed-dial-fab-size;
     border-radius: 50%;
     border: none;
-    background-color: var(--ty-speed-dial-bg, #{$primary-color});
-    color: var(--ty-speed-dial-color, #{$white-color});
+    background-color: var(--ty-speed-dial-bg, var(--ty-color-primary));
+    color: var(--ty-speed-dial-color, #fff);
     font-size: 24px;
     cursor: pointer;
     box-shadow: $box-shadow;
@@ -27,11 +26,11 @@ $speed-dial-actions-gap: 16px;
     outline: none;
 
     &:hover:not(.#{$prefix}-speed-dial__button_disabled) {
-      background-color: var(--ty-speed-dial-bg-hover, #{color.adjust($primary-color, $lightness: -8%)});
+      background-color: var(--ty-speed-dial-bg-hover, var(--ty-color-primary-active));
     }
 
     &:focus-visible {
-      box-shadow: 0 0 0 3px rgba($primary-color, 0.3), $box-shadow;
+      box-shadow: 0 0 0 3px var(--ty-input-focus-shadow, rgb(110 65 191 / 20%)), $box-shadow;
     }
 
     &_open {
@@ -59,7 +58,7 @@ $speed-dial-actions-gap: 16px;
       position: absolute;
       top: 50%;
       left: 50%;
-      background-color: currentColor;
+      background-color: currentcolor;
       border-radius: 1px;
       translate: -50% -50%;
     }
@@ -183,7 +182,7 @@ $speed-dial-actions-gap: 16px;
     }
 
     &:focus-visible {
-      box-shadow: 0 0 0 3px rgba($primary-color, 0.3), $box-shadow-sm;
+      box-shadow: 0 0 0 3px var(--ty-input-focus-shadow, rgb(110 65 191 / 20%)), $box-shadow-sm;
     }
 
     &_disabled {

package/lib/speed-dial/style/index.css

@@ -10,7 +10,7 @@
   height: 56px;
   border-radius: 50%;
   border: none;
-  background-color: var(--ty-speed-dial-bg, #6e41bf);
+  background-color: var(--ty-speed-dial-bg, var(--ty-color-primary));
   color: var(--ty-speed-dial-color, #fff);
   font-size: 24px;
   cursor: pointer;
@@ -19,10 +19,10 @@
   outline: none;
 }
 .ty-speed-dial__button:hover:not(.ty-speed-dial__button_disabled) {
-  background-color: var(--ty-speed-dial-bg-hover, rgb(92.3496062992, 54.2236220472, 160.9763779528));
+  background-color: var(--ty-speed-dial-bg-hover, var(--ty-color-primary-active));
 }
 .ty-speed-dial__button:focus-visible {
-  box-shadow: 0 0 0 3px rgba(110, 65, 191, 0.3), 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0 0 0 3px var(--ty-input-focus-shadow, rgba(110, 65, 191, 0.2)), 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 }
 .ty-speed-dial__button_open .ty-speed-dial__icon-default {
   transform: rotate(45deg);
@@ -43,7 +43,7 @@
   position: absolute;
   top: 50%;
   left: 50%;
-  background-color: currentColor;
+  background-color: currentcolor;
   border-radius: 1px;
   translate: -50% -50%;
 }
@@ -145,7 +145,7 @@
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 }
 .ty-speed-dial__action:focus-visible {
-  box-shadow: 0 0 0 3px rgba(110, 65, 191, 0.3), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+  box-shadow: 0 0 0 3px var(--ty-input-focus-shadow, rgba(110, 65, 191, 0.2)), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
 }
 .ty-speed-dial__action_disabled {
   opacity: 0.5;

package/lib/style/base.css

@@ -27,19 +27,26 @@
   --ty-color-fill-secondary: #f5f5f5;
   --ty-color-fill-tertiary: #f0f0f0;
   --ty-color-success: #52c41a;
+  --ty-color-success-hover: #73d13d;
+  --ty-color-success-active: #389e0d;
   --ty-color-success-bg: #f6ffed;
   --ty-color-success-border: #b7eb8f;
   --ty-color-success-text: #49b10e;
   --ty-color-warning: #ff9800;
+  --ty-color-warning-hover: #ffad33;
+  --ty-color-warning-active: #e68a00;
   --ty-color-warning-bg: #fffbe6;
   --ty-color-warning-border: #ffe58f;
   --ty-color-warning-text: #d48806;
   --ty-color-danger: #f44336;
+  --ty-color-danger-hover: #ff7875;
+  --ty-color-danger-active: #cf1322;
   --ty-color-danger-bg: #fff1f0;
   --ty-color-danger-border: #ffa39e;
   --ty-color-danger-text: #cf1322;
-  --ty-color-danger-hover: #ff7875;
   --ty-color-info: #1890ff;
+  --ty-color-info-hover: #40a9ff;
+  --ty-color-info-active: #096dd9;
   --ty-color-info-bg: #e6f7ff;
   --ty-color-info-border: #91d5ff;
   --ty-color-info-text: #096dd9;
@@ -294,19 +301,26 @@ html[data-tiny-theme=dark] {
   --ty-color-fill-secondary: #2a2a2a;
   --ty-color-fill-tertiary: #303030;
   --ty-color-success: #49aa19;
+  --ty-color-success-hover: #6abe39;
+  --ty-color-success-active: #3c8c14;
   --ty-color-success-bg: #162312;
   --ty-color-success-border: #274916;
   --ty-color-success-text: #6abe39;
   --ty-color-warning: #d89614;
+  --ty-color-warning-hover: #e8b339;
+  --ty-color-warning-active: #b37a10;
   --ty-color-warning-bg: #2b2111;
   --ty-color-warning-border: #594214;
   --ty-color-warning-text: #e8b339;
   --ty-color-danger: #d32029;
+  --ty-color-danger-hover: #e84749;
+  --ty-color-danger-active: #ab1a20;
   --ty-color-danger-bg: #2a1215;
   --ty-color-danger-border: #58181c;
   --ty-color-danger-text: #e84749;
-  --ty-color-danger-hover: #e84749;
   --ty-color-info: #177ddc;
+  --ty-color-info-hover: #3c9ae8;
+  --ty-color-info-active: #1268b3;
   --ty-color-info-bg: #111d2c;
   --ty-color-info-border: #15395b;
   --ty-color-info-text: #3c9ae8;
@@ -562,19 +576,26 @@ html[data-tiny-theme=dark] {
     --ty-color-fill-secondary: #2a2a2a;
     --ty-color-fill-tertiary: #303030;
     --ty-color-success: #49aa19;
+    --ty-color-success-hover: #6abe39;
+    --ty-color-success-active: #3c8c14;
     --ty-color-success-bg: #162312;
     --ty-color-success-border: #274916;
     --ty-color-success-text: #6abe39;
     --ty-color-warning: #d89614;
+    --ty-color-warning-hover: #e8b339;
+    --ty-color-warning-active: #b37a10;
     --ty-color-warning-bg: #2b2111;
     --ty-color-warning-border: #594214;
     --ty-color-warning-text: #e8b339;
     --ty-color-danger: #d32029;
+    --ty-color-danger-hover: #e84749;
+    --ty-color-danger-active: #ab1a20;
     --ty-color-danger-bg: #2a1215;
     --ty-color-danger-border: #58181c;
     --ty-color-danger-text: #e84749;
-    --ty-color-danger-hover: #e84749;
     --ty-color-info: #177ddc;
+    --ty-color-info-hover: #3c9ae8;
+    --ty-color-info-active: #1268b3;
     --ty-color-info-bg: #111d2c;
     --ty-color-info-border: #15395b;
     --ty-color-info-text: #3c9ae8;

package/lib/tag/style/_index.scss

@@ -102,6 +102,30 @@
     background: var(--ty-tag-purple-bg);
     border-color: var(--ty-tag-purple-border);
   }
+
+  &_success {
+    color: var(--ty-color-success);
+    background: var(--ty-color-success-bg);
+    border-color: var(--ty-color-success-border);
+  }
+
+  &_info {
+    color: var(--ty-color-info);
+    background: var(--ty-color-info-bg);
+    border-color: var(--ty-color-info-border);
+  }
+
+  &_warning {
+    color: var(--ty-color-warning);
+    background: var(--ty-color-warning-bg);
+    border-color: var(--ty-color-warning-border);
+  }
+
+  &_danger {
+    color: var(--ty-color-danger);
+    background: var(--ty-color-danger-bg);
+    border-color: var(--ty-color-danger-border);
+  }
 }
 
 .#{$prefix}-checkable-tag {

package/lib/tag/style/index.css

@@ -88,6 +88,26 @@
   background: var(--ty-tag-purple-bg);
   border-color: var(--ty-tag-purple-border);
 }
+.ty-tag_success {
+  color: var(--ty-color-success);
+  background: var(--ty-color-success-bg);
+  border-color: var(--ty-color-success-border);
+}
+.ty-tag_info {
+  color: var(--ty-color-info);
+  background: var(--ty-color-info-bg);
+  border-color: var(--ty-color-info-border);
+}
+.ty-tag_warning {
+  color: var(--ty-color-warning);
+  background: var(--ty-color-warning-bg);
+  border-color: var(--ty-color-warning-border);
+}
+.ty-tag_danger {
+  color: var(--ty-color-danger);
+  background: var(--ty-color-danger-bg);
+  border-color: var(--ty-color-danger-border);
+}
 
 .ty-checkable-tag {
   background-color: var(--ty-tag-checkable-bg);

package/lib/tag/types.d.ts

@@ -8,8 +8,9 @@ interface CheckableTagProps extends BaseProps {
   onChange?: (checked: boolean, e: React.MouseEvent) => void;
   children?: React.ReactNode;
 }
+type StatusColor = 'success' | 'warning' | 'info' | 'danger';
 interface TagProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {
-  color?: string;
+  color?: string | StatusColor;
   closable?: boolean;
   onClose?: React.MouseEventHandler;
   onClick?: React.MouseEventHandler;

package/lib/tag/types.js

@@ -1,4 +1,3 @@
-//#region src/tag/types.ts
 const PresetColors = [
 	"magenta",
 	"red",
@@ -10,7 +9,13 @@ const PresetColors = [
 	"cyan",
 	"blue",
 	"geekblue",
-	"purple"
+	"purple",
+	...[
+		"success",
+		"info",
+		"warning",
+		"danger"
+	]
 ];
 //#endregion
 exports.PresetColors = PresetColors;

package/lib/tag/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/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"}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/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 type StatusColor = 'success' | 'warning' | 'info' | 'danger';\n\nexport const StatusColors: StatusColor[] = ['success', 'info', 'warning', 'danger'];\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  ...StatusColors,\n];\n\nexport interface TagProps extends BaseProps, React.PropsWithoutRef<JSX.IntrinsicElements['div']> {\n  color?: string | StatusColor;\n  closable?: boolean;\n  onClose?: React.MouseEventHandler;\n  onClick?: React.MouseEventHandler;\n  defaultVisible?: boolean;\n  visible?: boolean;\n  children?: React.ReactNode;\n}\n"],"mappings":"AAcA,MAAa,eAAe;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAdyC;EAAC;EAAW;EAAQ;EAAW;EAAS;CAelF"}

package/lib/time-picker/style/_index.scss

@@ -29,6 +29,10 @@ $tp: #{$prefix}-time-picker;
     box-shadow: var(--ty-input-focus-shadow);
   }
 
+  &_pending &__input-field {
+    color: var(--ty-color-text-tertiary);
+  }
+
   &__input-field {
     flex: 1;
     border: none;
@@ -191,6 +195,15 @@ $tp: #{$prefix}-time-picker;
       }
     }
 
+    &_pending {
+      background: var(--ty-color-primary-bg);
+      color: var(--ty-color-text-tertiary);
+
+      &:hover {
+        background: var(--ty-color-primary-bg-hover);
+      }
+    }
+
     &_disabled {
       color: var(--ty-color-text-quaternary);
       cursor: not-allowed;

package/lib/time-picker/style/index.css

@@ -21,6 +21,9 @@
   border-color: var(--ty-color-primary);
   box-shadow: var(--ty-input-focus-shadow);
 }
+.ty-time-picker_pending .ty-time-picker__input-field {
+  color: var(--ty-color-text-tertiary);
+}
 .ty-time-picker__input-field {
   flex: 1;
   border: none;
@@ -157,6 +160,13 @@
 .ty-time-picker__cell_selected:hover {
   background: var(--ty-color-primary-bg-hover);
 }
+.ty-time-picker__cell_pending {
+  background: var(--ty-color-primary-bg);
+  color: var(--ty-color-text-tertiary);
+}
+.ty-time-picker__cell_pending:hover {
+  background: var(--ty-color-primary-bg-hover);
+}
 .ty-time-picker__cell_disabled {
   color: var(--ty-color-text-quaternary);
   cursor: not-allowed;

package/lib/time-picker/time-panel.js

@@ -6,14 +6,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/time-picker/time-panel.tsx
 const ITEM_HEIGHT = 28;
 const TimePanel = (props) => {
-	const { prefixCls, value, items, disabledItems = [], loop = false, onChange } = props;
+	const { prefixCls, value, pendingValue, items, disabledItems = [], loop = false, onChange } = props;
 	const panelRef = (0, react.useRef)(null);
 	const itemRefs = (0, react.useRef)(/* @__PURE__ */ new Map());
 	const isResetting = (0, react.useRef)(false);
 	const clickedRef = (0, react.useRef)(false);
 	const scrollToItemRef = (0, react.useRef)(null);
 	const oneGroupHeight = items.length * ITEM_HEIGHT;
+	const displayValue = pendingValue ?? value;
 	scrollToItemRef.current = (val) => {
+		if (val === null) return;
 		const panel = panelRef.current;
 		if (!panel) return;
 		if (loop) {
@@ -41,8 +43,8 @@ const TimePanel = (props) => {
 			clickedRef.current = false;
 			return;
 		}
-		scrollToItemRef.current?.(value);
-	}, [value]);
+		scrollToItemRef.current?.(displayValue);
+	}, [displayValue]);
 	const handleScroll = (0, react.useCallback)(() => {
 		if (!loop || isResetting.current) return;
 		const panel = panelRef.current;
@@ -64,6 +66,16 @@ const TimePanel = (props) => {
 		clickedRef.current = true;
 		onChange(num);
 	};
+	const isPending = pendingValue !== null;
+	const isCommitted = value !== null && pendingValue === null;
+	const cellCls = (num) => {
+		const isSelected = num === displayValue;
+		return (0, classnames.default)(`${prefixCls}__cell`, {
+			[`${prefixCls}__cell_selected`]: isSelected && isCommitted,
+			[`${prefixCls}__cell_pending`]: isSelected && isPending,
+			[`${prefixCls}__cell_disabled`]: disabledItems.includes(num)
+		});
+	};
 	if (loop) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: `${prefixCls}__column`,
 		ref: panelRef,
@@ -74,17 +86,11 @@ const TimePanel = (props) => {
 				0,
 				1,
 				2
-			].map((copyIdx) => items.map((num, i) => {
-				const isDisabled = disabledItems.includes(num);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-					className: (0, classnames.default)(`${prefixCls}__cell`, {
-						[`${prefixCls}__cell_selected`]: num === value,
-						[`${prefixCls}__cell_disabled`]: isDisabled
-					}),
-					onClick: () => handleClick(num),
-					children: String(num).padStart(2, "0")
-				}, `c${copyIdx}-${i}`);
-			}))
+			].map((copyIdx) => items.map((num, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: cellCls(num),
+				onClick: () => handleClick(num),
+				children: String(num).padStart(2, "0")
+			}, `c${copyIdx}-${i}`)))
 		})
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -92,20 +98,14 @@ const TimePanel = (props) => {
 		ref: panelRef,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 			className: `${prefixCls}__column-list`,
-			children: items.map((num) => {
-				const isDisabled = disabledItems.includes(num);
-				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-					ref: (el) => {
-						if (el) itemRefs.current.set(num, el);
-					},
-					className: (0, classnames.default)(`${prefixCls}__cell`, {
-						[`${prefixCls}__cell_selected`]: num === value,
-						[`${prefixCls}__cell_disabled`]: isDisabled
-					}),
-					onClick: () => handleClick(num),
-					children: String(num).padStart(2, "0")
-				}, num);
-			})
+			children: items.map((num) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				ref: (el) => {
+					if (el) itemRefs.current.set(num, el);
+				},
+				className: cellCls(num),
+				onClick: () => handleClick(num),
+				children: String(num).padStart(2, "0")
+			}, num))
 		})
 	});
 };

package/lib/time-picker/time-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-panel.js","names":[],"sources":["../../src/time-picker/time-panel.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport interface TimePanelProps {\n  value: number;\n  items: number[];\n  disabledItems?: number[];\n  loop?: boolean;\n  onChange: (num: number) => void;\n  prefixCls: string;\n}\n\nconst ITEM_HEIGHT = 28; // 4px padding-top + 20px line-height + 4px padding-bottom\n\nconst TimePanel = (props: TimePanelProps): React.ReactElement => {\n  const { prefixCls, value, items, disabledItems = [], loop = false, onChange } = props;\n  const panelRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<number, HTMLLIElement>>(new Map());\n  const isResetting = useRef(false);\n  const clickedRef = useRef(false);\n  const scrollToItemRef = useRef<((val: number) => void) | null>(null);\n\n  const oneGroupHeight = items.length * ITEM_HEIGHT;\n\n  scrollToItemRef.current = (val: number) => {\n    const panel = panelRef.current;\n    if (!panel) return;\n\n    if (loop) {\n      const idx = items.indexOf(val);\n      if (idx === -1) return;\n      const top = oneGroupHeight + idx * ITEM_HEIGHT;\n      isResetting.current = true;\n      panel.scrollTo({ top, behavior: 'auto' });\n      requestAnimationFrame(() => { isResetting.current = false; });\n    } else {\n      const el = itemRefs.current.get(val);\n      if (el) {\n        panel.scrollTo({ top: el.offsetTop, behavior: 'auto' });\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (clickedRef.current) {\n      clickedRef.current = false;\n      return;\n    }\n    scrollToItemRef.current?.(value);\n  }, [value]);\n\n  // Scroll reset for loop mode\n  const handleScroll = useCallback(() => {\n    if (!loop || isResetting.current) return;\n    const panel = panelRef.current;\n    if (!panel) return;\n\n    const st = panel.scrollTop;\n    if (st < oneGroupHeight || st >= 2 * oneGroupHeight) {\n      isResetting.current = true;\n      panel.scrollTo({ top: (st % oneGroupHeight) + oneGroupHeight, behavior: 'auto' });\n      requestAnimationFrame(() => { isResetting.current = false; });\n    }\n  }, [loop, oneGroupHeight]);\n\n  const handleClick = (num: number) => {\n    if (disabledItems.includes(num)) return;\n    clickedRef.current = true;\n    onChange(num);\n  };\n\n  if (loop) {\n    const copies = [0, 1, 2];\n    return (\n      <div className={`${prefixCls}__column`} ref={panelRef} onScroll={handleScroll}>\n        <ul className={`${prefixCls}__column-list`}>\n          {copies.map((copyIdx) =>\n            items.map((num, i) => {\n              const isDisabled = disabledItems.includes(num);\n              const cls = classNames(`${prefixCls}__cell`, {\n                [`${prefixCls}__cell_selected`]: num === value,\n                [`${prefixCls}__cell_disabled`]: isDisabled,\n              });\n              return (\n                <li\n                  key={`c${copyIdx}-${i}`}\n                  className={cls}\n                  onClick={() => handleClick(num)}>\n                  {String(num).padStart(2, '0')}\n                </li>\n              );\n            })\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${prefixCls}__column`} ref={panelRef}>\n      <ul className={`${prefixCls}__column-list`}>\n        {items.map((num) => {\n          const isDisabled = disabledItems.includes(num);\n          const cls = classNames(`${prefixCls}__cell`, {\n            [`${prefixCls}__cell_selected`]: num === value,\n            [`${prefixCls}__cell_disabled`]: isDisabled,\n          });\n          return (\n            <li\n              key={num}\n              ref={(el) => {\n                if (el) itemRefs.current.set(num, el);\n              }}\n              className={cls}\n              onClick={() => handleClick(num)}>\n              {String(num).padStart(2, '0')}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default TimePanel;\n"],"mappings":"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"}
+{"version":3,"file":"time-panel.js","names":[],"sources":["../../src/time-picker/time-panel.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback } from 'react';\nimport classNames from 'classnames';\n\nexport interface TimePanelProps {\n  value: number | null;\n  pendingValue: number | null;\n  items: number[];\n  disabledItems?: number[];\n  loop?: boolean;\n  onChange: (num: number) => void;\n  prefixCls: string;\n}\n\nconst ITEM_HEIGHT = 28; // 4px padding-top + 20px line-height + 4px padding-bottom\n\nconst TimePanel = (props: TimePanelProps): React.ReactElement => {\n  const { prefixCls, value, pendingValue, items, disabledItems = [], loop = false, onChange } = props;\n  const panelRef = useRef<HTMLDivElement>(null);\n  const itemRefs = useRef<Map<number, HTMLLIElement>>(new Map());\n  const isResetting = useRef(false);\n  const clickedRef = useRef(false);\n  const scrollToItemRef = useRef<((val: number | null) => void) | null>(null);\n\n  const oneGroupHeight = items.length * ITEM_HEIGHT;\n\n  // The displayed value: pending takes priority, then committed\n  const displayValue = pendingValue ?? value;\n\n  scrollToItemRef.current = (val: number | null) => {\n    if (val === null) return;\n    const panel = panelRef.current;\n    if (!panel) return;\n\n    if (loop) {\n      const idx = items.indexOf(val);\n      if (idx === -1) return;\n      const top = oneGroupHeight + idx * ITEM_HEIGHT;\n      isResetting.current = true;\n      panel.scrollTo({ top, behavior: 'auto' });\n      requestAnimationFrame(() => { isResetting.current = false; });\n    } else {\n      const el = itemRefs.current.get(val);\n      if (el) {\n        panel.scrollTo({ top: el.offsetTop, behavior: 'auto' });\n      }\n    }\n  };\n\n  useEffect(() => {\n    if (clickedRef.current) {\n      clickedRef.current = false;\n      return;\n    }\n    scrollToItemRef.current?.(displayValue);\n  }, [displayValue]);\n\n  // Scroll reset for loop mode\n  const handleScroll = useCallback(() => {\n    if (!loop || isResetting.current) return;\n    const panel = panelRef.current;\n    if (!panel) return;\n\n    const st = panel.scrollTop;\n    if (st < oneGroupHeight || st >= 2 * oneGroupHeight) {\n      isResetting.current = true;\n      panel.scrollTo({ top: (st % oneGroupHeight) + oneGroupHeight, behavior: 'auto' });\n      requestAnimationFrame(() => { isResetting.current = false; });\n    }\n  }, [loop, oneGroupHeight]);\n\n  const handleClick = (num: number) => {\n    if (disabledItems.includes(num)) return;\n    clickedRef.current = true;\n    onChange(num);\n  };\n\n  const isPending = pendingValue !== null;\n  const isCommitted = value !== null && pendingValue === null;\n\n  const cellCls = (num: number) => {\n    const isSelected = num === displayValue;\n    return classNames(`${prefixCls}__cell`, {\n      [`${prefixCls}__cell_selected`]: isSelected && isCommitted,\n      [`${prefixCls}__cell_pending`]: isSelected && isPending,\n      [`${prefixCls}__cell_disabled`]: disabledItems.includes(num),\n    });\n  };\n\n  if (loop) {\n    const copies = [0, 1, 2];\n    return (\n      <div className={`${prefixCls}__column`} ref={panelRef} onScroll={handleScroll}>\n        <ul className={`${prefixCls}__column-list`}>\n          {copies.map((copyIdx) =>\n            items.map((num, i) => (\n              <li\n                key={`c${copyIdx}-${i}`}\n                className={cellCls(num)}\n                onClick={() => handleClick(num)}>\n                {String(num).padStart(2, '0')}\n              </li>\n            ))\n          )}\n        </ul>\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${prefixCls}__column`} ref={panelRef}>\n      <ul className={`${prefixCls}__column-list`}>\n        {items.map((num) => (\n          <li\n            key={num}\n            ref={(el) => {\n              if (el) itemRefs.current.set(num, el);\n            }}\n            className={cellCls(num)}\n            onClick={() => handleClick(num)}>\n            {String(num).padStart(2, '0')}\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport default TimePanel;\n"],"mappings":"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"}