@ifhover/leaf-ui 0.5.0 → 0.6.0

package/dist/esm/browser/modules/treeselect/treeselect.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeselect/treeselect.js","sources":["../../../../../src/treeselect/treeselect.tsx"],"sourcesContent":["import { ChevronDown, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { FieldScope, useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { useListMotion } from '../shared/motion';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { Tree, type TreeNode } from '../tree';\nimport { treeModel } from '../tree/model';\n\nexport interface TreeSelectOption {\n  value: string;\n  label: ReactNode;\n  children?: readonly TreeSelectOption[];\n  disabled?: boolean;\n  selectable?: boolean;\n  disableCheckbox?: boolean;\n  icon?: ReactNode;\n  searchLabel?: string;\n  isLeaf?: boolean;\n}\nexport type TreeSelectValue = string | readonly string[] | null;\ninterface InternalTreeSelectProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'value' | 'defaultValue' | 'onChange' | 'size' | 'multiple'\n    >,\n    PopupOptions {\n  options: readonly TreeSelectOption[];\n  value?: TreeSelectValue;\n  defaultValue?: TreeSelectValue;\n  onChange?: (value: TreeSelectValue) => void;\n  multiple?: boolean;\n  treeCheckable?: boolean;\n  checkStrictly?: boolean;\n  showCheckedStrategy?: 'child' | 'parent' | 'all';\n  showSearch?: boolean;\n  onSearch?: (query: string) => void;\n  allowClear?: boolean;\n  defaultExpandAll?: boolean;\n  treeDefaultExpandedKeys?: readonly string[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  notFoundContent?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  loadData?: (\n    option: TreeSelectOption,\n    signal: AbortSignal,\n  ) => Promise<readonly TreeSelectOption[]>;\n  onLoadError?: (error: unknown, option: TreeSelectOption) => void;\n  virtual?: boolean;\n  listHeight?: number;\n  itemHeight?: number;\n  inputReadOnly?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  maxTagCount?: number;\n  maxCount?: number;\n  treeExpandedKeys?: readonly string[];\n  onExpand?: (keys: string[]) => void;\n  filterTreeNode?: (option: TreeSelectOption, query: string) => boolean;\n  nodeRender?: (option: TreeSelectOption) => ReactNode;\n  cacheKey?: string | number;\n}\nconst emptyKeys: readonly string[] = [];\nconst InternalTreeSelect = forwardRef<HTMLInputElement, InternalTreeSelectProps>(\n  function TreeSelect(\n    {\n      options,\n      value,\n      defaultValue = null,\n      onChange,\n      multiple = false,\n      treeCheckable = false,\n      checkStrictly = false,\n      showCheckedStrategy = 'child',\n      showSearch = true,\n      onSearch,\n      allowClear = true,\n      defaultExpandAll = false,\n      treeDefaultExpandedKeys = emptyKeys,\n      size = 'md',\n      status: statusProp,\n      disabled: disabledProp,\n      required: requiredProp,\n      popupWidth,\n      popupMaxWidth = 420,\n      notFoundContent,\n      onOpenChange,\n      loadData,\n      onLoadError,\n      virtual = false,\n      listHeight = 256,\n      itemHeight = 34,\n      inputReadOnly,\n      open: controlledOpen,\n      defaultOpen,\n      maxTagCount = Infinity,\n      maxCount = Infinity,\n      treeExpandedKeys,\n      onExpand,\n      filterTreeNode,\n      nodeRender,\n      cacheKey,\n      popupPlacement,\n      popupClassName,\n      popupStyle,\n      popupRender,\n      getPopupContainer,\n      name,\n      form,\n      className,\n      style,\n      placeholder,\n      'aria-label': label,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const { messages } = useLeafConfig();\n    const field = useFormField();\n    const disabled = disabledProp || field?.disabled;\n    const required = requiredProp ?? field?.required;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const multi = multiple || treeCheckable;\n    const trigger = useRef<HTMLInputElement>(null);\n    const ref = useMergedRef(trigger, forwardedRef);\n    const root = useRef<HTMLDivElement>(null);\n    const panel = useRef<HTMLDivElement>(null);\n    const pendingFocus = useRef(false);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n    const selected = typeof current === 'string' ? [current] : (current ?? emptyKeys);\n    useListMotion(\n      root,\n      JSON.stringify(selected.slice(0, maxTagCount)),\n      '.leaf-tree-select__tag[data-motion-key]',\n    );\n    useListMotion(root, selected[0], multi ? '' : '.leaf-tree-select__input-wrap[data-motion-key]');\n    const [query, setQuery] = useState('');\n    const [open, setOpen] = usePopupState(\n      disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const id = `${useId()}-tree-select`;\n    const [loadedOptions, setLoadedOptions] = useState<Map<string, readonly TreeSelectOption[]>>(\n      new Map(),\n    );\n    const generation = useRef(0);\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Invalidate lazy options on source and cache-version changes.\n    useEffect(() => {\n      generation.current++;\n      setLoadedOptions(new Map());\n    }, [options, loadData, cacheKey]);\n    const allOptions = useMemo(() => {\n      const merge = (entries: readonly TreeSelectOption[]): TreeSelectOption[] =>\n        entries.map((option) => {\n          const children = option.children ?? loadedOptions.get(option.value);\n          return children ? { ...option, children: merge(children) } : option;\n        });\n      return merge(options);\n    }, [options, loadedOptions]);\n    const optionRecords = useMemo(() => {\n      const map = new Map<string, TreeSelectOption>();\n      const visit = (entries: readonly TreeSelectOption[]) => {\n        for (const option of entries) {\n          map.set(option.value, option);\n          if (option.children) visit(option.children);\n        }\n      };\n      visit(allOptions);\n      return map;\n    }, [allOptions]);\n    const latestLoader = useRef({ loadData, optionRecords });\n    latestLoader.current = { loadData, optionRecords };\n    const lazyLoad = useCallback(async (node: TreeNode, signal: AbortSignal) => {\n      const snapshot = generation.current;\n      const option = latestLoader.current.optionRecords.get(node.key);\n      if (!option || !latestLoader.current.loadData) return [];\n      const children = await latestLoader.current.loadData(option, signal);\n      if (!signal.aborted && snapshot === generation.current)\n        setLoadedOptions((previous) => new Map(previous).set(node.key, children));\n      const convert = (entries: readonly TreeSelectOption[]): TreeNode[] =>\n        entries.map(({ value: key, label: title, children, ...entry }) => ({\n          ...entry,\n          key,\n          title,\n          children: children ? convert(children) : undefined,\n        }));\n      return convert(children);\n    }, []);\n    const data = useMemo(() => {\n      const convert = (nodes: readonly TreeSelectOption[]): TreeNode[] =>\n        nodes.map(({ value: key, label: title, children, ...node }) => ({\n          ...node,\n          key,\n          title,\n          children: children ? convert(children) : undefined,\n        }));\n      return convert(allOptions);\n    }, [allOptions]);\n    const records = useMemo(() => treeModel(data), [data]);\n    const close = () => {\n      setOpen(false);\n      setQuery('');\n    };\n    useFloatingDismiss(open, close, trigger, panel, root);\n    useEffect(() => {\n      if (!open) setQuery('');\n      else if (pendingFocus.current) {\n        panel.current?.querySelector<HTMLElement>('[role=\"treeitem\"][tabindex=\"0\"]')?.focus();\n        pendingFocus.current = false;\n      }\n    }, [open]);\n    const commit = (keys: readonly string[]) => {\n      if (disabled || props.readOnly || keys.length > maxCount) return;\n      const next: TreeSelectValue = multi ? [...keys] : (keys[0] ?? null);\n      setCurrent(next);\n      onChange?.(next);\n      setQuery('');\n      if (!multi) {\n        setOpen(false);\n        trigger.current?.focus();\n      }\n    };\n    const canRemove = (key: string) =>\n      !records.get(key)?.node.disabled && !records.get(key)?.node.disableCheckbox;\n    const clearable = allowClear && selected.some(canRemove) && !disabled && !props.readOnly;\n    const caption = (key: string) => records.get(key)?.node.title ?? key;\n    const a11yCaption = (key: string) =>\n      records.get(key)?.node.searchLabel ??\n      (typeof caption(key) === 'string' || typeof caption(key) === 'number'\n        ? String(caption(key))\n        : key);\n    const selectedCaption = selected[0] === undefined ? undefined : caption(selected[0]);\n    const hasRichCaption =\n      selectedCaption !== undefined &&\n      typeof selectedCaption !== 'string' &&\n      typeof selectedCaption !== 'number';\n    const showCaption =\n      !multi && !query && selected[0] !== undefined && ((showSearch && open) || hasRichCaption);\n    const inputValue =\n      multi || (showSearch && open)\n        ? query\n        : selected[0] === undefined\n          ? ''\n          : a11yCaption(selected[0]);\n    return (\n      <>\n        {/* biome-ignore lint/a11y/noStaticElementInteractions: The wrapper extends the input's clickable area, as in Select. */}\n        {/* biome-ignore lint/a11y/useKeyWithClickEvents: The enclosed combobox owns keyboard interaction. */}\n        <div\n          ref={root}\n          className={classes(\n            'leaf-tree-select',\n            `leaf-tree-select--${size}`,\n            multi && 'leaf-tree-select--multiple',\n            className,\n          )}\n          style={style}\n          data-disabled={disabled || undefined}\n          data-status={status}\n          data-open={open || undefined}\n          data-clearable={clearable || undefined}\n          onClick={(event) => {\n            if (!disabled && !(event.target as HTMLElement).closest('button')) {\n              trigger.current?.focus();\n              setOpen(true);\n            }\n          }}\n        >\n          <div className=\"leaf-tree-select__content\">\n            {multi &&\n              selected.slice(0, Math.max(0, maxTagCount)).map((key) => (\n                <span className=\"leaf-tree-select__tag\" key={key} data-motion-key={key}>\n                  <span>{caption(key)}</span>\n                  {canRemove(key) && !disabled && !props.readOnly && (\n                    <button\n                      type=\"button\"\n                      aria-label={`${messages.remove} ${a11yCaption(key)}`}\n                      onClick={() => commit(selected.filter((item) => item !== key))}\n                    >\n                      <X size={12} aria-hidden=\"true\" />\n                    </button>\n                  )}\n                </span>\n              ))}\n            {multi && selected.length > maxTagCount && (\n              <span className=\"leaf-tree-select__tag\">+{selected.length - maxTagCount}</span>\n            )}\n            <span className=\"leaf-tree-select__input-wrap\" data-motion-key={selected[0] ?? ''}>\n              {showCaption && (\n                <span className=\"leaf-tree-select__value\" aria-hidden=\"true\">\n                  {selectedCaption}\n                </span>\n              )}\n              <input\n                {...props}\n                ref={ref}\n                id={props.id ?? field?.id}\n                role=\"combobox\"\n                aria-haspopup=\"tree\"\n                aria-expanded={open}\n                aria-controls={open ? id : undefined}\n                aria-autocomplete={showSearch ? 'list' : undefined}\n                aria-label={label ?? (field?.labelId ? undefined : messages.select)}\n                aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n                aria-describedby={\n                  [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') ||\n                  undefined\n                }\n                aria-required={required || undefined}\n                aria-invalid={status === 'error' || props['aria-invalid']}\n                autoComplete=\"off\"\n                className={classes(\n                  'leaf-tree-select__input',\n                  showCaption && 'leaf-tree-select__input--caption',\n                )}\n                value={inputValue}\n                readOnly={!showSearch || props.readOnly || inputReadOnly}\n                disabled={disabled}\n                placeholder={selected.length ? undefined : (placeholder ?? messages.select)}\n                onChange={(event) => {\n                  setQuery(event.target.value);\n                  onSearch?.(event.target.value);\n                  setOpen(true);\n                }}\n                onKeyDown={(event) => {\n                  props.onKeyDown?.(event);\n                  if (event.defaultPrevented || disabled) return;\n                  if (event.key === 'ArrowDown') {\n                    event.preventDefault();\n                    if (!open) {\n                      pendingFocus.current = true;\n                      setOpen(true);\n                    } else\n                      panel.current\n                        ?.querySelector<HTMLElement>('[role=\"treeitem\"][tabindex=\"0\"]')\n                        ?.focus();\n                  } else if (event.key === 'Enter' && !open) {\n                    event.preventDefault();\n                    setOpen(true);\n                  } else if (event.key === 'Backspace' && !query && multi) {\n                    const last = [...selected].reverse().find(canRemove);\n                    if (last) commit(selected.filter((key) => key !== last));\n                  }\n                }}\n              />\n            </span>\n          </div>\n          {clearable && (\n            <button\n              type=\"button\"\n              className=\"leaf-tree-select__clear\"\n              aria-label={messages.clearSelection}\n              onClick={() => {\n                commit(selected.filter((key) => !canRemove(key)));\n                trigger.current?.focus();\n              }}\n            >\n              <X size={14} aria-hidden=\"true\" />\n            </button>\n          )}\n          <button\n            type=\"button\"\n            className=\"leaf-tree-select__arrow\"\n            tabIndex={-1}\n            disabled={disabled}\n            aria-label={messages.select}\n            onClick={() => {\n              trigger.current?.focus();\n              if (open) close();\n              else setOpen(true);\n            }}\n          >\n            <ChevronDown size={16} aria-hidden=\"true\" />\n          </button>\n          <FormValue\n            value={selected[0] ?? ''}\n            name={name}\n            form={form}\n            required={required}\n            disabled={disabled}\n            triggerRef={trigger}\n          />\n          {selected.slice(1).map((key) => (\n            <input\n              type=\"hidden\"\n              key={key}\n              name={name}\n              form={form}\n              value={key}\n              disabled={disabled}\n            />\n          ))}\n        </div>\n        <FloatingPanel\n          placement={popupPlacement}\n          container={getPopupContainer}\n          render={popupRender}\n          style={popupStyle}\n          open={open}\n          triggerRef={root}\n          panelRef={panel}\n          minWidth=\"trigger\"\n          width={popupWidth ?? 'max-content'}\n          maxWidth={popupMaxWidth}\n          maxHeight={320}\n          className={classes('leaf-floating leaf-tree-select__panel', popupClassName)}\n        >\n          <FieldScope>\n            <Tree\n              virtual={virtual}\n              height={listHeight}\n              itemHeight={itemHeight}\n              loadData={loadData ? lazyLoad : undefined}\n              cacheKey={cacheKey}\n              disabled={disabled || props.readOnly}\n              expandedKeys={treeExpandedKeys}\n              onExpand={(keys) => onExpand?.(keys)}\n              filterTreeNode={\n                filterTreeNode\n                  ? (node, query) => {\n                      const option = optionRecords.get(node.key);\n                      return !!option && filterTreeNode(option, query);\n                    }\n                  : undefined\n              }\n              nodeRender={\n                nodeRender\n                  ? (node) => {\n                      const option = optionRecords.get(node.key);\n                      return option ? nodeRender(option) : node.title;\n                    }\n                  : undefined\n              }\n              onLoadError={(error, node) => {\n                const option = optionRecords.get(node.key);\n                if (option) onLoadError?.(error, option);\n              }}\n              id={id}\n              data={data}\n              aria-label={label ?? messages.select}\n              multiple={multi}\n              selectable={!treeCheckable}\n              checkable={treeCheckable}\n              checkStrictly={checkStrictly}\n              selectedKeys={treeCheckable ? emptyKeys : selected}\n              checkedKeys={selected}\n              searchValue={query}\n              defaultExpandAll={defaultExpandAll}\n              defaultExpandedKeys={treeDefaultExpandedKeys}\n              notFoundContent={notFoundContent}\n              onSelect={(keys) => commit(keys)}\n              onCheck={(keys) => {\n                const checked = new Set(keys);\n                commit(\n                  checkStrictly || showCheckedStrategy === 'all'\n                    ? keys\n                    : keys.filter((key) => {\n                        const record = records.get(key);\n                        if (!record) return false;\n                        if (showCheckedStrategy === 'parent')\n                          return !record.parent || !checked.has(record.parent);\n                        return !(record.node.children ?? []).some((child) =>\n                          checked.has(child.key),\n                        );\n                      }),\n                );\n              }}\n            />\n          </FieldScope>\n        </FloatingPanel>\n      </>\n    );\n  },\n);\nInternalTreeSelect.displayName = 'TreeSelect';\nexport type TreeSelectProps = Omit<\n  InternalTreeSelectProps,\n  'value' | 'defaultValue' | 'onChange' | 'multiple' | 'treeCheckable'\n> &\n  (\n    | {\n        multiple?: false;\n        treeCheckable?: false;\n        value?: string | null;\n        defaultValue?: string | null;\n        onChange?: (value: string | null) => void;\n      }\n    | {\n        multiple: true;\n        treeCheckable?: boolean;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: readonly string[]) => void;\n      }\n    | {\n        treeCheckable: true;\n        multiple?: boolean;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: readonly string[]) => void;\n      }\n  );\nexport const TreeSelect = InternalTreeSelect as React.ForwardRefExoticComponent<\n  TreeSelectProps & React.RefAttributes<HTMLInputElement>\n>;\n"],"names":["emptyKeys","InternalTreeSelect","forwardRef","options","value","defaultValue","onChange","multiple","treeCheckable","checkStrictly","showCheckedStrategy","showSearch","onSearch","allowClear","defaultExpandAll","treeDefaultExpandedKeys","size","statusProp","disabledProp","requiredProp","popupWidth","popupMaxWidth","notFoundContent","onOpenChange","loadData","onLoadError","virtual","listHeight","itemHeight","inputReadOnly","controlledOpen","defaultOpen","maxTagCount","Infinity","maxCount","treeExpandedKeys","onExpand","filterTreeNode","nodeRender","cacheKey","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","name","form","className","style","placeholder","label","props","forwardedRef","messages","useLeafConfig","field","useFormField","disabled","required","status","undefined","multi","trigger","useRef","ref","useMergedRef","root","panel","pendingFocus","current","setCurrent","useFieldValue","selected","useListMotion","JSON","query","setQuery","useState","open","setOpen","usePopupState","id","useId","loadedOptions","setLoadedOptions","Map","generation","useEffect","allOptions","useMemo","merge","entries","option","children","optionRecords","map","visit","latestLoader","lazyLoad","useCallback","node","signal","snapshot","previous","convert","key","title","entry","data","nodes","records","treeModel","close","useFloatingDismiss","commit","keys","next","canRemove","clearable","caption","a11yCaption","String","selectedCaption","hasRichCaption","showCaption","inputValue","classes","event","Math","item","X","Boolean","last","ChevronDown","FormValue","FloatingPanel","FieldScope","Tree","error","checked","Set","record","child","TreeSelect"],"mappings":"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"}
+{"version":3,"file":"treeselect/treeselect.js","sources":["../../../../../src/treeselect/treeselect.tsx"],"sourcesContent":["import { ChevronDown, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { useLeafConfig } from '../config-provider/context';\nimport { estimateControlHeight } from '../density';\nimport { FieldScope, useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { useListMotion } from '../shared/motion';\nimport { SelectionContent } from '../shared/selection-content';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport type { TreeNode } from '../tree';\nimport { treeModel } from '../tree/model';\nimport { TreeControl as Tree } from '../tree/tree';\n\nexport interface TreeSelectOption {\n  value: string;\n  label: ReactNode;\n  children?: readonly TreeSelectOption[];\n  disabled?: boolean;\n  selectable?: boolean;\n  disableCheckbox?: boolean;\n  icon?: ReactNode;\n  searchLabel?: string;\n  isLeaf?: boolean;\n}\nexport type TreeSelectValue = string | readonly string[] | null;\ninterface InternalTreeSelectProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'value' | 'defaultValue' | 'onChange' | 'size' | 'multiple'\n    >,\n    PopupOptions {\n  options: readonly TreeSelectOption[];\n  value?: TreeSelectValue;\n  defaultValue?: TreeSelectValue;\n  onChange?: (value: TreeSelectValue) => void;\n  multiple?: boolean;\n  treeCheckable?: boolean;\n  checkStrictly?: boolean;\n  showCheckedStrategy?: 'child' | 'parent' | 'all';\n  showSearch?: boolean;\n  onSearch?: (query: string) => void;\n  allowClear?: boolean;\n  defaultExpandAll?: boolean;\n  treeDefaultExpandedKeys?: readonly string[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  notFoundContent?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  loadData?: (\n    option: TreeSelectOption,\n    signal: AbortSignal,\n  ) => Promise<readonly TreeSelectOption[]>;\n  onLoadError?: (error: unknown, option: TreeSelectOption) => void;\n  virtual?: boolean;\n  listHeight?: number;\n  itemHeight?: number;\n  inputReadOnly?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  maxTagCount?: number | 'responsive';\n  tagWrap?: boolean;\n  maxCount?: number;\n  treeExpandedKeys?: readonly string[];\n  onExpand?: (keys: string[]) => void;\n  filterTreeNode?: (option: TreeSelectOption, query: string) => boolean;\n  nodeRender?: (option: TreeSelectOption) => ReactNode;\n  cacheKey?: string | number;\n}\nconst emptyKeys: readonly string[] = [];\nconst InternalTreeSelect = forwardRef<HTMLInputElement, InternalTreeSelectProps>(\n  function TreeSelect(\n    {\n      options,\n      value,\n      defaultValue = null,\n      onChange,\n      multiple = false,\n      treeCheckable = false,\n      checkStrictly = false,\n      showCheckedStrategy = 'child',\n      showSearch = true,\n      onSearch,\n      allowClear = true,\n      defaultExpandAll = false,\n      treeDefaultExpandedKeys = emptyKeys,\n      size = 'md',\n      status: statusProp,\n      disabled: disabledProp,\n      required: requiredProp,\n      popupWidth,\n      popupMaxWidth = 420,\n      notFoundContent,\n      onOpenChange,\n      loadData,\n      onLoadError,\n      virtual = false,\n      listHeight = 256,\n      itemHeight: itemHeightProp,\n      inputReadOnly,\n      open: controlledOpen,\n      defaultOpen,\n      maxTagCount,\n      tagWrap = true,\n      maxCount = Infinity,\n      treeExpandedKeys,\n      onExpand,\n      filterTreeNode,\n      nodeRender,\n      cacheKey,\n      popupPlacement,\n      popupClassName,\n      popupStyle,\n      popupRender,\n      getPopupContainer,\n      name,\n      form,\n      className,\n      style,\n      placeholder,\n      'aria-label': label,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const { messages, theme, density } = useLeafConfig();\n    const itemHeight =\n      itemHeightProp ?? Math.max(24, estimateControlHeight(theme, density) - 4) + 6;\n    const field = useFormField();\n    const disabled = disabledProp || field?.disabled;\n    const required = requiredProp ?? field?.required;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const multi = multiple || treeCheckable;\n    const trigger = useRef<HTMLInputElement>(null);\n    const ref = useMergedRef(trigger, forwardedRef);\n    const root = useRef<HTMLDivElement>(null);\n    const panel = useRef<HTMLDivElement>(null);\n    const pendingFocus = useRef(false);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n    const selected = typeof current === 'string' ? [current] : (current ?? emptyKeys);\n    useListMotion(root, selected[0], multi ? '' : '.leaf-tree-select__input-wrap[data-motion-key]');\n    const [query, setQuery] = useState<string | null>(null);\n    const searchQuery = query ?? '';\n    const [open, setOpen] = usePopupState(\n      disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const id = `${useId()}-tree-select`;\n    const [loadedOptions, setLoadedOptions] = useState<Map<string, readonly TreeSelectOption[]>>(\n      new Map(),\n    );\n    const generation = useRef(0);\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Invalidate lazy options on source and cache-version changes.\n    useEffect(() => {\n      generation.current++;\n      setLoadedOptions(new Map());\n    }, [options, loadData, cacheKey]);\n    const allOptions = useMemo(() => {\n      const merge = (entries: readonly TreeSelectOption[]): TreeSelectOption[] =>\n        entries.map((option) => {\n          const children = option.children ?? loadedOptions.get(option.value);\n          return children ? { ...option, children: merge(children) } : option;\n        });\n      return merge(options);\n    }, [options, loadedOptions]);\n    const optionRecords = useMemo(() => {\n      const map = new Map<string, TreeSelectOption>();\n      const visit = (entries: readonly TreeSelectOption[]) => {\n        for (const option of entries) {\n          map.set(option.value, option);\n          if (option.children) visit(option.children);\n        }\n      };\n      visit(allOptions);\n      return map;\n    }, [allOptions]);\n    const latestLoader = useRef({ loadData, optionRecords });\n    latestLoader.current = { loadData, optionRecords };\n    const lazyLoad = useCallback(async (node: TreeNode, signal: AbortSignal) => {\n      const snapshot = generation.current;\n      const option = latestLoader.current.optionRecords.get(node.key);\n      if (!option || !latestLoader.current.loadData) return [];\n      const children = await latestLoader.current.loadData(option, signal);\n      if (!signal.aborted && snapshot === generation.current)\n        setLoadedOptions((previous) => new Map(previous).set(node.key, children));\n      const convert = (entries: readonly TreeSelectOption[]): TreeNode[] =>\n        entries.map(({ value: key, label: title, children, ...entry }) => ({\n          ...entry,\n          key,\n          title,\n          children: children ? convert(children) : undefined,\n        }));\n      return convert(children);\n    }, []);\n    const data = useMemo(() => {\n      const convert = (nodes: readonly TreeSelectOption[]): TreeNode[] =>\n        nodes.map(({ value: key, label: title, children, ...node }) => ({\n          ...node,\n          key,\n          title,\n          children: children ? convert(children) : undefined,\n        }));\n      return convert(allOptions);\n    }, [allOptions]);\n    const records = useMemo(() => treeModel(data), [data]);\n    const [expandedKeys, setExpandedKeys] = useState<readonly string[]>(() =>\n      defaultExpandAll ? [...records.keys()] : treeDefaultExpandedKeys,\n    );\n    const close = () => {\n      setOpen(false);\n      setQuery(null);\n    };\n    useFloatingDismiss(open, close, trigger, panel, root);\n    useEffect(() => {\n      if (!open) setQuery(null);\n      else if (pendingFocus.current) {\n        panel.current?.querySelector<HTMLElement>('[role=\"treeitem\"][tabindex=\"0\"]')?.focus();\n        pendingFocus.current = false;\n      }\n    }, [open]);\n    const commit = (keys: readonly string[]) => {\n      if (disabled || props.readOnly || keys.length > maxCount) return;\n      const next: TreeSelectValue = multi ? [...keys] : (keys[0] ?? null);\n      setCurrent(next);\n      onChange?.(next);\n      setQuery(null);\n      if (!multi) {\n        setOpen(false);\n        trigger.current?.focus();\n      }\n    };\n    const canRemove = (key: string) =>\n      !records.get(key)?.node.disabled && !records.get(key)?.node.disableCheckbox;\n    const clearable = allowClear && selected.some(canRemove) && !disabled && !props.readOnly;\n    const caption = (key: string) => records.get(key)?.node.title ?? key;\n    const a11yCaption = (key: string) =>\n      records.get(key)?.node.searchLabel ??\n      (typeof caption(key) === 'string' || typeof caption(key) === 'number'\n        ? String(caption(key))\n        : key);\n    const selectedCaption = selected[0] === undefined ? undefined : caption(selected[0]);\n    const hasRichCaption =\n      selectedCaption !== undefined &&\n      typeof selectedCaption !== 'string' &&\n      typeof selectedCaption !== 'number';\n    const showCaption = !multi && hasRichCaption && (!showSearch || !open || query === null);\n    const inputValue = multi\n      ? searchQuery\n      : showSearch && open\n        ? (query ?? (selected[0] === undefined ? '' : a11yCaption(selected[0])))\n        : selected[0] === undefined\n          ? ''\n          : a11yCaption(selected[0]);\n    const beginSearch = () => {\n      if (!showSearch || disabled || props.readOnly || inputReadOnly) return;\n      if (!multi && query === null) trigger.current?.select();\n      setOpen(true);\n    };\n    return (\n      <>\n        {/* biome-ignore lint/a11y/noStaticElementInteractions: The wrapper extends the input's clickable area, as in Select. */}\n        {/* biome-ignore lint/a11y/useKeyWithClickEvents: The enclosed combobox owns keyboard interaction. */}\n        <div\n          ref={root}\n          className={classes(\n            'leaf-tree-select',\n            `leaf-tree-select--${size}`,\n            multi && 'leaf-tree-select--multiple',\n            className,\n          )}\n          style={style}\n          data-disabled={disabled || undefined}\n          data-status={status}\n          data-open={open || undefined}\n          data-clearable={clearable || undefined}\n          data-searchable={showSearch || undefined}\n          onMouseDown={(event) => {\n            if (\n              !disabled &&\n              event.target instanceof Element &&\n              !event.target.closest('input, button, a')\n            )\n              event.preventDefault();\n          }}\n          onClick={(event) => {\n            if (\n              !disabled &&\n              event.target instanceof Element &&\n              !event.target.closest('input, button, a')\n            ) {\n              trigger.current?.focus();\n              trigger.current?.click();\n            }\n          }}\n        >\n          <SelectionContent\n            className=\"leaf-tree-select__content\"\n            tagClassName=\"leaf-tree-select__tag\"\n            tagWrap={tagWrap}\n            maxTagCount={maxTagCount}\n            searchable={showSearch && !props.readOnly && !inputReadOnly}\n            query={searchQuery}\n            removeLabel={messages.common.remove}\n            items={\n              multi\n                ? selected.map((key) => ({\n                    key,\n                    label: caption(key),\n                    text: a11yCaption(key),\n                    remove:\n                      canRemove(key) && !disabled && !props.readOnly\n                        ? () => {\n                            commit(selected.filter((item) => item !== key));\n                            trigger.current?.focus();\n                          }\n                        : undefined,\n                  }))\n                : undefined\n            }\n          >\n            <span className=\"leaf-tree-select__input-wrap\" data-motion-key={selected[0] ?? ''}>\n              {showCaption && (\n                <span className=\"leaf-tree-select__value\" aria-hidden=\"true\">\n                  {selectedCaption}\n                </span>\n              )}\n              <input\n                {...props}\n                ref={ref}\n                id={props.id ?? field?.id}\n                role=\"combobox\"\n                aria-haspopup=\"tree\"\n                aria-expanded={open}\n                aria-controls={open ? id : undefined}\n                aria-autocomplete={showSearch ? 'list' : undefined}\n                aria-label={label ?? (field?.labelId ? undefined : messages.treeSelect.placeholder)}\n                aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n                aria-describedby={\n                  [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') ||\n                  undefined\n                }\n                aria-required={required || undefined}\n                aria-invalid={status === 'error' || props['aria-invalid']}\n                autoComplete=\"off\"\n                className={classes(\n                  'leaf-tree-select__input',\n                  showCaption && 'leaf-tree-select__input--caption',\n                )}\n                value={inputValue}\n                readOnly={!showSearch || props.readOnly || inputReadOnly}\n                disabled={disabled}\n                placeholder={\n                  selected.length ? undefined : (placeholder ?? messages.treeSelect.placeholder)\n                }\n                onClick={(event) => {\n                  props.onClick?.(event);\n                  if (event.defaultPrevented) return;\n                  if (open && !showSearch) close();\n                  else setOpen(true);\n                }}\n                onBeforeInput={(event) => {\n                  props.onBeforeInput?.(event);\n                  if (!event.defaultPrevented) beginSearch();\n                }}\n                onPaste={(event) => {\n                  props.onPaste?.(event);\n                  if (!event.defaultPrevented) beginSearch();\n                }}\n                onCompositionStart={(event) => {\n                  props.onCompositionStart?.(event);\n                  if (!event.defaultPrevented) beginSearch();\n                }}\n                onChange={(event) => {\n                  setQuery(event.target.value);\n                  onSearch?.(event.target.value);\n                  setOpen(true);\n                }}\n                onKeyDown={(event) => {\n                  props.onKeyDown?.(event);\n                  if (event.defaultPrevented || disabled || event.nativeEvent.isComposing) return;\n                  if (\n                    !event.ctrlKey &&\n                    !event.metaKey &&\n                    !event.altKey &&\n                    (event.key.length === 1 || event.key === 'Backspace' || event.key === 'Delete')\n                  )\n                    beginSearch();\n                  if (event.key === 'ArrowDown') {\n                    event.preventDefault();\n                    if (!open) {\n                      pendingFocus.current = true;\n                      setOpen(true);\n                    } else\n                      panel.current\n                        ?.querySelector<HTMLElement>('[role=\"treeitem\"][tabindex=\"0\"]')\n                        ?.focus();\n                  } else if (event.key === 'Enter' && !open) {\n                    event.preventDefault();\n                    setOpen(true);\n                  } else if (event.key === 'Backspace' && !searchQuery && multi) {\n                    const last = [...selected].reverse().find(canRemove);\n                    if (last) {\n                      event.preventDefault();\n                      commit(selected.filter((key) => key !== last));\n                    }\n                  }\n                }}\n              />\n            </span>\n          </SelectionContent>\n          {clearable && (\n            <button\n              type=\"button\"\n              className=\"leaf-tree-select__clear\"\n              aria-label={messages.treeSelect.clear}\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => {\n                commit(selected.filter((key) => !canRemove(key)));\n                trigger.current?.focus();\n              }}\n            >\n              <X size={14} aria-hidden=\"true\" />\n            </button>\n          )}\n          <button\n            type=\"button\"\n            className=\"leaf-tree-select__arrow\"\n            tabIndex={-1}\n            disabled={disabled}\n            aria-label={messages.treeSelect.placeholder}\n            onClick={() => {\n              trigger.current?.focus();\n              if (open) close();\n              else setOpen(true);\n            }}\n          >\n            <ChevronDown size={16} aria-hidden=\"true\" />\n          </button>\n          <FormValue\n            value={selected[0] ?? ''}\n            name={name}\n            form={form}\n            required={required}\n            disabled={disabled}\n            triggerRef={trigger}\n          />\n          {selected.slice(1).map((key) => (\n            <input\n              type=\"hidden\"\n              key={key}\n              name={name}\n              form={form}\n              value={key}\n              disabled={disabled}\n            />\n          ))}\n        </div>\n        <FloatingPanel\n          placement={popupPlacement}\n          container={getPopupContainer}\n          render={popupRender}\n          style={popupStyle}\n          open={open}\n          triggerRef={root}\n          panelRef={panel}\n          minWidth=\"trigger\"\n          width={popupWidth ?? 'max-content'}\n          maxWidth={popupMaxWidth}\n          maxHeight={320}\n          className={classes('leaf-floating leaf-tree-select__panel', popupClassName)}\n        >\n          <FieldScope>\n            <Tree\n              virtual={virtual}\n              height={listHeight}\n              itemHeight={itemHeight}\n              loadData={loadData ? lazyLoad : undefined}\n              cacheKey={cacheKey}\n              disabled={disabled || props.readOnly}\n              expandedKeys={treeExpandedKeys ?? expandedKeys}\n              onExpand={(keys) => {\n                if (treeExpandedKeys === undefined) setExpandedKeys(keys);\n                onExpand?.(keys);\n              }}\n              checkOnClick={treeCheckable}\n              expandOnClick\n              filterTreeNode={\n                filterTreeNode\n                  ? (node, query) => {\n                      const option = optionRecords.get(node.key);\n                      return !!option && filterTreeNode(option, query);\n                    }\n                  : undefined\n              }\n              nodeRender={\n                nodeRender\n                  ? (node) => {\n                      const option = optionRecords.get(node.key);\n                      return option ? nodeRender(option) : node.title;\n                    }\n                  : undefined\n              }\n              onLoadError={(error, node) => {\n                const option = optionRecords.get(node.key);\n                if (option) onLoadError?.(error, option);\n              }}\n              id={id}\n              data={data}\n              aria-label={label ?? messages.treeSelect.placeholder}\n              multiple={multi}\n              selectable={!treeCheckable}\n              checkable={treeCheckable}\n              checkStrictly={checkStrictly}\n              selectedKeys={treeCheckable ? emptyKeys : selected}\n              checkedKeys={selected}\n              searchValue={searchQuery}\n              notFoundContent={notFoundContent ?? messages.treeSelect.empty}\n              onSelect={(keys) => commit(keys)}\n              onCheck={(keys) => {\n                const checked = new Set(keys);\n                commit(\n                  checkStrictly || showCheckedStrategy === 'all'\n                    ? keys\n                    : keys.filter((key) => {\n                        const record = records.get(key);\n                        if (!record) return false;\n                        if (showCheckedStrategy === 'parent')\n                          return !record.parent || !checked.has(record.parent);\n                        return !(record.node.children ?? []).some((child) =>\n                          checked.has(child.key),\n                        );\n                      }),\n                );\n              }}\n            />\n          </FieldScope>\n        </FloatingPanel>\n      </>\n    );\n  },\n);\nInternalTreeSelect.displayName = 'TreeSelect';\nexport type TreeSelectProps = Omit<\n  InternalTreeSelectProps,\n  'value' | 'defaultValue' | 'onChange' | 'multiple' | 'treeCheckable'\n> &\n  (\n    | {\n        multiple?: false;\n        treeCheckable?: false;\n        value?: string | null;\n        defaultValue?: string | null;\n        onChange?: (value: string | null) => void;\n      }\n    | {\n        multiple: true;\n        treeCheckable?: boolean;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: readonly string[]) => void;\n      }\n    | {\n        treeCheckable: true;\n        multiple?: boolean;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: readonly string[]) => void;\n      }\n  );\nexport const TreeSelectControl = InternalTreeSelect as React.ForwardRefExoticComponent<\n  TreeSelectProps & React.RefAttributes<HTMLInputElement>\n>;\nexport const TreeSelect = forwardRef<HTMLInputElement, TreeSelectProps>(\n  function TreeSelect(rawProps, ref) {\n    const props = useComponentProps('TreeSelect', rawProps);\n    return <TreeSelectControl {...props} ref={ref} />;\n  },\n);\nTreeSelect.displayName = 'TreeSelect';\n"],"names":["emptyKeys","InternalTreeSelect","forwardRef","options","value","defaultValue","onChange","multiple","treeCheckable","checkStrictly","showCheckedStrategy","showSearch","onSearch","allowClear","defaultExpandAll","treeDefaultExpandedKeys","size","statusProp","disabledProp","requiredProp","popupWidth","popupMaxWidth","notFoundContent","onOpenChange","loadData","onLoadError","virtual","listHeight","itemHeightProp","inputReadOnly","controlledOpen","defaultOpen","maxTagCount","tagWrap","maxCount","Infinity","treeExpandedKeys","onExpand","filterTreeNode","nodeRender","cacheKey","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","name","form","className","style","placeholder","label","props","forwardedRef","messages","theme","density","useLeafConfig","itemHeight","Math","estimateControlHeight","field","useFormField","disabled","required","status","undefined","multi","trigger","useRef","ref","useMergedRef","root","panel","pendingFocus","current","setCurrent","useFieldValue","selected","useListMotion","query","setQuery","useState","searchQuery","open","setOpen","usePopupState","id","useId","loadedOptions","setLoadedOptions","Map","generation","useEffect","allOptions","useMemo","merge","entries","option","children","optionRecords","map","visit","latestLoader","lazyLoad","useCallback","node","signal","snapshot","previous","convert","key","title","entry","data","nodes","records","treeModel","expandedKeys","setExpandedKeys","close","useFloatingDismiss","commit","keys","next","canRemove","clearable","caption","a11yCaption","String","selectedCaption","hasRichCaption","showCaption","inputValue","beginSearch","classes","event","Element","SelectionContent","item","Boolean","last","X","ChevronDown","FormValue","FloatingPanel","FieldScope","Tree","error","checked","Set","record","child","TreeSelectControl","TreeSelect","rawProps","useComponentProps"],"mappings":"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"}

package/dist/esm/browser/modules/typography/index.js

@@ -1,2 +1,2 @@
 "use client";
-export * from "./typography.js";
+export { Link, Paragraph, Text, Title, Typography } from "./typography.js";

package/dist/esm/browser/modules/typography/typography.js

@@ -1,12 +1,15 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/typography.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Check, Copy, Pencil } from "lucide-react";
 import { forwardRef, useEffect, useRef, useState } from "react";
-import { Button } from "../button/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
 import { classes } from "../shared/classes.js";
 import { useText } from "../shared/use-text.js";
-const typography_Typography = /*#__PURE__*/ forwardRef(function({ compact, className, ...props }, ref) {
+const typography_Typography = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { compact, className, ...props } = useComponentProps('Typography', rawProps);
     return /*#__PURE__*/ jsx("div", {
         ...props,
         ref: ref,
@@ -42,7 +45,7 @@ function TextContent({ children, ellipsis, copyable, editable }) {
         ref: input,
         className: "leaf-text__editor",
         type: "text",
-        "aria-label": t('编辑文本', 'Edit text'),
+        "aria-label": t('typography.editText'),
         value: draft,
         onChange: (event)=>setDraft(event.target.value),
         onBlur: finish,
@@ -73,9 +76,9 @@ function TextContent({ children, ellipsis, copyable, editable }) {
                 className: "leaf-text__action",
                 "aria-expanded": expanded,
                 onClick: ()=>setExpanded(!expanded),
-                children: expanded ? t('收起', 'Collapse') : t('展开', 'Expand')
+                children: expanded ? t('typography.collapse') : t('typography.expand')
             }),
-            copyable && /*#__PURE__*/ jsx(Button, {
+            copyable && /*#__PURE__*/ jsx(ButtonControl, {
                 variant: "ghost",
                 size: "sm",
                 startIcon: copied ? /*#__PURE__*/ jsx(Check, {
@@ -83,7 +86,7 @@ function TextContent({ children, ellipsis, copyable, editable }) {
                 }) : /*#__PURE__*/ jsx(Copy, {
                     size: 14
                 }),
-                "aria-label": t('复制文本', 'Copy text'),
+                "aria-label": t('typography.copyText'),
                 onClick: async ()=>{
                     const value = 'object' == typeof copyable ? copyable.text ?? text : text;
                     try {
@@ -95,13 +98,13 @@ function TextContent({ children, ellipsis, copyable, editable }) {
                     }
                 }
             }),
-            editable && /*#__PURE__*/ jsx(Button, {
+            editable && /*#__PURE__*/ jsx(ButtonControl, {
                 variant: "ghost",
                 size: "sm",
                 startIcon: /*#__PURE__*/ jsx(Pencil, {
                     size: 14
                 }),
-                "aria-label": t('编辑文本', 'Edit text'),
+                "aria-label": t('typography.editText'),
                 onClick: ()=>{
                     setDraft(editable.text ?? text);
                     session.current = true;
@@ -111,7 +114,8 @@ function TextContent({ children, ellipsis, copyable, editable }) {
         ]
     });
 }
-const typography_Text = /*#__PURE__*/ forwardRef(function({ tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props }, ref) {
+const typography_Text = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props } = useComponentProps('Text', rawProps);
     return /*#__PURE__*/ jsx("span", {
         ...props,
         ref: ref,
@@ -124,7 +128,8 @@ const typography_Text = /*#__PURE__*/ forwardRef(function({ tone = 'default', st
         })
     });
 });
-const typography_Paragraph = /*#__PURE__*/ forwardRef(function({ tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props }, ref) {
+const typography_Paragraph = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props } = useComponentProps('Paragraph', rawProps);
     return /*#__PURE__*/ jsx("p", {
         ...props,
         ref: ref,
@@ -137,7 +142,8 @@ const typography_Paragraph = /*#__PURE__*/ forwardRef(function({ tone = 'default
         })
     });
 });
-const typography_Title = /*#__PURE__*/ forwardRef(function({ level = 2, className, ...props }, ref) {
+const typography_Title = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { level = 2, className, ...props } = useComponentProps('Title', rawProps);
     const Heading = `h${level}`;
     return /*#__PURE__*/ jsx(Heading, {
         ...props,
@@ -145,7 +151,8 @@ const typography_Title = /*#__PURE__*/ forwardRef(function({ level = 2, classNam
         className: classes('leaf-title', `leaf-title--${level}`, className)
     });
 });
-const typography_Link = /*#__PURE__*/ forwardRef(function({ disabled, underline = true, external, icon, className, children, ...props }, ref) {
+const typography_Link = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { disabled, underline = true, external, icon, className, children, ...props } = useComponentProps('Link', rawProps);
     return /*#__PURE__*/ jsxs("a", {
         ...props,
         ref: ref,

package/dist/esm/browser/modules/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography/typography.js","sources":["../../../../../src/typography/typography.tsx"],"sourcesContent":["import { Check, Copy, Pencil } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\n\nexport interface TypographyProps extends HTMLAttributes<HTMLDivElement> {\n  compact?: boolean;\n}\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>(function Typography(\n  { compact, className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-typography', compact && 'leaf-typography--compact', className)}\n    />\n  );\n});\nexport interface TextProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  code?: boolean;\n  mark?: boolean;\n  ellipsis?: boolean | { rows?: number; expandable?: boolean };\n  copyable?:\n    | boolean\n    | { text?: string; onCopy?: (text: string) => void; onError?: (error: unknown) => void };\n  editable?: { onChange: (text: string) => void; text?: string };\n}\nfunction TextContent({\n  children,\n  ellipsis,\n  copyable,\n  editable,\n}: Pick<TextProps, 'children' | 'ellipsis' | 'copyable' | 'editable'>) {\n  const t = useText();\n  const [expanded, setExpanded] = useState(false),\n    [copied, setCopied] = useState(false),\n    [editing, setEditing] = useState(false),\n    [draft, setDraft] = useState('');\n  const text = typeof children === 'string' || typeof children === 'number' ? String(children) : '';\n  const rows = typeof ellipsis === 'object' ? (ellipsis.rows ?? 1) : 1;\n  const session = useRef(false);\n  const input = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (editing) input.current?.focus();\n  }, [editing]);\n  useEffect(() => {\n    if (!copied) return;\n    const timer = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n  const finish = () => {\n    if (!session.current) return;\n    session.current = false;\n    editable?.onChange(draft);\n    setEditing(false);\n  };\n  if (editing)\n    return (\n      <input\n        ref={input}\n        className=\"leaf-text__editor\"\n        type=\"text\"\n        aria-label={t('编辑文本', 'Edit text')}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={finish}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            event.preventDefault();\n            finish();\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            session.current = false;\n            setEditing(false);\n          }\n        }}\n      />\n    );\n  return (\n    <>\n      <span\n        className={classes(\n          'leaf-text__content',\n          ellipsis && !expanded && 'leaf-text__content--ellipsis',\n        )}\n        style={\n          ellipsis && !expanded\n            ? { WebkitLineClamp: rows, display: rows > 1 ? '-webkit-box' : undefined }\n            : undefined\n        }\n      >\n        {children}\n      </span>\n      {typeof ellipsis === 'object' && ellipsis.expandable && (\n        <button\n          type=\"button\"\n          className=\"leaf-text__action\"\n          aria-expanded={expanded}\n          onClick={() => setExpanded(!expanded)}\n        >\n          {expanded ? t('收起', 'Collapse') : t('展开', 'Expand')}\n        </button>\n      )}\n      {copyable && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={copied ? <Check size={14} /> : <Copy size={14} />}\n          aria-label={t('复制文本', 'Copy text')}\n          onClick={async () => {\n            const value = typeof copyable === 'object' ? (copyable.text ?? text) : text;\n            try {\n              await navigator.clipboard.writeText(value);\n              setCopied(true);\n              if (typeof copyable === 'object') copyable.onCopy?.(value);\n            } catch (error) {\n              if (typeof copyable === 'object') copyable.onError?.(error);\n            }\n          }}\n        />\n      )}\n      {editable && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={<Pencil size={14} />}\n          aria-label={t('编辑文本', 'Edit text')}\n          onClick={() => {\n            setDraft(editable.text ?? text);\n            session.current = true;\n            setEditing(true);\n          }}\n        />\n      )}\n    </>\n  );\n}\nexport const Text = forwardRef<HTMLSpanElement, TextProps>(function Text(\n  {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </span>\n  );\n});\nexport interface ParagraphProps extends TextProps {}\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-paragraph',\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </p>\n  );\n});\nexport interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  { level = 2, className, ...props },\n  ref,\n) {\n  const Heading = `h${level}` as 'h2';\n  return (\n    <Heading\n      {...props}\n      ref={ref}\n      className={classes('leaf-title', `leaf-title--${level}`, className)}\n    />\n  );\n});\nexport interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  underline?: boolean;\n  external?: boolean;\n  icon?: ReactNode;\n}\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { disabled, underline = true, external, icon, className, children, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      ref={ref}\n      href={disabled ? undefined : props.href}\n      target={external ? '_blank' : props.target}\n      rel={external ? 'noopener noreferrer' : props.rel}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : props.tabIndex}\n      className={classes('leaf-link', underline && 'leaf-link--underline', className)}\n      onClick={(event) => {\n        if (disabled) event.preventDefault();\n        else props.onClick?.(event);\n      }}\n    >\n      {icon}\n      {children}\n    </a>\n  );\n});\n"],"names":["Typography","forwardRef","compact","className","props","ref","classes","TextContent","children","ellipsis","copyable","editable","t","useText","expanded","setExpanded","useState","copied","setCopied","editing","setEditing","draft","setDraft","text","String","rows","session","useRef","input","useEffect","timer","setTimeout","clearTimeout","finish","event","undefined","Button","Check","Copy","value","navigator","error","Pencil","Text","tone","strong","italic","underline","code","mark","Paragraph","Title","level","Heading","Link","disabled","external","icon"],"mappings":"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"}
+{"version":3,"file":"typography/typography.js","sources":["../../../../../src/typography/typography.tsx"],"sourcesContent":["import { Check, Copy, Pencil } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { ButtonControl } from '../button/button';\nimport { useComponentProps } from '../config-provider/component-defaults';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\n\nexport interface TypographyProps extends HTMLAttributes<HTMLDivElement> {\n  compact?: boolean;\n}\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>(function Typography(\n  rawProps: TypographyProps,\n  ref,\n) {\n  const { compact, className, ...props } = useComponentProps('Typography', rawProps);\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-typography', compact && 'leaf-typography--compact', className)}\n    />\n  );\n});\nexport interface TextProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  code?: boolean;\n  mark?: boolean;\n  ellipsis?: boolean | { rows?: number; expandable?: boolean };\n  copyable?:\n    | boolean\n    | { text?: string; onCopy?: (text: string) => void; onError?: (error: unknown) => void };\n  editable?: { onChange: (text: string) => void; text?: string };\n}\nfunction TextContent({\n  children,\n  ellipsis,\n  copyable,\n  editable,\n}: Pick<TextProps, 'children' | 'ellipsis' | 'copyable' | 'editable'>) {\n  const t = useText();\n  const [expanded, setExpanded] = useState(false),\n    [copied, setCopied] = useState(false),\n    [editing, setEditing] = useState(false),\n    [draft, setDraft] = useState('');\n  const text = typeof children === 'string' || typeof children === 'number' ? String(children) : '';\n  const rows = typeof ellipsis === 'object' ? (ellipsis.rows ?? 1) : 1;\n  const session = useRef(false);\n  const input = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (editing) input.current?.focus();\n  }, [editing]);\n  useEffect(() => {\n    if (!copied) return;\n    const timer = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n  const finish = () => {\n    if (!session.current) return;\n    session.current = false;\n    editable?.onChange(draft);\n    setEditing(false);\n  };\n  if (editing)\n    return (\n      <input\n        ref={input}\n        className=\"leaf-text__editor\"\n        type=\"text\"\n        aria-label={t('typography.editText')}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={finish}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            event.preventDefault();\n            finish();\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            session.current = false;\n            setEditing(false);\n          }\n        }}\n      />\n    );\n  return (\n    <>\n      <span\n        className={classes(\n          'leaf-text__content',\n          ellipsis && !expanded && 'leaf-text__content--ellipsis',\n        )}\n        style={\n          ellipsis && !expanded\n            ? { WebkitLineClamp: rows, display: rows > 1 ? '-webkit-box' : undefined }\n            : undefined\n        }\n      >\n        {children}\n      </span>\n      {typeof ellipsis === 'object' && ellipsis.expandable && (\n        <button\n          type=\"button\"\n          className=\"leaf-text__action\"\n          aria-expanded={expanded}\n          onClick={() => setExpanded(!expanded)}\n        >\n          {expanded ? t('typography.collapse') : t('typography.expand')}\n        </button>\n      )}\n      {copyable && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={copied ? <Check size={14} /> : <Copy size={14} />}\n          aria-label={t('typography.copyText')}\n          onClick={async () => {\n            const value = typeof copyable === 'object' ? (copyable.text ?? text) : text;\n            try {\n              await navigator.clipboard.writeText(value);\n              setCopied(true);\n              if (typeof copyable === 'object') copyable.onCopy?.(value);\n            } catch (error) {\n              if (typeof copyable === 'object') copyable.onError?.(error);\n            }\n          }}\n        />\n      )}\n      {editable && (\n        <ButtonControl\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={<Pencil size={14} />}\n          aria-label={t('typography.editText')}\n          onClick={() => {\n            setDraft(editable.text ?? text);\n            session.current = true;\n            setEditing(true);\n          }}\n        />\n      )}\n    </>\n  );\n}\nexport const Text = forwardRef<HTMLSpanElement, TextProps>(function Text(rawProps: TextProps, ref) {\n  const {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  } = useComponentProps('Text', rawProps);\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </span>\n  );\n});\nexport interface ParagraphProps extends TextProps {}\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  rawProps: ParagraphProps,\n  ref,\n) {\n  const {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  } = useComponentProps('Paragraph', rawProps);\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-paragraph',\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </p>\n  );\n});\nexport interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  rawProps: TitleProps,\n  ref,\n) {\n  const { level = 2, className, ...props } = useComponentProps('Title', rawProps);\n  const Heading = `h${level}` as 'h2';\n  return (\n    <Heading\n      {...props}\n      ref={ref}\n      className={classes('leaf-title', `leaf-title--${level}`, className)}\n    />\n  );\n});\nexport interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  underline?: boolean;\n  external?: boolean;\n  icon?: ReactNode;\n}\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  rawProps: LinkProps,\n  ref,\n) {\n  const {\n    disabled,\n    underline = true,\n    external,\n    icon,\n    className,\n    children,\n    ...props\n  } = useComponentProps('Link', rawProps);\n  return (\n    <a\n      {...props}\n      ref={ref}\n      href={disabled ? undefined : props.href}\n      target={external ? '_blank' : props.target}\n      rel={external ? 'noopener noreferrer' : props.rel}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : props.tabIndex}\n      className={classes('leaf-link', underline && 'leaf-link--underline', className)}\n      onClick={(event) => {\n        if (disabled) event.preventDefault();\n        else props.onClick?.(event);\n      }}\n    >\n      {icon}\n      {children}\n    </a>\n  );\n});\n"],"names":["Typography","forwardRef","rawProps","ref","compact","className","props","useComponentProps","classes","TextContent","children","ellipsis","copyable","editable","t","useText","expanded","setExpanded","useState","copied","setCopied","editing","setEditing","draft","setDraft","text","String","rows","session","useRef","input","useEffect","timer","setTimeout","clearTimeout","finish","event","undefined","ButtonControl","Check","Copy","value","navigator","error","Pencil","Text","tone","strong","italic","underline","code","mark","Paragraph","Title","level","Heading","Link","disabled","external","icon"],"mappings":"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"}

package/dist/esm/browser/modules/upload/upload.js

@@ -1,20 +1,25 @@
 "use client";
+import '../../../styles/foundation.css';
 import '../../../styles/components/upload.css';
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { CloudUpload, RotateCw, Upload as external_lucide_react_Upload, X } from "lucide-react";
 import { forwardRef, useEffect, useId, useImperativeHandle, useRef, useState } from "react";
-import { Button } from "../button/index.js";
-import { FileList } from "../filelist/index.js";
+import { ButtonControl } from "../button/button.js";
+import { useComponentProps } from "../config-provider/component-defaults.js";
+import { FileListControl } from "../filelist/filelist.js";
 import { fileName } from "../filelist/model.js";
 import { FieldScope, useFormField } from "../form/form.js";
 import { classes } from "../shared/classes.js";
 import { FormValue } from "../shared/field.js";
+import { useFormattedText } from "../shared/use-formatted-text.js";
 import { useText } from "../shared/use-text.js";
 import { acceptsFile, uploadRequest } from "./request.js";
-const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileList = [], onChange, accept, multiple = false, disabled: disabledProp, drag = false, maxCount, maxSize, beforeUpload, onReject, action, method = 'POST', headers, data, withCredentials = false, fieldName = 'file', customRequest, onRemove, showFileList = true, hint, children, name, form, required, autoUpload = true, concurrency = 3, directory, paste, listType = 'text', id: idProp, className, onDragEnter, onDragLeave, onDragOver, onDrop, ...props }, ref) {
+const upload_Upload = /*#__PURE__*/ forwardRef(function(rawProps, ref) {
+    const { fileList, defaultFileList = [], onChange, accept, multiple = false, disabled: disabledProp, drag = false, maxCount, maxSize, beforeUpload, onReject, action, method = 'POST', headers, data, withCredentials = false, fieldName = 'file', customRequest, onRemove, showFileList = true, hint, children, name, form, required, autoUpload = true, concurrency = 3, directory, paste, listType = 'text', id: idProp, className, onDragEnter, onDragLeave, onDragOver, onDrop, ...props } = useComponentProps('Upload', rawProps);
     const field = useFormField();
     const disabled = disabledProp || field?.disabled;
     const t = useText();
+    const format = useFormattedText();
     const id = useId();
     const count = useRef(0);
     const input = useRef(null);
@@ -156,7 +161,7 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
             else {
                 const address = 'function' == typeof config.action ? await config.action(file.originFile) : config.action;
                 if (request.signal.aborted) return;
-                if (!address) throw new Error(t('上传地址不能为空', 'Upload URL cannot be empty'));
+                if (!address) throw new Error(t('upload.uploadUrlCannotBeEmpty'));
                 result = await uploadRequest({
                     file: file.originFile,
                     signal: request.signal,
@@ -183,7 +188,7 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
         } catch (reason) {
             if (!request.signal.aborted && jobs.current.get(file.uid) === request) update(file.uid, {
                 status: 'error',
-                error: reason instanceof Error ? reason.message : t('上传失败', 'Upload failed')
+                error: reason instanceof Error ? reason.message : t('upload.uploadFailed')
             }, 'error');
         } finally{
             if (jobs.current.get(file.uid) === request) jobs.current.delete(file.uid);
@@ -229,31 +234,31 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                         message
                     });
                 if (!multiple && accepted.length > 0) {
-                    reject('count', t('每次只能选择一个文件', 'Choose one file at a time'));
+                    reject('count', t('upload.chooseOneFileAtATime'));
                     continue;
                 }
                 if (!acceptsFile(file, accept)) {
-                    reject('type', t('文件格式不支持', 'File type is not accepted'));
+                    reject('type', t('upload.fileTypeIsNotAccepted'));
                     continue;
                 }
                 if (void 0 !== maxSize && file.size > maxSize) {
-                    reject('size', t('文件超过大小限制', 'File exceeds the size limit'));
+                    reject('size', t('upload.fileExceedsTheSizeLimit'));
                     continue;
                 }
                 if (void 0 !== maxCount && latest.current.current.length + accepted.length >= maxCount) {
-                    reject('count', t('文件数量达到上限', 'File count limit reached'));
+                    reject('count', t('upload.fileCountLimitReached'));
                     continue;
                 }
                 try {
                     const result = await beforeUpload?.(file);
                     if (!mounted.current || batchGeneration !== generation.current) return;
                     if (false === result) {
-                        reject('validation', t('文件未通过校验', 'File validation failed'));
+                        reject('validation', t('upload.fileValidationFailed'));
                         continue;
                     }
                     if (result instanceof File) file = result;
                 } catch (reason) {
-                    reject('validation', reason instanceof Error ? reason.message : t('文件未通过校验', 'File validation failed'));
+                    reject('validation', reason instanceof Error ? reason.message : t('upload.fileValidationFailed'));
                     continue;
                 }
                 if (!mounted.current || batchGeneration !== generation.current) return;
@@ -373,7 +378,7 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                 multiple: multiple,
                 disabled: disabled,
                 tabIndex: -1,
-                "aria-label": t('选择文件', 'Choose files'),
+                "aria-label": t('upload.chooseFiles'),
                 onChange: (event)=>{
                     addFiles([
                         ...event.target.files ?? []
@@ -398,17 +403,17 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                     }),
                     /*#__PURE__*/ jsx("span", {
                         className: "leaf-upload__title",
-                        children: children ?? t('点击或拖拽文件到这里', 'Click or drop files here')
+                        children: children ?? t('upload.dropHint')
                     }),
                     /*#__PURE__*/ jsx("span", {
                         className: "leaf-upload__hint",
-                        children: hint ?? t('支持选择和拖拽上传', 'Choose files or drag them into this area')
+                        children: hint ?? t("upload.dropDescription")
                     })
                 ]
             }) : /*#__PURE__*/ jsxs("div", {
                 className: "leaf-upload__trigger",
                 children: [
-                    /*#__PURE__*/ jsx(Button, {
+                    /*#__PURE__*/ jsx(ButtonControl, {
                         ref: trigger,
                         id: idProp ?? field?.id,
                         variant: "outline",
@@ -418,7 +423,7 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                             size: 16
                         }),
                         onClick: ()=>input.current?.click(),
-                        children: children ?? t('选择文件', 'Choose files')
+                        children: children ?? t('upload.chooseFiles')
                     }),
                     hint && /*#__PURE__*/ jsx("span", {
                         className: "leaf-upload__hint",
@@ -445,7 +450,7 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                     }, `${error.file.name}-${error.file.lastModified}-${error.reason}`))
             }),
             showFileList && current.length > 0 && /*#__PURE__*/ jsx(FieldScope, {
-                children: /*#__PURE__*/ jsx(FileList, {
+                children: /*#__PURE__*/ jsx(FileListControl, {
                     items: current,
                     listType: listType,
                     disabled: disabled,
@@ -453,14 +458,16 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                     onRemove: remove,
                     renderActions: (file, actions)=>/*#__PURE__*/ jsxs(Fragment, {
                             children: [
-                                'uploading' === file.status && /*#__PURE__*/ jsx(Button, {
+                                'uploading' === file.status && /*#__PURE__*/ jsx(ButtonControl, {
                                     variant: "ghost",
                                     size: "sm",
                                     disabled: disabled,
                                     startIcon: /*#__PURE__*/ jsx(X, {
                                         size: 15
                                     }),
-                                    "aria-label": `${t('取消上传', 'Cancel upload')} ${fileName(file)}`,
+                                    "aria-label": format('upload.cancelUpload', {
+                                        name: fileName(file)
+                                    }),
                                     onClick: ()=>{
                                         if (!file.uid) return;
                                         jobs.current.get(file.uid)?.abort();
@@ -474,14 +481,16 @@ const upload_Upload = /*#__PURE__*/ forwardRef(function({ fileList, defaultFileL
                                     'error',
                                     'cancelled',
                                     'ready'
-                                ].includes(file.status ?? '') && (action || customRequest) && file.originFile && /*#__PURE__*/ jsx(Button, {
+                                ].includes(file.status ?? '') && (action || customRequest) && file.originFile && /*#__PURE__*/ jsx(ButtonControl, {
                                     variant: "ghost",
                                     size: "sm",
                                     disabled: disabled,
                                     startIcon: /*#__PURE__*/ jsx(RotateCw, {
                                         size: 15
                                     }),
-                                    "aria-label": `${t('重新上传', 'Retry upload')} ${fileName(file)}`,
+                                    "aria-label": format('upload.retryUpload', {
+                                        name: fileName(file)
+                                    }),
                                     onClick: ()=>void start(file)
                                 }),
                                 actions