@aloudata/aloudata-design 3.0.2 → 3.0.3

package/dist/Checkbox/index.js

@@ -36,7 +36,7 @@ function Checkbox(props) {
 	};
 	return /* @__PURE__ */ jsxs("label", {
 		onClick: handleLabelClick,
-		className: cn("ald-checkbox-wrapper ald-checkbox tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-1 tw-leading-5", mergedDisabled && "tw-cursor-default", size === "small" && "ald-checkbox-small", !mergedDisabled && "[&:hover_.ald-checkbox-inner]:tw-border-2 [&:hover_.ald-checkbox-inner]:tw-border-[var(--interaction-border-hover)]", !mergedDisabled && checked && "[&:hover_.ald-checkbox-inner]:tw-border-transparent [&:hover_.ald-checkbox-inner]:tw-bg-[var(--interaction-default-hover)]", className),
+		className: cn("ald-checkbox-wrapper ald-checkbox tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-leading-5", mergedDisabled && "tw-cursor-default", size === "small" && "ald-checkbox-small", !mergedDisabled && "[&:hover_.ald-checkbox-inner]:tw-border-2 [&:hover_.ald-checkbox-inner]:tw-border-[var(--interaction-border-hover)]", !mergedDisabled && checked && "[&:hover_.ald-checkbox-inner]:tw-border-transparent [&:hover_.ald-checkbox-inner]:tw-bg-[var(--interaction-default-hover)]", className),
 		style,
 		children: [/* @__PURE__ */ jsxs("span", {
 			className: cn("ald-checkbox-inner tw-relative tw-box-border tw-flex tw-size-4 tw-min-h-4 tw-min-w-4 tw-items-center tw-justify-center tw-rounded-r-50 tw-border-2 tw-border-solid tw-transition-all tw-duration-200", checked && "ald-checkbox-checked tw-border-transparent tw-bg-[var(--interaction-default-normal)]", mergedDisabled && "tw-opacity-50", !checked && !indeterminate && !alert && "tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--interaction-background-form-field)]", !checked && !indeterminate && alert && "tw-border-[var(--interaction-border-alert)] tw-bg-[var(--interaction-background-form-field)]", indeterminate && !checked && "ald-checkbox-indeterminate tw-border-transparent tw-bg-[var(--interaction-default-normal)]"),

package/dist/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Checkbox/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  CheckboxChangeEvent,\n  CheckboxValueType,\n  ICheckboxGroupProps,\n  ICheckboxProps,\n} from './type';\n\nexport type { CheckboxChangeEvent, CheckboxValueType };\nexport type { CheckboxOptionType } from './type';\nexport type { ICheckboxProps, ICheckboxGroupProps };\n\nfunction Checkbox(props: ICheckboxProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    alert,\n    bold,\n    size,\n    checked: controlledChecked,\n    defaultChecked,\n    indeterminate,\n    onChange,\n    onClick,\n    autoFocus,\n    children,\n    value,\n    name,\n    style,\n  } = props;\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'checked' in props;\n  const [innerChecked, setInnerChecked] = useState(defaultChecked ?? false);\n  const checked = isControlled ? controlledChecked : innerChecked;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (mergedDisabled) return;\n    const newChecked = e.target.checked;\n    if (!isControlled) {\n      setInnerChecked(newChecked);\n    }\n    onChange?.({\n      target: { checked: newChecked, value },\n      nativeEvent: e.nativeEvent,\n    });\n  };\n\n  const handleLabelClick = (e: React.MouseEvent) => {\n    if (mergedDisabled) return;\n    if (onClick) {\n      // Table row selection uses onClick — prevent label from also toggling input\n      e.preventDefault();\n      e.stopPropagation();\n      onClick(e);\n    }\n  };\n\n  return (\n    <label\n      onClick={handleLabelClick}\n      className={cn(\n        'ald-checkbox-wrapper ald-checkbox tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-1 tw-leading-5',\n        mergedDisabled && 'tw-cursor-default',\n        size === 'small' && 'ald-checkbox-small',\n        !mergedDisabled &&\n          '[&:hover_.ald-checkbox-inner]:tw-border-2 [&:hover_.ald-checkbox-inner]:tw-border-[var(--interaction-border-hover)]',\n        !mergedDisabled &&\n          checked &&\n          '[&:hover_.ald-checkbox-inner]:tw-border-transparent [&:hover_.ald-checkbox-inner]:tw-bg-[var(--interaction-default-hover)]',\n        className,\n      )}\n      style={style}\n    >\n      <span\n        className={cn(\n          'ald-checkbox-inner tw-relative tw-box-border tw-flex tw-size-4 tw-min-h-4 tw-min-w-4 tw-items-center tw-justify-center tw-rounded-r-50 tw-border-2 tw-border-solid tw-transition-all tw-duration-200',\n          checked &&\n            'ald-checkbox-checked tw-border-transparent tw-bg-[var(--interaction-default-normal)]',\n          mergedDisabled && 'tw-opacity-50',\n          !checked &&\n            !indeterminate &&\n            !alert &&\n            'tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--interaction-background-form-field)]',\n          !checked &&\n            !indeterminate &&\n            alert &&\n            'tw-border-[var(--interaction-border-alert)] tw-bg-[var(--interaction-background-form-field)]',\n          indeterminate &&\n            !checked &&\n            'ald-checkbox-indeterminate tw-border-transparent tw-bg-[var(--interaction-default-normal)]',\n        )}\n      >\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          className=\"tw-absolute tw-inset-0 tw-m-0 tw-cursor-pointer tw-opacity-0 disabled:tw-cursor-default\"\n          checked={!!checked}\n          disabled={mergedDisabled}\n          onChange={handleChange}\n          autoFocus={autoFocus}\n          name={name}\n          value={value as string}\n        />\n        {(checked || (indeterminate && !checked)) && (\n          <span\n            className=\"tw-absolute tw-inset-0 tw-bg-center tw-bg-no-repeat\"\n            style={{\n              backgroundImage:\n                indeterminate && !checked\n                  ? 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMSAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjc1IDFDMC43NSAwLjU4NTc4NiAxLjA4NTc5IDAuMjUgMS41IDAuMjVIOC41QzguOTE0MjEgMC4yNSA5LjI1IDAuNTg1Nzg2IDkuMjUgMUM5LjI1IDEuNDE0MjEgOC45MTQyMSAxLjc1IDguNSAxLjc1SDEuNUMxLjA4NTc5IDEuNzUgMC43NSAxLjQxNDIxIDAuNzUgMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\")'\n                  : 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\")',\n              backgroundSize:\n                indeterminate && !checked ? '10px 2px' : '10px 8px',\n            }}\n          />\n        )}\n      </span>\n      {children && (\n        <span\n          className={cn(\n            'ald-checkbox-label tw-inline-flex tw-select-none tw-items-center tw-gap-1 tw-text-[var(--alias-colors-text-default)] [&_svg]:tw-inline-block [&_svg]:tw-shrink-0',\n            size === 'small' ? 'tw-text-xs' : 'tw-text-sm',\n            bold && 'tw-font-medium',\n            mergedDisabled && 'tw-cursor-default',\n          )}\n        >\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\nfunction CheckboxGroup(props: ICheckboxGroupProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size,\n    options,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    direction,\n    name,\n    children,\n  } = props;\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<CheckboxValueType[]>(\n    defaultValue ?? [],\n  );\n  const value = isControlled ? controlledValue ?? [] : innerValue;\n\n  const handleGroupChange = (\n    itemValue: CheckboxValueType,\n    itemChecked: boolean,\n  ) => {\n    const newValue = itemChecked\n      ? [...value, itemValue]\n      : value.filter((v) => v !== itemValue);\n    if (!isControlled) {\n      setInnerValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  const renderOptions = () => {\n    if (!options) return children;\n    return options.map((opt) => {\n      const optObj =\n        typeof opt === 'object' ? opt : { label: String(opt), value: opt };\n      return (\n        <Checkbox\n          key={String(optObj.value)}\n          value={optObj.value}\n          disabled={mergedDisabled || optObj.disabled}\n          checked={value.includes(optObj.value)}\n          size={size}\n          name={name}\n          onChange={(e) => handleGroupChange(optObj.value, e.target.checked)}\n        >\n          {optObj.label}\n        </Checkbox>\n      );\n    });\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-checkbox-group tw-flex tw-flex-wrap tw-gap-3',\n        direction === 'vertical' && 'ald-checkbox-group-vertical tw-flex-col',\n        size === 'small' && 'ald-checkbox-group-small',\n        className,\n      )}\n    >\n      {renderOptions()}\n    </div>\n  );\n}\n\nCheckbox.Group = CheckboxGroup;\n\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Checkbox/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport DisabledContext from '../ConfigProvider/DisabledContext';\nimport { cn } from '../lib/utils';\nimport {\n  CheckboxChangeEvent,\n  CheckboxValueType,\n  ICheckboxGroupProps,\n  ICheckboxProps,\n} from './type';\n\nexport type { CheckboxChangeEvent, CheckboxValueType };\nexport type { CheckboxOptionType } from './type';\nexport type { ICheckboxProps, ICheckboxGroupProps };\n\nfunction Checkbox(props: ICheckboxProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    alert,\n    bold,\n    size,\n    checked: controlledChecked,\n    defaultChecked,\n    indeterminate,\n    onChange,\n    onClick,\n    autoFocus,\n    children,\n    value,\n    name,\n    style,\n  } = props;\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'checked' in props;\n  const [innerChecked, setInnerChecked] = useState(defaultChecked ?? false);\n  const checked = isControlled ? controlledChecked : innerChecked;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (inputRef.current) {\n      inputRef.current.indeterminate = !!indeterminate;\n    }\n  }, [indeterminate]);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (mergedDisabled) return;\n    const newChecked = e.target.checked;\n    if (!isControlled) {\n      setInnerChecked(newChecked);\n    }\n    onChange?.({\n      target: { checked: newChecked, value },\n      nativeEvent: e.nativeEvent,\n    });\n  };\n\n  const handleLabelClick = (e: React.MouseEvent) => {\n    if (mergedDisabled) return;\n    if (onClick) {\n      // Table row selection uses onClick — prevent label from also toggling input\n      e.preventDefault();\n      e.stopPropagation();\n      onClick(e);\n    }\n  };\n\n  return (\n    <label\n      onClick={handleLabelClick}\n      className={cn(\n        'ald-checkbox-wrapper ald-checkbox tw-inline-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-leading-5',\n        mergedDisabled && 'tw-cursor-default',\n        size === 'small' && 'ald-checkbox-small',\n        !mergedDisabled &&\n          '[&:hover_.ald-checkbox-inner]:tw-border-2 [&:hover_.ald-checkbox-inner]:tw-border-[var(--interaction-border-hover)]',\n        !mergedDisabled &&\n          checked &&\n          '[&:hover_.ald-checkbox-inner]:tw-border-transparent [&:hover_.ald-checkbox-inner]:tw-bg-[var(--interaction-default-hover)]',\n        className,\n      )}\n      style={style}\n    >\n      <span\n        className={cn(\n          'ald-checkbox-inner tw-relative tw-box-border tw-flex tw-size-4 tw-min-h-4 tw-min-w-4 tw-items-center tw-justify-center tw-rounded-r-50 tw-border-2 tw-border-solid tw-transition-all tw-duration-200',\n          checked &&\n            'ald-checkbox-checked tw-border-transparent tw-bg-[var(--interaction-default-normal)]',\n          mergedDisabled && 'tw-opacity-50',\n          !checked &&\n            !indeterminate &&\n            !alert &&\n            'tw-border-[var(--interaction-border-neutral-normal)] tw-bg-[var(--interaction-background-form-field)]',\n          !checked &&\n            !indeterminate &&\n            alert &&\n            'tw-border-[var(--interaction-border-alert)] tw-bg-[var(--interaction-background-form-field)]',\n          indeterminate &&\n            !checked &&\n            'ald-checkbox-indeterminate tw-border-transparent tw-bg-[var(--interaction-default-normal)]',\n        )}\n      >\n        <input\n          ref={inputRef}\n          type=\"checkbox\"\n          className=\"tw-absolute tw-inset-0 tw-m-0 tw-cursor-pointer tw-opacity-0 disabled:tw-cursor-default\"\n          checked={!!checked}\n          disabled={mergedDisabled}\n          onChange={handleChange}\n          autoFocus={autoFocus}\n          name={name}\n          value={value as string}\n        />\n        {(checked || (indeterminate && !checked)) && (\n          <span\n            className=\"tw-absolute tw-inset-0 tw-bg-center tw-bg-no-repeat\"\n            style={{\n              backgroundImage:\n                indeterminate && !checked\n                  ? 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJWZWN0b3IgMSAoU3Ryb2tlKSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjc1IDFDMC43NSAwLjU4NTc4NiAxLjA4NTc5IDAuMjUgMS41IDAuMjVIOC41QzguOTE0MjEgMC4yNSA5LjI1IDAuNTg1Nzg2IDkuMjUgMUM5LjI1IDEuNDE0MjEgOC45MTQyMSAxLjc1IDguNSAxLjc1SDEuNUMxLjA4NTc5IDEuNzUgMC43NSAxLjQxNDIxIDAuNzUgMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=\")'\n                  : 'url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEwIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGlkPSJJY29uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTMwMzMgMC45Njk2N0M5LjgyMzIyIDEuMjYyNTYgOS44MjMyMiAxLjczNzQ0IDkuNTMwMzMgMi4wMzAzM0w0LjUzMDMzIDcuMDMwMzNDNC4yMzc0NCA3LjMyMzIyIDMuNzYyNTYgNy4zMjMyMiAzLjQ2OTY3IDcuMDMwMzNMMC45Njk2NyA0LjUzMDMzQzAuNjc2Nzc3IDQuMjM3NDQgMC42NzY3NzcgMy43NjI1NiAwLjk2OTY3IDMuNDY5NjdDMS4yNjI1NiAzLjE3Njc4IDEuNzM3NDQgMy4xNzY3OCAyLjAzMDMzIDMuNDY5NjdMNCA1LjQzOTM0TDguNDY5NjcgMC45Njk2N0M4Ljc2MjU2IDAuNjc2Nzc3IDkuMjM3NDQgMC42NzY3NzcgOS41MzAzMyAwLjk2OTY3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\")',\n              backgroundSize:\n                indeterminate && !checked ? '10px 2px' : '10px 8px',\n            }}\n          />\n        )}\n      </span>\n      {children && (\n        <span\n          className={cn(\n            'ald-checkbox-label tw-inline-flex tw-select-none tw-items-center tw-gap-1 tw-text-[var(--alias-colors-text-default)] [&_svg]:tw-inline-block [&_svg]:tw-shrink-0',\n            size === 'small' ? 'tw-text-xs' : 'tw-text-sm',\n            bold && 'tw-font-medium',\n            mergedDisabled && 'tw-cursor-default',\n          )}\n        >\n          {children}\n        </span>\n      )}\n    </label>\n  );\n}\n\nfunction CheckboxGroup(props: ICheckboxGroupProps) {\n  const {\n    className,\n    disabled: customDisabled,\n    size,\n    options,\n    value: controlledValue,\n    defaultValue,\n    onChange,\n    direction,\n    name,\n    children,\n  } = props;\n\n  const disabled = useContext(DisabledContext);\n  const mergedDisabled = customDisabled ?? disabled;\n\n  const isControlled = 'value' in props;\n  const [innerValue, setInnerValue] = useState<CheckboxValueType[]>(\n    defaultValue ?? [],\n  );\n  const value = isControlled ? controlledValue ?? [] : innerValue;\n\n  const handleGroupChange = (\n    itemValue: CheckboxValueType,\n    itemChecked: boolean,\n  ) => {\n    const newValue = itemChecked\n      ? [...value, itemValue]\n      : value.filter((v) => v !== itemValue);\n    if (!isControlled) {\n      setInnerValue(newValue);\n    }\n    onChange?.(newValue);\n  };\n\n  const renderOptions = () => {\n    if (!options) return children;\n    return options.map((opt) => {\n      const optObj =\n        typeof opt === 'object' ? opt : { label: String(opt), value: opt };\n      return (\n        <Checkbox\n          key={String(optObj.value)}\n          value={optObj.value}\n          disabled={mergedDisabled || optObj.disabled}\n          checked={value.includes(optObj.value)}\n          size={size}\n          name={name}\n          onChange={(e) => handleGroupChange(optObj.value, e.target.checked)}\n        >\n          {optObj.label}\n        </Checkbox>\n      );\n    });\n  };\n\n  return (\n    <div\n      className={cn(\n        'ald-checkbox-group tw-flex tw-flex-wrap tw-gap-3',\n        direction === 'vertical' && 'ald-checkbox-group-vertical tw-flex-col',\n        size === 'small' && 'ald-checkbox-group-small',\n        className,\n      )}\n    >\n      {renderOptions()}\n    </div>\n  );\n}\n\nCheckbox.Group = CheckboxGroup;\n\nexport default Checkbox;\n"],"mappings":"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"}

package/dist/Collapse/index.js

@@ -50,7 +50,7 @@ function CollapsePanelInternal(props) {
 				className: "tw-overflow-hidden",
 				children: rendered && /* @__PURE__ */ jsx("div", {
 					ref: contentRef,
-					className: cn("ald-collapse-content ant-collapse-content tw-flex tw-items-start tw-gap-2.5 tw-self-stretch", bordered ? "tw-bg-[var(--background-default)] tw-p-4" : "tw-pb-4 tw-pl-10 tw-pr-4 tw-pt-0"),
+					className: cn("ald-collapse-content ant-collapse-content tw-flex tw-flex-col tw-items-stretch tw-gap-2.5 tw-self-stretch", bordered ? "tw-bg-[var(--background-default)] tw-p-4" : "tw-px-4 tw-pb-4 tw-pt-0"),
 					children
 				})
 			})
@@ -119,13 +119,13 @@ var Collapse = (props) => {
 			forceRender: item.forceRender,
 			expandIcon,
 			expandIconPosition: resolvedPosition,
-			bordered,
+			bordered: bordered && !ghost,
 			children: item.children
 		})] }, item.key));
 		return children;
 	};
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("ald-collapse ant-collapse tw-flex tw-flex-col tw-items-start tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-divider]:tw-h-px [&>.ald-collapse-divider]:tw-w-full [&>.ald-collapse-divider]:tw-bg-[var(--border-default)]", !bordered && !ghost && "tw-bg-[var(--background-neutral-subtle)]", bordered && "tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]", className),
+		className: cn("ald-collapse ant-collapse tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-divider]:tw-h-px [&>.ald-collapse-divider]:tw-w-full [&>.ald-collapse-divider]:tw-bg-[var(--border-default)]", !ghost && !bordered && "tw-bg-[var(--background-neutral-subtle)]", !ghost && bordered && "tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]", className),
 		style,
 		children: renderItems()
 	});

