@aloudata/aloudata-design 3.0.17 → 3.0.18-beta.0

package/dist/Input/components/TextArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/TextArea/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { TSize, getSizeType } from '../Input';\n\nexport type TextAreaRef = HTMLTextAreaElement;\n\nexport interface ITextAreaProps\n  extends Omit<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'rows'\n  > {\n  autoFocus?: boolean;\n  allowClear?: boolean;\n  autoSize?: boolean | { minRows?: number; maxRows?: number };\n  defaultValue?: string;\n  maxLength?: number;\n  showCount?:\n    | boolean\n    | { formatter: (args: { count: number; maxLength?: number }) => string };\n  value?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onResize?: (size: { width: number; height: number }) => void;\n  border?: boolean;\n  bordered?: boolean;\n  className?: string;\n  size?: TSize;\n  disabled?: boolean;\n  placeholder?: string;\n  rows?: number;\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLTextAreaElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLTextAreaElement>;\n  style?: React.CSSProperties;\n}\n\nexport default forwardRef<TextAreaRef, ITextAreaProps>((props, ref) => {\n  const {\n    bordered,\n    border,\n    size: customSize,\n    disabled,\n    className = '',\n    allowClear = false,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    maxLength,\n    showCount,\n    autoSize,\n    placeholder,\n    rows,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    style,\n    ...restTextAreaProps\n  } = props;\n\n  const isBordered = bordered ?? border ?? true;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  React.useImperativeHandle(ref, () => textareaRef.current!);\n\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLTextAreaElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const minRows = typeof autoSize === 'object' ? autoSize.minRows : undefined;\n  const maxRows = typeof autoSize === 'object' ? autoSize.maxRows : undefined;\n\n  return (\n    <div\n      className={cn(\n        'ald-input ald-input-textarea tw-relative',\n        `ald-input-textarea-${getSizeType(size)}`,\n        isBordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-default)]',\n        mergedDisabled && 'ald-input-disabled tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <textarea\n        ref={textareaRef}\n        className=\"tw-w-full tw-resize-y tw-border-0 tw-bg-transparent tw-px-3 tw-py-2 tw-text-sm tw-text-[var(--content-primary)] tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        rows={rows || (minRows ?? 3)}\n        spellCheck={false}\n        autoComplete=\"off\"\n        {...restTextAreaProps}\n        style={{\n          minHeight: minRows ? `${minRows * 22}px` : undefined,\n          maxHeight: maxRows ? `${maxRows * 22}px` : undefined,\n        }}\n      />\n      {allowClear && currentValue && !mergedDisabled && (\n        <span\n          className=\"tw-absolute tw-right-2 tw-top-2 tw-cursor-pointer\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--alias-colors-icon-subtle)\" />\n        </span>\n      )}\n      {showCount && (\n        <div className=\"tw-px-2 tw-pb-1 tw-text-right tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {typeof showCount === 'object'\n            ? showCount.formatter({ count: currentValue.length, maxLength })\n            : `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAyCA,IAAA,mBAAe,YAAyC,OAAO,QAAQ;CACrE,MAAM,EACJ,UACA,QACA,MAAM,YACN,UACA,YAAY,IACZ,aAAa,OACb,OAAO,iBACP,cACA,UACA,cACA,WACA,WACA,UACA,aACA,MACA,QACA,SACA,WACA,oBACA,kBACA,OACA,GAAG,sBACD;CAEJ,MAAM,aAAa,YAAY,UAAU;CAEzC,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,OAAO,cAAc,eAAe;CAC1C,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB,GAAG;CAChE,MAAM,eAAe,eAAe,mBAAmB,KAAK;CAC5D,MAAM,cAAc,OAA4B,KAAK;AAErD,OAAM,oBAAoB,WAAW,YAAY,QAAS;CAE1D,MAAM,gBAAgB,MAA8C;AAClE,MAAI,CAAC,aAAc,eAAc,EAAE,OAAO,MAAM;AAChD,aAAW,EAAE;;CAGf,MAAM,oBAAoB;AACxB,MAAI,CAAC,aAAc,eAAc,GAAG;AACpC,aAAW,EACT,QAAQ,EAAE,OAAO,IAAI,EACtB,CAA2C;;CAG9C,MAAM,iBAAiB,MAAgD;AACrE,MAAI,EAAE,QAAQ,QAAS,gBAAe,EAAE;AACxC,cAAY,EAAE;;CAGhB,MAAM,UAAU,OAAO,aAAa,WAAW,SAAS,UAAU;CAClE,MAAM,UAAU,OAAO,aAAa,WAAW,SAAS,UAAU;AAElE,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4CACA,sBAAsB,YAAY,KAAK,IACvC,cACE,+EACF,kBAAkB,oCAClB,UACD;EACM;YATT;GAWE,oBAAC,YAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO;IACP,UAAU;IACF;IACC;IACT,WAAW;IACS;IACF;IAClB,UAAU;IACG;IACF;IACX,MAAM,SAAS,WAAW;IAC1B,YAAY;IACZ,cAAa;IACb,GAAI;IACJ,OAAO;KACL,WAAW,UAAU,GAAG,UAAU,GAAG,MAAM;KAC3C,WAAW,UAAU,GAAG,UAAU,GAAG,MAAM;KAC5C;IACD,CAAA;GACD,cAAc,gBAAgB,CAAC,kBAC9B,oBAAC,QAAD;IACE,WAAU;IACV,SAAS;cAET,oBAAC,MAAD;KAAiB,MAAM;KAAI,OAAM;KAAoC,CAAA;IAChE,CAAA;GAER,aACC,oBAAC,OAAD;IAAK,WAAU;cACZ,OAAO,cAAc,WAClB,UAAU,UAAU;KAAE,OAAO,aAAa;KAAQ;KAAW,CAAC,GAC9D,GAAG,aAAa,SAAS,YAAY,IAAI,cAAc;IACvD,CAAA;GAEJ;;EAER"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Input/components/TextArea/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext, useRef, useState } from 'react';\nimport DisabledContext from '../../../ConfigProvider/DisabledContext';\nimport SizeContext from '../../../ConfigProvider/sizeContext';\nimport { CloseCircleFill } from '../../../Icon';\nimport { cn } from '../../../lib/utils';\nimport { TSize, getSizeType } from '../Input';\n\nexport type TextAreaRef = HTMLTextAreaElement;\n\nexport interface ITextAreaProps\n  extends Omit<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    'size' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'rows'\n  > {\n  autoFocus?: boolean;\n  allowClear?: boolean;\n  autoSize?: boolean | { minRows?: number; maxRows?: number };\n  defaultValue?: string;\n  maxLength?: number;\n  showCount?:\n    | boolean\n    | { formatter: (args: { count: number; maxLength?: number }) => string };\n  value?: string;\n  onPressEnter?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onResize?: (size: { width: number; height: number }) => void;\n  border?: boolean;\n  bordered?: boolean;\n  className?: string;\n  size?: TSize;\n  disabled?: boolean;\n  placeholder?: string;\n  rows?: number;\n  onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  onBlur?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onFocus?: React.FocusEventHandler<HTMLTextAreaElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLTextAreaElement>;\n  onCompositionStart?: React.CompositionEventHandler<HTMLTextAreaElement>;\n  onCompositionEnd?: React.CompositionEventHandler<HTMLTextAreaElement>;\n  style?: React.CSSProperties;\n}\n\nexport default forwardRef<TextAreaRef, ITextAreaProps>((props, ref) => {\n  const {\n    bordered,\n    border,\n    size: customSize,\n    disabled,\n    className = '',\n    allowClear = false,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    onPressEnter,\n    maxLength,\n    showCount,\n    autoSize,\n    placeholder,\n    rows,\n    onBlur,\n    onFocus,\n    onKeyDown,\n    onCompositionStart,\n    onCompositionEnd,\n    style,\n    ...restTextAreaProps\n  } = props;\n\n  const isBordered = bordered ?? border ?? true;\n\n  const contextDisabled = useContext(DisabledContext);\n  const mergedDisabled = disabled ?? contextDisabled;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState(defaultValue ?? '');\n  const currentValue = isControlled ? controlledValue ?? '' : innerValue;\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n  React.useImperativeHandle(ref, () => textareaRef.current!);\n\n  const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    if (!isControlled) setInnerValue(e.target.value);\n    onChange?.(e);\n  };\n\n  const handleClear = () => {\n    if (!isControlled) setInnerValue('');\n    onChange?.({\n      target: { value: '' },\n    } as React.ChangeEvent<HTMLTextAreaElement>);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (e.key === 'Enter') onPressEnter?.(e);\n    onKeyDown?.(e);\n  };\n\n  const minRows = typeof autoSize === 'object' ? autoSize.minRows : undefined;\n  const maxRows = typeof autoSize === 'object' ? autoSize.maxRows : undefined;\n\n  return (\n    <div\n      className={cn(\n        'ald-input ald-input-textarea tw-relative',\n        `ald-input-textarea-${getSizeType(size)}`,\n        isBordered &&\n          'tw-rounded-r-75 tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]',\n        mergedDisabled && 'ald-input-disabled tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <textarea\n        ref={textareaRef}\n        className=\"tw-w-full tw-resize-y tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-3 tw-py-2 tw-text-sm tw-text-[var(--content-primary)] tw-outline-none\"\n        value={currentValue}\n        onChange={handleChange}\n        onBlur={onBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        onCompositionStart={onCompositionStart}\n        onCompositionEnd={onCompositionEnd}\n        disabled={mergedDisabled}\n        placeholder={placeholder}\n        maxLength={maxLength}\n        rows={rows || (minRows ?? 3)}\n        spellCheck={false}\n        autoComplete=\"off\"\n        {...restTextAreaProps}\n        style={{\n          minHeight: minRows ? `${minRows * 22}px` : undefined,\n          maxHeight: maxRows ? `${maxRows * 22}px` : undefined,\n        }}\n      />\n      {allowClear && currentValue && !mergedDisabled && (\n        <span\n          className=\"tw-absolute tw-right-2 tw-top-2 tw-cursor-pointer\"\n          onClick={handleClear}\n        >\n          <CloseCircleFill size={16} color=\"var(--content-secondary)\" />\n        </span>\n      )}\n      {showCount && (\n        <div className=\"tw-px-2 tw-pb-1 tw-text-right tw-text-xs tw-text-[var(--content-tertiary)]\">\n          {typeof showCount === 'object'\n            ? showCount.formatter({ count: currentValue.length, maxLength })\n            : `${currentValue.length}${maxLength ? `/${maxLength}` : ''}`}\n        </div>\n      )}\n    </div>\n  );\n});\n"],"mappings":";;;;;;;;AAyCA,IAAA,mBAAe,YAAyC,OAAO,QAAQ;CACrE,MAAM,EACJ,UACA,QACA,MAAM,YACN,UACA,YAAY,IACZ,aAAa,OACb,OAAO,iBACP,cACA,UACA,cACA,WACA,WACA,UACA,aACA,MACA,QACA,SACA,WACA,oBACA,kBACA,OACA,GAAG,sBACD;CAEJ,MAAM,aAAa,YAAY,UAAU;CAEzC,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,iBAAiB,YAAY;CAEnC,MAAM,cAAc,WAAW,YAAY;CAC3C,MAAM,OAAO,cAAc,eAAe;CAC1C,MAAM,eAAe,WAAW;CAChC,MAAM,CAAC,YAAY,iBAAiB,SAAS,gBAAgB,GAAG;CAChE,MAAM,eAAe,eAAe,mBAAmB,KAAK;CAC5D,MAAM,cAAc,OAA4B,KAAK;AAErD,OAAM,oBAAoB,WAAW,YAAY,QAAS;CAE1D,MAAM,gBAAgB,MAA8C;AAClE,MAAI,CAAC,aAAc,eAAc,EAAE,OAAO,MAAM;AAChD,aAAW,EAAE;;CAGf,MAAM,oBAAoB;AACxB,MAAI,CAAC,aAAc,eAAc,GAAG;AACpC,aAAW,EACT,QAAQ,EAAE,OAAO,IAAI,EACtB,CAA2C;;CAG9C,MAAM,iBAAiB,MAAgD;AACrE,MAAI,EAAE,QAAQ,QAAS,gBAAe,EAAE;AACxC,cAAY,EAAE;;CAGhB,MAAM,UAAU,OAAO,aAAa,WAAW,SAAS,UAAU;CAClE,MAAM,UAAU,OAAO,aAAa,WAAW,SAAS,UAAU;AAElE,QACE,qBAAC,OAAD;EACE,WAAW,GACT,4CACA,sBAAsB,YAAY,KAAK,IACvC,cACE,sFACF,kBAAkB,oCAClB,UACD;EACM;YATT;GAWE,oBAAC,YAAD;IACE,KAAK;IACL,WAAU;IACV,OAAO;IACP,UAAU;IACF;IACC;IACT,WAAW;IACS;IACF;IAClB,UAAU;IACG;IACF;IACX,MAAM,SAAS,WAAW;IAC1B,YAAY;IACZ,cAAa;IACb,GAAI;IACJ,OAAO;KACL,WAAW,UAAU,GAAG,UAAU,GAAG,MAAM;KAC3C,WAAW,UAAU,GAAG,UAAU,GAAG,MAAM;KAC5C;IACD,CAAA;GACD,cAAc,gBAAgB,CAAC,kBAC9B,oBAAC,QAAD;IACE,WAAU;IACV,SAAS;cAET,oBAAC,MAAD;KAAiB,MAAM;KAAI,OAAM;KAA6B,CAAA;IACzD,CAAA;GAER,aACC,oBAAC,OAAD;IAAK,WAAU;cACZ,OAAO,cAAc,WAClB,UAAU,UAAU;KAAE,OAAO,aAAa;KAAQ;KAAW,CAAC,GAC9D,GAAG,aAAa,SAAS,YAAY,IAAI,cAAc;IACvD,CAAA;GAEJ;;EAER"}

package/dist/InputNumber/index.js

@@ -84,7 +84,7 @@ function InputNumber(props) {
 	const inputBox = /* @__PURE__ */ jsxs("div", {
 		"data-testid": !hasAddon ? dataTestId : void 0,
 		"aria-label": !hasAddon ? ariaLabel : void 0,
-		className: cn("ald-input-number tw-inline-flex tw-w-[90px] tw-min-w-0 tw-items-center tw-overflow-hidden", bordered && "tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]", mergedDisabled ? "ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]" : "tw-bg-[var(--interaction-background-form-field)] tw-text-[var(--content-primary)] hover:tw-border-[var(--interaction-border-hover)]", !hasAddon && sizeClasses, hasAddon ? "tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none" : radiusClasses, status === "error" && "tw-border-[var(--border-negative-strong)]", status === "warning" && "tw-border-[var(--border-warning-subtle)]", "focus-within:tw-border-[var(--interaction-border-hover)] focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-[var(--global-blue-500)]", !hasAddon && className),
+		className: cn("ald-input-number tw-inline-flex tw-w-[90px] tw-min-w-0 tw-items-center tw-overflow-hidden", bordered && "tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]", mergedDisabled ? "ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--background-neutral-on-subtle)] tw-text-[var(--content-secondary)]" : "tw-bg-[var(--background-default)] tw-text-[var(--content-primary)] hover:tw-border-[var(--border-brand-strong)]", !hasAddon && sizeClasses, hasAddon ? "tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none" : radiusClasses, status === "error" && "tw-border-[var(--border-negative-strong)]", status === "warning" && "tw-border-[var(--border-warning-subtle)]", "focus-within:tw-border-[var(--border-brand-strong)] focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-[var(--border-brand-strong)]", !hasAddon && className),
 		style: !hasAddon ? style : void 0,
 		children: [prefix && /* @__PURE__ */ jsx("span", {
 			className: "tw-px-2 tw-text-[var(--content-secondary)]",
@@ -95,7 +95,7 @@ function InputNumber(props) {
 			type: "text",
 			inputMode: "numeric",
 			size: 1,
-			className: cn("tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-[7px] tw-text-inherit tw-outline-none", mergedDisabled && "tw-cursor-not-allowed tw-text-[var(--content-secondary)]"),
+			className: cn("tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-[7px] tw-text-inherit tw-outline-none", mergedDisabled && "tw-cursor-not-allowed tw-text-[var(--content-secondary)]"),
 			value: displayValue,
 			onChange: handleChange,
 			onBlur: handleBlur,
@@ -115,12 +115,12 @@ function InputNumber(props) {
 		style,
 		children: [
 			addonBefore && /* @__PURE__ */ jsx("span", {
-				className: cn("ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]", size === "large" && "tw-rounded-l-[8px]", size === "small" && "tw-rounded-l-[4px]", size !== "large" && size !== "small" && "tw-rounded-l-[6px]"),
+				className: cn("ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]", size === "large" && "tw-rounded-l-[8px]", size === "small" && "tw-rounded-l-[4px]", size !== "large" && size !== "small" && "tw-rounded-l-[6px]"),
 				children: addonBefore
 			}),
 			inputBox,
 			addonAfter && /* @__PURE__ */ jsx("span", {
-				className: cn("ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]", size === "large" && "tw-rounded-r-[8px]", size === "small" && "tw-rounded-r-[4px]", size !== "large" && size !== "small" && "tw-rounded-r-[6px]"),
+				className: cn("ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]", size === "large" && "tw-rounded-r-[8px]", size === "small" && "tw-rounded-r-[4px]", size !== "large" && size !== "small" && "tw-rounded-r-[6px]"),
 				children: addonAfter
 			})
 		]

package/dist/InputNumber/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/InputNumber/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport { IInputNumberProps } from './type';\n\nexport default function InputNumber(props: IInputNumberProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size: customSize,\n    status,\n    value: controlledValue,\n    defaultValue,\n    min = -Infinity,\n    max = Infinity,\n    step = 1,\n    precision,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    formatter,\n    parser,\n    prefix,\n    addonBefore,\n    addonAfter,\n    placeholder,\n    autoFocus,\n    bordered = true,\n    keyboard = true,\n    readonly: readOnly,\n    style,\n    id,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<number | null | undefined>(\n    defaultValue ?? null,\n  );\n  const currentValue = isControlled ? controlledValue : innerValue;\n\n  const [inputStr, setInputStr] = useState(\n    currentValue !== null && currentValue !== undefined\n      ? String(currentValue)\n      : '',\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (currentValue !== null && currentValue !== undefined) {\n      setInputStr(String(currentValue));\n    } else {\n      setInputStr('');\n    }\n  }, [currentValue]);\n\n  const clamp = useCallback(\n    (val: number) => {\n      let v = Math.max(min, Math.min(max, val));\n      if (precision !== undefined) {\n        v = Number(v.toFixed(precision));\n      }\n      return v;\n    },\n    [min, max, precision],\n  );\n\n  const updateValue = useCallback(\n    (newVal: number | null) => {\n      const clamped = newVal !== null ? clamp(newVal) : null;\n      if (!isControlled) setInnerValue(clamped);\n      onChange?.(clamped);\n    },\n    [clamp, isControlled, onChange],\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setInputStr(raw);\n    if (raw === '') {\n      // 清空立即同步到 value，对齐 antd 行为。\n      // 否则消费方\"清空后直接点确定\"（未 blur 触发 handleBlur 的 null 兜底）拿到的\n      // 仍是旧值，把已清空的筛选条件错误带进 query（被 release-2.3_test 周期实例\n      // 更多浮窗实测复现）。\n      updateValue(null);\n      return;\n    }\n    if (raw === '-') return;\n    const parsed = parser ? parser(raw) : Number(raw);\n    if (!isNaN(parsed)) {\n      updateValue(parsed);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (inputStr === '' || inputStr === '-') {\n      updateValue(null);\n      setInputStr('');\n    } else {\n      const parsed = parser ? parser(inputStr) : Number(inputStr);\n      if (!isNaN(parsed)) {\n        const clamped = clamp(parsed);\n        updateValue(clamped);\n        setInputStr(String(clamped));\n      }\n    }\n    onBlur?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onPressEnter?.(e);\n    }\n    if (!keyboard) return;\n    const numStep = typeof step === 'string' ? Number(step) : step;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) + numStep));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) - numStep));\n    }\n  };\n\n  const displayValue = formatter\n    ? formatter(currentValue ?? undefined, {\n        userTyping: document.activeElement === inputRef.current,\n        input: inputStr,\n      })\n    : inputStr;\n\n  const hasAddon = addonBefore || addonAfter;\n\n  const sizeClasses = cn(\n    size === 'large' && 'ald-input-number-large tw-h-9 tw-text-base',\n    size === 'small' && 'ald-input-number-small tw-h-7 tw-text-xs',\n    size !== 'large' &&\n      size !== 'small' &&\n      'ald-input-number-middle tw-h-8 tw-text-sm',\n  );\n\n  const radiusClasses = cn(\n    size === 'large' && 'tw-rounded-[8px]',\n    size === 'small' && 'tw-rounded-[4px]',\n    size !== 'large' && size !== 'small' && 'tw-rounded-[6px]',\n  );\n\n  const inputBox = (\n    <div\n      data-testid={!hasAddon ? dataTestId : undefined}\n      aria-label={!hasAddon ? ariaLabel : undefined}\n      className={cn(\n        // 默认宽度 90px 与 antd InputNumber 对齐：input 上 size={1} 会让 intrinsic\n        // 宽度坍缩到 1 字符，若 wrapper 也不给宽度，整个组件在 flex / inline 上下\n        // 文里就只剩 ~9px。消费方可通过 className（`w-[xxx]`）或 style 覆盖。\n        'ald-input-number tw-inline-flex tw-w-[90px] tw-min-w-0 tw-items-center tw-overflow-hidden',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--interaction-border-neutral-normal)]',\n        mergedDisabled\n          ? 'ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--global-cool-gray-alpha-50)] tw-text-[var(--content-secondary)]'\n          : 'tw-bg-[var(--interaction-background-form-field)] tw-text-[var(--content-primary)] hover:tw-border-[var(--interaction-border-hover)]',\n        !hasAddon && sizeClasses,\n        hasAddon\n          ? 'tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none'\n          : radiusClasses,\n        status === 'error' && 'tw-border-[var(--border-negative-strong)]',\n        status === 'warning' && 'tw-border-[var(--border-warning-subtle)]',\n        'focus-within:tw-border-[var(--interaction-border-hover)] focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-[var(--global-blue-500)]',\n        !hasAddon && className,\n      )}\n      style={!hasAddon ? style : undefined}\n    >\n      {prefix && (\n        <span className=\"tw-px-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        inputMode=\"numeric\"\n        // size=1 让 <input> 的 intrinsic 宽度坍缩到 1 个字符，\n        // 在 flex 父容器中按 width / flex-1 受控，避免默认 size=20 把 inline-flex 外层撑出 ~150px 内容宽度。\n        size={1}\n        className={cn(\n          'tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-transparent tw-px-[7px] tw-text-inherit tw-outline-none',\n          mergedDisabled &&\n            'tw-cursor-not-allowed tw-text-[var(--content-secondary)]',\n        )}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        disabled={mergedDisabled}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n      />\n    </div>\n  );\n\n  if (!hasAddon) return inputBox;\n\n  return (\n    <div\n      data-testid={dataTestId}\n      aria-label={ariaLabel}\n      className={cn(\n        // 自然宽 = 内部 inputBox 默认 90px + addonBefore/After 内容宽。inline-flex\n        // 让外层按内容宽呈现，不再 `tw-w-full` 强吞 flex 父级剩余空间——后者会把\n        // 同 flex 行的 Slider 挤成 0 宽（看板\"图形宽度\"行只剩 thumb 圆点的根因）。\n        // `tw-min-w-0` 让本身作为 flex item 时受消费方 `flex-basis` / `width`\n        // 真正约束——默认 `min-width: auto = min-content` 会被内部 input(90px) +\n        // addon 撑到 ~126px，覆盖消费方的 flex-basis。内部 inputBox 已 `tw-min-w-0\n        // tw-overflow-hidden`，被约束后内容会按 input flex-1 收缩，不会溢出。\n        // 消费方需要撑满显式加 `tw-w-full` className，需要更窄/更宽直接覆盖宽度。\n        'ald-input-number-group tw-inline-flex tw-min-w-0 tw-items-stretch',\n        sizeClasses,\n        radiusClasses,\n        mergedDisabled && 'ald-input-number-disabled',\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-l-[8px]',\n            size === 'small' && 'tw-rounded-l-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-l-[6px]',\n          )}\n        >\n          {addonBefore}\n        </span>\n      )}\n      {inputBox}\n      {addonAfter && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-r-[8px]',\n            size === 'small' && 'tw-rounded-r-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-r-[6px]',\n          )}\n        >\n          {addonAfter}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport type { IInputNumberProps };\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/InputNumber/index.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport SizeContext from '../ConfigProvider/sizeContext';\nimport { cn } from '../lib/utils';\nimport { IInputNumberProps } from './type';\n\nexport default function InputNumber(props: IInputNumberProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size: customSize,\n    status,\n    value: controlledValue,\n    defaultValue,\n    min = -Infinity,\n    max = Infinity,\n    step = 1,\n    precision,\n    onChange,\n    onPressEnter,\n    onBlur,\n    onFocus,\n    formatter,\n    parser,\n    prefix,\n    addonBefore,\n    addonAfter,\n    placeholder,\n    autoFocus,\n    bordered = true,\n    keyboard = true,\n    readonly: readOnly,\n    style,\n    id,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n  } = props;\n\n  const contentSize = useContext(SizeContext);\n  const size = customSize || contentSize || 'middle';\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<number | null | undefined>(\n    defaultValue ?? null,\n  );\n  const currentValue = isControlled ? controlledValue : innerValue;\n\n  const [inputStr, setInputStr] = useState(\n    currentValue !== null && currentValue !== undefined\n      ? String(currentValue)\n      : '',\n  );\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (currentValue !== null && currentValue !== undefined) {\n      setInputStr(String(currentValue));\n    } else {\n      setInputStr('');\n    }\n  }, [currentValue]);\n\n  const clamp = useCallback(\n    (val: number) => {\n      let v = Math.max(min, Math.min(max, val));\n      if (precision !== undefined) {\n        v = Number(v.toFixed(precision));\n      }\n      return v;\n    },\n    [min, max, precision],\n  );\n\n  const updateValue = useCallback(\n    (newVal: number | null) => {\n      const clamped = newVal !== null ? clamp(newVal) : null;\n      if (!isControlled) setInnerValue(clamped);\n      onChange?.(clamped);\n    },\n    [clamp, isControlled, onChange],\n  );\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const raw = e.target.value;\n    setInputStr(raw);\n    if (raw === '') {\n      // 清空立即同步到 value，对齐 antd 行为。\n      // 否则消费方\"清空后直接点确定\"（未 blur 触发 handleBlur 的 null 兜底）拿到的\n      // 仍是旧值，把已清空的筛选条件错误带进 query（被 release-2.3_test 周期实例\n      // 更多浮窗实测复现）。\n      updateValue(null);\n      return;\n    }\n    if (raw === '-') return;\n    const parsed = parser ? parser(raw) : Number(raw);\n    if (!isNaN(parsed)) {\n      updateValue(parsed);\n    }\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    if (inputStr === '' || inputStr === '-') {\n      updateValue(null);\n      setInputStr('');\n    } else {\n      const parsed = parser ? parser(inputStr) : Number(inputStr);\n      if (!isNaN(parsed)) {\n        const clamped = clamp(parsed);\n        updateValue(clamped);\n        setInputStr(String(clamped));\n      }\n    }\n    onBlur?.(e);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Enter') {\n      onPressEnter?.(e);\n    }\n    if (!keyboard) return;\n    const numStep = typeof step === 'string' ? Number(step) : step;\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) + numStep));\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      updateValue(clamp((currentValue ?? 0) - numStep));\n    }\n  };\n\n  const displayValue = formatter\n    ? formatter(currentValue ?? undefined, {\n        userTyping: document.activeElement === inputRef.current,\n        input: inputStr,\n      })\n    : inputStr;\n\n  const hasAddon = addonBefore || addonAfter;\n\n  const sizeClasses = cn(\n    size === 'large' && 'ald-input-number-large tw-h-9 tw-text-base',\n    size === 'small' && 'ald-input-number-small tw-h-7 tw-text-xs',\n    size !== 'large' &&\n      size !== 'small' &&\n      'ald-input-number-middle tw-h-8 tw-text-sm',\n  );\n\n  const radiusClasses = cn(\n    size === 'large' && 'tw-rounded-[8px]',\n    size === 'small' && 'tw-rounded-[4px]',\n    size !== 'large' && size !== 'small' && 'tw-rounded-[6px]',\n  );\n\n  const inputBox = (\n    <div\n      data-testid={!hasAddon ? dataTestId : undefined}\n      aria-label={!hasAddon ? ariaLabel : undefined}\n      className={cn(\n        // 默认宽度 90px 与 antd InputNumber 对齐：input 上 size={1} 会让 intrinsic\n        // 宽度坍缩到 1 字符，若 wrapper 也不给宽度，整个组件在 flex / inline 上下\n        // 文里就只剩 ~9px。消费方可通过 className（`w-[xxx]`）或 style 覆盖。\n        'ald-input-number tw-inline-flex tw-w-[90px] tw-min-w-0 tw-items-center tw-overflow-hidden',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--border-neutral-subtle)]',\n        mergedDisabled\n          ? 'ald-input-number-disabled tw-cursor-not-allowed tw-bg-[var(--background-neutral-on-subtle)] tw-text-[var(--content-secondary)]'\n          : 'tw-bg-[var(--background-default)] tw-text-[var(--content-primary)] hover:tw-border-[var(--border-brand-strong)]',\n        !hasAddon && sizeClasses,\n        hasAddon\n          ? 'tw-h-auto tw-flex-1 tw-self-stretch tw-rounded-none'\n          : radiusClasses,\n        status === 'error' && 'tw-border-[var(--border-negative-strong)]',\n        status === 'warning' && 'tw-border-[var(--border-warning-subtle)]',\n        'focus-within:tw-border-[var(--border-brand-strong)] focus-within:tw-outline focus-within:tw-outline-1 focus-within:tw-outline-[var(--border-brand-strong)]',\n        !hasAddon && className,\n      )}\n      style={!hasAddon ? style : undefined}\n    >\n      {prefix && (\n        <span className=\"tw-px-2 tw-text-[var(--content-secondary)]\">\n          {prefix}\n        </span>\n      )}\n      <input\n        ref={inputRef}\n        id={id}\n        type=\"text\"\n        inputMode=\"numeric\"\n        // size=1 让 <input> 的 intrinsic 宽度坍缩到 1 个字符，\n        // 在 flex 父容器中按 width / flex-1 受控，避免默认 size=20 把 inline-flex 外层撑出 ~150px 内容宽度。\n        size={1}\n        className={cn(\n          'tw-min-w-0 tw-flex-1 tw-border-0 tw-bg-[var(--action-ghost-normal)] tw-px-[7px] tw-text-inherit tw-outline-none',\n          mergedDisabled &&\n            'tw-cursor-not-allowed tw-text-[var(--content-secondary)]',\n        )}\n        value={displayValue}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={onFocus}\n        onKeyDown={handleKeyDown}\n        disabled={mergedDisabled}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        placeholder={placeholder}\n      />\n    </div>\n  );\n\n  if (!hasAddon) return inputBox;\n\n  return (\n    <div\n      data-testid={dataTestId}\n      aria-label={ariaLabel}\n      className={cn(\n        // 自然宽 = 内部 inputBox 默认 90px + addonBefore/After 内容宽。inline-flex\n        // 让外层按内容宽呈现，不再 `tw-w-full` 强吞 flex 父级剩余空间——后者会把\n        // 同 flex 行的 Slider 挤成 0 宽（看板\"图形宽度\"行只剩 thumb 圆点的根因）。\n        // `tw-min-w-0` 让本身作为 flex item 时受消费方 `flex-basis` / `width`\n        // 真正约束——默认 `min-width: auto = min-content` 会被内部 input(90px) +\n        // addon 撑到 ~126px，覆盖消费方的 flex-basis。内部 inputBox 已 `tw-min-w-0\n        // tw-overflow-hidden`，被约束后内容会按 input flex-1 收缩，不会溢出。\n        // 消费方需要撑满显式加 `tw-w-full` className，需要更窄/更宽直接覆盖宽度。\n        'ald-input-number-group tw-inline-flex tw-min-w-0 tw-items-stretch',\n        sizeClasses,\n        radiusClasses,\n        mergedDisabled && 'ald-input-number-disabled',\n        className,\n      )}\n      style={style}\n    >\n      {addonBefore && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-r-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-l-[8px]',\n            size === 'small' && 'tw-rounded-l-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-l-[6px]',\n          )}\n        >\n          {addonBefore}\n        </span>\n      )}\n      {inputBox}\n      {addonAfter && (\n        <span\n          className={cn(\n            'ald-input-number-addon tw-flex tw-shrink-0 tw-items-center tw-border tw-border-l-0 tw-border-solid tw-border-[var(--border-neutral-subtle)] tw-bg-[var(--background-neutral-subtle)] tw-px-3 tw-text-[var(--content-secondary)]',\n            size === 'large' && 'tw-rounded-r-[8px]',\n            size === 'small' && 'tw-rounded-r-[4px]',\n            size !== 'large' && size !== 'small' && 'tw-rounded-r-[6px]',\n          )}\n        >\n          {addonAfter}\n        </span>\n      )}\n    </div>\n  );\n}\n\nexport type { IInputNumberProps };\n"],"mappings":"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"}

package/dist/LogicTree/components/LogicItem/index.js

@@ -214,7 +214,7 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 							setHoverId(value.id);
 						},
 						size: 16,
-						color: "#374151",
+						color: "var(--content-secondary)",
 						className: "ald-logic-tree-node-drag-icon"
 					})
 				}),
@@ -275,7 +275,7 @@ function LogicItem({ value, addCondition, addRelation, changeRecordData, remove,
 						setHoverId(value.id);
 					},
 					size: 16,
-					color: "#374151",
+					color: "var(--content-secondary)",
 					className: "ald-logic-tree-record-node-drag-icon"
 				})
 			}),

package/dist/LogicTree/components/LogicItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/LogicTree/components/LogicItem/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { DragPreviewImage, useDrag, useDrop } from 'react-dnd';\nimport { EPutPosition, TRenderCondition } from '../..';\nimport DragLightLine from '../../../Icon/components/DragLightLine';\nimport PlusIcon from '../../../Icon/components/SignLightLine';\nimport TrashLightLine from '../../../Icon/components/TrashLightLine';\nimport IconButton from '../../../IconButton';\nimport Select from '../../../Select';\nimport TextLink from '../../../TextLink';\nimport {\n  ELangType,\n  LocaleContext,\n  getTranslator,\n} from '../../../locale/default';\nimport { ELogicType, ENodeType, TNode } from '../../type';\n\nconst dargPreviewImg =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=';\n\ninterface IProps<T> {\n  value: TNode<T>;\n  addCondition: (id: string) => void;\n  addRelation: (id: string) => void;\n  remove: (id: string) => void;\n  changeRecordData: (id: string, data: T) => void;\n  changeRelation: (id: string, logicType: ELogicType) => void;\n  renderCondition: TRenderCondition<T>;\n  onDragEnd: (\n    dragId: string,\n    hoverId: string,\n    dropPosition: EPutPosition,\n  ) => void;\n  hoverId: string;\n  setHoverId: (id: string) => void;\n  isRoot?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n}\n\nconst TWO = 2;\n\nexport default function LogicItem<T>({\n  value,\n  addCondition,\n  addRelation,\n  changeRecordData,\n  remove,\n  changeRelation,\n  renderCondition,\n  onDragEnd,\n  hoverId,\n  setHoverId,\n  isRoot = false,\n  hideBottomBtn,\n}: IProps<T>) {\n  const [isHoverDragBox, setIsHoverDragBox] = useState(false);\n  const [firstNodeHight, setFirstNodeHight] = useState(0);\n  const [lastNodeHight, setLastNodeHight] = useState(0);\n  const [dropPosition, setDropPosition] = useState<EPutPosition>();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const logicOptions = [\n    {\n      value: ELogicType.AND,\n      label: t.LogicTree.select.and,\n    },\n    {\n      value: ELogicType.OR,\n      label: t.LogicTree.select.or,\n    },\n  ];\n\n  const { type } = value;\n\n  const ref = useRef<HTMLDivElement>(null);\n  const firstResizeObserverRef = useRef<ResizeObserver | null>(null);\n  const lastResizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const [{ isDragging }, drag, preview] = useDrag({\n    type: 'LOGIC_ITEM',\n    item: { id: value.id },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n    canDrag: !isRoot && isHoverDragBox,\n  });\n\n  const [{ isOver, canDrop }, drop] = useDrop({\n    accept: 'LOGIC_ITEM',\n    hover(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        setDropPosition(dropPosition);\n      } else setDropPosition(undefined);\n    },\n    drop(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        // 确定放置位置\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        onDragEnd(dragId, hoverId, dropPosition);\n      }\n    },\n    collect: (monitor) => ({\n      isOver: monitor.isOver({ shallow: true }),\n      canDrop: monitor.canDrop(),\n    }),\n  });\n\n  drag(drop(ref));\n\n  const isDragOver = isOver && canDrop && !isRoot;\n\n  const firstRef = useCallback((node: HTMLElement | null) => {\n    if (firstResizeObserverRef.current) {\n      firstResizeObserverRef.current.disconnect();\n      firstResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setFirstNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    firstResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const lastRef = useCallback((node: HTMLElement | null) => {\n    if (lastResizeObserverRef.current) {\n      lastResizeObserverRef.current.disconnect();\n      lastResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setLastNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    lastResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const onAddCondition = () => {\n    const { id } = value;\n    addCondition(id);\n  };\n\n  const onAddRelation = () => {\n    const { id } = value;\n    addRelation(id);\n  };\n\n  const onRemove = () => {\n    const { id } = value;\n    remove(id);\n  };\n\n  const onChangeRelation = (logicType: ELogicType) => {\n    const { id } = value;\n    changeRelation(id, logicType);\n  };\n\n  const onChangeRecordData = (data: T) => {\n    const { id } = value;\n    changeRecordData(id, data);\n  };\n\n  useEffect(() => {\n    return () => {\n      if (firstResizeObserverRef.current) {\n        firstResizeObserverRef.current.disconnect();\n        firstResizeObserverRef.current = null;\n      }\n      if (lastResizeObserverRef.current) {\n        lastResizeObserverRef.current.disconnect();\n        lastResizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const isEn = locale === ELangType.EN;\n\n  if (type === ENodeType.LOGIC) {\n    const { nodes, logicType } = value;\n    const verticalLineHeight =\n      nodes.length > 1\n        ? `calc(100% - ${firstNodeHight / TWO}px - ${\n            lastNodeHight / TWO\n          }px - 42px)`\n        : `30px`;\n\n    return (\n      <div\n        className={cn('ald-logic-tree-logic-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n        ref={ref}\n      >\n        {_.map(nodes, (node, index) => {\n          let heightRef = null;\n          if (index === 0) {\n            heightRef = firstRef;\n          } else if (index === nodes.length - 1) {\n            heightRef = lastRef;\n          }\n\n          return (\n            <div\n              className=\"ald-logic-tree-node-wrap\"\n              key={node.id}\n              ref={heightRef}\n            >\n              <div className=\"ald-logic-tree-horizontal-line\" />\n              <LogicItem\n                key={node.id}\n                value={node}\n                addCondition={addCondition}\n                addRelation={addRelation}\n                remove={remove}\n                changeRelation={changeRelation}\n                renderCondition={renderCondition}\n                changeRecordData={changeRecordData}\n                hoverId={hoverId}\n                setHoverId={setHoverId}\n                onDragEnd={onDragEnd}\n              />\n            </div>\n          );\n        })}\n        <div className=\"ald-logic-tree-operation\">\n          <div className=\"ald-logic-tree-left-bottom-dash-line\" />\n          <TextLink icon={<PlusIcon size={24} />} onClick={onAddCondition}>\n            {t.LogicTree.btn.addCondition}\n          </TextLink>\n          {!hideBottomBtn?.addRelation && (\n            <TextLink icon={<PlusIcon size={24} />} onClick={onAddRelation}>\n              {t.LogicTree.btn.addRelation}\n            </TextLink>\n          )}\n        </div>\n        {!!_.size(nodes) && (\n          <div\n            className=\"ald-logic-tree-logic-vertical-line\"\n            style={{\n              height: verticalLineHeight,\n              top: `${firstNodeHight / TWO + 4}px`,\n            }}\n          />\n        )}\n        {!isRoot && (hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"#374151\"\n              className=\"ald-logic-tree-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <Select\n          options={logicOptions}\n          className={cn('ald-logic-tree-select-relation', {\n            'ald-logic-tree-select-relation-en': isEn,\n          })}\n          size=\"small\"\n          popupMatchSelectWidth={false}\n          value={logicType}\n          onChange={onChangeRelation}\n        />\n        <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      <div\n        className={cn('ald-logic-tree-record-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        ref={ref}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n      >\n        <div\n          className=\"ald-logic-tree-node-drag-icon-preview\"\n          ref={preview}\n        ></div>\n        {(hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-record-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"#374151\"\n              className=\"ald-logic-tree-record-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <div className=\"ald-logic-tree-render-condition-wrap\">\n          {renderCondition(\n            value.data,\n            { changeData: onChangeRecordData },\n            value.id,\n          )}\n        </div>\n        <IconButton\n          icon={<TrashLightLine size={16} />}\n          size={'small'}\n          onClick={onRemove}\n        />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/LogicTree/components/LogicItem/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport _ from 'lodash';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { DragPreviewImage, useDrag, useDrop } from 'react-dnd';\nimport { EPutPosition, TRenderCondition } from '../..';\nimport DragLightLine from '../../../Icon/components/DragLightLine';\nimport PlusIcon from '../../../Icon/components/SignLightLine';\nimport TrashLightLine from '../../../Icon/components/TrashLightLine';\nimport IconButton from '../../../IconButton';\nimport Select from '../../../Select';\nimport TextLink from '../../../TextLink';\nimport {\n  ELangType,\n  LocaleContext,\n  getTranslator,\n} from '../../../locale/default';\nimport { ELogicType, ENodeType, TNode } from '../../type';\n\nconst dargPreviewImg =\n  'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAYSURBVHgB7cAxAQAAAMKg9U9tCU8oAPgYBlQAAX19SpgAAAAASUVORK5CYII=';\n\ninterface IProps<T> {\n  value: TNode<T>;\n  addCondition: (id: string) => void;\n  addRelation: (id: string) => void;\n  remove: (id: string) => void;\n  changeRecordData: (id: string, data: T) => void;\n  changeRelation: (id: string, logicType: ELogicType) => void;\n  renderCondition: TRenderCondition<T>;\n  onDragEnd: (\n    dragId: string,\n    hoverId: string,\n    dropPosition: EPutPosition,\n  ) => void;\n  hoverId: string;\n  setHoverId: (id: string) => void;\n  isRoot?: boolean;\n  hideBottomBtn?: {\n    addRelation?: boolean;\n  };\n}\n\nconst TWO = 2;\n\nexport default function LogicItem<T>({\n  value,\n  addCondition,\n  addRelation,\n  changeRecordData,\n  remove,\n  changeRelation,\n  renderCondition,\n  onDragEnd,\n  hoverId,\n  setHoverId,\n  isRoot = false,\n  hideBottomBtn,\n}: IProps<T>) {\n  const [isHoverDragBox, setIsHoverDragBox] = useState(false);\n  const [firstNodeHight, setFirstNodeHight] = useState(0);\n  const [lastNodeHight, setLastNodeHight] = useState(0);\n  const [dropPosition, setDropPosition] = useState<EPutPosition>();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const logicOptions = [\n    {\n      value: ELogicType.AND,\n      label: t.LogicTree.select.and,\n    },\n    {\n      value: ELogicType.OR,\n      label: t.LogicTree.select.or,\n    },\n  ];\n\n  const { type } = value;\n\n  const ref = useRef<HTMLDivElement>(null);\n  const firstResizeObserverRef = useRef<ResizeObserver | null>(null);\n  const lastResizeObserverRef = useRef<ResizeObserver | null>(null);\n\n  const [{ isDragging }, drag, preview] = useDrag({\n    type: 'LOGIC_ITEM',\n    item: { id: value.id },\n    collect: (monitor) => ({\n      isDragging: monitor.isDragging(),\n    }),\n    canDrag: !isRoot && isHoverDragBox,\n  });\n\n  const [{ isOver, canDrop }, drop] = useDrop({\n    accept: 'LOGIC_ITEM',\n    hover(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        setDropPosition(dropPosition);\n      } else setDropPosition(undefined);\n    },\n    drop(item: { id: string }, monitor) {\n      if (!ref.current) {\n        return;\n      }\n      const dragId = item.id;\n      const hoverId = value.id;\n\n      if (dragId === hoverId) {\n        return;\n      }\n      // 检查是否为最顶层的放置目标\n      if (monitor.didDrop()) {\n        return;\n      }\n\n      // 获取鼠标位置和目标元素位置\n      const hoverBoundingRect = ref.current.getBoundingClientRect();\n      const hoverMiddleY =\n        (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;\n      const clientOffset = monitor.getClientOffset();\n      if (clientOffset) {\n        const hoverClientY = clientOffset.y - hoverBoundingRect.top;\n\n        // 确定放置位置\n        const dropPosition =\n          hoverClientY < hoverMiddleY ? EPutPosition.TOP : EPutPosition.BOTTOM;\n\n        onDragEnd(dragId, hoverId, dropPosition);\n      }\n    },\n    collect: (monitor) => ({\n      isOver: monitor.isOver({ shallow: true }),\n      canDrop: monitor.canDrop(),\n    }),\n  });\n\n  drag(drop(ref));\n\n  const isDragOver = isOver && canDrop && !isRoot;\n\n  const firstRef = useCallback((node: HTMLElement | null) => {\n    if (firstResizeObserverRef.current) {\n      firstResizeObserverRef.current.disconnect();\n      firstResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setFirstNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    firstResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const lastRef = useCallback((node: HTMLElement | null) => {\n    if (lastResizeObserverRef.current) {\n      lastResizeObserverRef.current.disconnect();\n      lastResizeObserverRef.current = null;\n    }\n\n    if (!node) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const newHeight = entry.contentRect.height;\n        if (newHeight > 0) {\n          setLastNodeHight(newHeight);\n        }\n      }\n    });\n    resizeObserver.observe(node);\n    lastResizeObserverRef.current = resizeObserver;\n  }, []);\n\n  const onAddCondition = () => {\n    const { id } = value;\n    addCondition(id);\n  };\n\n  const onAddRelation = () => {\n    const { id } = value;\n    addRelation(id);\n  };\n\n  const onRemove = () => {\n    const { id } = value;\n    remove(id);\n  };\n\n  const onChangeRelation = (logicType: ELogicType) => {\n    const { id } = value;\n    changeRelation(id, logicType);\n  };\n\n  const onChangeRecordData = (data: T) => {\n    const { id } = value;\n    changeRecordData(id, data);\n  };\n\n  useEffect(() => {\n    return () => {\n      if (firstResizeObserverRef.current) {\n        firstResizeObserverRef.current.disconnect();\n        firstResizeObserverRef.current = null;\n      }\n      if (lastResizeObserverRef.current) {\n        lastResizeObserverRef.current.disconnect();\n        lastResizeObserverRef.current = null;\n      }\n    };\n  }, []);\n\n  const isEn = locale === ELangType.EN;\n\n  if (type === ENodeType.LOGIC) {\n    const { nodes, logicType } = value;\n    const verticalLineHeight =\n      nodes.length > 1\n        ? `calc(100% - ${firstNodeHight / TWO}px - ${\n            lastNodeHight / TWO\n          }px - 42px)`\n        : `30px`;\n\n    return (\n      <div\n        className={cn('ald-logic-tree-logic-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n        ref={ref}\n      >\n        {_.map(nodes, (node, index) => {\n          let heightRef = null;\n          if (index === 0) {\n            heightRef = firstRef;\n          } else if (index === nodes.length - 1) {\n            heightRef = lastRef;\n          }\n\n          return (\n            <div\n              className=\"ald-logic-tree-node-wrap\"\n              key={node.id}\n              ref={heightRef}\n            >\n              <div className=\"ald-logic-tree-horizontal-line\" />\n              <LogicItem\n                key={node.id}\n                value={node}\n                addCondition={addCondition}\n                addRelation={addRelation}\n                remove={remove}\n                changeRelation={changeRelation}\n                renderCondition={renderCondition}\n                changeRecordData={changeRecordData}\n                hoverId={hoverId}\n                setHoverId={setHoverId}\n                onDragEnd={onDragEnd}\n              />\n            </div>\n          );\n        })}\n        <div className=\"ald-logic-tree-operation\">\n          <div className=\"ald-logic-tree-left-bottom-dash-line\" />\n          <TextLink icon={<PlusIcon size={24} />} onClick={onAddCondition}>\n            {t.LogicTree.btn.addCondition}\n          </TextLink>\n          {!hideBottomBtn?.addRelation && (\n            <TextLink icon={<PlusIcon size={24} />} onClick={onAddRelation}>\n              {t.LogicTree.btn.addRelation}\n            </TextLink>\n          )}\n        </div>\n        {!!_.size(nodes) && (\n          <div\n            className=\"ald-logic-tree-logic-vertical-line\"\n            style={{\n              height: verticalLineHeight,\n              top: `${firstNodeHight / TWO + 4}px`,\n            }}\n          />\n        )}\n        {!isRoot && (hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"var(--content-secondary)\"\n              className=\"ald-logic-tree-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <Select\n          options={logicOptions}\n          className={cn('ald-logic-tree-select-relation', {\n            'ald-logic-tree-select-relation-en': isEn,\n          })}\n          size=\"small\"\n          popupMatchSelectWidth={false}\n          value={logicType}\n          onChange={onChangeRelation}\n        />\n        <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <DragPreviewImage connect={preview} src={dargPreviewImg} />\n      <div\n        className={cn('ald-logic-tree-record-node', {\n          'is-hover-drag-box': isHoverDragBox,\n          'is-dragging': isDragging,\n          'is-hover-top': isDragOver && dropPosition === EPutPosition.TOP,\n          'is-hover-bottom': isDragOver && dropPosition === EPutPosition.BOTTOM,\n        })}\n        ref={ref}\n        onMouseMove={(e) => {\n          e.stopPropagation();\n          setHoverId(value.id);\n        }}\n        onMouseOut={(e) => {\n          e.stopPropagation();\n          setHoverId('');\n        }}\n      >\n        <div\n          className=\"ald-logic-tree-node-drag-icon-preview\"\n          ref={preview}\n        ></div>\n        {(hoverId === value.id || isDragging) && (\n          <div\n            className=\"ald-logic-tree-record-node-drag-icon-wrapper\"\n            onMouseMove={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(true);\n              setHoverId(value.id);\n            }}\n            onMouseOut={(e) => {\n              e.stopPropagation();\n              setIsHoverDragBox(false);\n            }}\n          >\n            <DragLightLine\n              onMouseMove={(e) => {\n                e.stopPropagation();\n                setIsHoverDragBox(true);\n                setHoverId(value.id);\n              }}\n              size={16}\n              color=\"var(--content-secondary)\"\n              className=\"ald-logic-tree-record-node-drag-icon\"\n            />\n          </div>\n        )}\n\n        <div className=\"ald-logic-tree-render-condition-wrap\">\n          {renderCondition(\n            value.data,\n            { changeData: onChangeRecordData },\n            value.id,\n          )}\n        </div>\n        <IconButton\n          icon={<TrashLightLine size={16} />}\n          size={'small'}\n          onClick={onRemove}\n        />\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/MemberPicker/components/SelectedMemberTags.js

@@ -61,7 +61,7 @@ function SelectedMemberTags(props) {
 							!hasLocked && /* @__PURE__ */ jsx(Memo, {
 								size: 20,
 								className: "ald-member-picker-close",
-								color: "#98A2B3",
+								color: "var(--content-tertiary)",
 								onClick: () => {
 									props.onRemove?.(user);
 								}

package/dist/MemberPicker/components/SelectedMemberTags.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedMemberTags.js","names":[],"sources":["../../../src/MemberPicker/components/SelectedMemberTags.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { ReactNode, useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport {\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport { CloseMLine } from '../../Icon';\nimport ScrollArea from '../../ScrollArea';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface ISelectedMemberTagsProps {\n  className?: string;\n  selectedUsers: TUser;\n  onRemove?: (user: IUser | IUserGroup) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  userList: TUser;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport default function SelectedMemberTags(props: ISelectedMemberTagsProps) {\n  const {\n    className,\n    selectedUsers,\n    width,\n    lockedIds = [],\n    renderSelectedTag,\n  } = props;\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-selected-member-tags-wrap')}\n    >\n      <div className={'ald-member-picker-has-selected'}>\n        {t.MemberPicker.selectedTotal(selectedUsers.length)}\n      </div>\n      <ScrollArea className={'ald-member-selected-member-wrapper'}>\n        <div className={'ald-member-picker-tags'} style={{ width: width - 17 }}>\n          {selectedUsers.map((user) => {\n            let hasLocked = false;\n\n            if (user && Object.prototype.hasOwnProperty.call(user, 'groupId')) {\n              const index = _.findIndex(lockedIds, {\n                groupId: (user as TUserGroupValue).groupId,\n                type: (user as TUserGroupValue).type,\n              });\n              hasLocked = index !== -1;\n            } else {\n              const index = _.findIndex(lockedIds, {\n                userId: (user as TUserValue).userId,\n                type: (user as TUserValue).type,\n              });\n\n              hasLocked = index !== -1;\n            }\n\n            const originNode = (\n              <div\n                className={'ald-member-picker-selected-member-tag'}\n                key={getId(user)}\n              >\n                <div className={'ald-member-picker-selected-member-tag-user'}>\n                  <NickLabel\n                    type={user.type}\n                    id={getId(user)}\n                    name={user.name as string}\n                    photo={getPhoto(user)}\n                    account={getAccount(user)}\n                    addonBefore={\n                      user.type === 'USER' && (\n                        <span className=\"ald-member-picker-option-id\">\n                          {getMemberPickerItemMoreInfoKey\n                            ? getMemberPickerItemMoreInfoKey(user)\n                            : user.userId}\n                        </span>\n                      )\n                    }\n                  ></NickLabel>\n                </div>\n                {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n                {isUser(user) && user.ban && (\n                  <Badge\n                    status=\"default\"\n                    count={t.MemberPicker.ban}\n                    className={'ald-member-picker-ban-badge'}\n                  ></Badge>\n                )}\n                {!hasLocked && (\n                  <CloseMLine\n                    size={20}\n                    className={'ald-member-picker-close'}\n                    color=\"#98A2B3\"\n                    onClick={() => {\n                      props.onRemove?.(user);\n                    }}\n                  />\n                )}\n              </div>\n            );\n\n            if (renderSelectedTag) {\n              return renderSelectedTag(user, originNode);\n            }\n\n            return originNode;\n          })}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAwB,mBAAmB,OAAiC;CAC1E,MAAM,EACJ,WACA,eACA,OACA,YAAY,EAAE,EACd,sBACE;CAEJ,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;AAE/B,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,WAAW,8CAA8C;YADzE,CAGE,oBAAC,OAAD;GAAK,WAAW;aACb,EAAE,aAAa,cAAc,cAAc,OAAO;GAC/C,CAAA,EACN,oBAAC,oBAAD;GAAY,WAAW;aACrB,oBAAC,OAAD;IAAK,WAAW;IAA0B,OAAO,EAAE,OAAO,QAAQ,IAAI;cACnE,cAAc,KAAK,SAAS;KAC3B,IAAI,YAAY;AAEhB,SAAI,QAAQ,OAAO,UAAU,eAAe,KAAK,MAAM,UAAU,CAK/D,aAJc,EAAE,UAAU,WAAW;MACnC,SAAU,KAAyB;MACnC,MAAO,KAAyB;MACjC,CAAC,KACoB;SAOtB,aALc,EAAE,UAAU,WAAW;MACnC,QAAS,KAAoB;MAC7B,MAAO,KAAoB;MAC5B,CAAC,KAEoB;KAGxB,MAAM,aACJ,qBAAC,OAAD;MACE,WAAW;gBADb;OAIE,oBAAC,OAAD;QAAK,WAAW;kBACd,oBAAC,mBAAD;SACE,MAAM,KAAK;SACX,IAAI,MAAM,KAAK;SACf,MAAM,KAAK;SACX,OAAO,SAAS,KAAK;SACrB,SAAS,WAAW,KAAK;SACzB,aACE,KAAK,SAAS,UACZ,oBAAC,QAAD;UAAM,WAAU;oBACb,iCACG,+BAA+B,KAAK,GACpC,KAAK;UACJ,CAAA;SAGA,CAAA;QACT,CAAA;OAEL,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;QACE,QAAO;QACP,OAAO,EAAE,aAAa;QACtB,WAAW;QACJ,CAAA;OAEV,CAAC,aACA,oBAAC,MAAD;QACE,MAAM;QACN,WAAW;QACX,OAAM;QACN,eAAe;AACb,eAAM,WAAW,KAAK;;QAExB,CAAA;OAEA;QAtCC,MAAM,KAAK,CAsCZ;AAGR,SAAI,kBACF,QAAO,kBAAkB,MAAM,WAAW;AAG5C,YAAO;MACP;IACE,CAAA;GACK,CAAA,CACT"}
+{"version":3,"file":"SelectedMemberTags.js","names":[],"sources":["../../../src/MemberPicker/components/SelectedMemberTags.tsx"],"sourcesContent":["import { cn } from '../../lib/utils';\nimport _ from 'lodash';\nimport React, { ReactNode, useContext } from 'react';\nimport Badge from '../../Badge';\nimport ConfigProvider from '../../ConfigProvider';\nimport {\n  IUserGroup,\n  TUser,\n  TUserGroupValue,\n  TUserValue,\n} from '../../ConfigProvider/getUserList';\nimport { CloseMLine } from '../../Icon';\nimport ScrollArea from '../../ScrollArea';\nimport { LocaleContext, getTranslator } from '../../locale/default';\nimport { IUser } from '../interface';\nimport { getAccount, getId, getPhoto } from '../utils';\nimport { isUser } from '../utils/getUsersWithUserId';\nimport NickLabel from './NickLabel';\ninterface ISelectedMemberTagsProps {\n  className?: string;\n  selectedUsers: TUser;\n  onRemove?: (user: IUser | IUserGroup) => void;\n  width: number;\n  lockedIds: Array<TUserValue | TUserGroupValue>;\n  userList: TUser;\n  renderSelectedTag?: (\n    user: IUser | IUserGroup,\n    originNode: ReactNode,\n  ) => ReactNode;\n}\n\nexport default function SelectedMemberTags(props: ISelectedMemberTagsProps) {\n  const {\n    className,\n    selectedUsers,\n    width,\n    lockedIds = [],\n    renderSelectedTag,\n  } = props;\n\n  const { getMemberPickerItemMoreInfoKey } = ConfigProvider.useGetUserList();\n\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  return (\n    <div\n      className={cn(className, 'ald-member-picker-selected-member-tags-wrap')}\n    >\n      <div className={'ald-member-picker-has-selected'}>\n        {t.MemberPicker.selectedTotal(selectedUsers.length)}\n      </div>\n      <ScrollArea className={'ald-member-selected-member-wrapper'}>\n        <div className={'ald-member-picker-tags'} style={{ width: width - 17 }}>\n          {selectedUsers.map((user) => {\n            let hasLocked = false;\n\n            if (user && Object.prototype.hasOwnProperty.call(user, 'groupId')) {\n              const index = _.findIndex(lockedIds, {\n                groupId: (user as TUserGroupValue).groupId,\n                type: (user as TUserGroupValue).type,\n              });\n              hasLocked = index !== -1;\n            } else {\n              const index = _.findIndex(lockedIds, {\n                userId: (user as TUserValue).userId,\n                type: (user as TUserValue).type,\n              });\n\n              hasLocked = index !== -1;\n            }\n\n            const originNode = (\n              <div\n                className={'ald-member-picker-selected-member-tag'}\n                key={getId(user)}\n              >\n                <div className={'ald-member-picker-selected-member-tag-user'}>\n                  <NickLabel\n                    type={user.type}\n                    id={getId(user)}\n                    name={user.name as string}\n                    photo={getPhoto(user)}\n                    account={getAccount(user)}\n                    addonBefore={\n                      user.type === 'USER' && (\n                        <span className=\"ald-member-picker-option-id\">\n                          {getMemberPickerItemMoreInfoKey\n                            ? getMemberPickerItemMoreInfoKey(user)\n                            : user.userId}\n                        </span>\n                      )\n                    }\n                  ></NickLabel>\n                </div>\n                {/* 如果是用户的话并且user.ban为true，则展示 已停用 Tag */}\n                {isUser(user) && user.ban && (\n                  <Badge\n                    status=\"default\"\n                    count={t.MemberPicker.ban}\n                    className={'ald-member-picker-ban-badge'}\n                  ></Badge>\n                )}\n                {!hasLocked && (\n                  <CloseMLine\n                    size={20}\n                    className={'ald-member-picker-close'}\n                    color=\"var(--content-tertiary)\"\n                    onClick={() => {\n                      props.onRemove?.(user);\n                    }}\n                  />\n                )}\n              </div>\n            );\n\n            if (renderSelectedTag) {\n              return renderSelectedTag(user, originNode);\n            }\n\n            return originNode;\n          })}\n        </div>\n      </ScrollArea>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA+BA,SAAwB,mBAAmB,OAAiC;CAC1E,MAAM,EACJ,WACA,eACA,OACA,YAAY,EAAE,EACd,sBACE;CAEJ,MAAM,EAAE,mCAAmC,wBAAe,gBAAgB;CAE1E,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;AAE/B,QACE,qBAAC,OAAD;EACE,WAAW,GAAG,WAAW,8CAA8C;YADzE,CAGE,oBAAC,OAAD;GAAK,WAAW;aACb,EAAE,aAAa,cAAc,cAAc,OAAO;GAC/C,CAAA,EACN,oBAAC,oBAAD;GAAY,WAAW;aACrB,oBAAC,OAAD;IAAK,WAAW;IAA0B,OAAO,EAAE,OAAO,QAAQ,IAAI;cACnE,cAAc,KAAK,SAAS;KAC3B,IAAI,YAAY;AAEhB,SAAI,QAAQ,OAAO,UAAU,eAAe,KAAK,MAAM,UAAU,CAK/D,aAJc,EAAE,UAAU,WAAW;MACnC,SAAU,KAAyB;MACnC,MAAO,KAAyB;MACjC,CAAC,KACoB;SAOtB,aALc,EAAE,UAAU,WAAW;MACnC,QAAS,KAAoB;MAC7B,MAAO,KAAoB;MAC5B,CAAC,KAEoB;KAGxB,MAAM,aACJ,qBAAC,OAAD;MACE,WAAW;gBADb;OAIE,oBAAC,OAAD;QAAK,WAAW;kBACd,oBAAC,mBAAD;SACE,MAAM,KAAK;SACX,IAAI,MAAM,KAAK;SACf,MAAM,KAAK;SACX,OAAO,SAAS,KAAK;SACrB,SAAS,WAAW,KAAK;SACzB,aACE,KAAK,SAAS,UACZ,oBAAC,QAAD;UAAM,WAAU;oBACb,iCACG,+BAA+B,KAAK,GACpC,KAAK;UACJ,CAAA;SAGA,CAAA;QACT,CAAA;OAEL,OAAO,KAAK,IAAI,KAAK,OACpB,oBAAC,OAAD;QACE,QAAO;QACP,OAAO,EAAE,aAAa;QACtB,WAAW;QACJ,CAAA;OAEV,CAAC,aACA,oBAAC,MAAD;QACE,MAAM;QACN,WAAW;QACX,OAAM;QACN,eAAe;AACb,eAAM,WAAW,KAAK;;QAExB,CAAA;OAEA;QAtCC,MAAM,KAAK,CAsCZ;AAGR,SAAI,kBACF,QAAO,kBAAkB,MAAM,WAAW;AAG5C,YAAO;MACP;IACE,CAAA;GACK,CAAA,CACT"}

package/dist/Modal/index.js

@@ -19,15 +19,15 @@ var DEFAULT_WIDTH = 552;
 var ModalTitle = ({ icon, title, subTitle }, type) => /* @__PURE__ */ jsxs("div", {
 	className: "ald-modal-title-container tw-flex tw-items-center tw-gap-4",
 	children: [icon && /* @__PURE__ */ jsx("div", {
-		className: cn("ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]", type === "info" && "ald-modal-cion-info-container tw-bg-[var(--action-primary-subtle-hover)]", type === "success" && "ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]", type === "warning" && "ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]", type === "warn" && "ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]", type === "error" && "ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]", type === "confirm" && "ald-modal-cion-confirm-container tw-bg-[var(--action-primary-subtle-hover)]"),
+		className: cn("ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]", type === "info" && "ald-modal-cion-info-container tw-bg-[var(--background-informative-muted)]", type === "success" && "ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]", type === "warning" && "ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]", type === "warn" && "ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]", type === "error" && "ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]", type === "confirm" && "ald-modal-cion-confirm-container tw-bg-[var(--background-brand-muted)]"),
 		children: icon
 	}), /* @__PURE__ */ jsxs("div", {
 		className: "ald-modal-text-container",
 		children: [title && /* @__PURE__ */ jsx("div", {
-			className: cn("ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--alias-colors-text-strong)]", !subTitle && "ald-modal-text-title-only tw-text-xl"),
+			className: cn("ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]", !subTitle && "ald-modal-text-title-only tw-text-xl"),
 			children: title
 		}), subTitle && /* @__PURE__ */ jsx("div", {
-			className: "ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--alias-colors-text-subtle)]",
+			className: "ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]",
 			children: subTitle
 		})]
 	})]
@@ -49,7 +49,7 @@ function getIcon(type) {
 	});
 	return /* @__PURE__ */ jsx(Memo$3, {
 		size: 24,
-		color: "var(--interaction-default-normal)"
+		color: "var(--action-primary-normal)"
 	});
 }
 function OriginModal(props) {
@@ -117,7 +117,7 @@ function OriginModal(props) {
 	const renderFooter = () => {
 		if (footer === null) return null;
 		if (footer) return /* @__PURE__ */ jsx("div", {
-			className: "ald-modal-footer ant-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--global-cool-grey-100)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-px-6 tw-py-3 tw-text-right",
+			className: "ald-modal-footer ant-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-6 tw-py-3 tw-text-right",
 			children: footer
 		});
 		return /* @__PURE__ */ jsxs("div", {
@@ -141,7 +141,7 @@ function OriginModal(props) {
 		open,
 		modal: false,
 		children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx("div", {
-			className: "ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45",
+			className: "ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-[var(--background-inverted)] tw-opacity-45",
 			style: { zIndex: maskZIndex },
 			onPointerDown: () => {
 				if (maskClosable) onCancel?.({});
@@ -153,7 +153,7 @@ function OriginModal(props) {
 			children: /* @__PURE__ */ jsx(DialogPrimitive.Content, {
 				"data-testid": dataTestId,
 				"aria-label": ariaLabel,
-				className: cn("ald-modal ant-modal tw-pointer-events-auto tw-box-border tw-flex tw-flex-col tw-overflow-hidden tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-shadow-[var(--elevation-bottom-bottom-lg)] tw-outline-none", fullscreen ? "ald-modal-fullscreen tw-fixed tw-inset-0 tw-size-full tw-rounded-none" : "tw-rounded-r-75", !fullscreen && "tw-border tw-border-solid tw-border-[var(--border-default)]", paddingLess && "ald-modal-padding-less", virtualScrollBar && "ald-modal-virtual-scroll-bar", hideHeaderBottomBorder && "ald-modal-hide-header-bottom-border", responsiveBounds && "ald-modal-responsive-bounds", className),
+				className: cn("ald-modal ant-modal tw-pointer-events-auto tw-box-border tw-flex tw-flex-col tw-overflow-hidden tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-lg)] tw-outline-none", fullscreen ? "ald-modal-fullscreen tw-fixed tw-inset-0 tw-size-full tw-rounded-none" : "tw-rounded-r-75", !fullscreen && "tw-border tw-border-solid tw-border-[var(--border-default)]", paddingLess && "ald-modal-padding-less", virtualScrollBar && "ald-modal-virtual-scroll-bar", hideHeaderBottomBorder && "ald-modal-hide-header-bottom-border", responsiveBounds && "ald-modal-responsive-bounds", className),
 				style: {
 					...fullscreen ? {} : {
 						width: responsiveBounds ? responsiveBoundsStyle.width : width || DEFAULT_WIDTH,
@@ -178,7 +178,7 @@ function OriginModal(props) {
 						value: nextLevel,
 						children: [
 							!fullscreen && /* @__PURE__ */ jsxs("div", {
-								className: cn("ald-modal-header ant-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-px-6 tw-py-4", !hideHeaderBottomBorder && "tw-border-b tw-border-solid tw-border-[var(--global-cool-grey-100)]"),
+								className: cn("ald-modal-header ant-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--background-default)] tw-px-6 tw-py-4", !hideHeaderBottomBorder && "tw-border-b tw-border-solid tw-border-[var(--border-default)]"),
 								children: [/* @__PURE__ */ jsx(DialogPrimitive.Title, {
 									asChild: true,
 									children: /* @__PURE__ */ jsx("div", {

package/dist/Modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Modal/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport {\n  AttentionTriangleLightLine,\n  CheckCircleLightLine,\n  CloseLLine,\n  InformationCircleLightLine,\n} from '../Icon';\nimport IconButton from '../IconButton';\nimport ScrollArea from '../ScrollArea';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { cn } from '../lib/utils';\n\nexport const destroyFns: Array<() => void> = [];\n\nexport interface ModalProps {\n  open?: boolean;\n  onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  icon?: React.ReactElement;\n  width?: number | string;\n  footer?: React.ReactNode | null;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  confirmLoading?: boolean;\n  maskClosable?: boolean;\n  closable?: boolean;\n  closeIcon?: React.ReactNode;\n  centered?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  /** Pass through to the modal content root for automated testing. */\n  'data-testid'?: string;\n  /** Pass through to the modal content root for accessibility and automated testing. */\n  'aria-label'?: string;\n  /** Applied to the outer wrap layer (matches antd wrapClassName behavior) */\n  wrapClassName?: string;\n  style?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  zIndex?: number;\n  children?: React.ReactNode;\n  paddingLess?: boolean;\n  virtualScrollBar?: boolean;\n  hideHeaderBottomBorder?: boolean;\n  responsiveBounds?: boolean;\n  fullscreen?: boolean;\n  keyboard?: boolean;\n  afterOpenChange?: (open: boolean) => void;\n  getContainer?: (() => HTMLElement) | false;\n  /** @internal used by static methods to pass modal type for icon styling */\n  _modalType?: string;\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  content?: React.ReactNode;\n  icon?: React.ReactElement;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  onOk?: (...args: any[]) => any;\n  onCancel?: (...args: any[]) => any;\n  width?: number | string;\n  className?: string;\n  /** @deprecated Use `className` instead. Preserved for antd v4 compat. */\n  wrapClassName?: string;\n  closable?: boolean;\n  type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';\n  centered?: boolean;\n  maskClosable?: boolean;\n}\n\nconst DEFAULT_WIDTH = 552;\n\nconst ModalTitle = (\n  { icon, title, subTitle }: Pick<ModalProps, 'icon' | 'title' | 'subTitle'>,\n  type?: string,\n) => (\n  <div className=\"ald-modal-title-container tw-flex tw-items-center tw-gap-4\">\n    {icon && (\n      <div\n        className={cn(\n          'ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]',\n          type === 'info' &&\n            'ald-modal-cion-info-container tw-bg-[var(--action-primary-subtle-hover)]',\n          type === 'success' &&\n            'ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]',\n          type === 'warning' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'warn' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'error' &&\n            'ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]',\n          type === 'confirm' &&\n            'ald-modal-cion-confirm-container tw-bg-[var(--action-primary-subtle-hover)]',\n        )}\n      >\n        {icon}\n      </div>\n    )}\n    <div className=\"ald-modal-text-container\">\n      {title && (\n        <div\n          className={cn(\n            'ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--alias-colors-text-strong)]',\n            !subTitle && 'ald-modal-text-title-only tw-text-xl',\n          )}\n        >\n          {title}\n        </div>\n      )}\n      {subTitle && (\n        <div className=\"ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--alias-colors-text-subtle)]\">\n          {subTitle}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nfunction getIcon(\n  type: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm',\n) {\n  if (type === 'success')\n    return (\n      <CheckCircleLightLine\n        fill=\"var(--content-inverted-primary)\"\n        color=\"var(--background-positive-strong)\"\n        size={24}\n      />\n    );\n  if (type === 'error')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-negative-strong)\"\n        fill=\"var(--content-inverted-primary)\"\n        size={24}\n      />\n    );\n  if (type === 'warning' || type === 'warn')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-warning-strong)\"\n        size={24}\n      />\n    );\n  return (\n    <InformationCircleLightLine\n      size={24}\n      color=\"var(--interaction-default-normal)\"\n    />\n  );\n}\n\nfunction OriginModal(props: ModalProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n  const {\n    className,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    children,\n    okType = 'primary',\n    width,\n    closeIcon,\n    subTitle,\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okText = t.Modal.sure,\n    cancelText = t.Modal.cancel,\n    icon,\n    title,\n    paddingLess,\n    responsiveBounds,\n    hideHeaderBottomBorder,\n    virtualScrollBar,\n    style,\n    maskClosable = false,\n    fullscreen,\n    open = false,\n    onOk,\n    onCancel,\n    footer,\n    confirmLoading,\n    closable = true,\n    zIndex = 1000,\n    bodyStyle,\n    keyboard = true,\n    afterOpenChange,\n    wrapClassName,\n    _modalType,\n  } = props;\n\n  const prevOpenRef = useRef(open);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (prevOpenRef.current !== open) {\n      prevOpenRef.current = open;\n      afterOpenChange?.(open);\n    }\n  }, [open, afterOpenChange]);\n\n  // ---- modal={false} 补偿：锁定背景滚动 ----\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = prev;\n    };\n  }, [open]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知弹窗） ----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [open]);\n\n  // ---- modal={false} 补偿：Tab 焦点循环 ----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    const container = contentRef.current;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const focusable = container.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (\n          document.activeElement === last ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [open]);\n\n  const responsiveBoundsStyle = useMemo(() => {\n    if (!responsiveBounds) return {};\n    return {\n      width: 'calc(100% - 160px)',\n      maxWidth: '1680px',\n      minWidth: '1280px',\n      height: 'calc(100% - 48px)',\n      maxHeight: '900px',\n      minHeight: '640px',\n    };\n  }, [responsiveBounds]);\n\n  const mergedOkProps = { loading: confirmLoading, ...okButtonProps };\n  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer(zIndex);\n\n  const renderFooter = () => {\n    if (footer === null) return null;\n    if (footer)\n      return (\n        // antd 兼容：antd .ant-modal-footer 使用 text-align:right 让 inline 按钮右对齐，\n        // 即使消费方传入 width:100% 的子容器，内部 inline 元素仍能右对齐。\n        // 此处同时使用 tw-flex tw-justify-end（flexbox 对齐）和 tw-text-right（继承式对齐）保持兼容。\n        <div className=\"ald-modal-footer ant-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--global-cool-grey-100)] tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-px-6 tw-py-3 tw-text-right\">\n          {footer}\n        </div>\n      );\n    return (\n      <div className=\"ald-modal-footer ant-modal-footer tw-flex tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\">\n        <Button\n          type=\"secondary\"\n          size=\"middle\"\n          {...cancelButtonProps}\n          onClick={onCancel}\n        >\n          {cancelText}\n        </Button>\n        <Button type={okType} size=\"middle\" {...mergedOkProps} onClick={onOk}>\n          {okText}\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <DialogPrimitive.Root open={open} modal={false}>\n      <DialogPrimitive.Portal>\n        {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n        <div\n          className=\"ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-black/45\"\n          style={{ zIndex: maskZIndex }}\n          onPointerDown={() => {\n            if (maskClosable) {\n              onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n            }\n          }}\n        />\n        {/* Centering wrapper — replaces transform centering so consumer CSS (top/left overrides) works */}\n        <div\n          ref={contentRef}\n          className={cn(\n            // antd 兼容：保留 ant-modal-wrap class，消费方 CSS 通过 wrapClassName + :global(.ant-modal) 控制弹窗宽高\n            'ald-modal-wrap ant-modal-wrap tw-pointer-events-none tw-fixed tw-inset-0 tw-flex tw-items-center tw-justify-center',\n            wrapClassName,\n          )}\n          style={{ zIndex: contentZIndex }}\n        >\n          <DialogPrimitive.Content\n            data-testid={dataTestId}\n            aria-label={ariaLabel}\n            className={cn(\n              // antd 兼容：保留 ant-modal class，消费方 CSS 通过 .ant-modal 选择器控制弹窗宽高等样式\n              // tw-outline-none：Radix 打开时会聚焦 Content，不抑制 outline 会渲染出蓝色焦点框\n              'ald-modal ant-modal tw-pointer-events-auto tw-box-border tw-flex tw-flex-col tw-overflow-hidden tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-shadow-[var(--elevation-bottom-bottom-lg)] tw-outline-none',\n              fullscreen\n                ? 'ald-modal-fullscreen tw-fixed tw-inset-0 tw-size-full tw-rounded-none'\n                : 'tw-rounded-r-75',\n              !fullscreen &&\n                'tw-border tw-border-solid tw-border-[var(--border-default)]',\n              paddingLess && 'ald-modal-padding-less',\n              virtualScrollBar && 'ald-modal-virtual-scroll-bar',\n              hideHeaderBottomBorder && 'ald-modal-hide-header-bottom-border',\n              responsiveBounds && 'ald-modal-responsive-bounds',\n              className,\n            )}\n            style={{\n              ...(fullscreen\n                ? {}\n                : {\n                    width: responsiveBounds\n                      ? responsiveBoundsStyle.width\n                      : width || DEFAULT_WIDTH,\n                    ...responsiveBoundsStyle,\n                  }),\n              ...style,\n            }}\n            onEscapeKeyDown={(e) => {\n              if (keyboard) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              } else {\n                e.preventDefault();\n              }\n            }}\n            onPointerDownOutside={(e) => {\n              if (maskClosable) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              } else {\n                e.preventDefault();\n              }\n            }}\n            onInteractOutside={(e) => {\n              if (!maskClosable) {\n                e.preventDefault();\n              }\n            }}\n          >\n            {/* ant-modal-content compat wrapper — matches antd DOM nesting for consumer CSS */}\n            <div className=\"ant-modal-content tw-flex tw-h-full tw-flex-col\">\n              <FloatingLayerProvider value={nextLevel}>\n                {!fullscreen && (\n                  <div\n                    className={cn(\n                      'ald-modal-header ant-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--alias-colors-bg-skeleton-subtler)] tw-px-6 tw-py-4',\n                      !hideHeaderBottomBorder &&\n                        'tw-border-b tw-border-solid tw-border-[var(--global-cool-grey-100)]',\n                    )}\n                  >\n                    <DialogPrimitive.Title asChild>\n                      <div className=\"tw-flex-1\">\n                        {ModalTitle({ icon, title, subTitle }, _modalType)}\n                      </div>\n                    </DialogPrimitive.Title>\n                    {closable && (\n                      <DialogPrimitive.Close asChild>\n                        <span className=\"ant-modal-close\" onClick={onCancel}>\n                          {closeIcon || (\n                            <IconButton\n                              icon={<CloseLLine size={20} />}\n                              size=\"middle\"\n                            />\n                          )}\n                        </span>\n                      </DialogPrimitive.Close>\n                    )}\n                  </div>\n                )}\n                {/* Hidden title for accessibility when fullscreen hides the header */}\n                {fullscreen && (\n                  <DialogPrimitive.Title className=\"tw-sr-only\">\n                    {title}\n                  </DialogPrimitive.Title>\n                )}\n                <div\n                  className={cn(\n                    'ald-modal-body ant-modal-body tw-flex-1 tw-text-sm tw-leading-5',\n                    fullscreen\n                      ? 'tw-h-full tw-overflow-auto tw-p-0'\n                      : 'tw-min-h-[130px]',\n                    !fullscreen &&\n                      (virtualScrollBar\n                        ? 'tw-overflow-hidden tw-p-0'\n                        : 'tw-overflow-auto'),\n                    !fullscreen &&\n                      !responsiveBounds &&\n                      !virtualScrollBar &&\n                      'tw-max-h-[68vh]',\n                    !fullscreen &&\n                      !paddingLess &&\n                      !virtualScrollBar &&\n                      'tw-p-6',\n                  )}\n                  style={bodyStyle}\n                >\n                  {virtualScrollBar ? (\n                    <ScrollArea\n                      className=\"ald-modal-body-wrap !tw-h-auto\"\n                      innerClassName={cn(\n                        'ald-modal-body-wrap-inner tw-max-h-[68vh]',\n                        paddingLess ? 'tw-p-0' : 'tw-px-[23px] tw-py-0',\n                      )}\n                    >\n                      {children}\n                    </ScrollArea>\n                  ) : (\n                    children\n                  )}\n                </div>\n                {!fullscreen && renderFooter()}\n              </FloatingLayerProvider>\n            </div>\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// Static method helper\nfunction createStaticModal(\n  type: ModalFuncProps['type'],\n  props: ModalFuncProps,\n) {\n  const container = document.createElement('div');\n  document.body.appendChild(container);\n  const root = createRoot(container);\n\n  let currentProps = { ...props };\n\n  const destroy = () => {\n    root.unmount();\n    container.remove();\n    const idx = destroyFns.indexOf(destroy);\n    if (idx >= 0) destroyFns.splice(idx, 1);\n  };\n\n  const update = (newProps: Partial<ModalFuncProps>) => {\n    currentProps = { ...currentProps, ...newProps };\n    render(currentProps);\n  };\n\n  const isConfirm = type === 'confirm';\n\n  const render = (p: ModalFuncProps) => {\n    const handleOk = () => {\n      p.onOk?.();\n      destroy();\n    };\n    const handleCancel = () => {\n      p.onCancel?.();\n      destroy();\n    };\n\n    root.render(\n      <OriginModal\n        open={true}\n        title={p.title}\n        subTitle={p.subTitle}\n        icon={p.icon || getIcon(type || 'info')}\n        onOk={handleOk}\n        onCancel={handleCancel}\n        okText={p.okText}\n        cancelText={p.cancelText}\n        okButtonProps={p.okButtonProps}\n        cancelButtonProps={p.cancelButtonProps}\n        okType={p.okType || (isConfirm ? 'dangerous' : 'primary')}\n        width={p.width || DEFAULT_WIDTH}\n        className={cn('ald-modal', p.className)}\n        closable={p.closable}\n        maskClosable={p.maskClosable}\n        _modalType={type}\n        footer={\n          isConfirm ? undefined : (\n            <Button\n              type=\"primary\"\n              size=\"middle\"\n              {...(p.okButtonProps || {})}\n              onClick={handleOk}\n            >\n              {p.okText || 'OK'}\n            </Button>\n          )\n        }\n      >\n        {p.content}\n      </OriginModal>,\n    );\n  };\n\n  destroyFns.push(destroy);\n  render(currentProps);\n\n  return { destroy, update };\n}\n\n// Attach static methods\ntype ModalFunc = (props: ModalFuncProps) => {\n  destroy: () => void;\n  update: (props: Partial<ModalFuncProps>) => void;\n};\n\n// ---------- useModal hook ----------\n\ninterface ModalInstance {\n  id: number;\n  type: ModalFuncProps['type'];\n  props: ModalFuncProps;\n  open: boolean;\n}\n\nexport interface ModalApiInstance {\n  destroy: () => void;\n  update: (newProps: Partial<ModalFuncProps>) => void;\n}\n\nexport interface ModalStaticFunctions {\n  info: (props: ModalFuncProps) => ModalApiInstance;\n  success: (props: ModalFuncProps) => ModalApiInstance;\n  error: (props: ModalFuncProps) => ModalApiInstance;\n  warning: (props: ModalFuncProps) => ModalApiInstance;\n  confirm: (props: ModalFuncProps) => ModalApiInstance;\n}\n\nfunction useModal(): [ModalStaticFunctions, React.ReactElement] {\n  const [modals, setModals] = useState<ModalInstance[]>([]);\n  const idCounter = useRef(0);\n\n  const removeModal = useCallback((id: number) => {\n    setModals((prev) =>\n      prev.map((m) => (m.id === id ? { ...m, open: false } : m)),\n    );\n    // Remove from DOM after animation\n    setTimeout(() => {\n      setModals((prev) => prev.filter((m) => m.id !== id));\n    }, 300);\n  }, []);\n\n  const updateModal = useCallback(\n    (id: number, newProps: Partial<ModalFuncProps>) => {\n      setModals((prev) =>\n        prev.map((m) =>\n          m.id === id ? { ...m, props: { ...m.props, ...newProps } } : m,\n        ),\n      );\n    },\n    [],\n  );\n\n  const openModal = useCallback(\n    (type: ModalFuncProps['type'], props: ModalFuncProps): ModalApiInstance => {\n      const id = ++idCounter.current;\n      const instance: ModalInstance = { id, type, props, open: true };\n      setModals((prev) => [...prev, instance]);\n\n      return {\n        destroy: () => removeModal(id),\n        update: (newProps: Partial<ModalFuncProps>) =>\n          updateModal(id, newProps),\n      };\n    },\n    [removeModal, updateModal],\n  );\n\n  const api = useMemo<ModalStaticFunctions>(\n    () => ({\n      info: (props) => openModal('info', props),\n      success: (props) => openModal('success', props),\n      error: (props) => openModal('error', props),\n      warning: (props) => openModal('warning', props),\n      confirm: (props) =>\n        openModal('confirm', { ...props, type: props.type || 'confirm' }),\n    }),\n    [openModal],\n  );\n\n  const contextHolder = (\n    <>\n      {modals.map((m) => {\n        const isConfirmType = m.type === 'confirm';\n        const handleOk = () => {\n          m.props.onOk?.();\n          removeModal(m.id);\n        };\n        const handleCancel = () => {\n          m.props.onCancel?.();\n          removeModal(m.id);\n        };\n        return (\n          <OriginModal\n            key={m.id}\n            open={m.open}\n            title={m.props.title}\n            subTitle={m.props.subTitle}\n            icon={m.props.icon || getIcon(m.type || 'info')}\n            onOk={handleOk}\n            onCancel={handleCancel}\n            okText={m.props.okText}\n            cancelText={m.props.cancelText}\n            okButtonProps={m.props.okButtonProps}\n            cancelButtonProps={m.props.cancelButtonProps}\n            okType={m.props.okType || (isConfirmType ? 'dangerous' : 'primary')}\n            width={m.props.width || DEFAULT_WIDTH}\n            className={cn('ald-modal', m.props.className)}\n            closable={m.props.closable}\n            maskClosable={m.props.maskClosable}\n            _modalType={m.type}\n            footer={\n              isConfirmType ? undefined : (\n                <Button\n                  type=\"primary\"\n                  size=\"middle\"\n                  {...(m.props.okButtonProps || {})}\n                  onClick={handleOk}\n                >\n                  {m.props.okText || 'OK'}\n                </Button>\n              )\n            }\n          >\n            {m.props.content}\n          </OriginModal>\n        );\n      })}\n    </>\n  );\n\n  return [api, contextHolder];\n}\n\n// ---------- end useModal ----------\n\nconst Modal = OriginModal as typeof OriginModal & {\n  info: ModalFunc;\n  success: ModalFunc;\n  error: ModalFunc;\n  warning: ModalFunc;\n  confirm: ModalFunc;\n  destroyAll: () => void;\n  useModal: typeof useModal;\n  config: (config: any) => void;\n};\n\nModal.info = (props) => createStaticModal('info', props);\nModal.success = (props) => createStaticModal('success', props);\nModal.error = (props) => createStaticModal('error', props);\nModal.warning = (props) => createStaticModal('warning', props);\nModal.confirm = (props) =>\n  createStaticModal('confirm', { ...props, type: props.type || 'confirm' });\n\nModal.destroyAll = () => {\n  while (destroyFns.length) {\n    const close = destroyFns.pop();\n    if (close) close();\n  }\n};\n\nModal.useModal = useModal;\nModal.config = () => {};\n\nexport default Modal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Modal/index.tsx"],"sourcesContent":["import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { hideOthers } from 'aria-hidden';\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createRoot } from 'react-dom/client';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport {\n  AttentionTriangleLightLine,\n  CheckCircleLightLine,\n  CloseLLine,\n  InformationCircleLightLine,\n} from '../Icon';\nimport IconButton from '../IconButton';\nimport ScrollArea from '../ScrollArea';\nimport {\n  FloatingLayerProvider,\n  useFloatingLayer,\n} from '../_utils/floatingLayer';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { cn } from '../lib/utils';\n\nexport const destroyFns: Array<() => void> = [];\n\nexport interface ModalProps {\n  open?: boolean;\n  onOk?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  onCancel?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  afterClose?: () => void;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  icon?: React.ReactElement;\n  width?: number | string;\n  footer?: React.ReactNode | null;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  confirmLoading?: boolean;\n  maskClosable?: boolean;\n  closable?: boolean;\n  closeIcon?: React.ReactNode;\n  centered?: boolean;\n  destroyOnClose?: boolean;\n  className?: string;\n  /** Pass through to the modal content root for automated testing. */\n  'data-testid'?: string;\n  /** Pass through to the modal content root for accessibility and automated testing. */\n  'aria-label'?: string;\n  /** Applied to the outer wrap layer (matches antd wrapClassName behavior) */\n  wrapClassName?: string;\n  style?: React.CSSProperties;\n  bodyStyle?: React.CSSProperties;\n  zIndex?: number;\n  children?: React.ReactNode;\n  paddingLess?: boolean;\n  virtualScrollBar?: boolean;\n  hideHeaderBottomBorder?: boolean;\n  responsiveBounds?: boolean;\n  fullscreen?: boolean;\n  keyboard?: boolean;\n  afterOpenChange?: (open: boolean) => void;\n  getContainer?: (() => HTMLElement) | false;\n  /** @internal used by static methods to pass modal type for icon styling */\n  _modalType?: string;\n}\n\nexport interface ModalFuncProps {\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  content?: React.ReactNode;\n  icon?: React.ReactElement;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  onOk?: (...args: any[]) => any;\n  onCancel?: (...args: any[]) => any;\n  width?: number | string;\n  className?: string;\n  /** @deprecated Use `className` instead. Preserved for antd v4 compat. */\n  wrapClassName?: string;\n  closable?: boolean;\n  type?: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';\n  centered?: boolean;\n  maskClosable?: boolean;\n}\n\nconst DEFAULT_WIDTH = 552;\n\nconst ModalTitle = (\n  { icon, title, subTitle }: Pick<ModalProps, 'icon' | 'title' | 'subTitle'>,\n  type?: string,\n) => (\n  <div className=\"ald-modal-title-container tw-flex tw-items-center tw-gap-4\">\n    {icon && (\n      <div\n        className={cn(\n          'ald-modal-icon-container tw-grid tw-size-10 tw-shrink-0 tw-place-items-center tw-rounded-[var(--global-grid-250)]',\n          type === 'info' &&\n            'ald-modal-cion-info-container tw-bg-[var(--background-informative-muted)]',\n          type === 'success' &&\n            'ald-modal-cion-success-container tw-bg-[var(--background-positive-muted)]',\n          type === 'warning' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'warn' &&\n            'ald-modal-cion-warning-container tw-bg-[var(--background-warning-muted)]',\n          type === 'error' &&\n            'ald-modal-cion-error-container tw-bg-[var(--background-negative-muted)]',\n          type === 'confirm' &&\n            'ald-modal-cion-confirm-container tw-bg-[var(--background-brand-muted)]',\n        )}\n      >\n        {icon}\n      </div>\n    )}\n    <div className=\"ald-modal-text-container\">\n      {title && (\n        <div\n          className={cn(\n            'ald-modal-text-title tw-text-lg tw-font-semibold tw-leading-7 tw-text-[var(--content-primary)]',\n            !subTitle && 'ald-modal-text-title-only tw-text-xl',\n          )}\n        >\n          {title}\n        </div>\n      )}\n      {subTitle && (\n        <div className=\"ald-modal-text-sub-title tw-mt-1 tw-text-xs tw-leading-4 tw-text-[var(--content-secondary)]\">\n          {subTitle}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nfunction getIcon(\n  type: 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm',\n) {\n  if (type === 'success')\n    return (\n      <CheckCircleLightLine\n        fill=\"var(--content-inverted-primary)\"\n        color=\"var(--background-positive-strong)\"\n        size={24}\n      />\n    );\n  if (type === 'error')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-negative-strong)\"\n        fill=\"var(--content-inverted-primary)\"\n        size={24}\n      />\n    );\n  if (type === 'warning' || type === 'warn')\n    return (\n      <AttentionTriangleLightLine\n        color=\"var(--background-warning-strong)\"\n        size={24}\n      />\n    );\n  return (\n    <InformationCircleLightLine\n      size={24}\n      color=\"var(--action-primary-normal)\"\n    />\n  );\n}\n\nfunction OriginModal(props: ModalProps) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n  const {\n    className,\n    'data-testid': dataTestId,\n    'aria-label': ariaLabel,\n    children,\n    okType = 'primary',\n    width,\n    closeIcon,\n    subTitle,\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okText = t.Modal.sure,\n    cancelText = t.Modal.cancel,\n    icon,\n    title,\n    paddingLess,\n    responsiveBounds,\n    hideHeaderBottomBorder,\n    virtualScrollBar,\n    style,\n    maskClosable = false,\n    fullscreen,\n    open = false,\n    onOk,\n    onCancel,\n    footer,\n    confirmLoading,\n    closable = true,\n    zIndex = 1000,\n    bodyStyle,\n    keyboard = true,\n    afterOpenChange,\n    wrapClassName,\n    _modalType,\n  } = props;\n\n  const prevOpenRef = useRef(open);\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (prevOpenRef.current !== open) {\n      prevOpenRef.current = open;\n      afterOpenChange?.(open);\n    }\n  }, [open, afterOpenChange]);\n\n  // ---- modal={false} 补偿：锁定背景滚动 ----\n  useEffect(() => {\n    if (!open) return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = prev;\n    };\n  }, [open]);\n\n  // ---- modal={false} 补偿：aria-hidden（屏幕阅读器只感知弹窗） ----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    return hideOthers(contentRef.current);\n  }, [open]);\n\n  // ---- modal={false} 补偿：Tab 焦点循环 ----\n  useEffect(() => {\n    if (!open || !contentRef.current) return;\n    const container = contentRef.current;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== 'Tab') return;\n      const focusable = container.querySelectorAll<HTMLElement>(\n        'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled])',\n      );\n      if (focusable.length === 0) return;\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n\n      if (e.shiftKey) {\n        if (\n          document.activeElement === first ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          last.focus();\n        }\n      } else {\n        if (\n          document.activeElement === last ||\n          !container.contains(document.activeElement)\n        ) {\n          e.preventDefault();\n          first.focus();\n        }\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [open]);\n\n  const responsiveBoundsStyle = useMemo(() => {\n    if (!responsiveBounds) return {};\n    return {\n      width: 'calc(100% - 160px)',\n      maxWidth: '1680px',\n      minWidth: '1280px',\n      height: 'calc(100% - 48px)',\n      maxHeight: '900px',\n      minHeight: '640px',\n    };\n  }, [responsiveBounds]);\n\n  const mergedOkProps = { loading: confirmLoading, ...okButtonProps };\n  const { maskZIndex, contentZIndex, nextLevel } = useFloatingLayer(zIndex);\n\n  const renderFooter = () => {\n    if (footer === null) return null;\n    if (footer)\n      return (\n        // antd 兼容：antd .ant-modal-footer 使用 text-align:right 让 inline 按钮右对齐，\n        // 即使消费方传入 width:100% 的子容器，内部 inline 元素仍能右对齐。\n        // 此处同时使用 tw-flex tw-justify-end（flexbox 对齐）和 tw-text-right（继承式对齐）保持兼容。\n        <div className=\"ald-modal-footer ant-modal-footer tw-flex tw-items-center tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-px-6 tw-py-3 tw-text-right\">\n          {footer}\n        </div>\n      );\n    return (\n      <div className=\"ald-modal-footer ant-modal-footer tw-flex tw-justify-end tw-gap-2 tw-border-t tw-border-solid tw-border-[var(--border-default)] tw-px-6 tw-py-4\">\n        <Button\n          type=\"secondary\"\n          size=\"middle\"\n          {...cancelButtonProps}\n          onClick={onCancel}\n        >\n          {cancelText}\n        </Button>\n        <Button type={okType} size=\"middle\" {...mergedOkProps} onClick={onOk}>\n          {okText}\n        </Button>\n      </div>\n    );\n  };\n\n  return (\n    <DialogPrimitive.Root open={open} modal={false}>\n      <DialogPrimitive.Portal>\n        {/* modal={false} 时 DialogPrimitive.Overlay 不渲染，用普通 div 替代 */}\n        <div\n          className=\"ald-modal-mask tw-animate-in tw-fade-in-0 tw-fixed tw-inset-0 tw-bg-[var(--background-inverted)] tw-opacity-45\"\n          style={{ zIndex: maskZIndex }}\n          onPointerDown={() => {\n            if (maskClosable) {\n              onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n            }\n          }}\n        />\n        {/* Centering wrapper — replaces transform centering so consumer CSS (top/left overrides) works */}\n        <div\n          ref={contentRef}\n          className={cn(\n            // antd 兼容：保留 ant-modal-wrap class，消费方 CSS 通过 wrapClassName + :global(.ant-modal) 控制弹窗宽高\n            'ald-modal-wrap ant-modal-wrap tw-pointer-events-none tw-fixed tw-inset-0 tw-flex tw-items-center tw-justify-center',\n            wrapClassName,\n          )}\n          style={{ zIndex: contentZIndex }}\n        >\n          <DialogPrimitive.Content\n            data-testid={dataTestId}\n            aria-label={ariaLabel}\n            className={cn(\n              // antd 兼容：保留 ant-modal class，消费方 CSS 通过 .ant-modal 选择器控制弹窗宽高等样式\n              // tw-outline-none：Radix 打开时会聚焦 Content，不抑制 outline 会渲染出蓝色焦点框\n              'ald-modal ant-modal tw-pointer-events-auto tw-box-border tw-flex tw-flex-col tw-overflow-hidden tw-bg-[var(--background-default)] tw-shadow-[var(--elevation-bottom-bottom-lg)] tw-outline-none',\n              fullscreen\n                ? 'ald-modal-fullscreen tw-fixed tw-inset-0 tw-size-full tw-rounded-none'\n                : 'tw-rounded-r-75',\n              !fullscreen &&\n                'tw-border tw-border-solid tw-border-[var(--border-default)]',\n              paddingLess && 'ald-modal-padding-less',\n              virtualScrollBar && 'ald-modal-virtual-scroll-bar',\n              hideHeaderBottomBorder && 'ald-modal-hide-header-bottom-border',\n              responsiveBounds && 'ald-modal-responsive-bounds',\n              className,\n            )}\n            style={{\n              ...(fullscreen\n                ? {}\n                : {\n                    width: responsiveBounds\n                      ? responsiveBoundsStyle.width\n                      : width || DEFAULT_WIDTH,\n                    ...responsiveBoundsStyle,\n                  }),\n              ...style,\n            }}\n            onEscapeKeyDown={(e) => {\n              if (keyboard) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              } else {\n                e.preventDefault();\n              }\n            }}\n            onPointerDownOutside={(e) => {\n              if (maskClosable) {\n                onCancel?.({} as React.MouseEvent<HTMLButtonElement>);\n              } else {\n                e.preventDefault();\n              }\n            }}\n            onInteractOutside={(e) => {\n              if (!maskClosable) {\n                e.preventDefault();\n              }\n            }}\n          >\n            {/* ant-modal-content compat wrapper — matches antd DOM nesting for consumer CSS */}\n            <div className=\"ant-modal-content tw-flex tw-h-full tw-flex-col\">\n              <FloatingLayerProvider value={nextLevel}>\n                {!fullscreen && (\n                  <div\n                    className={cn(\n                      'ald-modal-header ant-modal-header tw-flex tw-items-start tw-justify-between tw-bg-[var(--background-default)] tw-px-6 tw-py-4',\n                      !hideHeaderBottomBorder &&\n                        'tw-border-b tw-border-solid tw-border-[var(--border-default)]',\n                    )}\n                  >\n                    <DialogPrimitive.Title asChild>\n                      <div className=\"tw-flex-1\">\n                        {ModalTitle({ icon, title, subTitle }, _modalType)}\n                      </div>\n                    </DialogPrimitive.Title>\n                    {closable && (\n                      <DialogPrimitive.Close asChild>\n                        <span className=\"ant-modal-close\" onClick={onCancel}>\n                          {closeIcon || (\n                            <IconButton\n                              icon={<CloseLLine size={20} />}\n                              size=\"middle\"\n                            />\n                          )}\n                        </span>\n                      </DialogPrimitive.Close>\n                    )}\n                  </div>\n                )}\n                {/* Hidden title for accessibility when fullscreen hides the header */}\n                {fullscreen && (\n                  <DialogPrimitive.Title className=\"tw-sr-only\">\n                    {title}\n                  </DialogPrimitive.Title>\n                )}\n                <div\n                  className={cn(\n                    'ald-modal-body ant-modal-body tw-flex-1 tw-text-sm tw-leading-5',\n                    fullscreen\n                      ? 'tw-h-full tw-overflow-auto tw-p-0'\n                      : 'tw-min-h-[130px]',\n                    !fullscreen &&\n                      (virtualScrollBar\n                        ? 'tw-overflow-hidden tw-p-0'\n                        : 'tw-overflow-auto'),\n                    !fullscreen &&\n                      !responsiveBounds &&\n                      !virtualScrollBar &&\n                      'tw-max-h-[68vh]',\n                    !fullscreen &&\n                      !paddingLess &&\n                      !virtualScrollBar &&\n                      'tw-p-6',\n                  )}\n                  style={bodyStyle}\n                >\n                  {virtualScrollBar ? (\n                    <ScrollArea\n                      className=\"ald-modal-body-wrap !tw-h-auto\"\n                      innerClassName={cn(\n                        'ald-modal-body-wrap-inner tw-max-h-[68vh]',\n                        paddingLess ? 'tw-p-0' : 'tw-px-[23px] tw-py-0',\n                      )}\n                    >\n                      {children}\n                    </ScrollArea>\n                  ) : (\n                    children\n                  )}\n                </div>\n                {!fullscreen && renderFooter()}\n              </FloatingLayerProvider>\n            </div>\n          </DialogPrimitive.Content>\n        </div>\n      </DialogPrimitive.Portal>\n    </DialogPrimitive.Root>\n  );\n}\n\n// Static method helper\nfunction createStaticModal(\n  type: ModalFuncProps['type'],\n  props: ModalFuncProps,\n) {\n  const container = document.createElement('div');\n  document.body.appendChild(container);\n  const root = createRoot(container);\n\n  let currentProps = { ...props };\n\n  const destroy = () => {\n    root.unmount();\n    container.remove();\n    const idx = destroyFns.indexOf(destroy);\n    if (idx >= 0) destroyFns.splice(idx, 1);\n  };\n\n  const update = (newProps: Partial<ModalFuncProps>) => {\n    currentProps = { ...currentProps, ...newProps };\n    render(currentProps);\n  };\n\n  const isConfirm = type === 'confirm';\n\n  const render = (p: ModalFuncProps) => {\n    const handleOk = () => {\n      p.onOk?.();\n      destroy();\n    };\n    const handleCancel = () => {\n      p.onCancel?.();\n      destroy();\n    };\n\n    root.render(\n      <OriginModal\n        open={true}\n        title={p.title}\n        subTitle={p.subTitle}\n        icon={p.icon || getIcon(type || 'info')}\n        onOk={handleOk}\n        onCancel={handleCancel}\n        okText={p.okText}\n        cancelText={p.cancelText}\n        okButtonProps={p.okButtonProps}\n        cancelButtonProps={p.cancelButtonProps}\n        okType={p.okType || (isConfirm ? 'dangerous' : 'primary')}\n        width={p.width || DEFAULT_WIDTH}\n        className={cn('ald-modal', p.className)}\n        closable={p.closable}\n        maskClosable={p.maskClosable}\n        _modalType={type}\n        footer={\n          isConfirm ? undefined : (\n            <Button\n              type=\"primary\"\n              size=\"middle\"\n              {...(p.okButtonProps || {})}\n              onClick={handleOk}\n            >\n              {p.okText || 'OK'}\n            </Button>\n          )\n        }\n      >\n        {p.content}\n      </OriginModal>,\n    );\n  };\n\n  destroyFns.push(destroy);\n  render(currentProps);\n\n  return { destroy, update };\n}\n\n// Attach static methods\ntype ModalFunc = (props: ModalFuncProps) => {\n  destroy: () => void;\n  update: (props: Partial<ModalFuncProps>) => void;\n};\n\n// ---------- useModal hook ----------\n\ninterface ModalInstance {\n  id: number;\n  type: ModalFuncProps['type'];\n  props: ModalFuncProps;\n  open: boolean;\n}\n\nexport interface ModalApiInstance {\n  destroy: () => void;\n  update: (newProps: Partial<ModalFuncProps>) => void;\n}\n\nexport interface ModalStaticFunctions {\n  info: (props: ModalFuncProps) => ModalApiInstance;\n  success: (props: ModalFuncProps) => ModalApiInstance;\n  error: (props: ModalFuncProps) => ModalApiInstance;\n  warning: (props: ModalFuncProps) => ModalApiInstance;\n  confirm: (props: ModalFuncProps) => ModalApiInstance;\n}\n\nfunction useModal(): [ModalStaticFunctions, React.ReactElement] {\n  const [modals, setModals] = useState<ModalInstance[]>([]);\n  const idCounter = useRef(0);\n\n  const removeModal = useCallback((id: number) => {\n    setModals((prev) =>\n      prev.map((m) => (m.id === id ? { ...m, open: false } : m)),\n    );\n    // Remove from DOM after animation\n    setTimeout(() => {\n      setModals((prev) => prev.filter((m) => m.id !== id));\n    }, 300);\n  }, []);\n\n  const updateModal = useCallback(\n    (id: number, newProps: Partial<ModalFuncProps>) => {\n      setModals((prev) =>\n        prev.map((m) =>\n          m.id === id ? { ...m, props: { ...m.props, ...newProps } } : m,\n        ),\n      );\n    },\n    [],\n  );\n\n  const openModal = useCallback(\n    (type: ModalFuncProps['type'], props: ModalFuncProps): ModalApiInstance => {\n      const id = ++idCounter.current;\n      const instance: ModalInstance = { id, type, props, open: true };\n      setModals((prev) => [...prev, instance]);\n\n      return {\n        destroy: () => removeModal(id),\n        update: (newProps: Partial<ModalFuncProps>) =>\n          updateModal(id, newProps),\n      };\n    },\n    [removeModal, updateModal],\n  );\n\n  const api = useMemo<ModalStaticFunctions>(\n    () => ({\n      info: (props) => openModal('info', props),\n      success: (props) => openModal('success', props),\n      error: (props) => openModal('error', props),\n      warning: (props) => openModal('warning', props),\n      confirm: (props) =>\n        openModal('confirm', { ...props, type: props.type || 'confirm' }),\n    }),\n    [openModal],\n  );\n\n  const contextHolder = (\n    <>\n      {modals.map((m) => {\n        const isConfirmType = m.type === 'confirm';\n        const handleOk = () => {\n          m.props.onOk?.();\n          removeModal(m.id);\n        };\n        const handleCancel = () => {\n          m.props.onCancel?.();\n          removeModal(m.id);\n        };\n        return (\n          <OriginModal\n            key={m.id}\n            open={m.open}\n            title={m.props.title}\n            subTitle={m.props.subTitle}\n            icon={m.props.icon || getIcon(m.type || 'info')}\n            onOk={handleOk}\n            onCancel={handleCancel}\n            okText={m.props.okText}\n            cancelText={m.props.cancelText}\n            okButtonProps={m.props.okButtonProps}\n            cancelButtonProps={m.props.cancelButtonProps}\n            okType={m.props.okType || (isConfirmType ? 'dangerous' : 'primary')}\n            width={m.props.width || DEFAULT_WIDTH}\n            className={cn('ald-modal', m.props.className)}\n            closable={m.props.closable}\n            maskClosable={m.props.maskClosable}\n            _modalType={m.type}\n            footer={\n              isConfirmType ? undefined : (\n                <Button\n                  type=\"primary\"\n                  size=\"middle\"\n                  {...(m.props.okButtonProps || {})}\n                  onClick={handleOk}\n                >\n                  {m.props.okText || 'OK'}\n                </Button>\n              )\n            }\n          >\n            {m.props.content}\n          </OriginModal>\n        );\n      })}\n    </>\n  );\n\n  return [api, contextHolder];\n}\n\n// ---------- end useModal ----------\n\nconst Modal = OriginModal as typeof OriginModal & {\n  info: ModalFunc;\n  success: ModalFunc;\n  error: ModalFunc;\n  warning: ModalFunc;\n  confirm: ModalFunc;\n  destroyAll: () => void;\n  useModal: typeof useModal;\n  config: (config: any) => void;\n};\n\nModal.info = (props) => createStaticModal('info', props);\nModal.success = (props) => createStaticModal('success', props);\nModal.error = (props) => createStaticModal('error', props);\nModal.warning = (props) => createStaticModal('warning', props);\nModal.confirm = (props) =>\n  createStaticModal('confirm', { ...props, type: props.type || 'confirm' });\n\nModal.destroyAll = () => {\n  while (destroyFns.length) {\n    const close = destroyFns.pop();\n    if (close) close();\n  }\n};\n\nModal.useModal = useModal;\nModal.config = () => {};\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/Popconfirm/index.js

@@ -102,7 +102,7 @@ function Popconfirm(props) {
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "tw-flex-1",
 						children: [/* @__PURE__ */ jsx("div", {
-							className: "tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--alias-colors-text-default)]",
+							className: "tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]",
 							children: title
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "tw-flex tw-justify-end tw-gap-2",

package/dist/Popconfirm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Popconfirm/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useState } from 'react';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport { AttentionTriangleFill } from '../Icon';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface PopconfirmProps {\n  title?: React.ReactNode;\n  onConfirm?: (e?: React.MouseEvent) => void;\n  onCancel?: (e?: React.MouseEvent) => void;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  icon?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  rootClassName?: string;\n  className?: string;\n  overlayClassName?: string;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sideMap: Record<string, PopoverPrimitive.PopoverContentProps['side']> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction Popconfirm(props: PopconfirmProps) {\n  const {\n    title,\n    onConfirm,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okType = 'dangerous',\n    icon = (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--action-destructive-normal)\"\n        fill=\"var(--action-inverted-normal)\"\n      />\n    ),\n    open: controlledOpen,\n    onOpenChange,\n    placement = 'top',\n    rootClassName,\n    overlayClassName,\n    getPopupContainer,\n    children,\n    disabled,\n  } = props;\n\n  const [innerOpen, setInnerOpen] = useState(false);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const getPopupContainerRef = React.useRef(getPopupContainer);\n  const lastGetPopupContainerRef = React.useRef(getPopupContainer);\n  const [popupContainer, setPopupContainer] = useState<\n    HTMLElement | undefined\n  >();\n  getPopupContainerRef.current = getPopupContainer;\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : innerOpen;\n  const mergedOpen = disabled ? false : isOpen;\n  const updatePopupContainer = React.useCallback((node: HTMLElement | null) => {\n    const nextContainer =\n      node && getPopupContainerRef.current\n        ? getPopupContainerRef.current(node)\n        : undefined;\n    setPopupContainer((prevContainer) =>\n      prevContainer === nextContainer ? prevContainer : nextContainer,\n    );\n  }, []);\n  const setTriggerNode = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      if (triggerRef.current === node) return;\n      triggerRef.current = node;\n      updatePopupContainer(node);\n    },\n    [updatePopupContainer],\n  );\n\n  React.useEffect(() => {\n    if (lastGetPopupContainerRef.current === getPopupContainer) return;\n    lastGetPopupContainerRef.current = getPopupContainer;\n    updatePopupContainer(triggerRef.current);\n  }, [getPopupContainer, updatePopupContainer]);\n\n  const handleOpenChange = (val: boolean) => {\n    if (disabled) return;\n    if (!isControlled) setInnerOpen(val);\n    onOpenChange?.(val);\n  };\n\n  const handleConfirm = (e?: React.MouseEvent) => {\n    onConfirm?.(e);\n    handleOpenChange(false);\n  };\n\n  const handleCancel = (e?: React.MouseEvent) => {\n    onCancel?.(e);\n    handleOpenChange(false);\n  };\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex();\n  const triggerChild = React.isValidElement(children) ? (\n    children\n  ) : (\n    <span>{children}</span>\n  );\n\n  return (\n    <PopoverPrimitive.Root open={mergedOpen} onOpenChange={handleOpenChange}>\n      <PopoverPrimitive.Trigger asChild ref={setTriggerNode}>\n        {triggerChild}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={popupContainer}>\n        <PopoverPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-pop-confirm tw-z-50 tw-w-[240px] tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-default)] tw-p-3 tw-outline-none',\n            rootClassName,\n            overlayClassName,\n          )}\n          style={{\n            zIndex: popupZIndex,\n            boxShadow: 'var(--elevation-bottom-bottom-md)',\n          }}\n        >\n          <div className=\"tw-flex tw-gap-2\">\n            {icon && <span className=\"tw-mt-0.5 tw-shrink-0\">{icon}</span>}\n            <div className=\"tw-flex-1\">\n              <div className=\"tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--alias-colors-text-default)]\">\n                {title}\n              </div>\n              <div className=\"tw-flex tw-justify-end tw-gap-2\">\n                <Button\n                  type=\"secondary\"\n                  size=\"small\"\n                  {...cancelButtonProps}\n                  onClick={handleCancel}\n                >\n                  {cancelText}\n                </Button>\n                <Button\n                  type={okType}\n                  size=\"small\"\n                  {...okButtonProps}\n                  onClick={handleConfirm}\n                >\n                  {okText}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popconfirm;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Popconfirm/index.tsx"],"sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover';\nimport React, { useState } from 'react';\nimport Button, { ButtonType, IButtonProps } from '../Button';\nimport { AttentionTriangleFill } from '../Icon';\nimport { useFloatingPopupZIndex } from '../_utils/floatingLayer';\nimport { cn } from '../lib/utils';\n\nexport interface PopconfirmProps {\n  title?: React.ReactNode;\n  onConfirm?: (e?: React.MouseEvent) => void;\n  onCancel?: (e?: React.MouseEvent) => void;\n  okText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  okButtonProps?: IButtonProps;\n  cancelButtonProps?: IButtonProps;\n  okType?: ButtonType;\n  icon?: React.ReactNode;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  placement?:\n    | 'top'\n    | 'bottom'\n    | 'left'\n    | 'right'\n    | 'topLeft'\n    | 'topRight'\n    | 'bottomLeft'\n    | 'bottomRight'\n    | 'leftTop'\n    | 'leftBottom'\n    | 'rightTop'\n    | 'rightBottom';\n  rootClassName?: string;\n  className?: string;\n  overlayClassName?: string;\n  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;\n  children?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sideMap: Record<string, PopoverPrimitive.PopoverContentProps['side']> = {\n  top: 'top',\n  bottom: 'bottom',\n  left: 'left',\n  right: 'right',\n  topLeft: 'top',\n  topRight: 'top',\n  bottomLeft: 'bottom',\n  bottomRight: 'bottom',\n  leftTop: 'left',\n  leftBottom: 'left',\n  rightTop: 'right',\n  rightBottom: 'right',\n};\n\nconst alignMap: Record<string, PopoverPrimitive.PopoverContentProps['align']> =\n  {\n    topLeft: 'start',\n    topRight: 'end',\n    bottomLeft: 'start',\n    bottomRight: 'end',\n    leftTop: 'start',\n    leftBottom: 'end',\n    rightTop: 'start',\n    rightBottom: 'end',\n  };\n\nfunction Popconfirm(props: PopconfirmProps) {\n  const {\n    title,\n    onConfirm,\n    onCancel,\n    okText = 'OK',\n    cancelText = 'Cancel',\n    okButtonProps = {},\n    cancelButtonProps = {},\n    okType = 'dangerous',\n    icon = (\n      <AttentionTriangleFill\n        size={16}\n        color=\"var(--action-destructive-normal)\"\n        fill=\"var(--action-inverted-normal)\"\n      />\n    ),\n    open: controlledOpen,\n    onOpenChange,\n    placement = 'top',\n    rootClassName,\n    overlayClassName,\n    getPopupContainer,\n    children,\n    disabled,\n  } = props;\n\n  const [innerOpen, setInnerOpen] = useState(false);\n  const triggerRef = React.useRef<HTMLElement | null>(null);\n  const getPopupContainerRef = React.useRef(getPopupContainer);\n  const lastGetPopupContainerRef = React.useRef(getPopupContainer);\n  const [popupContainer, setPopupContainer] = useState<\n    HTMLElement | undefined\n  >();\n  getPopupContainerRef.current = getPopupContainer;\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : innerOpen;\n  const mergedOpen = disabled ? false : isOpen;\n  const updatePopupContainer = React.useCallback((node: HTMLElement | null) => {\n    const nextContainer =\n      node && getPopupContainerRef.current\n        ? getPopupContainerRef.current(node)\n        : undefined;\n    setPopupContainer((prevContainer) =>\n      prevContainer === nextContainer ? prevContainer : nextContainer,\n    );\n  }, []);\n  const setTriggerNode = React.useCallback(\n    (node: HTMLElement | null) => {\n      if (!node) return;\n      if (triggerRef.current === node) return;\n      triggerRef.current = node;\n      updatePopupContainer(node);\n    },\n    [updatePopupContainer],\n  );\n\n  React.useEffect(() => {\n    if (lastGetPopupContainerRef.current === getPopupContainer) return;\n    lastGetPopupContainerRef.current = getPopupContainer;\n    updatePopupContainer(triggerRef.current);\n  }, [getPopupContainer, updatePopupContainer]);\n\n  const handleOpenChange = (val: boolean) => {\n    if (disabled) return;\n    if (!isControlled) setInnerOpen(val);\n    onOpenChange?.(val);\n  };\n\n  const handleConfirm = (e?: React.MouseEvent) => {\n    onConfirm?.(e);\n    handleOpenChange(false);\n  };\n\n  const handleCancel = (e?: React.MouseEvent) => {\n    onCancel?.(e);\n    handleOpenChange(false);\n  };\n\n  const side = sideMap[placement] || 'top';\n  const align = alignMap[placement] || 'center';\n  const popupZIndex = useFloatingPopupZIndex();\n  const triggerChild = React.isValidElement(children) ? (\n    children\n  ) : (\n    <span>{children}</span>\n  );\n\n  return (\n    <PopoverPrimitive.Root open={mergedOpen} onOpenChange={handleOpenChange}>\n      <PopoverPrimitive.Trigger asChild ref={setTriggerNode}>\n        {triggerChild}\n      </PopoverPrimitive.Trigger>\n      <PopoverPrimitive.Portal container={popupContainer}>\n        <PopoverPrimitive.Content\n          side={side}\n          align={align}\n          sideOffset={4}\n          className={cn(\n            'ald-pop-confirm tw-z-50 tw-w-[240px] tw-rounded-[6px] tw-border tw-border-solid tw-border-[var(--border-default-alpha)] tw-bg-[var(--background-default)] tw-p-3 tw-outline-none',\n            rootClassName,\n            overlayClassName,\n          )}\n          style={{\n            zIndex: popupZIndex,\n            boxShadow: 'var(--elevation-bottom-bottom-md)',\n          }}\n        >\n          <div className=\"tw-flex tw-gap-2\">\n            {icon && <span className=\"tw-mt-0.5 tw-shrink-0\">{icon}</span>}\n            <div className=\"tw-flex-1\">\n              <div className=\"tw-mb-2 tw-break-all tw-text-xs tw-leading-4 tw-text-[var(--content-primary)]\">\n                {title}\n              </div>\n              <div className=\"tw-flex tw-justify-end tw-gap-2\">\n                <Button\n                  type=\"secondary\"\n                  size=\"small\"\n                  {...cancelButtonProps}\n                  onClick={handleCancel}\n                >\n                  {cancelText}\n                </Button>\n                <Button\n                  type={okType}\n                  size=\"small\"\n                  {...okButtonProps}\n                  onClick={handleConfirm}\n                >\n                  {okText}\n                </Button>\n              </div>\n            </div>\n          </div>\n        </PopoverPrimitive.Content>\n      </PopoverPrimitive.Portal>\n    </PopoverPrimitive.Root>\n  );\n}\n\nexport default Popconfirm;\n"],"mappings":"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"}