package/dist/Collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface CollapsePanelProps {\n  key: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n  showArrow?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\n/** Internal rendering component for a single panel */\nfunction CollapsePanelInternal(props: {\n  panelKey: string;\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n  bordered?: boolean;\n}) {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n    bordered,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [rendered, setRendered] = useState(isActive || !!forceRender);\n\n  // Ensure content is in DOM before expanding so transition can play\n  if (isActive && !rendered) {\n    setRendered(true);\n  }\n\n  const handleTransitionEnd = () => {\n    if (!isActive && !forceRender) {\n      setRendered(false);\n    }\n  };\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  );\n\n  // antd 兼容：保留 ant-collapse-expand-icon class，消费方 CSS 可能依赖该选择器\n  const iconElement = (\n    <span\n      className=\"ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center\"\n      style={{\n        transform: isActive ? 'rotate(90deg)' : 'rotate(0deg)',\n        transition: 'transform 200ms',\n      }}\n    >\n      {iconNode}\n    </span>\n  );\n\n  return (\n    <div\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-collapse-item ant-collapse-item tw-w-full',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <div\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        className=\"ald-collapse-header ant-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-p-3\"\n        onClick={disabled ? undefined : onToggle}\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n        <span className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\">\n          {header}\n        </span>\n        {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n        {extra && (\n          <span className=\"ald-collapse-extra ant-collapse-extra\">{extra}</span>\n        )}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n      <div\n        className=\"tw-grid tw-transition-[grid-template-rows] tw-duration-200\"\n        style={{ gridTemplateRows: isActive ? '1fr' : '0fr' }}\n        onTransitionEnd={handleTransitionEnd}\n      >\n        <div className=\"tw-overflow-hidden\">\n          {rendered && (\n            <div\n              ref={contentRef}\n              // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n              className={cn(\n                'ald-collapse-content ant-collapse-content tw-flex tw-items-start tw-gap-2.5 tw-self-stretch',\n                bordered\n                  ? 'tw-bg-[var(--background-default)] tw-p-4'\n                  : 'tw-pb-4 tw-pl-10 tw-pr-4 tw-pt-0',\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Checks whether a React element is a Collapse.Panel.\n * We tag the Panel component with a `__COLLAPSE_PANEL` flag\n * so we can detect it regardless of module wrapper differences.\n */\nfunction isPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<CollapsePanelProps> {\n  if (!React.isValidElement(child)) return false;\n  return (child.type as any)?.__COLLAPSE_PANEL === true;\n}\n\n/**\n * Convert Collapse.Panel children into the internal items format.\n */\nfunction panelChildrenToItems(children: React.ReactNode) {\n  const items: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }> = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!isPanelElement(child)) return;\n    const {\n      header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = child.props;\n\n    // The `key` prop is not part of child.props in React — access it from child.key\n    const panelKey =\n      child.key !== null && child.key !== undefined ? String(child.key) : '';\n\n    items.push({\n      key: panelKey,\n      label: header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    });\n  });\n\n  return items;\n}\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    ghost,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const normalizeKeys = (keys: string | string[] | undefined): string[] => {\n    if (!keys) return [];\n    return Array.isArray(keys) ? keys : [keys];\n  };\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  // Resolve items: from `items` prop, or by converting Panel children\n  const items =\n    itemsProp || (children ? panelChildrenToItems(children) : undefined);\n\n  const renderItems = () => {\n    if (items && items.length > 0) {\n      return items.map((item, index) => (\n        <React.Fragment key={item.key}>\n          {index > 0 && <div className=\"ald-collapse-divider\" />}\n          <CollapsePanelInternal\n            panelKey={item.key}\n            header={item.label}\n            isActive={activeKeys.includes(item.key)}\n            onToggle={() => toggleKey(item.key)}\n            disabled={item.disabled || item.collapsible === 'disabled'}\n            extra={item.extra}\n            className={item.className}\n            style={item.style}\n            forceRender={item.forceRender}\n            expandIcon={expandIcon}\n            expandIconPosition={resolvedPosition}\n            bordered={bordered}\n          >\n            {item.children}\n          </CollapsePanelInternal>\n        </React.Fragment>\n      ));\n    }\n    // If children are not Panel elements (rare fallback), render them as-is\n    return children;\n  };\n\n  return (\n    <div\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-collapse ant-collapse tw-flex tw-flex-col tw-items-start tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-divider]:tw-h-px [&>.ald-collapse-divider]:tw-w-full [&>.ald-collapse-divider]:tw-bg-[var(--border-default)]',\n        !bordered && !ghost && 'tw-bg-[var(--background-neutral-subtle)]',\n        bordered &&\n          'tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems()}\n    </div>\n  );\n};\n\n/**\n * Collapse.Panel — legacy sub-component for backwards compatibility.\n * When used as a child of <Collapse>, the parent extracts its props\n * and renders the panels via the internal CollapsePanelInternal component.\n * Panel itself never renders directly; the parent handles rendering.\n */\nconst Panel: React.FC<CollapsePanelProps> = ({ children }) => {\n  // This component should never render on its own — Collapse extracts\n  // its props. But if used outside of Collapse, render children as fallback.\n  return <>{children}</>;\n};\n\n// Tag for detection by isPanelElement\n(Panel as any).__COLLAPSE_PANEL = true;\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Collapse/index.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { ArrowRightLightLine } from '../Icon';\nimport { cn } from '../lib/utils';\n\nexport interface CollapsePanelProps {\n  key: string;\n  header?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  forceRender?: boolean;\n  collapsible?: 'header' | 'icon' | 'disabled';\n  showArrow?: boolean;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\nexport interface CollapseProps {\n  activeKey?: string | string[];\n  defaultActiveKey?: string | string[];\n  accordion?: boolean;\n  onChange?: (key: string | string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  bordered?: boolean;\n  expandIconPosition?: 'start' | 'end' | 'left' | 'right';\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  ghost?: boolean;\n  size?: 'large' | 'middle' | 'small';\n  collapsible?: 'header' | 'icon' | 'disabled';\n  children?: React.ReactNode;\n  items?: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }>;\n}\n\n/** Internal rendering component for a single panel */\nfunction CollapsePanelInternal(props: {\n  panelKey: string;\n  header: React.ReactNode;\n  isActive: boolean;\n  onToggle: () => void;\n  disabled?: boolean;\n  extra?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  children?: React.ReactNode;\n  forceRender?: boolean;\n  expandIcon?: (props: { isActive: boolean }) => React.ReactNode;\n  expandIconPosition?: 'start' | 'end';\n  bordered?: boolean;\n}) {\n  const {\n    header,\n    isActive,\n    onToggle,\n    disabled,\n    extra,\n    className,\n    style,\n    children,\n    forceRender,\n    expandIcon,\n    expandIconPosition = 'start',\n    bordered,\n  } = props;\n\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [rendered, setRendered] = useState(isActive || !!forceRender);\n\n  // Ensure content is in DOM before expanding so transition can play\n  if (isActive && !rendered) {\n    setRendered(true);\n  }\n\n  const handleTransitionEnd = () => {\n    if (!isActive && !forceRender) {\n      setRendered(false);\n    }\n  };\n\n  const iconNode = expandIcon ? (\n    expandIcon({ isActive })\n  ) : (\n    <ArrowRightLightLine size={20} color=\"var(--alias-colors-icon-subtle)\" />\n  );\n\n  // antd 兼容：保留 ant-collapse-expand-icon class，消费方 CSS 可能依赖该选择器\n  const iconElement = (\n    <span\n      className=\"ald-collapse-expand-icon ant-collapse-expand-icon tw-flex tw-items-center\"\n      style={{\n        transform: isActive ? 'rotate(90deg)' : 'rotate(0deg)',\n        transition: 'transform 200ms',\n      }}\n    >\n      {iconNode}\n    </span>\n  );\n\n  return (\n    <div\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-collapse-item ant-collapse-item tw-w-full',\n        isActive && 'ald-collapse-item-active',\n        disabled && 'tw-pointer-events-none tw-opacity-50',\n        className,\n      )}\n      style={style}\n    >\n      <div\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        className=\"ald-collapse-header ant-collapse-header tw-flex tw-cursor-pointer tw-items-center tw-gap-2 tw-p-3\"\n        onClick={disabled ? undefined : onToggle}\n      >\n        {expandIconPosition === 'start' && iconElement}\n        {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n        <span className=\"ald-collapse-header-text ant-collapse-header-text tw-flex-1 tw-text-sm tw-font-medium tw-leading-5 tw-text-[var(--content-primary)]\">\n          {header}\n        </span>\n        {/* antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器 */}\n        {extra && (\n          <span className=\"ald-collapse-extra ant-collapse-extra\">{extra}</span>\n        )}\n        {expandIconPosition === 'end' && iconElement}\n      </div>\n      <div\n        className=\"tw-grid tw-transition-[grid-template-rows] tw-duration-200\"\n        style={{ gridTemplateRows: isActive ? '1fr' : '0fr' }}\n        onTransitionEnd={handleTransitionEnd}\n      >\n        <div className=\"tw-overflow-hidden\">\n          {rendered && (\n            <div\n              ref={contentRef}\n              // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n              className={cn(\n                // 默认列方向 + items-stretch，使 block 级子元素能撑满宽度（与 antd\n                // Collapse 内容区行为一致）。row 布局由消费方自行包裹，避免在这里\n                // 把\"label 靠左 / 控件靠右\"这种 space-between 行布局压缩掉。\n                'ald-collapse-content ant-collapse-content tw-flex tw-flex-col tw-items-stretch tw-gap-2.5 tw-self-stretch',\n                bordered\n                  ? 'tw-bg-[var(--background-default)] tw-p-4'\n                  : 'tw-px-4 tw-pb-4 tw-pt-0',\n              )}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Checks whether a React element is a Collapse.Panel.\n * We tag the Panel component with a `__COLLAPSE_PANEL` flag\n * so we can detect it regardless of module wrapper differences.\n */\nfunction isPanelElement(\n  child: React.ReactNode,\n): child is React.ReactElement<CollapsePanelProps> {\n  if (!React.isValidElement(child)) return false;\n  return (child.type as any)?.__COLLAPSE_PANEL === true;\n}\n\n/**\n * Convert Collapse.Panel children into the internal items format.\n */\nfunction panelChildrenToItems(children: React.ReactNode) {\n  const items: Array<{\n    key: string;\n    label: React.ReactNode;\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    extra?: React.ReactNode;\n    disabled?: boolean;\n    collapsible?: 'header' | 'icon' | 'disabled';\n    forceRender?: boolean;\n  }> = [];\n\n  React.Children.forEach(children, (child) => {\n    if (!isPanelElement(child)) return;\n    const {\n      header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    } = child.props;\n\n    // The `key` prop is not part of child.props in React — access it from child.key\n    const panelKey =\n      child.key !== null && child.key !== undefined ? String(child.key) : '';\n\n    items.push({\n      key: panelKey,\n      label: header,\n      children: panelChildren,\n      className,\n      style,\n      extra,\n      disabled,\n      collapsible,\n      forceRender,\n    });\n  });\n\n  return items;\n}\n\nconst Collapse = (props: CollapseProps) => {\n  const {\n    defaultActiveKey = [],\n    activeKey: controlledActiveKey,\n    accordion,\n    onChange,\n    className,\n    style,\n    bordered = true,\n    ghost,\n    expandIconPosition,\n    expandIcon,\n    items: itemsProp,\n    children,\n  } = props;\n\n  const resolvedPosition =\n    expandIconPosition === 'left'\n      ? 'start'\n      : expandIconPosition === 'right'\n      ? 'end'\n      : expandIconPosition ?? 'start';\n\n  const normalizeKeys = (keys: string | string[] | undefined): string[] => {\n    if (!keys) return [];\n    return Array.isArray(keys) ? keys : [keys];\n  };\n\n  const [internalActiveKey, setInternalActiveKey] = useState<string[]>(\n    normalizeKeys(defaultActiveKey),\n  );\n\n  const activeKeys =\n    controlledActiveKey !== undefined\n      ? normalizeKeys(controlledActiveKey)\n      : internalActiveKey;\n\n  const toggleKey = (key: string) => {\n    let newKeys: string[];\n    if (accordion) {\n      newKeys = activeKeys.includes(key) ? [] : [key];\n    } else {\n      newKeys = activeKeys.includes(key)\n        ? activeKeys.filter((k) => k !== key)\n        : [...activeKeys, key];\n    }\n    if (controlledActiveKey === undefined) {\n      setInternalActiveKey(newKeys);\n    }\n    onChange?.(accordion ? newKeys[0] || '' : newKeys);\n  };\n\n  // Resolve items: from `items` prop, or by converting Panel children\n  const items =\n    itemsProp || (children ? panelChildrenToItems(children) : undefined);\n\n  const renderItems = () => {\n    if (items && items.length > 0) {\n      return items.map((item, index) => (\n        <React.Fragment key={item.key}>\n          {index > 0 && <div className=\"ald-collapse-divider\" />}\n          <CollapsePanelInternal\n            panelKey={item.key}\n            header={item.label}\n            isActive={activeKeys.includes(item.key)}\n            onToggle={() => toggleKey(item.key)}\n            disabled={item.disabled || item.collapsible === 'disabled'}\n            extra={item.extra}\n            className={item.className}\n            style={item.style}\n            forceRender={item.forceRender}\n            expandIcon={expandIcon}\n            expandIconPosition={resolvedPosition}\n            bordered={bordered && !ghost}\n          >\n            {item.children}\n          </CollapsePanelInternal>\n        </React.Fragment>\n      ));\n    }\n    // If children are not Panel elements (rare fallback), render them as-is\n    return children;\n  };\n\n  return (\n    <div\n      className={cn(\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ald-collapse ant-collapse tw-flex tw-flex-col tw-items-stretch tw-overflow-hidden tw-rounded-r-75 [&>.ald-collapse-divider]:tw-h-px [&>.ald-collapse-divider]:tw-w-full [&>.ald-collapse-divider]:tw-bg-[var(--border-default)]',\n        !ghost && !bordered && 'tw-bg-[var(--background-neutral-subtle)]',\n        !ghost &&\n          bordered &&\n          'tw-border tw-border-solid tw-border-[var(--border-default)] tw-bg-[var(--background-neutral-subtle)]',\n        className,\n      )}\n      style={style}\n    >\n      {renderItems()}\n    </div>\n  );\n};\n\n/**\n * Collapse.Panel — legacy sub-component for backwards compatibility.\n * When used as a child of <Collapse>, the parent extracts its props\n * and renders the panels via the internal CollapsePanelInternal component.\n * Panel itself never renders directly; the parent handles rendering.\n */\nconst Panel: React.FC<CollapsePanelProps> = ({ children }) => {\n  // This component should never render on its own — Collapse extracts\n  // its props. But if used outside of Collapse, render children as fallback.\n  return <>{children}</>;\n};\n\n// Tag for detection by isPanelElement\n(Panel as any).__COLLAPSE_PANEL = true;\n\nCollapse.Panel = Panel;\n\nexport default Collapse;\n"],"mappings":"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"}

package/dist/Select/interface.d.ts

@@ -36,6 +36,13 @@ export interface ISelectProps<ValueType = any, OptionType extends BaseOptionType
     dropdownRender?: (menu: React.ReactElement) => React.ReactElement;
     dropdownStyle?: React.CSSProperties;
     overlayStyle?: React.CSSProperties;
+    /**
+     * @description 下拉面板内层 surface 的内联样式，继承自 Dropdown。
+     * 用于覆盖 surface 默认约束（默认 min-width:160px、max-width:320px）；
+     * 自定义 dropdownRender 内容宽度超过 320px 时，传 `{ width: 600, maxWidth: 'none' }` 即可。
+     * @default -
+     */
+    overlayInnerStyle?: React.CSSProperties;
     style?: React.CSSProperties;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;

package/dist/Tree/Tree2.js

@@ -125,13 +125,9 @@ var Tree = React$1.forwardRef((props, ref) => {
 	*/
 	const composedAllowDrop = React$1.useMemo(() => composeAllowDrop(rest.allowDrop, dropOnlyResolvers?.nodeDroppable), [rest.allowDrop, dropOnlyResolvers]);
 	const renderIndent = (nodeProps) => {
-		const { pos, isLeaf } = nodeProps;
-		const level = pos ? pos.split("-").length - 1 : 0;
-		const iconSize = TREE_SWITCH_CION_SIZE;
-		let indentWidth = isLeaf ? iconSize : 0;
-		indentWidth += level * (iconSize / 2);
+		const { pos } = nodeProps;
 		return /* @__PURE__ */ jsx("span", { style: {
-			width: indentWidth,
+			width: Math.max(0, (pos?.split("-").length ?? 2) - 2) * TREE_SWITCH_CION_SIZE,
 			flexShrink: 0
 		} });
 	};

package/dist/Tree/Tree2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree2.js","names":[],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["import './tree.css';\nimport { cn } from '../lib/utils';\nimport { produce } from 'immer';\nimport { noop } from 'lodash';\nimport type { BasicDataNode, TreeProps as RcTreeProps } from 'rc-tree';\nimport RcTree from 'rc-tree';\nimport type { DataNode, Key } from 'rc-tree/es/interface';\nimport * as React from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport HighlightText from '../HighlightText';\nimport { ArrowRightLightLine, DragLine } from '../Icon';\nimport collapseMotion from '../_utils/motion';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { composeAllowDrop } from './utils/composeAllowDrop';\nimport dropIndicatorRender from './utils/dropIndicator';\nimport renderSwitcherIcon from './utils/iconUtil';\nconst TREE_SWITCH_CION_SIZE = 16;\nconst NODE_DISABLE_CLASS_NAME = 'ald-tree-node-disabled';\nexport type SwitcherIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\nexport type TreeLeafIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\n\nexport interface AldTreeNodeAttribute {\n  eventKey: string;\n  prefixCls: string;\n  className: string;\n  expanded: boolean;\n  selected: boolean;\n  checked: boolean;\n  halfChecked: boolean;\n  children: React.ReactNode;\n  title: React.ReactNode;\n  pos: string;\n  dragOver: boolean;\n  dragOverGapTop: boolean;\n  dragOverGapBottom: boolean;\n  isLeaf: boolean;\n  selectable: boolean;\n  disabled: boolean;\n  disableCheckbox: boolean;\n}\n\nexport interface AldTreeNodeProps {\n  className?: string;\n  checkable?: boolean;\n  disabled?: boolean;\n  disableCheckbox?: boolean;\n  title?: string | React.ReactNode;\n  key?: Key;\n  eventKey?: string;\n  isLeaf?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  selectable?: boolean;\n  icon?:\n    | ((treeNode: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode;\n  children?: React.ReactNode;\n  [customProp: string]: any;\n}\n\nexport type AldTreeNode = React.Component<AldTreeNodeProps, object>;\n\nexport interface AldTreeNodeBaseEvent {\n  node: AldTreeNode;\n  nativeEvent: MouseEvent;\n}\n\nexport interface AldTreeNodeCheckedEvent extends AldTreeNodeBaseEvent {\n  event: 'check';\n  checked?: boolean;\n  checkedNodes?: AldTreeNode[];\n}\n\nexport interface AldTreeNodeSelectedEvent extends AldTreeNodeBaseEvent {\n  event: 'select';\n  selected?: boolean;\n  selectedNodes?: DataNode[];\n}\n\nexport interface AldTreeNodeExpandedEvent extends AldTreeNodeBaseEvent {\n  expanded?: boolean;\n}\n\nexport interface AldTreeNodeMouseEvent {\n  node: AldTreeNode;\n  event: React.DragEvent<HTMLElement>;\n}\n\nexport interface AldTreeNodeDragEnterEvent extends AldTreeNodeMouseEvent {\n  expandedKeys: Key[];\n}\n\nexport interface AldTreeNodeAttribute {\n  node: AldTreeNode;\n  dragNode: AldTreeNode;\n  dragNodesKeys: Key[];\n  dropPosition: number;\n  dropToGap?: boolean;\n  event: React.MouseEvent<HTMLElement>;\n}\n\n// [Legacy] Compatible for v3\nexport type TreeNodeNormal = DataNode;\n\ntype DraggableFn = (node: DataNode) => boolean;\n\ninterface DropOnlyResolvers {\n  nodeDraggable: DraggableFn | undefined;\n  nodeDroppable: DraggableFn;\n}\n\ninterface DraggableConfig {\n  icon?: React.ReactNode | false;\n  /** 节点是否可作为 drag source（拖起来）。返回 false：不显示 drag handle、不能起拖。 */\n  nodeDraggable?: DraggableFn;\n  /**\n   * 节点是否可作为 drop target（接收落入）。返回 true：即使 nodeDraggable=false 仍注册\n   * onDragOver/onDrop 等 listener，浏览器才会真正派发 drop 事件。\n   *\n   * 解决 rc-tree 5.x 把\"可拖\"与\"可放\"绑到同一个 nodeDraggable 的限制——之前要让\"类目可接收\n   * 资源拖入但本身不可拖\"只能让 nodeDraggable 全返回 true，再用业务侧 CSS hack 隐藏 drag icon。\n   *\n   * 默认不传 = 沿用 nodeDraggable 行为（向后兼容）。\n   */\n  nodeDroppable?: DraggableFn;\n}\n\nexport interface TreeProps<T extends BasicDataNode = DataNode>\n  extends Omit<\n    RcTreeProps<T>,\n    | 'prefixCls'\n    | 'showLine'\n    | 'direction'\n    | 'draggable'\n    | 'icon'\n    | 'switcherIcon'\n    | 'filterTreeNode'\n  > {\n  showLine?: boolean | { showLeafIcon: boolean | TreeLeafIcon };\n  className?: string;\n  /** 是否支持多选 */\n  multiple?: boolean;\n  /** 是否自动展开父节点 */\n  autoExpandParent?: boolean;\n  /** Checkable状态下节点选择完全受控（父子节点选中状态不再关联） */\n  checkStrictly?: boolean;\n  /** 是否支持选中 */\n  checkable?: boolean;\n  /** 是否禁用树 */\n  disabled?: boolean;\n  /** 默认展开所有树节点 */\n  defaultExpandAll?: boolean;\n  /** 默认展开对应树节点 */\n  defaultExpandParent?: boolean;\n  /** 默认展开指定的树节点 */\n  defaultExpandedKeys?: Key[];\n  /** （受控）展开指定的树节点 */\n  expandedKeys?: Key[];\n  /** （受控）选中复选框的树节点 */\n  checkedKeys?: Key[] | { checked: Key[]; halfChecked: Key[] };\n  /** 默认选中复选框的树节点 */\n  defaultCheckedKeys?: Key[];\n  /** （受控）设置选中的树节点 */\n  selectedKeys?: Key[];\n  /** 默认选中的树节点 */\n  defaultSelectedKeys?: Key[];\n  selectable?: boolean;\n  /** 点击树节点触发 */\n  filterTreeNode?: (node: DataNode) => boolean;\n  loadedKeys?: Key[];\n  /** 设置节点可拖拽（IE>8） */\n  draggable?: DraggableFn | boolean | DraggableConfig;\n  style?: React.CSSProperties;\n  showIcon?: boolean;\n  icon?:\n    | ((nodeProps: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode\n    | RcTreeProps<T>['icon'];\n  switcherIcon?: SwitcherIcon | RcTreeProps<T>['switcherIcon'];\n  prefixCls?: string;\n  children?: React.ReactNode;\n  blockNode?: boolean;\n  size?: 'large' | 'small';\n  titleRender?: (node: T) => React.ReactNode;\n  showTabLeader?: boolean;\n  handlerRender?: (node: T) => React.ReactNode;\n  highlightKeywords?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Tree = React.forwardRef<any, TreeProps>((props, ref) => {\n  const { locale } = React.useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getPrefixCls, direction, virtual } = React.useContext(ConfigContext);\n  const size = props.size || 'large';\n  const {\n    className,\n    showIcon = false,\n    showLine,\n    blockNode = false,\n    children,\n    checkable = false,\n    selectable = true,\n    draggable,\n    titleRender,\n    showTabLeader,\n    handlerRender = noop,\n    filterTreeNode,\n    treeData,\n    highlightKeywords,\n    motion = { ...collapseMotion, motionAppear: false },\n    ...rest\n  } = props;\n  const prefixCls = getPrefixCls('tree', 'ald-tree');\n\n  const customTitleRender = React.useCallback(\n    (node: DataNode) => {\n      const renderedTitle = titleRender\n        ? titleRender(node)\n        : typeof node.title === 'function'\n        ? node.title(node)\n        : node.title;\n      return (\n        <>\n          {renderedTitle}\n          {showTabLeader && <div className=\"ald-tree-tab-leader\"></div>}\n          {handlerRender && (handlerRender(node) as React.ReactNode)}\n        </>\n      );\n    },\n    [titleRender, showTabLeader, handlerRender],\n  );\n  const newProps = {\n    ...rest,\n    checkable,\n    selectable,\n    showIcon,\n    motion,\n    blockNode,\n    showLine: Boolean(showLine),\n    dropIndicatorRender,\n    titleRender: customTitleRender,\n  };\n\n  // 一次性吃掉 draggable 的归一化：rc-tree 看到的 mergedDraggable + 我们内部用的\n  // dropOnlyResolvers（原样保留用户 nodeDraggable/nodeDroppable）。集中一处避免两处 useMemo\n  // 的判断散开导致字段扩展时遗漏。\n  const { draggableConfig, dropOnlyResolvers } = React.useMemo(() => {\n    if (!draggable) {\n      return {\n        draggableConfig: false as const,\n        dropOnlyResolvers: null as DropOnlyResolvers | null,\n      };\n    }\n    const newIcon = (\n      <DragLine\n        size={TREE_SWITCH_CION_SIZE}\n        color={'var(--alias-colors-icon-subtle)'}\n      ></DragLine>\n    );\n    let mergedDraggable: DraggableConfig = { icon: newIcon };\n    switch (typeof draggable) {\n      case 'function':\n        mergedDraggable.nodeDraggable = draggable;\n        break;\n      case 'object':\n        mergedDraggable = {\n          ...draggable,\n          icon: draggable.icon === undefined ? newIcon : draggable.icon,\n        };\n        break;\n      default:\n        break;\n    }\n\n    // rc-tree 5.x 把\"可拖（drag source）\"与\"可放（drop target）\"绑到同一个 nodeDraggable：\n    // 该返回 false 时 onDragOver/onDrop 也连带不注册，浏览器认为该节点 not droppable\n    // → drop 事件根本不派发。为了让\"类目可接收资源拖入但本身不可拖\"，把 rc-tree 看到的\n    // nodeDraggable 改成 nodeDraggable || nodeDroppable，从而保证 drop listener 仍注册。\n    // 真正的 drag-source 阻断由 document 级 dragstart capture handler 负责（见下方 effect）。\n    let resolvers: DropOnlyResolvers | null = null;\n    if (mergedDraggable.nodeDroppable) {\n      const userNodeDraggable = mergedDraggable.nodeDraggable;\n      const userNodeDroppable = mergedDraggable.nodeDroppable;\n      resolvers = {\n        nodeDraggable: userNodeDraggable,\n        nodeDroppable: userNodeDroppable,\n      };\n      mergedDraggable = {\n        ...mergedDraggable,\n        nodeDraggable: (node: DataNode) =>\n          (userNodeDraggable ? userNodeDraggable(node) : true) ||\n          userNodeDroppable(node),\n      };\n    }\n\n    return { draggableConfig: mergedDraggable, dropOnlyResolvers: resolvers };\n  }, [draggable]);\n\n  /**\n   * drop-only 节点不能真的起拖。\n   *\n   * 历史教训：以前在 props.onDragStart 里调 preventDefault。问题是 rc-tree 内部\n   * onNodeDragStart（Tree.js:88-99）会在调用 user onDragStart **之前**把\n   * draggingNodeKey/dragNodeProps 写进 state；TreeNode（TreeNode.js:112）也已经先\n   * setDragNodeHighlight(true)。然后 preventDefault 让浏览器取消拖拽，dragend 不再派发\n   * → onWindowDragEnd 永远不触发 → state 卡在\"正在拖类目\"，外层 .ald-tree-treenode\n   * 卡着 `dragging`、内层 .ald-tree-node-content-wrapper 卡着 `ald-tree-node-selected`\n   * 高亮，直到下一次合法 dragstart 才被覆盖。\n   *\n   * 修复手段：document 级 dragstart capture handler，在 rc-tree 的 React 监听器之前\n   * stopPropagation+preventDefault，让 TreeNode 的 onDragStart 整段都不执行，rc-tree\n   * 内部 state 彻底不写入。document 是 React root 容器的祖先，capture 阶段先于 React\n   * delegation 监听器，因此 stopPropagation 能彻底拦截。\n   */\n  React.useLayoutEffect(() => {\n    if (!dropOnlyResolvers) return;\n    const handler = (e: DragEvent) => {\n      const target = e.target as HTMLElement | null;\n      if (!target?.closest) return;\n      if (target.closest('.ald-tree-treenode-drop-only')) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    };\n    document.addEventListener('dragstart', handler, true);\n    return () => document.removeEventListener('dragstart', handler, true);\n  }, [dropOnlyResolvers]);\n\n  /**\n   * nodeDroppable 同时收口到 rc-tree 的 allowDrop：避免出现\"nodeDroppable=false 但 rc-tree\n   * 默认 allowDrop=()=>true 仍然接收 drop\"的语义裂缝。用户自传的 allowDrop 与 nodeDroppable\n   * 取 AND（任一拒绝即拒绝）。\n   */\n  const composedAllowDrop = React.useMemo(\n    () => composeAllowDrop(rest.allowDrop, dropOnlyResolvers?.nodeDroppable),\n    [rest.allowDrop, dropOnlyResolvers],\n  );\n  const renderIndent = (nodeProps: AldTreeNodeProps) => {\n    const { pos, isLeaf } = nodeProps as AldTreeNodeProps & { pos?: string };\n    // Determine level from `pos` string (e.g. \"0-0-1\" → level 2)\n    const level = pos ? pos.split('-').length - 1 : 0;\n    const iconSize = TREE_SWITCH_CION_SIZE;\n    let indentWidth = isLeaf ? iconSize : 0;\n    indentWidth += level * (iconSize / 2);\n    return <span style={{ width: indentWidth, flexShrink: 0 }}></span>;\n  };\n  const newTreeData = React.useMemo(() => {\n    if (!filterTreeNode || !treeData) return treeData;\n\n    const shouldNodeDisabled = (node: DataNode): boolean => {\n      // 初始化一个标志来表示是否需要为当前节点添加className\n      let shouldAddDisabled = true;\n      if (filterTreeNode(node)) {\n        shouldAddDisabled = false;\n      }\n\n      if (node.children) {\n        // 遍历当前节点的子节点，只要有一个子节点不disable，则该不需要添加className\n        const allChildrenShouldAddDisabled = node.children.reduce(\n          (pre, child) => {\n            return shouldNodeDisabled(child) && pre;\n          },\n          shouldAddDisabled,\n        );\n        shouldAddDisabled = allChildrenShouldAddDisabled;\n      }\n\n      // 如果shouldAddDisabled为true，就为当前节点添加className\n      if (shouldAddDisabled) {\n        node.className = node.className?.includes(NODE_DISABLE_CLASS_NAME)\n          ? node.className\n          : cn(node.className, NODE_DISABLE_CLASS_NAME);\n      } else {\n        const reg = /ald-tree-node-disabled/g;\n        node.className?.replace(reg, ' ');\n      }\n      if (highlightKeywords && typeof node.title !== 'function') {\n        node.title = (\n          <HighlightText keyword={highlightKeywords}>\n            {node.title}\n          </HighlightText>\n        );\n      }\n      return shouldAddDisabled;\n    };\n    const newTreeData = produce(treeData, (draft) => {\n      for (const rootNode of draft) {\n        shouldNodeDisabled(rootNode);\n      }\n    });\n    return newTreeData;\n  }, [filterTreeNode, treeData, highlightKeywords]);\n\n  /** 给 drop-only 节点的 wrapper 加 'ald-tree-treenode-drop-only' className（rc-tree 5.x\n   *  会把 DataNode.className 透传到 .ald-tree-treenode 上）。css 据此隐藏 drag handle icon\n   *  并提供 not-allowed cursor，区分纯 drop target 与真正可拖节点。 */\n  const finalTreeData = React.useMemo(() => {\n    if (!dropOnlyResolvers || !newTreeData) return newTreeData;\n    const { nodeDraggable, nodeDroppable } = dropOnlyResolvers;\n    return produce(newTreeData, (draft) => {\n      const visit = (nodes: DataNode[] | undefined) => {\n        if (!nodes) return;\n        for (const node of nodes) {\n          const isDraggable = nodeDraggable ? nodeDraggable(node) : true;\n          const isDroppable = nodeDroppable(node);\n          if (!isDraggable && isDroppable) {\n            const existing = node.className ?? '';\n            if (!existing.includes('ald-tree-treenode-drop-only')) {\n              node.className = cn(existing, 'ald-tree-treenode-drop-only');\n            }\n          }\n          visit(node.children as DataNode[] | undefined);\n        }\n      };\n      visit(draft as DataNode[]);\n    });\n  }, [newTreeData, dropOnlyResolvers]);\n\n  const noChildren = React.useMemo(() => {\n    if (finalTreeData?.length) {\n      return finalTreeData.every((node) => {\n        return !node.children?.length && node.isLeaf !== false;\n      });\n    }\n    return true;\n  }, [finalTreeData]);\n\n  return (\n    <RcTree\n      itemHeight={20}\n      ref={ref}\n      virtual={virtual}\n      {...newProps}\n      allowDrop={composedAllowDrop}\n      prefixCls={prefixCls}\n      treeData={finalTreeData}\n      className={cn(\n        {\n          [`${prefixCls}-icon-hide`]: !showIcon,\n          [`${prefixCls}-block-node`]: blockNode,\n          [`${prefixCls}-unselectable`]: !selectable,\n          [`${prefixCls}-large`]: size === 'large',\n          [`${prefixCls}-rtl`]: direction === 'rtl',\n          ['ald-draggable-tree']: draggable,\n          [`${prefixCls}-no-children`]: noChildren,\n        },\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ant-tree',\n        className,\n      )}\n      direction={direction as any}\n      checkable={\n        checkable ? (\n          <span className={`${prefixCls}-checkbox-inner`} />\n        ) : (\n          checkable\n        )\n      }\n      selectable={selectable}\n      // @ts-ignore\n      switcherIcon={(nodeProps: AldTreeNodeProps) => {\n        return (\n          <>\n            {renderIndent(nodeProps)}\n            {renderSwitcherIcon(\n              prefixCls,\n              <ArrowRightLightLine\n                size={TREE_SWITCH_CION_SIZE}\n                color={'var(--alias-colors-icon-subtle)'}\n              >\n                {t.Tree.expand}\n              </ArrowRightLightLine>,\n              showLine,\n              nodeProps,\n              TREE_SWITCH_CION_SIZE,\n            )}\n          </>\n        );\n      }}\n      draggable={draggableConfig}\n    >\n      {children}\n    </RcTree>\n  );\n});\n\nexport default Tree;\n"],"mappings":"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"}
+{"version":3,"file":"Tree2.js","names":[],"sources":["../../src/Tree/Tree.tsx"],"sourcesContent":["import './tree.css';\nimport { cn } from '../lib/utils';\nimport { produce } from 'immer';\nimport { noop } from 'lodash';\nimport type { BasicDataNode, TreeProps as RcTreeProps } from 'rc-tree';\nimport RcTree from 'rc-tree';\nimport type { DataNode, Key } from 'rc-tree/es/interface';\nimport * as React from 'react';\nimport { ConfigContext } from '../ConfigProvider';\nimport HighlightText from '../HighlightText';\nimport { ArrowRightLightLine, DragLine } from '../Icon';\nimport collapseMotion from '../_utils/motion';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport { composeAllowDrop } from './utils/composeAllowDrop';\nimport dropIndicatorRender from './utils/dropIndicator';\nimport renderSwitcherIcon from './utils/iconUtil';\nconst TREE_SWITCH_CION_SIZE = 16;\nconst NODE_DISABLE_CLASS_NAME = 'ald-tree-node-disabled';\nexport type SwitcherIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\nexport type TreeLeafIcon =\n  | React.ReactNode\n  | ((props: AldTreeNodeProps) => React.ReactNode);\n\nexport interface AldTreeNodeAttribute {\n  eventKey: string;\n  prefixCls: string;\n  className: string;\n  expanded: boolean;\n  selected: boolean;\n  checked: boolean;\n  halfChecked: boolean;\n  children: React.ReactNode;\n  title: React.ReactNode;\n  pos: string;\n  dragOver: boolean;\n  dragOverGapTop: boolean;\n  dragOverGapBottom: boolean;\n  isLeaf: boolean;\n  selectable: boolean;\n  disabled: boolean;\n  disableCheckbox: boolean;\n}\n\nexport interface AldTreeNodeProps {\n  className?: string;\n  checkable?: boolean;\n  disabled?: boolean;\n  disableCheckbox?: boolean;\n  title?: string | React.ReactNode;\n  key?: Key;\n  eventKey?: string;\n  isLeaf?: boolean;\n  checked?: boolean;\n  expanded?: boolean;\n  loading?: boolean;\n  selected?: boolean;\n  selectable?: boolean;\n  icon?:\n    | ((treeNode: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode;\n  children?: React.ReactNode;\n  [customProp: string]: any;\n}\n\nexport type AldTreeNode = React.Component<AldTreeNodeProps, object>;\n\nexport interface AldTreeNodeBaseEvent {\n  node: AldTreeNode;\n  nativeEvent: MouseEvent;\n}\n\nexport interface AldTreeNodeCheckedEvent extends AldTreeNodeBaseEvent {\n  event: 'check';\n  checked?: boolean;\n  checkedNodes?: AldTreeNode[];\n}\n\nexport interface AldTreeNodeSelectedEvent extends AldTreeNodeBaseEvent {\n  event: 'select';\n  selected?: boolean;\n  selectedNodes?: DataNode[];\n}\n\nexport interface AldTreeNodeExpandedEvent extends AldTreeNodeBaseEvent {\n  expanded?: boolean;\n}\n\nexport interface AldTreeNodeMouseEvent {\n  node: AldTreeNode;\n  event: React.DragEvent<HTMLElement>;\n}\n\nexport interface AldTreeNodeDragEnterEvent extends AldTreeNodeMouseEvent {\n  expandedKeys: Key[];\n}\n\nexport interface AldTreeNodeAttribute {\n  node: AldTreeNode;\n  dragNode: AldTreeNode;\n  dragNodesKeys: Key[];\n  dropPosition: number;\n  dropToGap?: boolean;\n  event: React.MouseEvent<HTMLElement>;\n}\n\n// [Legacy] Compatible for v3\nexport type TreeNodeNormal = DataNode;\n\ntype DraggableFn = (node: DataNode) => boolean;\n\ninterface DropOnlyResolvers {\n  nodeDraggable: DraggableFn | undefined;\n  nodeDroppable: DraggableFn;\n}\n\ninterface DraggableConfig {\n  icon?: React.ReactNode | false;\n  /** 节点是否可作为 drag source（拖起来）。返回 false：不显示 drag handle、不能起拖。 */\n  nodeDraggable?: DraggableFn;\n  /**\n   * 节点是否可作为 drop target（接收落入）。返回 true：即使 nodeDraggable=false 仍注册\n   * onDragOver/onDrop 等 listener，浏览器才会真正派发 drop 事件。\n   *\n   * 解决 rc-tree 5.x 把\"可拖\"与\"可放\"绑到同一个 nodeDraggable 的限制——之前要让\"类目可接收\n   * 资源拖入但本身不可拖\"只能让 nodeDraggable 全返回 true，再用业务侧 CSS hack 隐藏 drag icon。\n   *\n   * 默认不传 = 沿用 nodeDraggable 行为（向后兼容）。\n   */\n  nodeDroppable?: DraggableFn;\n}\n\nexport interface TreeProps<T extends BasicDataNode = DataNode>\n  extends Omit<\n    RcTreeProps<T>,\n    | 'prefixCls'\n    | 'showLine'\n    | 'direction'\n    | 'draggable'\n    | 'icon'\n    | 'switcherIcon'\n    | 'filterTreeNode'\n  > {\n  showLine?: boolean | { showLeafIcon: boolean | TreeLeafIcon };\n  className?: string;\n  /** 是否支持多选 */\n  multiple?: boolean;\n  /** 是否自动展开父节点 */\n  autoExpandParent?: boolean;\n  /** Checkable状态下节点选择完全受控（父子节点选中状态不再关联） */\n  checkStrictly?: boolean;\n  /** 是否支持选中 */\n  checkable?: boolean;\n  /** 是否禁用树 */\n  disabled?: boolean;\n  /** 默认展开所有树节点 */\n  defaultExpandAll?: boolean;\n  /** 默认展开对应树节点 */\n  defaultExpandParent?: boolean;\n  /** 默认展开指定的树节点 */\n  defaultExpandedKeys?: Key[];\n  /** （受控）展开指定的树节点 */\n  expandedKeys?: Key[];\n  /** （受控）选中复选框的树节点 */\n  checkedKeys?: Key[] | { checked: Key[]; halfChecked: Key[] };\n  /** 默认选中复选框的树节点 */\n  defaultCheckedKeys?: Key[];\n  /** （受控）设置选中的树节点 */\n  selectedKeys?: Key[];\n  /** 默认选中的树节点 */\n  defaultSelectedKeys?: Key[];\n  selectable?: boolean;\n  /** 点击树节点触发 */\n  filterTreeNode?: (node: DataNode) => boolean;\n  loadedKeys?: Key[];\n  /** 设置节点可拖拽（IE>8） */\n  draggable?: DraggableFn | boolean | DraggableConfig;\n  style?: React.CSSProperties;\n  showIcon?: boolean;\n  icon?:\n    | ((nodeProps: AldTreeNodeAttribute) => React.ReactNode)\n    | React.ReactNode\n    | RcTreeProps<T>['icon'];\n  switcherIcon?: SwitcherIcon | RcTreeProps<T>['switcherIcon'];\n  prefixCls?: string;\n  children?: React.ReactNode;\n  blockNode?: boolean;\n  size?: 'large' | 'small';\n  titleRender?: (node: T) => React.ReactNode;\n  showTabLeader?: boolean;\n  handlerRender?: (node: T) => React.ReactNode;\n  highlightKeywords?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst Tree = React.forwardRef<any, TreeProps>((props, ref) => {\n  const { locale } = React.useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const { getPrefixCls, direction, virtual } = React.useContext(ConfigContext);\n  const size = props.size || 'large';\n  const {\n    className,\n    showIcon = false,\n    showLine,\n    blockNode = false,\n    children,\n    checkable = false,\n    selectable = true,\n    draggable,\n    titleRender,\n    showTabLeader,\n    handlerRender = noop,\n    filterTreeNode,\n    treeData,\n    highlightKeywords,\n    motion = { ...collapseMotion, motionAppear: false },\n    ...rest\n  } = props;\n  const prefixCls = getPrefixCls('tree', 'ald-tree');\n\n  const customTitleRender = React.useCallback(\n    (node: DataNode) => {\n      const renderedTitle = titleRender\n        ? titleRender(node)\n        : typeof node.title === 'function'\n        ? node.title(node)\n        : node.title;\n      return (\n        <>\n          {renderedTitle}\n          {showTabLeader && <div className=\"ald-tree-tab-leader\"></div>}\n          {handlerRender && (handlerRender(node) as React.ReactNode)}\n        </>\n      );\n    },\n    [titleRender, showTabLeader, handlerRender],\n  );\n  const newProps = {\n    ...rest,\n    checkable,\n    selectable,\n    showIcon,\n    motion,\n    blockNode,\n    showLine: Boolean(showLine),\n    dropIndicatorRender,\n    titleRender: customTitleRender,\n  };\n\n  // 一次性吃掉 draggable 的归一化：rc-tree 看到的 mergedDraggable + 我们内部用的\n  // dropOnlyResolvers（原样保留用户 nodeDraggable/nodeDroppable）。集中一处避免两处 useMemo\n  // 的判断散开导致字段扩展时遗漏。\n  const { draggableConfig, dropOnlyResolvers } = React.useMemo(() => {\n    if (!draggable) {\n      return {\n        draggableConfig: false as const,\n        dropOnlyResolvers: null as DropOnlyResolvers | null,\n      };\n    }\n    const newIcon = (\n      <DragLine\n        size={TREE_SWITCH_CION_SIZE}\n        color={'var(--alias-colors-icon-subtle)'}\n      ></DragLine>\n    );\n    let mergedDraggable: DraggableConfig = { icon: newIcon };\n    switch (typeof draggable) {\n      case 'function':\n        mergedDraggable.nodeDraggable = draggable;\n        break;\n      case 'object':\n        mergedDraggable = {\n          ...draggable,\n          icon: draggable.icon === undefined ? newIcon : draggable.icon,\n        };\n        break;\n      default:\n        break;\n    }\n\n    // rc-tree 5.x 把\"可拖（drag source）\"与\"可放（drop target）\"绑到同一个 nodeDraggable：\n    // 该返回 false 时 onDragOver/onDrop 也连带不注册，浏览器认为该节点 not droppable\n    // → drop 事件根本不派发。为了让\"类目可接收资源拖入但本身不可拖\"，把 rc-tree 看到的\n    // nodeDraggable 改成 nodeDraggable || nodeDroppable，从而保证 drop listener 仍注册。\n    // 真正的 drag-source 阻断由 document 级 dragstart capture handler 负责（见下方 effect）。\n    let resolvers: DropOnlyResolvers | null = null;\n    if (mergedDraggable.nodeDroppable) {\n      const userNodeDraggable = mergedDraggable.nodeDraggable;\n      const userNodeDroppable = mergedDraggable.nodeDroppable;\n      resolvers = {\n        nodeDraggable: userNodeDraggable,\n        nodeDroppable: userNodeDroppable,\n      };\n      mergedDraggable = {\n        ...mergedDraggable,\n        nodeDraggable: (node: DataNode) =>\n          (userNodeDraggable ? userNodeDraggable(node) : true) ||\n          userNodeDroppable(node),\n      };\n    }\n\n    return { draggableConfig: mergedDraggable, dropOnlyResolvers: resolvers };\n  }, [draggable]);\n\n  /**\n   * drop-only 节点不能真的起拖。\n   *\n   * 历史教训：以前在 props.onDragStart 里调 preventDefault。问题是 rc-tree 内部\n   * onNodeDragStart（Tree.js:88-99）会在调用 user onDragStart **之前**把\n   * draggingNodeKey/dragNodeProps 写进 state；TreeNode（TreeNode.js:112）也已经先\n   * setDragNodeHighlight(true)。然后 preventDefault 让浏览器取消拖拽，dragend 不再派发\n   * → onWindowDragEnd 永远不触发 → state 卡在\"正在拖类目\"，外层 .ald-tree-treenode\n   * 卡着 `dragging`、内层 .ald-tree-node-content-wrapper 卡着 `ald-tree-node-selected`\n   * 高亮，直到下一次合法 dragstart 才被覆盖。\n   *\n   * 修复手段：document 级 dragstart capture handler，在 rc-tree 的 React 监听器之前\n   * stopPropagation+preventDefault，让 TreeNode 的 onDragStart 整段都不执行，rc-tree\n   * 内部 state 彻底不写入。document 是 React root 容器的祖先，capture 阶段先于 React\n   * delegation 监听器，因此 stopPropagation 能彻底拦截。\n   */\n  React.useLayoutEffect(() => {\n    if (!dropOnlyResolvers) return;\n    const handler = (e: DragEvent) => {\n      const target = e.target as HTMLElement | null;\n      if (!target?.closest) return;\n      if (target.closest('.ald-tree-treenode-drop-only')) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    };\n    document.addEventListener('dragstart', handler, true);\n    return () => document.removeEventListener('dragstart', handler, true);\n  }, [dropOnlyResolvers]);\n\n  /**\n   * nodeDroppable 同时收口到 rc-tree 的 allowDrop：避免出现\"nodeDroppable=false 但 rc-tree\n   * 默认 allowDrop=()=>true 仍然接收 drop\"的语义裂缝。用户自传的 allowDrop 与 nodeDroppable\n   * 取 AND（任一拒绝即拒绝）。\n   */\n  const composedAllowDrop = React.useMemo(\n    () => composeAllowDrop(rest.allowDrop, dropOnlyResolvers?.nodeDroppable),\n    [rest.allowDrop, dropOnlyResolvers],\n  );\n  const renderIndent = (nodeProps: AldTreeNodeProps) => {\n    const { pos } = nodeProps as AldTreeNodeProps & { pos?: string };\n    // rc-tree `pos` 格式：\"0\" 是虚拟根，\"0-0\" 是首层节点，\"0-0-1\" 是 leaf。\n    // 顶层节点 level=0 不缩进；每层 +1 unit（switcher 宽度），与 antd Tree 行为一致。\n    // 不再为 leaf 额外补 switcher 宽度——leaf 自身的 switcher-noop 已经占位，\n    // 旧公式 `isLeaf + level * (iconSize/2)` 会让 leaf 比同级 group 视觉额外右移半个 unit。\n    // `?? 2` 兜底：当 pos 缺失时按\"首层节点 `0-0` 长度 = 2\"处理，结果 level=0 不缩进；\n    // 切勿改成 1 或 0，否则缺 pos 的节点会被错误右移。\n    const level = Math.max(0, (pos?.split('-').length ?? 2) - 2);\n    return (\n      <span\n        style={{ width: level * TREE_SWITCH_CION_SIZE, flexShrink: 0 }}\n      ></span>\n    );\n  };\n  const newTreeData = React.useMemo(() => {\n    if (!filterTreeNode || !treeData) return treeData;\n\n    const shouldNodeDisabled = (node: DataNode): boolean => {\n      // 初始化一个标志来表示是否需要为当前节点添加className\n      let shouldAddDisabled = true;\n      if (filterTreeNode(node)) {\n        shouldAddDisabled = false;\n      }\n\n      if (node.children) {\n        // 遍历当前节点的子节点，只要有一个子节点不disable，则该不需要添加className\n        const allChildrenShouldAddDisabled = node.children.reduce(\n          (pre, child) => {\n            return shouldNodeDisabled(child) && pre;\n          },\n          shouldAddDisabled,\n        );\n        shouldAddDisabled = allChildrenShouldAddDisabled;\n      }\n\n      // 如果shouldAddDisabled为true，就为当前节点添加className\n      if (shouldAddDisabled) {\n        node.className = node.className?.includes(NODE_DISABLE_CLASS_NAME)\n          ? node.className\n          : cn(node.className, NODE_DISABLE_CLASS_NAME);\n      } else {\n        const reg = /ald-tree-node-disabled/g;\n        node.className?.replace(reg, ' ');\n      }\n      if (highlightKeywords && typeof node.title !== 'function') {\n        node.title = (\n          <HighlightText keyword={highlightKeywords}>\n            {node.title}\n          </HighlightText>\n        );\n      }\n      return shouldAddDisabled;\n    };\n    const newTreeData = produce(treeData, (draft) => {\n      for (const rootNode of draft) {\n        shouldNodeDisabled(rootNode);\n      }\n    });\n    return newTreeData;\n  }, [filterTreeNode, treeData, highlightKeywords]);\n\n  /** 给 drop-only 节点的 wrapper 加 'ald-tree-treenode-drop-only' className（rc-tree 5.x\n   *  会把 DataNode.className 透传到 .ald-tree-treenode 上）。css 据此隐藏 drag handle icon\n   *  并提供 not-allowed cursor，区分纯 drop target 与真正可拖节点。 */\n  const finalTreeData = React.useMemo(() => {\n    if (!dropOnlyResolvers || !newTreeData) return newTreeData;\n    const { nodeDraggable, nodeDroppable } = dropOnlyResolvers;\n    return produce(newTreeData, (draft) => {\n      const visit = (nodes: DataNode[] | undefined) => {\n        if (!nodes) return;\n        for (const node of nodes) {\n          const isDraggable = nodeDraggable ? nodeDraggable(node) : true;\n          const isDroppable = nodeDroppable(node);\n          if (!isDraggable && isDroppable) {\n            const existing = node.className ?? '';\n            if (!existing.includes('ald-tree-treenode-drop-only')) {\n              node.className = cn(existing, 'ald-tree-treenode-drop-only');\n            }\n          }\n          visit(node.children as DataNode[] | undefined);\n        }\n      };\n      visit(draft as DataNode[]);\n    });\n  }, [newTreeData, dropOnlyResolvers]);\n\n  const noChildren = React.useMemo(() => {\n    if (finalTreeData?.length) {\n      return finalTreeData.every((node) => {\n        return !node.children?.length && node.isLeaf !== false;\n      });\n    }\n    return true;\n  }, [finalTreeData]);\n\n  return (\n    <RcTree\n      itemHeight={20}\n      ref={ref}\n      virtual={virtual}\n      {...newProps}\n      allowDrop={composedAllowDrop}\n      prefixCls={prefixCls}\n      treeData={finalTreeData}\n      className={cn(\n        {\n          [`${prefixCls}-icon-hide`]: !showIcon,\n          [`${prefixCls}-block-node`]: blockNode,\n          [`${prefixCls}-unselectable`]: !selectable,\n          [`${prefixCls}-large`]: size === 'large',\n          [`${prefixCls}-rtl`]: direction === 'rtl',\n          ['ald-draggable-tree']: draggable,\n          [`${prefixCls}-no-children`]: noChildren,\n        },\n        // antd 兼容：保留 ant-* class，消费方 CSS 可能依赖该选择器\n        'ant-tree',\n        className,\n      )}\n      direction={direction as any}\n      checkable={\n        checkable ? (\n          <span className={`${prefixCls}-checkbox-inner`} />\n        ) : (\n          checkable\n        )\n      }\n      selectable={selectable}\n      // @ts-ignore\n      switcherIcon={(nodeProps: AldTreeNodeProps) => {\n        return (\n          <>\n            {renderIndent(nodeProps)}\n            {renderSwitcherIcon(\n              prefixCls,\n              <ArrowRightLightLine\n                size={TREE_SWITCH_CION_SIZE}\n                color={'var(--alias-colors-icon-subtle)'}\n              >\n                {t.Tree.expand}\n              </ArrowRightLightLine>,\n              showLine,\n              nodeProps,\n              TREE_SWITCH_CION_SIZE,\n            )}\n          </>\n        );\n      }}\n      draggable={draggableConfig}\n    >\n      {children}\n    </RcTree>\n  );\n});\n\nexport default Tree;\n"],"mappings":"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"}