@zerodep-dev/vue-tsx-pro-ui 0.3.1 → 0.3.3

package/dist/input/Transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transfer.js","names":["_isVNode","_createVNode","_mergeProps","_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_ref","_vue_computed"],"sources":["../../src/input/Transfer.tsx"],"sourcesContent":["/**\n * 穿梭框：左边是可选的，右边是已选的，勾上之后点中间的按钮移过去（分配权限、指派成员、挑选导出的列）。\n *\n *   <Transfer items={users} toOption={(user) => ({ value: user.id, label: user.name })} _value={memberIds} searchable />\n *   <TreeTransfer items={orgs} getKey={…} getLabel={…} getChildren={…} _value={teamIds} />   左边是一棵树\n *\n * - 每一边是一个可多选的 Listbox（焦点、方向键、空格勾选、虚拟滚动同 Listbox），上方是全选框、标题与“勾上 / 总数”，\n *   searchable 时带搜索框（按选项文字，认 createUi 的 textMatcher）。全选只管当前看得见（搜索后留下）的项。\n * - 中间两个按钮把勾上的项移到另一边（没有勾上的时不可用），双击一项直接移过去；移动后读屏播报移了几项。\n *   不可用的选项（ListboxOption 的 disabled）勾不上，也就移不动。\n * - value 是右边的值，按移过去的先后排列；items 里找不到的值不显示（也不会被删掉）。\n * - TreeTransfer：左边是勾选的 Tree（父子联动、可搜索），已经移过去的节点勾上且不可用；只移叶子，value 是叶子的 key。\n * - 在 Field 里时整体是一组（role=\"group\"，名称是 Field 的标签），两边的列表各以自己的标题为名。\n *\n * 部件：Root（div，role=\"group\"）、Panel（section，每一边）、Header、SelectAll（Checkbox）、Title、Count、\n * Search（TextField）、List（Listbox / Tree）、Actions（中间的按钮）。\n */\nimport { ChevronLeft, ChevronRight, Search } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { UpdateHandlers } from '@zerodep-dev/vue-tsx-pro-tsx/jsx-runtime';\nimport { useId, type VNodeChild } from 'vue';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { Small } from '../base/Text';\nimport { useLang, useTextMatcher } from '../config/context';\nimport { Tree, type TreeProps } from '../display/Tree';\nimport { useFieldControl } from '../form/Field';\nimport { checkedByStrategy, indexTree } from '../utils/data/tree';\nimport { announce } from '../utils/dom/announcer';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { Checkbox } from './Checkbox';\nimport { Listbox, type ListboxBaseProps, type ListboxProps } from './Listbox';\nimport type { MultipleSelectionProps } from '../utils/data/selection';\nimport { toListboxOption, type ListboxOption, type OptionMapping } from './list-state';\nimport { TextField, type TextFieldProps } from './TextField';\n\n/** 两边的列表（可多选的 Listbox）的属性：propsList 用它 */\nexport type TransferListProps<T> = ListboxBaseProps<T> & MultipleSelectionProps & OptionMapping<T>;\n\n/** Transfer 与 TreeTransfer 共有的属性；未声明的属性落到外层 div（role=\"group\"）上 */\nexport interface TransferBaseProps extends PartProps<'div', 'role'> {\n  /** 右边（已选）的值，按移过去的先后排列：父级写 _value={keys} */\n  _value?: string[];\n  /** 左右两边的标题，默认取语言包（可选、已选） */\n  titles?: readonly [string, string];\n  /** 两边带搜索框 */\n  searchable?: boolean;\n  /** 不可用：勾不了、移不了 */\n  disabled?: boolean;\n  /** 每一边的部件属性（section；列表的高度给它的 sx） */\n  propsPanel?: PartProps<'section'>;\n  /** 搜索框的部件属性 */\n  propsSearch?: Partial<TextFieldProps>;\n  /** 中间两个按钮的部件属性 */\n  propsAction?: Partial<IconButtonProps>;\n}\n\n/** 选项是 ListboxOption、字符串，或任意数据加 toOption */\nexport type TransferProps<T = ListboxOption> = TransferBaseProps &\n  OptionMapping<T> & {\n    /** 全部数据（两边一起）：右边显示 value 里的那些 */\n    items: readonly T[];\n    /** 搜索时怎样算匹配；默认选项文字包含输入（忽略大小写与重音，或 createUi 的 textMatcher） */\n    filter?: (item: T, query: string) => boolean;\n    /** 两边列表的部件属性 */\n    propsList?: Partial<TransferListProps<T>>;\n  };\n\n/** 左边是一棵树的穿梭框 */\nexport interface TreeTransferProps<T> extends TransferBaseProps {\n  /** 第一层的节点 */\n  items: readonly T[];\n  /** 节点的 key，整棵树里唯一 */\n  getKey: (node: T) => string;\n  /** 节点的文字 */\n  getLabel: (node: T) => string;\n  /** 子节点 */\n  getChildren: (node: T) => readonly T[] | undefined;\n  /** 左边的树的部件属性 */\n  propsTree?: Partial<TreeProps<T>>;\n  /** 右边列表的部件属性 */\n  propsList?: Partial<TransferListProps<ListboxOption>>;\n}\n\n/** Transfer 的样式：root、panel、header、title、search、list、actions、actionIcon */\nexport const transferStyles = css.create({\n  // 窄屏时上下排，按钮换成上下箭头\n  root: {\n    display: 'grid',\n    gridTemplateColumns: {\n      default: 'minmax(0, 1fr) auto minmax(0, 1fr)',\n      '@media (max-width: 40rem)': 'minmax(0, 1fr)',\n    },\n    alignItems: 'stretch',\n    gap: '_md',\n  },\n  panel: {\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n    height: '20em',\n    borderWidth: '_xs',\n    borderStyle: 'solid',\n    borderColor: '_border',\n    borderRadius: '_md',\n    backgroundColor: '_surface',\n    overflow: 'hidden',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '_sm',\n    paddingBlock: '_xs',\n    paddingInline: '_sm',\n    borderBlockEndWidth: '_xs',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: '_borderMuted',\n  },\n  title: { flexGrow: 1, minWidth: 0, fontWeight: '_semibold' },\n  search: { padding: '_xs', flexShrink: 0 },\n  searchField: { width: '_full' },\n  // 列表占满剩下的高度，自己滚动（虚拟滚动要有确定的高度）\n  list: { flexGrow: 1, minHeight: 0, borderWidth: 0, borderRadius: 0 },\n  actions: {\n    display: 'flex',\n    flexDirection: { default: 'column', '@media (max-width: 40rem)': 'row' },\n    justifyContent: 'center',\n    gap: '_sm',\n  },\n  actionIcon: { rotate: { default: null, '@media (max-width: 40rem)': '90deg' } },\n});\n\ninterface PanelOptions {\n  title: string;\n  titleId: string;\n  /** 看得见的、能勾的项 */\n  selectable: readonly string[];\n  /** 勾上的 */\n  checked: readonly string[];\n  /** 这一边一共几项 */\n  total: number;\n  onCheckAll: (keys: string[]) => void;\n  search: string;\n  onSearch: (text: string) => void;\n  searchable: boolean;\n  disabled: boolean;\n  propsPanel?: PartProps<'section'>;\n  propsSearch?: Partial<TextFieldProps>;\n  list: VNodeChild;\n}\n\n/** 一边：全选框、标题、计数、搜索框与列表 */\nfunction renderPanel(lang: ReturnType<typeof useLang>, options: PanelOptions) {\n  const visibleChecked = options.selectable.filter((key) => options.checked.includes(key));\n  const all = options.selectable.length > 0 && visibleChecked.length === options.selectable.length;\n  return (\n    <section\n      {...mergeAttrs<'section'>({ sx: transferStyles.panel }, options.propsPanel, {\n        'aria-labelledby': options.titleId,\n      })}\n    >\n      <div {...css.attrs(transferStyles.header)}>\n        <Checkbox\n          _checked={all}\n          onUpdate:_checked={(next: boolean) => {\n            const others = options.checked.filter((key) => !options.selectable.includes(key));\n            options.onCheckAll(next ? [...others, ...options.selectable] : others);\n          }}\n          indeterminate={!all && visibleChecked.length > 0}\n          disabled={options.disabled || options.selectable.length === 0}\n          aria-label={lang.transferSelectAll(options.title)}\n        />\n        <span id={options.titleId} {...css.attrs(transferStyles.title)}>\n          {options.title}\n        </span>\n        <Small tone=\"muted\">{lang.transferCount(options.checked.length, options.total)}</Small>\n      </div>\n      {options.searchable && (\n        <div {...css.attrs(transferStyles.search)}>\n          <TextField\n            {...mergePartProps<TextFieldProps>(\n              {\n                icon: Search,\n                variant: 'soft',\n                size: 'sm',\n                placeholder: lang.selectSearch,\n                'aria-label': `${lang.selectSearch} ${options.title}`,\n                propsRoot: { sx: transferStyles.searchField },\n              },\n              options.propsSearch,\n            )}\n            type=\"search\"\n            _value={options.search}\n            onUpdate:_value={options.onSearch}\n            disabled={options.disabled}\n          />\n        </div>\n      )}\n      {options.list}\n    </section>\n  );\n}\n\n/** 中间的两个按钮 */\nfunction renderActions(\n  lang: ReturnType<typeof useLang>,\n  titles: readonly [string, string],\n  enabled: readonly [boolean, boolean],\n  move: readonly [() => void, () => void],\n  propsAction: Partial<IconButtonProps> | undefined,\n) {\n  return (\n    <div {...css.attrs(transferStyles.actions)}>\n      {([1, 0] as const).map((to) => (\n        <IconButton\n          key={to}\n          {...mergePartProps<IconButtonProps>(\n            {\n              icon: to === 1 ? ChevronRight : ChevronLeft,\n              'aria-label': lang.transferMoveTo(titles[to]),\n              variant: 'soft',\n              size: 'sm',\n              propsIcon: { flipInRtl: true, sx: transferStyles.actionIcon },\n            },\n            propsAction,\n            { disabled: !enabled[to], onClick: move[to] },\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\n/** 穿梭框：两个可多选的列表，勾上之后移到另一边 */\nexport const Transfer = _component(\n  <T,>({\n    items,\n    toOption,\n    _value: value = _bindable<string[]>([]),\n    titles,\n    searchable = false,\n    filter,\n    disabled,\n    propsPanel,\n    propsSearch,\n    propsAction,\n    propsList,\n    ...rest\n  }: TransferProps<T>) => {\n    const lang = useLang();\n    const textMatcher = useTextMatcher();\n    const field = useFieldControl(() => ({ disabled }));\n    const baseId = useId();\n    let checked = _state<[string[], string[]]>([[], []]);\n    let searches = _state<[string, string]>(['', '']);\n\n    const entries = _derived.by(() =>\n      items.map((item) => ({ item, option: toListboxOption(item, toOption) })),\n    );\n    const byValue = _derived.by(() => new Map(entries.map((entry) => [entry.option.value, entry])));\n    const chosen = _derived.by(() => new Set(value));\n    const titleOf = (side: 0 | 1) =>\n      titles?.[side] ?? (side === 0 ? lang.transferSource : lang.transferTarget);\n\n    const matches = (entry: (typeof entries)[number], query: string) => {\n      const text = query.trim();\n      if (!text) return true;\n      return filter ? filter(entry.item, text) : textMatcher()(entry.option.label, text);\n    };\n    /** 一边的全部项（左边按 items 的顺序，右边按移过去的先后） */\n    const sideEntries = (side: 0 | 1) =>\n      side === 0\n        ? entries.filter((entry) => !chosen.has(entry.option.value))\n        : value.flatMap((key) => byValue.get(key) ?? []);\n    const shownEntries = (side: 0 | 1) =>\n      sideEntries(side).filter((entry) => matches(entry, searches[side]));\n\n    function setChecked(side: 0 | 1, keys: string[]) {\n      checked = side === 0 ? [keys, checked[1]] : [checked[0], keys];\n    }\n\n    /** 把 keys 从 from 这一边移到另一边 */\n    function move(from: 0 | 1, keys: readonly string[]) {\n      const movable = keys.filter((key) => {\n        const entry = byValue.get(key);\n        return entry && !entry.option.disabled && chosen.has(key) === (from === 1);\n      });\n      if (field().disabled || movable.length === 0) return;\n      const moving = new Set(movable);\n      value = from === 0 ? [...value, ...movable] : value.filter((key) => !moving.has(key));\n      setChecked(\n        from,\n        checked[from].filter((key) => !moving.has(key)),\n      );\n      announce(lang.transferMoved(movable.length, titleOf(from === 0 ? 1 : 0)));\n    }\n\n    return () => {\n      const state = field();\n      const list = (side: 0 | 1) => (\n        <Listbox\n          {...(mergePartProps<TransferListProps<T>>(\n            {\n              items: shownEntries(side).map((entry) => entry.item),\n              toOption: (item: T) => toListboxOption(item, toOption),\n              selectionMode: 'multiple',\n              sx: transferStyles.list,\n              propsOption: (item: T) => ({\n                // 双击直接移过去\n                onDblclick: () => move(side, [toListboxOption(item, toOption).value]),\n              }),\n            } as TransferListProps<T>,\n            propsList,\n            {\n              disabled: state.disabled,\n              id: `${baseId}-${side}`,\n              'aria-labelledby': `${baseId}-title-${side}`,\n            } as Partial<TransferListProps<T>>,\n          ) as ListboxProps<T> & UpdateHandlers<ListboxProps<T>>)}\n          _value={checked[side]}\n          onUpdate:_value={(next: string[]) => setChecked(side, next)}\n        />\n      );\n      const panel = (side: 0 | 1) =>\n        renderPanel(lang, {\n          title: titleOf(side),\n          titleId: `${baseId}-title-${side}`,\n          selectable: shownEntries(side)\n            .filter((entry) => !entry.option.disabled)\n            .map((entry) => entry.option.value),\n          checked: checked[side],\n          total: sideEntries(side).length,\n          onCheckAll: (keys) => setChecked(side, keys),\n          search: searches[side],\n          onSearch: (text) => (searches = side === 0 ? [text, searches[1]] : [searches[0], text]),\n          searchable,\n          disabled: state.disabled,\n          propsPanel,\n          propsSearch,\n          list: list(side),\n        });\n      return (\n        <div\n          {...mergeAttrs<'div'>({ sx: transferStyles.root }, rest, {\n            role: 'group',\n            'aria-labelledby': rest['aria-labelledby'] ?? state.labelledBy,\n            'aria-describedby': state.describedBy,\n          })}\n        >\n          {panel(0)}\n          {renderActions(\n            lang,\n            [titleOf(0), titleOf(1)],\n            [!state.disabled && checked[1].length > 0, !state.disabled && checked[0].length > 0],\n            [() => move(1, checked[1]), () => move(0, checked[0])],\n            propsAction,\n          )}\n          {panel(1)}\n        </div>\n      );\n    };\n  },\n);\n\n/** 左边是一棵树的穿梭框：勾选叶子（父子联动）移到右边 */\nexport const TreeTransfer = _component(\n  <T,>({\n    items,\n    getKey,\n    getLabel,\n    getChildren,\n    _value: value = _bindable<string[]>([]),\n    titles,\n    searchable = false,\n    disabled,\n    propsPanel,\n    propsSearch,\n    propsAction,\n    propsTree,\n    propsList,\n    ...rest\n  }: TreeTransferProps<T>) => {\n    const lang = useLang();\n    const textMatcher = useTextMatcher();\n    const field = useFieldControl(() => ({ disabled }));\n    const baseId = useId();\n    let checked = _state<[string[], string[]]>([[], []]);\n    let searches = _state<[string, string]>(['', '']);\n    let expanded = _state<string[]>([]);\n\n    const index = _derived.by(() =>\n      indexTree(items, { getKey: (node) => getKey(node), getChildren }),\n    );\n    // key → 节点：右边的文字、左边“不可用”的判断都用它\n    const nodes = _derived.by(() => {\n      const map = new Map<string, T>();\n      const visit = (level: readonly T[]) =>\n        level.forEach((node) => {\n          map.set(getKey(node), node);\n          visit(getChildren(node) ?? []);\n        });\n      visit(items);\n      return map;\n    });\n    const leaves = _derived.by(() => index.order.filter((key) => !index.children.get(key)?.length));\n    const chosen = _derived.by(() => new Set(value));\n    const titleOf = (side: 0 | 1) =>\n      titles?.[side] ?? (side === 0 ? lang.transferSource : lang.transferTarget);\n    const matchesSearch = (key: string, side: 0 | 1) => {\n      const text = searches[side].trim();\n      const node = nodes.get(key);\n      return !text || (!!node && textMatcher()(getLabel(node), text));\n    };\n    // 左边能勾的叶子：还没移过去的（搜索时只算匹配的）\n    const sourceLeaves = () => leaves.filter((key) => !chosen.has(key));\n    const targetOptions = () =>\n      value.flatMap((key) => {\n        const node = nodes.get(key);\n        return node ? [{ value: key, label: getLabel(node) }] : [];\n      });\n\n    function setChecked(side: 0 | 1, keys: string[]) {\n      checked = side === 0 ? [keys, checked[1]] : [checked[0], keys];\n    }\n\n    function move(from: 0 | 1, keys: readonly string[]) {\n      const movable = keys.filter((key) => nodes.has(key) && chosen.has(key) === (from === 1));\n      if (field().disabled || movable.length === 0) return;\n      const moving = new Set(movable);\n      value = from === 0 ? [...value, ...movable] : value.filter((key) => !moving.has(key));\n      setChecked(\n        from,\n        checked[from].filter((key) => !moving.has(key)),\n      );\n      announce(lang.transferMoved(movable.length, titleOf(from === 0 ? 1 : 0)));\n    }\n\n    return () => {\n      const state = field();\n      const sourceChecked = checked[0];\n      const tree = (\n        <Tree\n          {...mergePartProps<TreeProps<T>>(\n            {\n              items,\n              getKey,\n              getLabel,\n              getChildren,\n              checkable: true,\n              // 已经移过去的叶子勾上且不可用\n              isDisabled: (node: T) => state.disabled || chosen.has(getKey(node)),\n              filter: searches[0],\n              propsScrollArea: { sx: transferStyles.list },\n            },\n            propsTree,\n            { 'aria-labelledby': `${baseId}-title-0` },\n          )}\n          _checked={[...value, ...sourceChecked]}\n          onUpdate:_checked={(next: string[]) =>\n            setChecked(\n              0,\n              checkedByStrategy(index, next, 'child').filter((key) => !chosen.has(key)),\n            )\n          }\n          _expanded={expanded}\n        />\n      );\n      const list = (\n        <Listbox\n          {...mergePartProps<TransferListProps<ListboxOption>>(\n            {\n              items: targetOptions().filter((option) => matchesSearch(option.value, 1)),\n              selectionMode: 'multiple',\n              sx: transferStyles.list,\n              propsOption: (option: ListboxOption) => ({\n                onDblclick: () => move(1, [option.value]),\n              }),\n            } as TransferListProps<ListboxOption>,\n            propsList,\n            {\n              disabled: state.disabled,\n              id: `${baseId}-1`,\n              'aria-labelledby': `${baseId}-title-1`,\n            } as Partial<TransferListProps<ListboxOption>>,\n          )}\n          _value={checked[1]}\n          onUpdate:_value={(next: string[]) => setChecked(1, next)}\n        />\n      );\n      const panel = (side: 0 | 1, selectable: string[], total: number, body: VNodeChild) =>\n        renderPanel(lang, {\n          title: titleOf(side),\n          titleId: `${baseId}-title-${side}`,\n          selectable,\n          checked: checked[side],\n          total,\n          onCheckAll: (keys) => setChecked(side, keys),\n          search: searches[side],\n          onSearch: (text) => (searches = side === 0 ? [text, searches[1]] : [searches[0], text]),\n          searchable,\n          disabled: state.disabled,\n          propsPanel,\n          propsSearch,\n          list: body,\n        });\n      return (\n        <div\n          {...mergeAttrs<'div'>({ sx: transferStyles.root }, rest, {\n            role: 'group',\n            'aria-labelledby': rest['aria-labelledby'] ?? state.labelledBy,\n            'aria-describedby': state.describedBy,\n          })}\n        >\n          {panel(\n            0,\n            sourceLeaves().filter((key) => matchesSearch(key, 0)),\n            sourceLeaves().length,\n            tree,\n          )}\n          {renderActions(\n            lang,\n            [titleOf(0), titleOf(1)],\n            [!state.disabled && checked[1].length > 0, !state.disabled && sourceChecked.length > 0],\n            [() => move(1, checked[1]), () => move(0, sourceChecked)],\n            propsAction,\n          )}\n          {panel(\n            1,\n            value.filter((key) => matchesSearch(key, 1)),\n            targetOptions().length,\n            list,\n          )}\n        </div>\n      );\n    };\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Transfer.js","names":["_isVNode","_createVNode","_mergeProps","_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_ref","_vue_computed"],"sources":["../../src/input/Transfer.tsx"],"sourcesContent":["/**\n * 穿梭框：左边是可选的，右边是已选的，勾上之后点中间的按钮移过去（分配权限、指派成员、挑选导出的列）。\n *\n *   <Transfer items={users} toOption={(user) => ({ value: user.id, label: user.name })} _value={memberIds} searchable />\n *   <TreeTransfer items={orgs} getKey={…} getLabel={…} getChildren={…} _value={teamIds} />   左边是一棵树\n *\n * - 每一边是一个可多选的 Listbox（焦点、方向键、空格勾选、虚拟滚动同 Listbox），上方是全选框、标题与“勾上 / 总数”，\n *   searchable 时带搜索框（按选项文字，认 createUi 的 textMatcher）。全选只管当前看得见（搜索后留下）的项。\n * - 中间两个按钮把勾上的项移到另一边（没有勾上的时不可用），双击一项直接移过去；移动后读屏播报移了几项。\n *   不可用的选项（ListboxOption 的 disabled）勾不上，也就移不动。\n * - value 是右边的值，按移过去的先后排列；items 里找不到的值不显示（也不会被删掉）。\n * - TreeTransfer：左边是勾选的 Tree（父子联动、可搜索），已经移过去的节点勾上且不可用；只移叶子，value 是叶子的 key。\n * - 在 Field 里时整体是一组（role=\"group\"，名称是 Field 的标签），两边的列表各以自己的标题为名。\n *\n * 部件：Root（div，role=\"group\"）、Panel（section，每一边）、Header、SelectAll（Checkbox）、Title、Count、\n * Search（TextField）、List（Listbox / Tree）、Actions（中间的按钮）。\n */\nimport { ChevronLeft, ChevronRight, Search } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport type { UpdateHandlers } from '@zerodep-dev/vue-tsx-pro-tsx/jsx-runtime';\nimport { useId, type VNodeChild } from 'vue';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { Small } from '../base/Text';\nimport { useLang, useTextMatcher } from '../config/context';\nimport { Tree, type TreeProps } from '../display/Tree';\nimport { useFieldControl } from '../form/Field';\nimport { checkedByStrategy, indexTree } from '../utils/data/tree';\nimport { announce } from '../utils/dom/announcer';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { Checkbox } from './Checkbox';\nimport { Listbox, type ListboxBaseProps, type ListboxProps } from './Listbox';\nimport type { MultipleSelectionProps } from '../utils/data/selection';\nimport { toListboxOption, type ListboxOption, type OptionMapping } from './list-state';\nimport { TextField, type TextFieldProps } from './TextField';\n\n/** 两边的列表（可多选的 Listbox）的属性：propsList 用它 */\nexport type TransferListProps<T> = ListboxBaseProps<T> & MultipleSelectionProps & OptionMapping<T>;\n\n/** Transfer 与 TreeTransfer 共有的属性；未声明的属性落到外层 div（role=\"group\"）上 */\nexport interface TransferBaseProps extends PartProps<'div', 'role'> {\n  /** 右边（已选）的值，按移过去的先后排列：父级写 _value={keys} */\n  _value?: string[];\n  /** 左右两边的标题，默认取语言包（可选、已选） */\n  titles?: readonly [string, string];\n  /** 两边带搜索框 */\n  searchable?: boolean;\n  /** 不可用：勾不了、移不了 */\n  disabled?: boolean;\n  /** 每一边的部件属性（section；列表的高度给它的 sx） */\n  propsPanel?: PartProps<'section'>;\n  /** 搜索框的部件属性 */\n  propsSearch?: Partial<TextFieldProps>;\n  /** 中间两个按钮的部件属性 */\n  propsAction?: Partial<IconButtonProps>;\n}\n\n/** 选项是 ListboxOption、字符串，或任意数据加 toOption */\nexport type TransferProps<T = ListboxOption> = TransferBaseProps &\n  OptionMapping<T> & {\n    /** 全部数据（两边一起）：右边显示 value 里的那些 */\n    items: readonly T[];\n    /** 搜索时怎样算匹配；默认选项文字包含输入（忽略大小写与重音，或 createUi 的 textMatcher） */\n    filter?: (item: T, query: string) => boolean;\n    /** 两边列表的部件属性 */\n    propsList?: Partial<TransferListProps<T>>;\n  };\n\n/** 左边是一棵树的穿梭框 */\nexport interface TreeTransferProps<T> extends TransferBaseProps {\n  /** 第一层的节点 */\n  items: readonly T[];\n  /** 节点的 key，整棵树里唯一 */\n  getKey: (node: T) => string;\n  /** 节点的文字 */\n  getLabel: (node: T) => string;\n  /** 子节点 */\n  getChildren: (node: T) => readonly T[] | undefined;\n  /** 左边的树的部件属性 */\n  propsTree?: Partial<TreeProps<T>>;\n  /** 右边列表的部件属性 */\n  propsList?: Partial<TransferListProps<ListboxOption>>;\n}\n\n/** Transfer 的样式：root、panel、header、title、search、list、actions、actionIcon */\nexport const transferStyles = css.create({\n  // 窄屏时上下排，按钮换成上下箭头\n  root: {\n    display: 'grid',\n    gridTemplateColumns: {\n      default: 'minmax(0, 1fr) auto minmax(0, 1fr)',\n      '@media (max-width: 40rem)': 'minmax(0, 1fr)',\n    },\n    alignItems: 'stretch',\n    gap: '_md',\n  },\n  panel: {\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n    height: '20em',\n    borderWidth: '_xs',\n    borderStyle: 'solid',\n    borderColor: '_border',\n    borderRadius: '_md',\n    backgroundColor: '_surface',\n    overflow: 'hidden',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '_sm',\n    paddingBlock: '_xs',\n    paddingInline: '_sm',\n    borderBlockEndWidth: '_xs',\n    borderBlockEndStyle: 'solid',\n    borderBlockEndColor: '_borderMuted',\n  },\n  title: { flexGrow: 1, minWidth: 0, fontWeight: '_semibold' },\n  search: { padding: '_xs', flexShrink: 0 },\n  searchField: { width: '_full' },\n  // 列表占满剩下的高度，自己滚动（虚拟滚动要有确定的高度）\n  list: { flexGrow: 1, minHeight: 0, borderWidth: 0, borderRadius: 0 },\n  actions: {\n    display: 'flex',\n    flexDirection: { default: 'column', '@media (max-width: 40rem)': 'row' },\n    justifyContent: 'center',\n    gap: '_sm',\n  },\n  actionIcon: { rotate: { default: null, '@media (max-width: 40rem)': '90deg' } },\n});\n\ninterface PanelOptions {\n  title: string;\n  titleId: string;\n  /** 看得见的、能勾的项 */\n  selectable: readonly string[];\n  /** 勾上的 */\n  checked: readonly string[];\n  /** 这一边一共几项 */\n  total: number;\n  onCheckAll: (keys: string[]) => void;\n  search: string;\n  onSearch: (text: string) => void;\n  searchable: boolean;\n  disabled: boolean;\n  propsPanel?: PartProps<'section'>;\n  propsSearch?: Partial<TextFieldProps>;\n  list: VNodeChild;\n}\n\n/** 一边：全选框、标题、计数、搜索框与列表 */\nfunction renderPanel(lang: ReturnType<typeof useLang>, options: PanelOptions) {\n  const visibleChecked = options.selectable.filter((key) => options.checked.includes(key));\n  const all = options.selectable.length > 0 && visibleChecked.length === options.selectable.length;\n  return (\n    <section\n      {...mergeAttrs<'section'>({ sx: transferStyles.panel }, options.propsPanel, {\n        'aria-labelledby': options.titleId,\n      })}\n    >\n      <div {...css.attrs(transferStyles.header)}>\n        <Checkbox\n          _checked={all}\n          onUpdate:_checked={(next: boolean) => {\n            const others = options.checked.filter((key) => !options.selectable.includes(key));\n            options.onCheckAll(next ? [...others, ...options.selectable] : others);\n          }}\n          indeterminate={!all && visibleChecked.length > 0}\n          disabled={options.disabled || options.selectable.length === 0}\n          aria-label={lang.transferSelectAll(options.title)}\n        />\n        <span id={options.titleId} {...css.attrs(transferStyles.title)}>\n          {options.title}\n        </span>\n        <Small tone=\"muted\">{lang.transferCount(options.checked.length, options.total)}</Small>\n      </div>\n      {options.searchable && (\n        <div {...css.attrs(transferStyles.search)}>\n          <TextField\n            {...mergePartProps<TextFieldProps>(\n              {\n                icon: Search,\n                variant: 'soft',\n                size: 'sm',\n                placeholder: lang.selectSearch,\n                'aria-label': `${lang.selectSearch} ${options.title}`,\n                propsRoot: { sx: transferStyles.searchField },\n              },\n              options.propsSearch,\n            )}\n            type=\"search\"\n            _value={options.search}\n            onUpdate:_value={options.onSearch}\n            disabled={options.disabled}\n          />\n        </div>\n      )}\n      {options.list}\n    </section>\n  );\n}\n\n/** 中间的两个按钮 */\nfunction renderActions(\n  lang: ReturnType<typeof useLang>,\n  titles: readonly [string, string],\n  enabled: readonly [boolean, boolean],\n  move: readonly [() => void, () => void],\n  propsAction: Partial<IconButtonProps> | undefined,\n) {\n  return (\n    <div {...css.attrs(transferStyles.actions)}>\n      {([1, 0] as const).map((to) => (\n        <IconButton\n          key={to}\n          {...mergePartProps<IconButtonProps>(\n            {\n              icon: to === 1 ? ChevronRight : ChevronLeft,\n              'aria-label': lang.transferMoveTo(titles[to]),\n              variant: 'soft',\n              size: 'sm',\n              propsIcon: { flipInRtl: true, sx: transferStyles.actionIcon },\n            },\n            propsAction,\n            { disabled: !enabled[to], onClick: move[to] },\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\n/** 穿梭框：两个可多选的列表，勾上之后移到另一边 */\nexport const Transfer = _component(\n  <T,>({\n    items,\n    toOption,\n    _value: value = _bindable<string[]>([]),\n    titles,\n    searchable = false,\n    filter,\n    disabled,\n    propsPanel,\n    propsSearch,\n    propsAction,\n    propsList,\n    ...rest\n  }: TransferProps<T>) => {\n    const lang = useLang();\n    const textMatcher = useTextMatcher();\n    const field = useFieldControl(() => ({ disabled }));\n    const baseId = useId();\n    let checked = _state<[string[], string[]]>([[], []]);\n    let searches = _state<[string, string]>(['', '']);\n\n    const entries = _derived.by(() =>\n      items.map((item) => ({ item, option: toListboxOption(item, toOption) })),\n    );\n    const byValue = _derived.by(() => new Map(entries.map((entry) => [entry.option.value, entry])));\n    const chosen = _derived.by(() => new Set(value));\n    const titleOf = (side: 0 | 1) =>\n      titles?.[side] ?? (side === 0 ? lang.transferSource : lang.transferTarget);\n\n    const matches = (entry: (typeof entries)[number], query: string) => {\n      const text = query.trim();\n      if (!text) return true;\n      return filter ? filter(entry.item, text) : textMatcher()(entry.option.label, text);\n    };\n    /** 一边的全部项（左边按 items 的顺序，右边按移过去的先后） */\n    const sideEntries = (side: 0 | 1) =>\n      side === 0\n        ? entries.filter((entry) => !chosen.has(entry.option.value))\n        : value.flatMap((key) => byValue.get(key) ?? []);\n    const shownEntries = (side: 0 | 1) =>\n      sideEntries(side).filter((entry) => matches(entry, searches[side]));\n\n    function setChecked(side: 0 | 1, keys: string[]) {\n      checked = side === 0 ? [keys, checked[1]] : [checked[0], keys];\n    }\n\n    /** 把 keys 从 from 这一边移到另一边 */\n    function move(from: 0 | 1, keys: readonly string[]) {\n      const movable = keys.filter((key) => {\n        const entry = byValue.get(key);\n        return entry && !entry.option.disabled && chosen.has(key) === (from === 1);\n      });\n      if (field().disabled || movable.length === 0) return;\n      const moving = new Set(movable);\n      value = from === 0 ? [...value, ...movable] : value.filter((key) => !moving.has(key));\n      setChecked(\n        from,\n        checked[from].filter((key) => !moving.has(key)),\n      );\n      announce(lang.transferMoved(movable.length, titleOf(from === 0 ? 1 : 0)));\n    }\n\n    return () => {\n      const state = field();\n      const list = (side: 0 | 1) => (\n        <Listbox\n          {...(mergePartProps<TransferListProps<T>>(\n            {\n              items: shownEntries(side).map((entry) => entry.item),\n              toOption: (item: T) => toListboxOption(item, toOption),\n              selectionMode: 'multiple',\n              sx: transferStyles.list,\n              propsOption: (item: T) => ({\n                // 双击直接移过去\n                onDblclick: () => move(side, [toListboxOption(item, toOption).value]),\n              }),\n            } as TransferListProps<T>,\n            propsList,\n            {\n              disabled: state.disabled,\n              id: `${baseId}-${side}`,\n              'aria-labelledby': `${baseId}-title-${side}`,\n            } as Partial<TransferListProps<T>>,\n          ) as ListboxProps<T> & UpdateHandlers<ListboxProps<T>>)}\n          _value={checked[side]}\n          onUpdate:_value={(next: string[]) => setChecked(side, next)}\n        />\n      );\n      const panel = (side: 0 | 1) =>\n        renderPanel(lang, {\n          title: titleOf(side),\n          titleId: `${baseId}-title-${side}`,\n          selectable: shownEntries(side)\n            .filter((entry) => !entry.option.disabled)\n            .map((entry) => entry.option.value),\n          checked: checked[side],\n          total: sideEntries(side).length,\n          onCheckAll: (keys) => setChecked(side, keys),\n          search: searches[side],\n          onSearch: (text) => (searches = side === 0 ? [text, searches[1]] : [searches[0], text]),\n          searchable,\n          disabled: state.disabled,\n          propsPanel,\n          propsSearch,\n          list: list(side),\n        });\n      return (\n        <div\n          {...mergeAttrs<'div'>({ sx: transferStyles.root }, rest, {\n            role: 'group',\n            'aria-labelledby': rest['aria-labelledby'] ?? state.labelledBy,\n            'aria-describedby': state.describedBy,\n          })}\n        >\n          {panel(0)}\n          {renderActions(\n            lang,\n            [titleOf(0), titleOf(1)],\n            [!state.disabled && checked[1].length > 0, !state.disabled && checked[0].length > 0],\n            [() => move(1, checked[1]), () => move(0, checked[0])],\n            propsAction,\n          )}\n          {panel(1)}\n        </div>\n      );\n    };\n  },\n);\n\n/** 左边是一棵树的穿梭框：勾选叶子（父子联动）移到右边 */\nexport const TreeTransfer = _component(\n  <T,>({\n    items,\n    getKey,\n    getLabel,\n    getChildren,\n    _value: value = _bindable<string[]>([]),\n    titles,\n    searchable = false,\n    disabled,\n    propsPanel,\n    propsSearch,\n    propsAction,\n    propsTree,\n    propsList,\n    ...rest\n  }: TreeTransferProps<T>) => {\n    const lang = useLang();\n    const textMatcher = useTextMatcher();\n    const field = useFieldControl(() => ({ disabled }));\n    const baseId = useId();\n    let checked = _state<[string[], string[]]>([[], []]);\n    let searches = _state<[string, string]>(['', '']);\n    let expanded = _state<string[]>([]);\n\n    const index = _derived.by(() =>\n      indexTree(items, { getKey: (node) => getKey(node), getChildren }),\n    );\n    // key → 节点：右边的文字、左边“不可用”的判断都用它\n    const nodes = _derived.by(() => {\n      const map = new Map<string, T>();\n      const visit = (level: readonly T[]) =>\n        level.forEach((node) => {\n          map.set(getKey(node), node);\n          visit(getChildren(node) ?? []);\n        });\n      visit(items);\n      return map;\n    });\n    const leaves = _derived.by(() => index.order.filter((key) => !index.children.get(key)?.length));\n    const chosen = _derived.by(() => new Set(value));\n    const titleOf = (side: 0 | 1) =>\n      titles?.[side] ?? (side === 0 ? lang.transferSource : lang.transferTarget);\n    const matchesSearch = (key: string, side: 0 | 1) => {\n      const text = searches[side].trim();\n      const node = nodes.get(key);\n      return !text || (!!node && textMatcher()(getLabel(node), text));\n    };\n    // 左边能勾的叶子：还没移过去的（搜索时只算匹配的）\n    const sourceLeaves = () => leaves.filter((key) => !chosen.has(key));\n    const targetOptions = () =>\n      value.flatMap((key) => {\n        const node = nodes.get(key);\n        return node ? [{ value: key, label: getLabel(node) }] : [];\n      });\n\n    function setChecked(side: 0 | 1, keys: string[]) {\n      checked = side === 0 ? [keys, checked[1]] : [checked[0], keys];\n    }\n\n    function move(from: 0 | 1, keys: readonly string[]) {\n      const movable = keys.filter((key) => nodes.has(key) && chosen.has(key) === (from === 1));\n      if (field().disabled || movable.length === 0) return;\n      const moving = new Set(movable);\n      value = from === 0 ? [...value, ...movable] : value.filter((key) => !moving.has(key));\n      setChecked(\n        from,\n        checked[from].filter((key) => !moving.has(key)),\n      );\n      announce(lang.transferMoved(movable.length, titleOf(from === 0 ? 1 : 0)));\n    }\n\n    return () => {\n      const state = field();\n      const sourceChecked = checked[0];\n      const tree = (\n        <Tree\n          {...mergePartProps<TreeProps<T>>(\n            {\n              items,\n              getKey,\n              getLabel,\n              getChildren,\n              checkable: true,\n              // 已经移过去的叶子勾上且不可用\n              isDisabled: (node: T) => state.disabled || chosen.has(getKey(node)),\n              filter: searches[0],\n              propsScrollArea: { sx: transferStyles.list },\n            },\n            propsTree,\n            { 'aria-labelledby': `${baseId}-title-0` },\n          )}\n          _checked={[...value, ...sourceChecked]}\n          onUpdate:_checked={(next: string[]) =>\n            setChecked(\n              0,\n              checkedByStrategy(index, next, 'child').filter((key) => !chosen.has(key)),\n            )\n          }\n          _expanded={expanded}\n        />\n      );\n      const list = (\n        <Listbox\n          {...mergePartProps<TransferListProps<ListboxOption>>(\n            {\n              items: targetOptions().filter((option) => matchesSearch(option.value, 1)),\n              selectionMode: 'multiple',\n              sx: transferStyles.list,\n              propsOption: (option: ListboxOption) => ({\n                onDblclick: () => move(1, [option.value]),\n              }),\n            } as TransferListProps<ListboxOption>,\n            propsList,\n            {\n              disabled: state.disabled,\n              id: `${baseId}-1`,\n              'aria-labelledby': `${baseId}-title-1`,\n            } as Partial<TransferListProps<ListboxOption>>,\n          )}\n          _value={checked[1]}\n          onUpdate:_value={(next: string[]) => setChecked(1, next)}\n        />\n      );\n      const panel = (side: 0 | 1, selectable: string[], total: number, body: VNodeChild) =>\n        renderPanel(lang, {\n          title: titleOf(side),\n          titleId: `${baseId}-title-${side}`,\n          selectable,\n          checked: checked[side],\n          total,\n          onCheckAll: (keys) => setChecked(side, keys),\n          search: searches[side],\n          onSearch: (text) => (searches = side === 0 ? [text, searches[1]] : [searches[0], text]),\n          searchable,\n          disabled: state.disabled,\n          propsPanel,\n          propsSearch,\n          list: body,\n        });\n      return (\n        <div\n          {...mergeAttrs<'div'>({ sx: transferStyles.root }, rest, {\n            role: 'group',\n            'aria-labelledby': rest['aria-labelledby'] ?? state.labelledBy,\n            'aria-describedby': state.describedBy,\n          })}\n        >\n          {panel(\n            0,\n            sourceLeaves().filter((key) => matchesSearch(key, 0)),\n            sourceLeaves().length,\n            tree,\n          )}\n          {renderActions(\n            lang,\n            [titleOf(0), titleOf(1)],\n            [!state.disabled && checked[1].length > 0, !state.disabled && sourceChecked.length > 0],\n            [() => move(1, checked[1]), () => move(0, sourceChecked)],\n            propsAction,\n          )}\n          {panel(\n            1,\n            value.filter((key) => matchesSearch(key, 1)),\n            targetOptions().length,\n            list,\n          )}\n        </div>\n      );\n    };\n  },\n);\n"],"mappings":"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"}

package/dist/input/TreeSelect.d.ts

@@ -1,4 +1,4 @@
-import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
 import type { PresetIconButtonProps } from '../base/CloseButton';
 import { type IconProps } from '../base/Icon';
 import type { TagProps } from '../base/Tag';

package/dist/input/TreeSelect.js

@@ -19,7 +19,7 @@ import { TextField } from "./TextField.js";
 import { selectStyles } from "./Select.js";
 import { Fragment, computed, createVNode, ref, shallowRef, useId, watch } from "vue";
 import { _component, bindable, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
-import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
 import { ChevronDown, Search } from "@lucide/icons";
 //#region src/input/TreeSelect.tsx
 /**

package/dist/input/TreeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelect.js","names":["_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_ref","_vue_shallowRef","_vue_computed","_createVNode","_Fragment","_mergeProps"],"sources":["../../src/input/TreeSelect.tsx"],"sourcesContent":["/**\n * 树形下拉选择：触发框同 Select，弹出的是一棵树（组织机构、产品结构、物料分类）。单选选一个节点，多选勾选（父子联动）。\n *\n *   <TreeSelect\n *     items={orgs}\n *     getKey={(org) => org.id}\n *     getLabel={(org) => org.name}\n *     getChildren={(org) => org.children}\n *     _value={orgId}\n *     searchable\n *   />\n *   <TreeSelect … selectionMode=\"multiple\" _value={teamIds} />   勾选：勾上父节点就是整枝\n *   <TreeSelect … selectionMode=\"multiple\" checkedStrategy=\"child\" maxTagCount=\"responsive\" />\n *\n * - 单选：点节点或 Enter 选中并关闭；多选：空格或点勾选框，勾上父节点会勾上它的子孙，子节点全勾上时父节点也勾上。\n *   value 按 checkedStrategy 放勾上的节点：全部（默认）、整枝时只放父节点、只放叶子（checkedByStrategy）。\n * - 多选的标签同 Select（SelectedTags）：排在触发按钮前面，可移除（取消整枝），maxTagCount 收起，Backspace 移除最后一个。\n *   标签只列最上层的整枝（勾上了“研发中心”就不再列它下面的每个组）；checkedStrategy=\"child\" 时列叶子。\n * - searchable：弹出层顶部的搜索框，按节点文字过滤，命中节点的祖先一起显示并展开；↓ 从搜索框进到树里。\n *   给 load 时由服务端搜索：打开时与输入停下 300 ms 后按搜索词请求，返回命中的节点连同祖先，结果全部展开\n *   （remote-items.ts，同 Select）；自己管请求时写 _search={keyword}、filter={false}。\n * - 打开后焦点在树上（或搜索框里），键盘同 Tree；Esc 关闭并把焦点还给触发按钮。懒加载同 Tree 的 loadChildren。\n * - 已选节点的文字从已加载的树里找，远程搜索换掉的按见过的文字显示；从没见过的（懒加载还没取回来）显示成 key。\n *\n * 部件：Root（外壳）、Tags（多选时的那排标签）、Tag、Trigger（button，主元素）、Value、Clear、Chevron、Popover、\n * Search（TextField）、Tree。\n */\nimport { ChevronDown, Search } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { useId, watch } from 'vue';\nimport type { PresetIconButtonProps } from '../base/CloseButton';\nimport { buttonBaseStyles } from '../base/button-core';\nimport { Icon, type IconProps } from '../base/Icon';\nimport type { TagProps } from '../base/Tag';\nimport { visuallyHiddenStyles } from '../base/VisuallyHidden';\nimport { useLang } from '../config/context';\nimport { Tree, type TreeProps } from '../display/Tree';\nimport { useFieldControl } from '../form/Field';\nimport { FormValue } from '../form/FormValue';\nimport { selectedValues, type SelectionModes } from '../utils/data/selection';\nimport {\n  checkedByStrategy,\n  indexTree,\n  toggleChecked,\n  type CheckStrategies,\n} from '../utils/data/tree';\nimport {\n  anchoredPanelSx,\n  floatingStyles,\n  useAnchoredPopover,\n  type FloatingPlacement,\n} from '../utils/dom/floating';\nimport { openSetter, type OpenChangeProps } from '../utils/dom/open-change';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { disclosureStyles } from '../utils/style/transitions';\nimport {\n  controlClear,\n  controlIcon,\n  controlParts,\n  clickOnShell,\n  focusOnShell,\n  useControlAppearance,\n  type ControlIconOptions,\n  type ControlOptions,\n} from './control';\nimport { listPopoverStyles } from './ListPopover';\nimport { useRemoteItems, type OptionsLoader } from './remote-items';\nimport { selectStyles, type SelectManaged } from './Select';\nimport { SelectedTags, type SelectedTagsProps } from './SelectedTags';\nimport { TextField, type TextFieldProps } from './TextField';\n\n/** 未声明的属性落到触发按钮（主元素）上，外壳用 propsRoot */\nexport interface TreeSelectProps<T>\n  extends PartProps<'button', SelectManaged>, ControlOptions, ControlIconOptions, OpenChangeProps {\n  /** 顶层节点；有 load 时是第一次加载之前的树（编辑页放上已选节点的那一枝） */\n  items?: readonly T[];\n  /** 节点的 key，整棵树里唯一：也是选中后写回的值 */\n  getKey: (node: T) => string;\n  /** 节点的文字 */\n  getLabel: (node: T) => string;\n  /** 子节点；叶子或还没加载时 undefined */\n  getChildren: (node: T) => readonly T[] | undefined;\n  /** 有没有子节点（懒加载时子节点还没取回来也算有） */\n  hasChildren?: (node: T) => boolean;\n  /** 展开还没有子节点的节点时取回来（返回 Promise 时显示加载中） */\n  loadChildren?: (node: T) => Promise<unknown> | void;\n  /** 不能选的节点（只能展开，如只能选到部门、不能选公司时） */\n  isDisabled?: (node: T) => boolean;\n  /** 单选（默认）或多选（勾选，父子联动） */\n  selectionMode?: keyof SelectionModes;\n  /** 单选时是选中节点的 key（没有时 null），多选时是勾上的节点（按 checkedStrategy）：父级写 _value={x} */\n  _value?: string | string[] | null;\n  /**\n   * 多选时 value 里放哪些勾上的节点（同 Ant Design 的 showCheckedStrategy）：all 全部（默认）；\n   * parent 父节点全勾上时只放父节点（提交“整个部门”）；child 只放叶子（提交“具体的人”）\n   */\n  checkedStrategy?: keyof CheckStrategies;\n  /** 多选时触发框里最多显示几个标签，其余收进“+N”；'responsive' 时排成一行、按宽度放 */\n  maxTagCount?: number | 'responsive';\n  /** 没有选择时显示的文字，默认取语言包（请选择） */\n  placeholder?: string;\n  /** 是否打开：父级可以写 _open={x} */\n  _open?: boolean;\n  /** 弹出位置，默认 bottom-start */\n  placement?: FloatingPlacement;\n  /** 有选择时显示清空按钮 */\n  clearable?: boolean;\n  /** 弹出层顶部带搜索框，按节点文字过滤 */\n  searchable?: boolean;\n  /** 搜索时怎样算命中；默认节点文字包含输入（忽略大小写与重音）。false 时不在本地过滤（服务端按 search 过滤） */\n  filter?: false | ((node: T, query: string) => boolean);\n  /** 搜索框里的文字：打开时清空；父级写 _search={x} 拿到它（自己发请求时） */\n  _search?: string;\n  /** 远程搜索：打开时与搜索词停下 300 ms 后调用，返回命中的节点连同祖先（顶层节点），结果代替 items */\n  load?: OptionsLoader<T>;\n  /** 表单提交时的 name（用隐藏的 input） */\n  name?: string;\n  /** 不可用 */\n  disabled?: boolean;\n  /** 只读：能聚焦、能看到已选的内容，不能打开、不能清空 */\n  readonly?: boolean;\n  /** 必填 */\n  required?: boolean;\n  /** 校验未通过 */\n  invalid?: boolean;\n  /** 外壳的部件属性 */\n  propsRoot?: PartProps<'div'>;\n  /** 已选内容那一层的部件属性 */\n  propsValue?: PartProps<'span'>;\n  /** 多选时每个标签的部件属性 */\n  propsTag?: Partial<TagProps>;\n  /** 多选时那排标签的部件属性 */\n  propsTags?: Partial<SelectedTagsProps>;\n  /** 清空按钮的部件属性 */\n  propsClear?: Partial<PresetIconButtonProps>;\n  /** 下拉箭头的部件属性 */\n  propsChevron?: Partial<IconProps>;\n  /** 弹出层的部件属性 */\n  propsPopover?: PartProps<'div', 'id' | 'popover'>;\n  /** 搜索框的部件属性（searchable 时） */\n  propsSearch?: Partial<TextFieldProps>;\n  /** 树的部件属性 */\n  propsTree?: Partial<TreeProps<T>>;\n}\n\n/** TreeSelect 的样式：tree */\nexport const treeSelectStyles = css.create({\n  // 树的滚动区域占满弹出层剩下的高度（最大高度由定位写在弹出层上）\n  tree: { flexGrow: 1, minHeight: 0 },\n  // 弹出层比触发框窄时也放得下几层缩进\n  panel: { minWidth: '16em' },\n});\n\n/** 树形下拉选择：触发框 + 弹出的树，单选或勾选，可搜索 */\nexport const TreeSelect = _component(\n  <T,>({\n    items = [],\n    getKey,\n    getLabel,\n    getChildren,\n    hasChildren,\n    loadChildren,\n    isDisabled,\n    selectionMode = 'single',\n    checkedStrategy = 'all',\n    maxTagCount,\n    _value: value = _bindable<string | string[] | null>(null),\n    _open: open = _bindable(false),\n    onOpenChange,\n    placeholder,\n    placement = 'bottom-start',\n    clearable = false,\n    searchable = false,\n    filter,\n    _search: search = _bindable(''),\n    load,\n    name,\n    variant,\n    size,\n    radius,\n    disabled,\n    readonly,\n    required,\n    invalid,\n    id,\n    icon,\n    propsRoot,\n    propsIcon,\n    propsValue,\n    propsTag,\n    propsTags,\n    propsClear,\n    propsChevron,\n    propsPopover,\n    propsSearch,\n    propsTree,\n    ...rest\n  }: TreeSelectProps<T>) => {\n    const lang = useLang();\n    const treeId = useId();\n    const appearance = useControlAppearance(() => ({ variant, size, radius }));\n    const control = useFieldControl(() => ({ id, invalid, required, disabled, readonly }));\n    const multiple = () => selectionMode === 'multiple';\n    const remote = useRemoteItems({\n      load: () => load,\n      query: () => search,\n      open: () => open,\n      items: () => items,\n    });\n    let expanded = _state<string[]>([]);\n    let shell = _state.raw<HTMLElement | null>(null);\n    let trigger = _state.raw<HTMLElement | null>(null);\n    let panel = _state.raw<HTMLElement | null>(null);\n    const setOpen = openSetter(\n      () => open,\n      (next) => (open = next),\n      () => onOpenChange,\n    );\n\n    // 已加载的整棵树：key → 节点与父节点，查已选的文字、搜索时找祖先都用它\n    const nodes = _derived.by(() => {\n      const map = new Map<string, { node: T; parent: string | undefined }>();\n      const visit = (level: readonly T[], parent: string | undefined) => {\n        for (const node of level) {\n          const key = getKey(node);\n          map.set(key, { node, parent });\n          visit(getChildren(node) ?? [], key);\n        }\n      };\n      visit(remote.items(), undefined);\n      return map;\n    });\n    // 见过的节点文字：远程搜索换掉了已选的节点，触发框里仍显示它的文字\n    const seenLabels = new Map<string, string>();\n    watch(\n      () => nodes,\n      (map) => {\n        for (const [key, { node }] of map) seenLabels.set(key, getLabel(node));\n      },\n      { immediate: true },\n    );\n\n    // 本地搜索交给 Tree 的 filter（命中的节点与祖先、展开祖先、命中的加粗）；\n    // 有 load 或 filter={false} 时结果已经是服务端筛好的，不再过滤\n    const treeFilter = () => {\n      const text = search.trim();\n      if (!searchable || !text || load || filter === false) return undefined;\n      return filter ? (node: T) => filter(node, text) : text;\n    };\n    // 服务端搜索的结果全部展开（只有命中的节点与它们的祖先）；清空搜索回到自己展开的状态\n    const remoteResults = () => !!load && !!search.trim();\n    const shownExpanded = () => (remoteResults() ? [...nodes.keys()] : expanded);\n\n    const values = () => selectedValues(value);\n    // 勾选联动要看到折叠着的节点\n    const index = _derived.by(() =>\n      indexTree(remote.items(), { getKey: (node) => getKey(node), getChildren }),\n    );\n    /** 按取法整理勾上的节点：已加载的按树的顺序与父子关系，还没加载（或远程搜索换掉了）的原样跟在后面 */\n    const byStrategy = (keys: readonly string[], strategy: keyof CheckStrategies) => [\n      ...checkedByStrategy(index, keys, strategy),\n      ...keys.filter((key) => !index.parents.has(key)),\n    ];\n    /** 勾选变了（树、移除标签）：按 checkedStrategy 写回，还没加载的已选节点保留 */\n    const setChecked = (checked: readonly string[]) => {\n      const unknown = values().filter((key) => !index.parents.has(key));\n      value = [...checkedByStrategy(index, checked, checkedStrategy), ...unknown];\n    };\n    /** 触发框里显示的节点：多选时只列最上层的整枝（父节点也勾上了的不重复列），child 时列叶子 */\n    const displayKeys = () =>\n      multiple()\n        ? byStrategy(values(), checkedStrategy === 'child' ? 'child' : 'parent')\n        : values();\n\n    /** 移除一个标签：取消整枝 */\n    function remove(key: string) {\n      setChecked(toggleChecked(index, values(), key));\n    }\n    const labelOf = (key: string) => {\n      const found = nodes.get(key);\n      return found ? getLabel(found.node) : (seenLabels.get(key) ?? key);\n    };\n\n    function show(event?: Event) {\n      search = '';\n      // 打开时展开已选节点的祖先：已选的看得见\n      const ancestors = new Set(expanded);\n      for (const key of values()) {\n        for (let at = nodes.get(key)?.parent; at !== undefined; at = nodes.get(at)?.parent) {\n          ancestors.add(at);\n        }\n      }\n      expanded = [...ancestors];\n      setOpen(true, 'trigger', event);\n    }\n\n    function clear() {\n      value = multiple() ? [] : null;\n      trigger?.focus();\n    }\n\n    const { onToggle } = useAnchoredPopover(\n      () => ({\n        open,\n        anchor: shell,\n        panel,\n        floating: { placement, matchWidth: true, fitHeight: true },\n        restoreFocus: false,\n      }),\n      { close: (reason, event) => setOpen(false, reason, event) },\n    );\n\n    // 打开后焦点进搜索框或树；关闭时焦点还在弹层里（Esc、选中、点外面）就还给触发按钮\n    function onPanelToggle(event: ToggleEvent) {\n      onToggle(event);\n      if (event.newState === 'open') {\n        const target = searchable\n          ? panel?.querySelector<HTMLElement>('input[type=\"search\"]')\n          : panel?.querySelector<HTMLElement>('[role=\"tree\"]');\n        target?.focus();\n        return;\n      }\n      const active = document.activeElement;\n      if (!active || active === document.body || panel?.contains(active)) trigger?.focus();\n    }\n\n    function onTriggerKeydown(event: KeyboardEvent) {\n      const state = control();\n      if (state.disabled || state.readonly) return;\n      // 多选：Backspace 移除最后一个标签（同 Select）\n      if (event.key === 'Backspace' && multiple()) {\n        event.preventDefault();\n        const last = displayKeys().at(-1);\n        if (last !== undefined) remove(last);\n        return;\n      }\n      if (!open && (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        show(event);\n      }\n    }\n\n    // 搜索框里 ↓ 进到树；Tab 关闭后照常移到下一个\n    function onSearchKeydown(event: KeyboardEvent) {\n      if (event.key === 'Tab') {\n        setOpen(false, 'focus', event);\n        return;\n      }\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        panel?.querySelector<HTMLElement>('[role=\"tree\"]')?.focus();\n      }\n    }\n\n    /** 树的属性（单选、多选共用）：本地搜索时带上 filter */\n    const treeProps = (labelledBy: string | undefined) =>\n      mergePartProps<TreeProps<T>>(\n        {\n          items: remote.items(),\n          getKey,\n          getLabel,\n          getChildren,\n          hasChildren,\n          filter: treeFilter(),\n          loadChildren,\n          loading: remote.loading(),\n          empty: remote.failure() ?? (search.trim() ? lang.selectNoMatch : undefined),\n          isDisabled,\n          propsScrollArea: { sx: treeSelectStyles.tree },\n          'aria-labelledby': labelledBy,\n          'aria-label': labelledBy ? undefined : rest['aria-label'],\n        },\n        propsTree,\n        { id: treeId },\n      );\n\n    // 单选：选中就关闭（树的 selected 里已按 select 关过；父级改 value 时也关，不通知）\n    watch(\n      () => value,\n      () => {\n        if (!multiple() && open) open = false;\n      },\n    );\n\n    return () => {\n      const state = control();\n      const s = controlParts(appearance(), state);\n      const off = state.disabled;\n      const locked = off || state.readonly;\n      const shownKeys = displayKeys();\n      // 多选：触发按钮前面一排标签，按钮里只留给读屏的文字（同 Select）\n      const tagged = multiple() && shownKeys.length > 0;\n      const shown =\n        shownKeys.length === 0 ? (\n          <span {...css.attrs(selectStyles.placeholder)}>\n            {placeholder ?? lang.selectPlaceholder}\n          </span>\n        ) : tagged ? (\n          <span {...css.attrs(visuallyHiddenStyles.hidden)}>\n            {lang.selectSummary(shownKeys.map(labelOf))}\n          </span>\n        ) : (\n          labelOf(shownKeys[0]!)\n        );\n      return (\n        <>\n          <div\n            {...mergeAttrs<'div'>({ ...s.root, sx: [s.root.sx, selectStyles.root] }, propsRoot, {\n              ref: _toRef(shell),\n              onPointerdown: off ? undefined : focusOnShell(() => trigger),\n              onClick:\n                off || state.readonly\n                  ? undefined\n                  : clickOnShell(\n                      () => trigger,\n                      (event) => (open ? setOpen(false, 'trigger', event) : show(event)),\n                    ),\n            })}\n            data-state={open ? 'open' : 'closed'}\n            data-invalid={state.invalid || undefined}\n            data-disabled={off || undefined}\n          >\n            {controlIcon(s, icon, propsIcon)}\n            {tagged && (\n              <SelectedTags\n                {...mergePartProps<SelectedTagsProps>(\n                  {\n                    tags: shownKeys.map((key) => ({ value: key, label: labelOf(key) })),\n                    maxTagCount,\n                    onRemove: locked ? undefined : remove,\n                    propsTag,\n                  },\n                  propsTags,\n                )}\n              />\n            )}\n            <button\n              {...mergeAttrs<'button'>(\n                {\n                  sx: [\n                    buttonBaseStyles.root,\n                    selectStyles.trigger,\n                    tagged && selectStyles.triggerBehindTags,\n                  ],\n                },\n                rest,\n                {\n                  ref: _toRef(trigger),\n                  id: state.id,\n                  type: 'button',\n                  role: 'combobox',\n                  disabled: off,\n                  'aria-haspopup': 'tree',\n                  'aria-expanded': open,\n                  'aria-controls': treeId,\n                  'aria-invalid': state.invalid || undefined,\n                  'aria-required': state.required || undefined,\n                  'aria-readonly': state.readonly || undefined,\n                  'aria-describedby': state.describedBy,\n                  onClick: (event: MouseEvent) => {\n                    trigger?.focus();\n                    if (locked) return;\n                    if (open) setOpen(false, 'trigger', event);\n                    else show(event);\n                  },\n                  onKeydown: onTriggerKeydown,\n                },\n              )}\n            >\n              <span {...mergeAttrs<'span'>({ sx: selectStyles.value }, propsValue)}>{shown}</span>\n            </button>\n            {clearable && shownKeys.length > 0 && !locked && controlClear(s, propsClear, clear)}\n            <Icon\n              {...mergePartProps<IconProps>(\n                {\n                  ...s.icon,\n                  icon: ChevronDown,\n                  sx: [s.icon.sx, disclosureStyles.icon, open && selectStyles.chevronOpen],\n                },\n                propsChevron,\n              )}\n            />\n            <FormValue name={name} value={values()} disabled={state.disabled} />\n          </div>\n          <div\n            {...mergeAttrs<'div'>(\n              {\n                sx: [\n                  anchoredPanelSx(appearance().size),\n                  floatingStyles.scrollPanel,\n                  listPopoverStyles.panel,\n                  treeSelectStyles.panel,\n                ],\n              },\n              propsPopover,\n              { ref: _toRef(panel), popover: 'auto', onToggle: onPanelToggle },\n            )}\n          >\n            {searchable && (\n              <div {...css.attrs(listPopoverStyles.header)}>\n                <TextField\n                  {...mergePartProps<TextFieldProps>(\n                    {\n                      icon: Search,\n                      variant: 'soft',\n                      placeholder: lang.selectSearch,\n                      'aria-label': lang.selectSearch,\n                      propsRoot: { sx: selectStyles.search },\n                    },\n                    propsSearch,\n                  )}\n                  type=\"search\"\n                  _value={search}\n                  aria-controls={treeId}\n                  onKeydown={onSearchKeydown}\n                />\n              </div>\n            )}\n            {open &&\n              (multiple() ? (\n                <Tree\n                  {...treeProps(state.labelledBy)}\n                  checkable\n                  _checked={[...values()]}\n                  onUpdate:_checked={(next: string[]) => setChecked(next)}\n                  _expanded={shownExpanded()}\n                  onUpdate:_expanded={(next: string[]) =>\n                    (expanded = remoteResults() ? expanded : next)\n                  }\n                />\n              ) : (\n                <Tree\n                  {...treeProps(state.labelledBy)}\n                  selectionMode=\"single\"\n                  _selected={[...values()]}\n                  onUpdate:_selected={(next: string[]) => {\n                    if (next.length) value = next[0];\n                    setOpen(false, 'select');\n                  }}\n                  _expanded={shownExpanded()}\n                  onUpdate:_expanded={(next: string[]) =>\n                    (expanded = remoteResults() ? expanded : next)\n                  }\n                />\n              ))}\n          </div>\n        </>\n      );\n    };\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmJA,IAAa,mBAAmB,IAAI,OAAO;CAEzC,MAAM;EAAE,UAAU;EAAG,WAAW;CAAE;CAElC,OAAO,EAAE,UAAU,OAAO;AAC5B,CAAC;;AAGD,IAAa,aAAa,0BACxB,QAAA,SA0C0B;CAAA,MAAA,SAAA,CAAA;CAAA,MAAA,QAAAA,aAAA,QAAA,eAzChB,CAAA,CAAE;CAAA,MAAA,SAAAA,aAAA,QAAA,QAAA;CAAA,MAAA,WAAAA,aAAA,QAAA,UAAA;CAAA,MAAA,cAAAA,aAAA,QAAA,aAAA;CAAA,MAAA,cAAAA,aAAA,QAAA,aAAA;CAAA,MAAA,eAAAA,aAAA,QAAA,cAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAA,gBAAAA,aAAA,QAAA,iBAOM,QAAQ;CAAA,MAAA,kBAAAA,aAAA,QAAA,mBACN,KAAK;CAAA,MAAA,cAAAA,aAAA,QAAA,aAAA;CAAA,MAAA,QAAAC,SAAA,QAAA,gBAE6B,MAAI,KAAA,IAAA;CAAA,MAAA,OAAAA,SAAA,QAAA,eAChC,OAAK,KAAA,IAAA;CAAA,MAAA,eAAAD,aAAA,QAAA,cAAA;CAAA,MAAA,cAAAA,aAAA,QAAA,aAAA;CAAA,MAAA,YAAAA,aAAA,QAAA,aAGjB,cAAc;CAAA,MAAA,YAAAA,aAAA,QAAA,aACd,KAAK;CAAA,MAAA,aAAAA,aAAA,QAAA,cACJ,KAAK;CAAA,MAAA,SAAAA,aAAA,QAAA,QAAA;CAAA,MAAA,SAAAC,SAAA,QAAA,iBAEU,IAAE,KAAA,IAAA;CAAA,MAAA,OAAAD,aAAA,QAAA,MAAA;CAAA,MAAA,OAAAA,aAAA,QAAA,MAAA;CAAA,MAAA,UAAAA,aAAA,QAAA,SAAA;CAAA,MAAA,OAAAA,aAAA,QAAA,MAAA;CAAA,MAAA,SAAAA,aAAA,QAAA,QAAA;CAAA,MAAA,WAAAA,aAAA,QAAA,UAAA;CAAA,MAAA,WAAAA,aAAA,QAAA,UAAA;CAAA,MAAA,WAAAA,aAAA,QAAA,UAAA;CAAA,MAAA,UAAAA,aAAA,QAAA,SAAA;CAAA,MAAA,KAAAA,aAAA,QAAA,IAAA;CAAA,MAAA,OAAAA,aAAA,QAAA,MAAA;CAAA,MAAA,YAAAA,aAAA,QAAA,WAAA;CAAA,MAAA,YAAAA,aAAA,QAAA,WAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAA,WAAAA,aAAA,QAAA,UAAA;CAAA,MAAA,YAAAA,aAAA,QAAA,WAAA;CAAA,MAAA,aAAAA,aAAA,QAAA,YAAA;CAAA,MAAA,eAAAA,aAAA,QAAA,cAAA;CAAA,MAAA,eAAAA,aAAA,QAAA,cAAA;CAAA,MAAA,cAAAA,aAAA,QAAA,aAAA;CAAA,MAAA,YAAAA,aAAA,QAAA,WAAA;CAAA,MAsB3B,OAAIE,UAAA,QAAA,MAAA,IAAA;CAEP,MAAM,OAAO,QAAQ;CACrB,MAAM,SAAS,MAAM;CACrB,MAAM,aAAa,4BAA4B;EAAE,SAAO,QAAA;EAAE,MAAI,KAAA;EAAE,QAAM,OAAA;CAAC,EAAE;CACzE,MAAM,UAAU,uBAAuB;EAAE,IAAE,GAAA;EAAE,SAAO,QAAA;EAAE,UAAQ,SAAA;EAAE,UAAQ,SAAA;EAAE,UAAQ,SAAA;CAAC,EAAE;CACrF,MAAM,iBAAiB,cAAA,UAAkB;CACzC,MAAM,SAAS,eAAe;EAC5B,YAAM,KAAA;EACN,aAAO,OAAA;EACP,YAAM,KAAA;EACN,aAAO,MAAA;CACT,CAAC;CACD,IAAI,WAAQC,IAAoB,CAAA,CAAE;CAClC,IAAI,QAAKC,WAAkC,IAAI;CAC/C,IAAI,UAAOA,WAAkC,IAAI;CACjD,IAAI,QAAKA,WAAkC,IAAI;CAC/C,MAAM,UAAU,iBACd,KAAA,QACC,SAAU,KAAA,QAAO,YAClB,aAAA,KACF;CAGA,MAAM,QAAKC,eAAqB;EAC9B,MAAM,sBAAM,IAAI,IAAqD;EACrE,MAAM,SAAS,OAAqB,WAA+B;GACjE,KAAK,MAAM,QAAQ,OAAO;IACxB,MAAM,MAAM,OAAA,MAAO,IAAI;IACvB,IAAI,IAAI,KAAK;KAAE;KAAM;IAAO,CAAC;IAC7B,MAAM,YAAA,MAAY,IAAI,KAAK,CAAA,GAAI,GAAG;GACpC;EACF;EACA,MAAM,OAAO,MAAM,GAAG,KAAA,CAAS;EAC/B,OAAO;CACT,CAAC;CAED,MAAM,6BAAa,IAAI,IAAoB;CAC3C,YACE,MAAA,QACC,QAAQ;EACP,KAAK,MAAM,CAAC,KAAK,EAAE,WAAW,KAAK,WAAW,IAAI,KAAK,SAAA,MAAS,IAAI,CAAC;CACvE,GACA,EAAE,WAAW,KAAK,CACpB;CAIA,MAAM,mBAAmB;EACvB,MAAM,OAAO,OAAA,MAAO,KAAK;EACzB,IAAI,CAAA,WAAA,SAAe,CAAC,QAAI,KAAA,SAAY,OAAA,UAAW,OAAO,OAAO,KAAA;EAC7D,OAAO,OAAA,SAAU,SAAY,OAAA,MAAO,MAAM,IAAI,IAAI;CACpD;CAEA,MAAM,sBAAsB,CAAC,CAAA,KAAA,SAAS,CAAC,CAAC,OAAA,MAAO,KAAK;CACpD,MAAM,sBAAuB,cAAc,IAAI,CAAC,GAAG,MAAA,MAAM,KAAK,CAAC,IAAC,SAAA;CAEhE,MAAM,eAAe,eAAc,MAAA,KAAM;CAEzC,MAAM,QAAKA,eACT,UAAU,OAAO,MAAM,GAAG;EAAE,SAAS,SAAS,OAAA,MAAO,IAAI;EAAG,aAAW,YAAA;CAAC,CAAC,CAAC;;CAG5E,MAAM,cAAc,MAAyB,aAAoC,CAC/E,GAAG,kBAAiB,MAAA,OAAQ,MAAM,QAAQ,GAC1C,GAAG,KAAK,QAAQ,QAAQ,CAAC,MAAA,MAAM,QAAQ,IAAI,GAAG,CAAC,CAAC;;CAGlD,MAAM,cAAc,YAA+B;EACjD,MAAM,UAAU,OAAO,CAAC,CAAC,QAAQ,QAAQ,CAAC,MAAA,MAAM,QAAQ,IAAI,GAAG,CAAC;EAChE,MAAA,QAAQ,CAAC,GAAG,kBAAiB,MAAA,OAAQ,SAAO,gBAAA,KAAiB,GAAG,GAAG,OAAO;CAC5E;;CAEA,MAAM,oBACJ,SAAS,IACL,WAAW,OAAO,GAAG,gBAAA,UAAoB,UAAU,UAAU,QAAQ,IACrE,OAAO;;CAGb,SAAS,OAAO,KAAa;EAC3B,WAAW,cAAa,MAAA,OAAQ,OAAO,GAAG,GAAG,CAAC;CAChD;CACA,MAAM,WAAW,QAAgB;EAC/B,MAAM,QAAQ,MAAA,MAAM,IAAI,GAAG;EAC3B,OAAO,QAAQ,SAAA,MAAS,MAAM,IAAI,IAAK,WAAW,IAAI,GAAG,KAAK;CAChE;CAEA,SAAS,KAAK,OAAe;EAC3B,OAAA,QAAS;EAET,MAAM,YAAY,IAAI,IAAG,SAAA,KAAS;EAClC,KAAK,MAAM,OAAO,OAAO,GACvB,KAAK,IAAI,KAAK,MAAA,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,OAAO,KAAA,GAAW,KAAK,MAAA,MAAM,IAAI,EAAE,CAAC,EAAE,QAC1E,UAAU,IAAI,EAAE;EAGpB,SAAA,QAAW,CAAC,GAAG,SAAS;EACxB,QAAQ,MAAM,WAAW,KAAK;CAChC;CAEA,SAAS,QAAQ;EACf,MAAA,QAAQ,SAAS,IAAI,CAAA,IAAK;EAC1B,QAAA,OAAS,MAAM;CACjB;CAEA,MAAM,EAAE,aAAa,0BACZ;EACL,MAAI,KAAA;EACJ,QAAM,MAAA;EACN,OAAK,MAAA;EACL,UAAU;GAAE,WAAS,UAAA;GAAE,YAAY;GAAM,WAAW;EAAK;EACzD,cAAc;CAChB,IACA,EAAE,QAAQ,QAAQ,UAAU,QAAQ,OAAO,QAAQ,KAAK,EAAE,CAC5D;CAGA,SAAS,cAAc,OAAoB;EACzC,SAAS,KAAK;EACd,IAAI,MAAM,aAAa,QAAQ;GAI7B,CAHe,WAAA,QACX,MAAA,OAAO,cAA2B,wBAAsB,IACxD,MAAA,OAAO,cAA2B,iBAAe,EAAA,EAC7C,MAAM;GACd;EACF;EACA,MAAM,SAAS,SAAS;EACxB,IAAI,CAAC,UAAU,WAAW,SAAS,QAAQ,MAAA,OAAO,SAAS,MAAM,GAAG,QAAA,OAAS,MAAM;CACrF;CAEA,SAAS,iBAAiB,OAAsB;EAC9C,MAAM,QAAQ,QAAQ;EACtB,IAAI,MAAM,YAAY,MAAM,UAAU;EAEtC,IAAI,MAAM,QAAQ,eAAe,SAAS,GAAG;GAC3C,MAAM,eAAe;GACrB,MAAM,OAAO,YAAY,CAAC,CAAC,GAAG,EAAE;GAChC,IAAI,SAAS,KAAA,GAAW,OAAO,IAAI;GACnC;EACF;EACA,IAAI,CAAA,KAAA,UAAU,MAAM,QAAQ,eAAe,MAAM,QAAQ,WAAW,MAAM,QAAQ,MAAM;GACtF,MAAM,eAAe;GACrB,KAAK,KAAK;EACZ;CACF;CAGA,SAAS,gBAAgB,OAAsB;EAC7C,IAAI,MAAM,QAAQ,OAAO;GACvB,QAAQ,OAAO,SAAS,KAAK;GAC7B;EACF;EACA,IAAI,MAAM,QAAQ,aAAa;GAC7B,MAAM,eAAe;GACrB,MAAA,OAAO,cAA2B,iBAAe,CAAC,EAAE,MAAM;EAC5D;CACF;;CAGA,MAAM,aAAa,eACjB,eACE;EACE,OAAO,OAAO,MAAM;EACpB,QAAM,OAAA;EACN,UAAQ,SAAA;EACR,aAAW,YAAA;EACX,aAAW,YAAA;EACX,QAAQ,WAAW;EACnB,cAAY,aAAA;EACZ,SAAS,OAAO,QAAQ;EACxB,OAAO,OAAO,QAAQ,MAAM,OAAA,MAAO,KAAK,IAAI,KAAK,gBAAgB,KAAA;EACjE,YAAU,WAAA;EACV,iBAAiB,EAAE,IAAI,iBAAiB,KAAK;EAC7C,mBAAmB;EACnB,cAAc,aAAa,KAAA,IAAY,KAAK;CAC9C,GAAC,UAAA,OAED,EAAE,IAAI,OAAO,CACf;CAGF,YACE,MAAA,aACM;EACJ,IAAI,CAAC,SAAS,KAAC,KAAA,OAAU,KAAA,QAAO;CAClC,CACF;CAEA,aAAa;EACX,MAAM,QAAQ,QAAQ;EACtB,MAAM,IAAI,aAAa,WAAW,GAAG,KAAK;EAC1C,MAAM,MAAM,MAAM;EAClB,MAAM,SAAS,OAAO,MAAM;EAC5B,MAAM,YAAY,YAAY;EAE9B,MAAM,SAAS,SAAS,KAAK,UAAU,SAAS;EAChD,MAAM,QACJ,UAAU,WAAW,IAACC,YAAA,QACV,IAAI,MAAM,aAAa,WAAW,GAAC,CAC1C,YAAA,SAAe,KAAK,iBAAiB,CAAA,IAEtC,SAAMA,YAAA,QACE,IAAI,MAAM,qBAAqB,MAAM,GAAC,CAC7C,KAAK,cAAc,UAAU,IAAI,OAAO,CAAC,CAAC,CAAA,IAG7C,QAAQ,UAAU,EAAG;EAEzB,OAAAA,YAAAC,UAAA,MAAA,CAAAD,YAAA,OAAAE,cAGU,WAAkB;GAAE,GAAG,EAAE;GAAM,IAAI,CAAC,EAAE,KAAK,IAAI,aAAa,IAAI;EAAE,GAAC,UAAA,OAAa;GAClF,KAAG;GACH,eAAe,MAAM,KAAA,IAAY,mBAAa,QAAA,KAAa;GAC3D,SACE,OAAO,MAAM,WACT,KAAA,IACA,mBACE,QAAA,QACC,UAAW,KAAA,QAAO,QAAQ,OAAO,WAAW,KAAK,IAAI,KAAK,KAAK,CAClE;EACR,CAAC,GAAC;GAAA,cACU,KAAA,QAAO,SAAS;GAAQ,gBACtB,MAAM,WAAW,KAAA;GAAS,iBACzB,OAAO,KAAA;EAAS,CAAA,GAAA;GAE9B,YAAY,GAAC,KAAA,OAAA,UAAA,KAAiB;GAC9B,UAAMF,YAAA,cAEC,eACF;IACE,MAAM,UAAU,KAAK,SAAS;KAAE,OAAO;KAAK,OAAO,QAAQ,GAAG;IAAE,EAAE;IAClE,aAAW,YAAA;IACX,UAAU,SAAS,KAAA,IAAY;IAC/B,UAAQ,SAAA;GACV,GAAC,UAAA,KAEH,GAAC,IAAA;GAEJA,YAAA,UAEK,WACF,EACE,IAAI;IACF,iBAAiB;IACjB,aAAa;IACb,UAAU,aAAa;GAAiB,EAE5C,GACA,MACA;IACE,KAAG;IACH,IAAI,MAAM;IACV,MAAM;IACN,MAAM;IACN,UAAU;IACV,iBAAiB;IACjB,iBAAe,KAAA;IACf,iBAAiB;IACjB,gBAAgB,MAAM,WAAW,KAAA;IACjC,iBAAiB,MAAM,YAAY,KAAA;IACnC,iBAAiB,MAAM,YAAY,KAAA;IACnC,oBAAoB,MAAM;IAC1B,UAAU,UAAsB;KAC9B,QAAA,OAAS,MAAM;KACf,IAAI,QAAQ;KACZ,IAAA,KAAA,OAAU,QAAQ,OAAO,WAAW,KAAK;UACpC,KAAK,KAAK;IACjB;IACA,WAAW;GACb,CACF,GAAC,CAAAA,YAAA,QAES,WAAmB,EAAE,IAAI,aAAa,MAAM,GAAC,WAAA,KAAY,GAAC,CAAG,KAAK,CAAA,CAAA,CAAA;GAE7E,UAAA,SAAa,UAAU,SAAS,KAAK,CAAC,UAAU,aAAa,GAAC,WAAA,OAAc,KAAK;GAACA,YAAA,MAE7E,eACF;IACE,GAAG,EAAE;IACL,MAAM;IACN,IAAI;KAAC,EAAE,KAAK;KAAI,iBAAiB;KAAM,KAAA,SAAQ,aAAa;IAAW;GACzE,GAAC,aAAA,KAEH,GAAC,IAAA;GAAAA,YAAA,WAAA;IAAA,QAAA,KAAA;IAAA,SAE2B,OAAO;IAAC,YAAY,MAAM;GAAQ,GAAA,IAAA;EAAA,CAAA,GAAAA,YAAA,OAG5D,WACF,EACE,IAAI;GACF,gBAAgB,WAAW,CAAC,CAAC,IAAI;GACjC,eAAe;GACf,kBAAkB;GAClB,iBAAiB;EAAK,EAE1B,GAAC,aAAA,OAED;GAAE,KAAG;GAAiB,SAAS;GAAQ,UAAU;EAAc,CACjE,GAAC,CAEA,WAAA,SAAAA,YAAA,OACU,IAAI,MAAM,kBAAkB,MAAM,GAAC,CAAAA,YAAA,WAAAE,cAEpC,eACF;GACE,MAAM;GACN,SAAS;GACT,aAAa,KAAK;GAClB,cAAc,KAAK;GACnB,WAAW,EAAE,IAAI,aAAa,OAAO;EACvC,GAAC,YAAA,KAEH,GAAC;GAAA,QAAA;GAAA,UAAA,OAAA;GAAA,mBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,QAAA;GAAA,iBAGc;GAAM,aACV;EAAe,CAAA,GAAA,IAAA,CAAA,CAAA,GAI/B,KAAA,UACE,SAAS,IAACF,YAAA,MAAAE,cAEH,UAAU,MAAM,UAAU,GAAC;GAAA,aAAA;GAAA,YAErB,CAAC,GAAG,OAAO,CAAC;GAAC,qBAAA,OAAA,OAAA,OAAA,MACH,SAAmB,WAAW,IAAI;GAAC,aAC5C,cAAc;GAAC,sBAAA,OAAA,OAAA,OAAA,MACL,SAClB,SAAA,QAAW,cAAc,IAAC,SAAA,QAAc;EAAK,CAAA,GAAA,IAAA,IAAAF,YAAA,MAAAE,cAK5C,UAAU,MAAM,UAAU,GAAC;GAAA,iBAAA;GAAA,aAEpB,CAAC,GAAG,OAAO,CAAC;GAAC,sBAAA,OAAA,OAAA,OAAA,MACH,SAAmB;IACtC,IAAI,KAAK,QAAQ,MAAA,QAAQ,KAAK;IAC9B,QAAQ,OAAO,QAAQ;GACzB;GAAC,aACU,cAAc;GAAC,sBAAA,OAAA,OAAA,OAAA,MACL,SAClB,SAAA,QAAW,cAAc,IAAC,SAAA,QAAc;EAAK,CAAA,GAAA,IAAA,EAGlD,CAAA,CAAA,CAAA;CAIZ;AACF,GAAC;CAAA,MAAA;CAAA,OAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;CAAA;AAAA,CACH"}
+{"version":3,"file":"TreeSelect.js","names":["_vtp_readonlyProp","_vtp_bindable","_vtp_restProps","_vue_ref","_vue_shallowRef","_vue_computed","_createVNode","_Fragment","_mergeProps"],"sources":["../../src/input/TreeSelect.tsx"],"sourcesContent":["/**\n * 树形下拉选择：触发框同 Select，弹出的是一棵树（组织机构、产品结构、物料分类）。单选选一个节点，多选勾选（父子联动）。\n *\n *   <TreeSelect\n *     items={orgs}\n *     getKey={(org) => org.id}\n *     getLabel={(org) => org.name}\n *     getChildren={(org) => org.children}\n *     _value={orgId}\n *     searchable\n *   />\n *   <TreeSelect … selectionMode=\"multiple\" _value={teamIds} />   勾选：勾上父节点就是整枝\n *   <TreeSelect … selectionMode=\"multiple\" checkedStrategy=\"child\" maxTagCount=\"responsive\" />\n *\n * - 单选：点节点或 Enter 选中并关闭；多选：空格或点勾选框，勾上父节点会勾上它的子孙，子节点全勾上时父节点也勾上。\n *   value 按 checkedStrategy 放勾上的节点：全部（默认）、整枝时只放父节点、只放叶子（checkedByStrategy）。\n * - 多选的标签同 Select（SelectedTags）：排在触发按钮前面，可移除（取消整枝），maxTagCount 收起，Backspace 移除最后一个。\n *   标签只列最上层的整枝（勾上了“研发中心”就不再列它下面的每个组）；checkedStrategy=\"child\" 时列叶子。\n * - searchable：弹出层顶部的搜索框，按节点文字过滤，命中节点的祖先一起显示并展开；↓ 从搜索框进到树里。\n *   给 load 时由服务端搜索：打开时与输入停下 300 ms 后按搜索词请求，返回命中的节点连同祖先，结果全部展开\n *   （remote-items.ts，同 Select）；自己管请求时写 _search={keyword}、filter={false}。\n * - 打开后焦点在树上（或搜索框里），键盘同 Tree；Esc 关闭并把焦点还给触发按钮。懒加载同 Tree 的 loadChildren。\n * - 已选节点的文字从已加载的树里找，远程搜索换掉的按见过的文字显示；从没见过的（懒加载还没取回来）显示成 key。\n *\n * 部件：Root（外壳）、Tags（多选时的那排标签）、Tag、Trigger（button，主元素）、Value、Clear、Chevron、Popover、\n * Search（TextField）、Tree。\n */\nimport { ChevronDown, Search } from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { useId, watch } from 'vue';\nimport type { PresetIconButtonProps } from '../base/CloseButton';\nimport { buttonBaseStyles } from '../base/button-core';\nimport { Icon, type IconProps } from '../base/Icon';\nimport type { TagProps } from '../base/Tag';\nimport { visuallyHiddenStyles } from '../base/VisuallyHidden';\nimport { useLang } from '../config/context';\nimport { Tree, type TreeProps } from '../display/Tree';\nimport { useFieldControl } from '../form/Field';\nimport { FormValue } from '../form/FormValue';\nimport { selectedValues, type SelectionModes } from '../utils/data/selection';\nimport {\n  checkedByStrategy,\n  indexTree,\n  toggleChecked,\n  type CheckStrategies,\n} from '../utils/data/tree';\nimport {\n  anchoredPanelSx,\n  floatingStyles,\n  useAnchoredPopover,\n  type FloatingPlacement,\n} from '../utils/dom/floating';\nimport { openSetter, type OpenChangeProps } from '../utils/dom/open-change';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { disclosureStyles } from '../utils/style/transitions';\nimport {\n  controlClear,\n  controlIcon,\n  controlParts,\n  clickOnShell,\n  focusOnShell,\n  useControlAppearance,\n  type ControlIconOptions,\n  type ControlOptions,\n} from './control';\nimport { listPopoverStyles } from './ListPopover';\nimport { useRemoteItems, type OptionsLoader } from './remote-items';\nimport { selectStyles, type SelectManaged } from './Select';\nimport { SelectedTags, type SelectedTagsProps } from './SelectedTags';\nimport { TextField, type TextFieldProps } from './TextField';\n\n/** 未声明的属性落到触发按钮（主元素）上，外壳用 propsRoot */\nexport interface TreeSelectProps<T>\n  extends PartProps<'button', SelectManaged>, ControlOptions, ControlIconOptions, OpenChangeProps {\n  /** 顶层节点；有 load 时是第一次加载之前的树（编辑页放上已选节点的那一枝） */\n  items?: readonly T[];\n  /** 节点的 key，整棵树里唯一：也是选中后写回的值 */\n  getKey: (node: T) => string;\n  /** 节点的文字 */\n  getLabel: (node: T) => string;\n  /** 子节点；叶子或还没加载时 undefined */\n  getChildren: (node: T) => readonly T[] | undefined;\n  /** 有没有子节点（懒加载时子节点还没取回来也算有） */\n  hasChildren?: (node: T) => boolean;\n  /** 展开还没有子节点的节点时取回来（返回 Promise 时显示加载中） */\n  loadChildren?: (node: T) => Promise<unknown> | void;\n  /** 不能选的节点（只能展开，如只能选到部门、不能选公司时） */\n  isDisabled?: (node: T) => boolean;\n  /** 单选（默认）或多选（勾选，父子联动） */\n  selectionMode?: keyof SelectionModes;\n  /** 单选时是选中节点的 key（没有时 null），多选时是勾上的节点（按 checkedStrategy）：父级写 _value={x} */\n  _value?: string | string[] | null;\n  /**\n   * 多选时 value 里放哪些勾上的节点（同 Ant Design 的 showCheckedStrategy）：all 全部（默认）；\n   * parent 父节点全勾上时只放父节点（提交“整个部门”）；child 只放叶子（提交“具体的人”）\n   */\n  checkedStrategy?: keyof CheckStrategies;\n  /** 多选时触发框里最多显示几个标签，其余收进“+N”；'responsive' 时排成一行、按宽度放 */\n  maxTagCount?: number | 'responsive';\n  /** 没有选择时显示的文字，默认取语言包（请选择） */\n  placeholder?: string;\n  /** 是否打开：父级可以写 _open={x} */\n  _open?: boolean;\n  /** 弹出位置，默认 bottom-start */\n  placement?: FloatingPlacement;\n  /** 有选择时显示清空按钮 */\n  clearable?: boolean;\n  /** 弹出层顶部带搜索框，按节点文字过滤 */\n  searchable?: boolean;\n  /** 搜索时怎样算命中；默认节点文字包含输入（忽略大小写与重音）。false 时不在本地过滤（服务端按 search 过滤） */\n  filter?: false | ((node: T, query: string) => boolean);\n  /** 搜索框里的文字：打开时清空；父级写 _search={x} 拿到它（自己发请求时） */\n  _search?: string;\n  /** 远程搜索：打开时与搜索词停下 300 ms 后调用，返回命中的节点连同祖先（顶层节点），结果代替 items */\n  load?: OptionsLoader<T>;\n  /** 表单提交时的 name（用隐藏的 input） */\n  name?: string;\n  /** 不可用 */\n  disabled?: boolean;\n  /** 只读：能聚焦、能看到已选的内容，不能打开、不能清空 */\n  readonly?: boolean;\n  /** 必填 */\n  required?: boolean;\n  /** 校验未通过 */\n  invalid?: boolean;\n  /** 外壳的部件属性 */\n  propsRoot?: PartProps<'div'>;\n  /** 已选内容那一层的部件属性 */\n  propsValue?: PartProps<'span'>;\n  /** 多选时每个标签的部件属性 */\n  propsTag?: Partial<TagProps>;\n  /** 多选时那排标签的部件属性 */\n  propsTags?: Partial<SelectedTagsProps>;\n  /** 清空按钮的部件属性 */\n  propsClear?: Partial<PresetIconButtonProps>;\n  /** 下拉箭头的部件属性 */\n  propsChevron?: Partial<IconProps>;\n  /** 弹出层的部件属性 */\n  propsPopover?: PartProps<'div', 'id' | 'popover'>;\n  /** 搜索框的部件属性（searchable 时） */\n  propsSearch?: Partial<TextFieldProps>;\n  /** 树的部件属性 */\n  propsTree?: Partial<TreeProps<T>>;\n}\n\n/** TreeSelect 的样式：tree */\nexport const treeSelectStyles = css.create({\n  // 树的滚动区域占满弹出层剩下的高度（最大高度由定位写在弹出层上）\n  tree: { flexGrow: 1, minHeight: 0 },\n  // 弹出层比触发框窄时也放得下几层缩进\n  panel: { minWidth: '16em' },\n});\n\n/** 树形下拉选择：触发框 + 弹出的树，单选或勾选，可搜索 */\nexport const TreeSelect = _component(\n  <T,>({\n    items = [],\n    getKey,\n    getLabel,\n    getChildren,\n    hasChildren,\n    loadChildren,\n    isDisabled,\n    selectionMode = 'single',\n    checkedStrategy = 'all',\n    maxTagCount,\n    _value: value = _bindable<string | string[] | null>(null),\n    _open: open = _bindable(false),\n    onOpenChange,\n    placeholder,\n    placement = 'bottom-start',\n    clearable = false,\n    searchable = false,\n    filter,\n    _search: search = _bindable(''),\n    load,\n    name,\n    variant,\n    size,\n    radius,\n    disabled,\n    readonly,\n    required,\n    invalid,\n    id,\n    icon,\n    propsRoot,\n    propsIcon,\n    propsValue,\n    propsTag,\n    propsTags,\n    propsClear,\n    propsChevron,\n    propsPopover,\n    propsSearch,\n    propsTree,\n    ...rest\n  }: TreeSelectProps<T>) => {\n    const lang = useLang();\n    const treeId = useId();\n    const appearance = useControlAppearance(() => ({ variant, size, radius }));\n    const control = useFieldControl(() => ({ id, invalid, required, disabled, readonly }));\n    const multiple = () => selectionMode === 'multiple';\n    const remote = useRemoteItems({\n      load: () => load,\n      query: () => search,\n      open: () => open,\n      items: () => items,\n    });\n    let expanded = _state<string[]>([]);\n    let shell = _state.raw<HTMLElement | null>(null);\n    let trigger = _state.raw<HTMLElement | null>(null);\n    let panel = _state.raw<HTMLElement | null>(null);\n    const setOpen = openSetter(\n      () => open,\n      (next) => (open = next),\n      () => onOpenChange,\n    );\n\n    // 已加载的整棵树：key → 节点与父节点，查已选的文字、搜索时找祖先都用它\n    const nodes = _derived.by(() => {\n      const map = new Map<string, { node: T; parent: string | undefined }>();\n      const visit = (level: readonly T[], parent: string | undefined) => {\n        for (const node of level) {\n          const key = getKey(node);\n          map.set(key, { node, parent });\n          visit(getChildren(node) ?? [], key);\n        }\n      };\n      visit(remote.items(), undefined);\n      return map;\n    });\n    // 见过的节点文字：远程搜索换掉了已选的节点，触发框里仍显示它的文字\n    const seenLabels = new Map<string, string>();\n    watch(\n      () => nodes,\n      (map) => {\n        for (const [key, { node }] of map) seenLabels.set(key, getLabel(node));\n      },\n      { immediate: true },\n    );\n\n    // 本地搜索交给 Tree 的 filter（命中的节点与祖先、展开祖先、命中的加粗）；\n    // 有 load 或 filter={false} 时结果已经是服务端筛好的，不再过滤\n    const treeFilter = () => {\n      const text = search.trim();\n      if (!searchable || !text || load || filter === false) return undefined;\n      return filter ? (node: T) => filter(node, text) : text;\n    };\n    // 服务端搜索的结果全部展开（只有命中的节点与它们的祖先）；清空搜索回到自己展开的状态\n    const remoteResults = () => !!load && !!search.trim();\n    const shownExpanded = () => (remoteResults() ? [...nodes.keys()] : expanded);\n\n    const values = () => selectedValues(value);\n    // 勾选联动要看到折叠着的节点\n    const index = _derived.by(() =>\n      indexTree(remote.items(), { getKey: (node) => getKey(node), getChildren }),\n    );\n    /** 按取法整理勾上的节点：已加载的按树的顺序与父子关系，还没加载（或远程搜索换掉了）的原样跟在后面 */\n    const byStrategy = (keys: readonly string[], strategy: keyof CheckStrategies) => [\n      ...checkedByStrategy(index, keys, strategy),\n      ...keys.filter((key) => !index.parents.has(key)),\n    ];\n    /** 勾选变了（树、移除标签）：按 checkedStrategy 写回，还没加载的已选节点保留 */\n    const setChecked = (checked: readonly string[]) => {\n      const unknown = values().filter((key) => !index.parents.has(key));\n      value = [...checkedByStrategy(index, checked, checkedStrategy), ...unknown];\n    };\n    /** 触发框里显示的节点：多选时只列最上层的整枝（父节点也勾上了的不重复列），child 时列叶子 */\n    const displayKeys = () =>\n      multiple()\n        ? byStrategy(values(), checkedStrategy === 'child' ? 'child' : 'parent')\n        : values();\n\n    /** 移除一个标签：取消整枝 */\n    function remove(key: string) {\n      setChecked(toggleChecked(index, values(), key));\n    }\n    const labelOf = (key: string) => {\n      const found = nodes.get(key);\n      return found ? getLabel(found.node) : (seenLabels.get(key) ?? key);\n    };\n\n    function show(event?: Event) {\n      search = '';\n      // 打开时展开已选节点的祖先：已选的看得见\n      const ancestors = new Set(expanded);\n      for (const key of values()) {\n        for (let at = nodes.get(key)?.parent; at !== undefined; at = nodes.get(at)?.parent) {\n          ancestors.add(at);\n        }\n      }\n      expanded = [...ancestors];\n      setOpen(true, 'trigger', event);\n    }\n\n    function clear() {\n      value = multiple() ? [] : null;\n      trigger?.focus();\n    }\n\n    const { onToggle } = useAnchoredPopover(\n      () => ({\n        open,\n        anchor: shell,\n        panel,\n        floating: { placement, matchWidth: true, fitHeight: true },\n        restoreFocus: false,\n      }),\n      { close: (reason, event) => setOpen(false, reason, event) },\n    );\n\n    // 打开后焦点进搜索框或树；关闭时焦点还在弹层里（Esc、选中、点外面）就还给触发按钮\n    function onPanelToggle(event: ToggleEvent) {\n      onToggle(event);\n      if (event.newState === 'open') {\n        const target = searchable\n          ? panel?.querySelector<HTMLElement>('input[type=\"search\"]')\n          : panel?.querySelector<HTMLElement>('[role=\"tree\"]');\n        target?.focus();\n        return;\n      }\n      const active = document.activeElement;\n      if (!active || active === document.body || panel?.contains(active)) trigger?.focus();\n    }\n\n    function onTriggerKeydown(event: KeyboardEvent) {\n      const state = control();\n      if (state.disabled || state.readonly) return;\n      // 多选：Backspace 移除最后一个标签（同 Select）\n      if (event.key === 'Backspace' && multiple()) {\n        event.preventDefault();\n        const last = displayKeys().at(-1);\n        if (last !== undefined) remove(last);\n        return;\n      }\n      if (!open && (event.key === 'ArrowDown' || event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        show(event);\n      }\n    }\n\n    // 搜索框里 ↓ 进到树；Tab 关闭后照常移到下一个\n    function onSearchKeydown(event: KeyboardEvent) {\n      if (event.key === 'Tab') {\n        setOpen(false, 'focus', event);\n        return;\n      }\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        panel?.querySelector<HTMLElement>('[role=\"tree\"]')?.focus();\n      }\n    }\n\n    /** 树的属性（单选、多选共用）：本地搜索时带上 filter */\n    const treeProps = (labelledBy: string | undefined) =>\n      mergePartProps<TreeProps<T>>(\n        {\n          items: remote.items(),\n          getKey,\n          getLabel,\n          getChildren,\n          hasChildren,\n          filter: treeFilter(),\n          loadChildren,\n          loading: remote.loading(),\n          empty: remote.failure() ?? (search.trim() ? lang.selectNoMatch : undefined),\n          isDisabled,\n          propsScrollArea: { sx: treeSelectStyles.tree },\n          'aria-labelledby': labelledBy,\n          'aria-label': labelledBy ? undefined : rest['aria-label'],\n        },\n        propsTree,\n        { id: treeId },\n      );\n\n    // 单选：选中就关闭（树的 selected 里已按 select 关过；父级改 value 时也关，不通知）\n    watch(\n      () => value,\n      () => {\n        if (!multiple() && open) open = false;\n      },\n    );\n\n    return () => {\n      const state = control();\n      const s = controlParts(appearance(), state);\n      const off = state.disabled;\n      const locked = off || state.readonly;\n      const shownKeys = displayKeys();\n      // 多选：触发按钮前面一排标签，按钮里只留给读屏的文字（同 Select）\n      const tagged = multiple() && shownKeys.length > 0;\n      const shown =\n        shownKeys.length === 0 ? (\n          <span {...css.attrs(selectStyles.placeholder)}>\n            {placeholder ?? lang.selectPlaceholder}\n          </span>\n        ) : tagged ? (\n          <span {...css.attrs(visuallyHiddenStyles.hidden)}>\n            {lang.selectSummary(shownKeys.map(labelOf))}\n          </span>\n        ) : (\n          labelOf(shownKeys[0]!)\n        );\n      return (\n        <>\n          <div\n            {...mergeAttrs<'div'>({ ...s.root, sx: [s.root.sx, selectStyles.root] }, propsRoot, {\n              ref: _toRef(shell),\n              onPointerdown: off ? undefined : focusOnShell(() => trigger),\n              onClick:\n                off || state.readonly\n                  ? undefined\n                  : clickOnShell(\n                      () => trigger,\n                      (event) => (open ? setOpen(false, 'trigger', event) : show(event)),\n                    ),\n            })}\n            data-state={open ? 'open' : 'closed'}\n            data-invalid={state.invalid || undefined}\n            data-disabled={off || undefined}\n          >\n            {controlIcon(s, icon, propsIcon)}\n            {tagged && (\n              <SelectedTags\n                {...mergePartProps<SelectedTagsProps>(\n                  {\n                    tags: shownKeys.map((key) => ({ value: key, label: labelOf(key) })),\n                    maxTagCount,\n                    onRemove: locked ? undefined : remove,\n                    propsTag,\n                  },\n                  propsTags,\n                )}\n              />\n            )}\n            <button\n              {...mergeAttrs<'button'>(\n                {\n                  sx: [\n                    buttonBaseStyles.root,\n                    selectStyles.trigger,\n                    tagged && selectStyles.triggerBehindTags,\n                  ],\n                },\n                rest,\n                {\n                  ref: _toRef(trigger),\n                  id: state.id,\n                  type: 'button',\n                  role: 'combobox',\n                  disabled: off,\n                  'aria-haspopup': 'tree',\n                  'aria-expanded': open,\n                  'aria-controls': treeId,\n                  'aria-invalid': state.invalid || undefined,\n                  'aria-required': state.required || undefined,\n                  'aria-readonly': state.readonly || undefined,\n                  'aria-describedby': state.describedBy,\n                  onClick: (event: MouseEvent) => {\n                    trigger?.focus();\n                    if (locked) return;\n                    if (open) setOpen(false, 'trigger', event);\n                    else show(event);\n                  },\n                  onKeydown: onTriggerKeydown,\n                },\n              )}\n            >\n              <span {...mergeAttrs<'span'>({ sx: selectStyles.value }, propsValue)}>{shown}</span>\n            </button>\n            {clearable && shownKeys.length > 0 && !locked && controlClear(s, propsClear, clear)}\n            <Icon\n              {...mergePartProps<IconProps>(\n                {\n                  ...s.icon,\n                  icon: ChevronDown,\n                  sx: [s.icon.sx, disclosureStyles.icon, open && selectStyles.chevronOpen],\n                },\n                propsChevron,\n              )}\n            />\n            <FormValue name={name} value={values()} disabled={state.disabled} />\n          </div>\n          <div\n            {...mergeAttrs<'div'>(\n              {\n                sx: [\n                  anchoredPanelSx(appearance().size),\n                  floatingStyles.scrollPanel,\n                  listPopoverStyles.panel,\n                  treeSelectStyles.panel,\n                ],\n              },\n              propsPopover,\n              { ref: _toRef(panel), popover: 'auto', onToggle: onPanelToggle },\n            )}\n          >\n            {searchable && (\n              <div {...css.attrs(listPopoverStyles.header)}>\n                <TextField\n                  {...mergePartProps<TextFieldProps>(\n                    {\n                      icon: Search,\n                      variant: 'soft',\n                      placeholder: lang.selectSearch,\n                      'aria-label': lang.selectSearch,\n                      propsRoot: { sx: selectStyles.search },\n                    },\n                    propsSearch,\n                  )}\n                  type=\"search\"\n                  _value={search}\n                  aria-controls={treeId}\n                  onKeydown={onSearchKeydown}\n                />\n              </div>\n            )}\n            {open &&\n              (multiple() ? (\n                <Tree\n                  {...treeProps(state.labelledBy)}\n                  checkable\n                  _checked={[...values()]}\n                  onUpdate:_checked={(next: string[]) => setChecked(next)}\n                  _expanded={shownExpanded()}\n                  onUpdate:_expanded={(next: string[]) =>\n                    (expanded = remoteResults() ? expanded : next)\n                  }\n                />\n              ) : (\n                <Tree\n                  {...treeProps(state.labelledBy)}\n                  selectionMode=\"single\"\n                  _selected={[...values()]}\n                  onUpdate:_selected={(next: string[]) => {\n                    if (next.length) value = next[0];\n                    setOpen(false, 'select');\n                  }}\n                  _expanded={shownExpanded()}\n                  onUpdate:_expanded={(next: string[]) =>\n                    (expanded = remoteResults() ? expanded : next)\n                  }\n                />\n              ))}\n          </div>\n        </>\n      );\n    };\n  },\n);\n"],"mappings":"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"}

package/dist/input/Upload.d.ts

@@ -1,4 +1,4 @@
-import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
 import { type IconProps } from '../base/Icon';
 import { type IconButtonProps } from '../base/IconButton';
 import { type ProgressProps } from '../feedback/Progress';

package/dist/input/Upload.js

@@ -17,7 +17,7 @@ import { errorCodeText } from "../utils/request/error-message.js";
 import { FileDrop, matchesAccept } from "./FileDrop.js";
 import { Fragment, createVNode, isVNode, onBeforeUnmount, shallowRef, watch } from "vue";
 import { _component, bindable, effect, mergeJsxProps, readonlyProp, restProps } from "@zerodep-dev/vue-tsx-pro-tsx";
-import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
 import { CircleAlert, CircleCheck, File, GripVertical, ImagePlus, RotateCw, X } from "@lucide/icons";
 //#region src/input/Upload.tsx
 /**

package/dist/input/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["_isVNode","Upload","_vtp_bindable","_vtp_readonlyProp","_vtp_restProps","_vue_shallowRef","_createVNode","_mergeProps","FileIcon","_Fragment"],"sources":["../../src/input/Upload.tsx"],"sourcesContent":["/**\n * 上传（div）：FileDrop 选文件，下面列出文件、上传进度、失败重试与移除。只负责界面与状态，怎样上传由 upload 决定：\n *\n *   <Upload\n *     _value={files}\n *     multiple\n *     accept=\"image/*\"\n *     maxSize={5_000_000}\n *     upload={(file, { onProgress, signal }) => api.upload(file, { onProgress, signal })}\n *   />\n *   <Upload _value={files} action=\"/files\" />   用应用配置的请求客户端（http）上传\n *\n * - value 是 UploadFile 的数组（文件、状态、进度、错误、upload 的结果），父级写 _value={list}；\n * - 给了 upload 或 action 时选到文件就开始上传，否则停在 selected（等提交时一起上传）；移除正在上传的文件会中止（signal）；\n * - action：经 createUi / Provider 的 http 把文件 POST 过去（multipart，字段名 fieldName），与其他请求共用 baseURL、令牌与拆包；\n *   fetch 拿不到上传的字节进度，进度条是不确定的，要进度时写 upload（XMLHttpRequest 的 upload.onprogress）；\n * - 超过 maxSize、不在 accept 里的文件也列出来，带错误、不上传；单选（不写 multiple）时新文件替换旧的；\n * - 已有文件（之前上传过、从后端读回来的）用 existingUploadFile 放进 value：状态是 done，没有 File，\n *   给了 url 时文件名链到它（预览、下载），可以移除；\n *\n *   let files = _state([existingUploadFile({ name: '验证报告.pdf', url: '/files/123' })]);\n * - 在 Field 里时关联标签与错误；写了 name 时有一个隐藏的 file input 带着全部文件，原生提交（FormData）也拿得到。\n *\n * - 图片墙（listType=\"picture\"）：方形缩略图（选的文件用本地地址显示，不等上传），点开看大图（整面墙是一个 ImageGroup，\n *   大图里左右切换）；上传中盖一层进度，失败标红；选文件的区域是墙上最后一格。sortable 时拖动把手（或聚焦后用键盘）调整顺序，\n *   pasteable 时焦点在组件里按 Ctrl + V 把剪贴板里的图片加进来（截图、从别处复制的图）。\n *\n * 部件：Root（div）、Drop（FileDrop）、List（ul）、Item（li）、Icon（文件图标）、Body（文件名与下一行）、Name、Meta（大小或错误）、\n * Progress、Retry（重试按钮）、Remove（移除按钮）。\n */\nimport {\n  CircleAlert,\n  CircleCheck,\n  File as FileIcon,\n  GripVertical,\n  ImagePlus,\n  RotateCw,\n  X,\n} from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { onBeforeUnmount, watch } from 'vue';\nimport { ButtonBase } from '../base/ButtonBase';\nimport { Image, ImageGroup } from '../display/Image';\nimport { useSortable } from '../utils/dom/sortable';\nimport { Icon, type IconProps } from '../base/Icon';\nimport { Link } from '../base/Link';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { VisuallyHidden } from '../base/VisuallyHidden';\nimport { useLang } from '../config/context';\nimport { useFormat } from '../config/lang/format';\nimport { useFieldControl } from '../form/Field';\nimport { useHttp } from '../utils/request/http';\nimport { errorCodeText } from '../utils/request/error-message';\nimport { Progress, type ProgressProps } from '../feedback/Progress';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { itemStyles } from '../utils/style/item-styles';\nimport { FileDrop, matchesAccept, type FileDropProps } from './FileDrop';\nimport { GridList, type GridProps } from '../layout/Grid';\n\n/** 列表里的一个文件 */\nexport interface UploadFile {\n  /** 组件给的 id，同一个列表里唯一 */\n  readonly id: string;\n  /** 文件名 */\n  readonly name: string;\n  /** 大小（字节）；已有文件不知道时为 undefined */\n  readonly size?: number;\n  /** 选的文件；已有文件没有 */\n  readonly file?: File;\n  /** 已有文件的地址：文件名链到它 */\n  readonly url?: string;\n  /** selected：选了、还没上传；uploading：上传中；done：完成；error：失败或没通过检查 */\n  readonly status: 'selected' | 'uploading' | 'done' | 'error';\n  /** 上传进度 0–1；upload 没报告进度时为 undefined（不确定进度） */\n  readonly progress?: number;\n  /** 错误信息 */\n  readonly error?: string;\n  /** 没通过大小或类型检查：不会上传，也不能重试 */\n  readonly rejected?: boolean;\n  /** upload 的返回值（如文件地址） */\n  readonly response?: unknown;\n}\n\n/** 上传一个文件：报告进度、响应中止；成功时 resolve（值记在 response 上），失败时 reject */\nexport type UploadHandler = (\n  file: File,\n  context: { onProgress: (fraction: number) => void; signal: AbortSignal },\n) => Promise<unknown>;\n\n/** 列表的样子 */\nexport interface UploadListTypes {\n  /** 一行一个文件：图标、文件名、大小或进度（默认） */\n  text: unknown;\n  /** 图片墙：方形缩略图，点开看大图 */\n  picture: unknown;\n}\n\n/** 未声明的属性落到外层 div 上 */\nexport interface UploadProps extends PartProps<'div'> {\n  /** 文件列表：父级写 _value={list} */\n  _value?: UploadFile[];\n  /** 怎样上传一个文件；不写时用 action，都没有时只选文件、不上传 */\n  upload?: UploadHandler;\n  /** 上传地址：没写 upload 时用应用配置的请求客户端（useHttp）POST 过去，响应体记在 response 上 */\n  action?: string;\n  /** action 上传时文件在表单里的字段名，默认 file */\n  fieldName?: string;\n  /** 接受的文件类型（同原生 accept） */\n  accept?: string;\n  /** 可以选多个；不写时新文件替换旧的 */\n  multiple?: boolean;\n  /** 单个文件的大小上限（字节） */\n  maxSize?: number;\n  /** 最多几个文件，超出的不加进来 */\n  maxFiles?: number;\n  /** 原生表单提交时的字段名：写了才有隐藏的 file input */\n  name?: string;\n  /** 不可用 */\n  disabled?: boolean;\n  /** 只读：只列出文件，不能再选、不能移除或重试 */\n  readonly?: boolean;\n  /** 校验未通过 */\n  invalid?: boolean;\n  /** 必填 */\n  required?: boolean;\n  /** 选择区域里提示文字下面的说明（大小、类型限制） */\n  description?: FileDropProps['description'];\n  /** 列表的样子：text 一行一个文件（默认），picture 是图片墙 */\n  listType?: keyof UploadListTypes;\n  /** 图片墙里缩略图的边长（px），默认 104 */\n  thumbnailSize?: number;\n  /** 拖动把手（或聚焦后用键盘）调整文件的顺序（图片墙） */\n  sortable?: boolean;\n  /** 焦点在组件里时 Ctrl + V 把剪贴板里的图片、文件加进来 */\n  pasteable?: boolean;\n  /** 选择区域（FileDrop）的部件属性 */\n  propsDrop?: Partial<FileDropProps>;\n  /** 列表的部件属性 */\n  propsList?: Partial<GridProps<'ul'>>;\n  /** 每一项的部件属性，可以按文件计算 */\n  propsItem?: PartProps<'li'> | ((file: UploadFile) => PartProps<'li'>);\n  /** 每一项的文件图标（按状态是文件、对勾或警告）的部件属性 */\n  propsIcon?: Partial<IconProps>;\n  /** 每一项里文件名与下一行（大小、错误或进度）的外层的部件属性 */\n  propsBody?: PartProps<'div'>;\n  /** 每一项里文件名的部件属性 */\n  propsName?: PartProps<'span'>;\n  /** 每一项里文件大小或错误信息的部件属性 */\n  propsMeta?: PartProps<'span'>;\n  /** 每一项上传中的进度条的部件属性；进度与名称（文件名）由组件管理 */\n  propsProgress?: Omit<Partial<ProgressProps>, 'value' | 'aria-label'>;\n  /**\n   * 每一项失败后的重试按钮的部件属性。名称（重新上传 文件名）每项不同，由组件按语言包生成，\n   * 改文案请改语言包的 uploadRetry；点击由组件管理\n   */\n  propsRetry?: Omit<Partial<IconButtonProps>, 'aria-label' | 'onClick'>;\n  /** 每一项的移除按钮的部件属性；名称（语言包的 uploadRemove）、点击与不可用由组件管理 */\n  propsRemove?: Omit<Partial<IconButtonProps>, 'aria-label' | 'onClick' | 'disabled'>;\n}\n\n/** Upload 的样式：root、list、item、icon、body、name、meta、error、progress */\nexport const uploadStyles = css.create({\n  root: { display: 'grid', gap: '_sm' },\n  item: {\n    cursor: 'default',\n    gap: '_sm',\n    borderWidth: '_xs',\n    borderStyle: 'solid',\n    borderColor: '_borderMuted',\n    borderRadius: '_md',\n  },\n  icon: { flexShrink: 0, color: '_textMuted' },\n  body: { display: 'grid', gap: '_xs', flexGrow: 1, minWidth: 0 },\n  name: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },\n  meta: { fontSize: '_sm', color: '_textMuted' },\n  error: { color: '_dangerText' },\n  done: { color: '_successText' },\n  progress: { width: '_full' },\n  // 图片墙：缩略图与“添加图片”一样大，排成一行、放不下换行\n  wall: { display: 'flex', flexWrap: 'wrap', gap: '_sm' },\n  wallList: { display: 'contents' },\n  card: {\n    position: 'relative',\n    boxSizing: 'border-box',\n    flexShrink: 0,\n    borderWidth: '_xs',\n    borderStyle: 'solid',\n    borderColor: '_borderMuted',\n    borderRadius: '_md',\n    overflow: 'hidden',\n    backgroundColor: '_fill',\n  },\n  cardError: { borderColor: '_danger' },\n  // 选文件的那一格：同样大小，图标与文字居中\n  addCard: { padding: '_xs', gap: '_xs', textAlign: 'center', fontSize: '_sm' },\n  // 上传中、失败：盖在缩略图上\n  overlay: {\n    position: 'absolute',\n    insetInline: 0,\n    bottom: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '_xs',\n    padding: '_xs',\n    backgroundColor: 'rgb(0 0 0 / 0.55)',\n    color: 'white',\n    fontSize: '_xs',\n  },\n  placeholder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '_xs',\n    width: '_full',\n    height: '_full',\n    padding: '_xs',\n    boxSizing: 'border-box',\n    color: '_textMuted',\n    fontSize: '_xs',\n    textAlign: 'center',\n    overflowWrap: 'anywhere',\n  },\n  // 右上角的把手、重试、移除：浅色底上的小按钮\n  actions: {\n    position: 'absolute',\n    top: '_xs',\n    insetInlineEnd: '_xs',\n    display: 'flex',\n    gap: '2px',\n  },\n  action: { backgroundColor: { default: 'rgb(255 255 255 / 0.85)', ':hover': 'white' } },\n  handle: {\n    display: 'grid',\n    placeItems: 'center',\n    width: '1.75em',\n    height: '1.75em',\n    borderRadius: '_sm',\n    color: '_text',\n    backgroundColor: 'rgb(255 255 255 / 0.85)',\n    cursor: { default: 'grab', ':active': 'grabbing' },\n    touchAction: 'none',\n  },\n});\n\n/** Upload 的动态样式：缩略图的边长 */\nexport const uploadDynamicStyles = css.create({\n  square: (size: number) => ({ width: `${size}px`, height: `${size}px` }),\n});\n\nlet nextId = 0;\n\n/** 已有文件（之前上传过、从后端读回来的）：放进 Upload 的 value，状态是 done */\nexport function existingUploadFile(file: {\n  /** 标识；不写时生成一个 */\n  id?: string;\n  /** 文件名 */\n  name: string;\n  /** 大小（字节） */\n  size?: number;\n  /** 地址：文件名链到它 */\n  url?: string;\n}): UploadFile {\n  return { ...file, id: file.id ?? `upload-${++nextId}`, status: 'done', response: file.url };\n}\n\n/** 上传：选文件、列出文件与进度、失败重试、移除 */\nexport const Upload = _component(\n  ({\n    _value: value = _bindable<UploadFile[]>([]),\n    upload,\n    action,\n    fieldName = 'file',\n    accept,\n    multiple = false,\n    maxSize,\n    maxFiles,\n    name,\n    disabled,\n    readonly,\n    invalid,\n    required,\n    description,\n    listType = 'text',\n    thumbnailSize = 104,\n    sortable = false,\n    pasteable = false,\n    propsDrop,\n    propsList,\n    propsItem,\n    propsIcon,\n    propsBody,\n    propsName,\n    propsMeta,\n    propsProgress,\n    propsRetry,\n    propsRemove,\n    ...rest\n  }: UploadProps) => {\n    const lang = useLang();\n    const format = useFormat();\n    // delegate：里面的 FileDrop 照常从 Field 拿 id、说明与标签\n    const control = useFieldControl(() => ({ invalid, required, disabled, readonly }), {\n      delegate: true,\n    });\n    const http = useHttp();\n    /** 实际用的上传函数：upload 优先，其次按 action 用请求客户端发 */\n    const uploader = (): UploadHandler | undefined =>\n      upload ??\n      (action\n        ? (file, { signal }) => {\n            const body = new FormData();\n            body.append(fieldName, file);\n            return http.request({ method: 'POST', url: action, body, signal });\n          }\n        : undefined);\n    let hidden = _state.raw<HTMLInputElement | null>(null);\n    // 每个正在上传的文件一个：移除、重试、卸载时中止\n    const controllers = new Map<string, AbortController>();\n    onBeforeUnmount(() => controllers.forEach((controller) => controller.abort()));\n\n    const patch = (id: string, changes: Partial<UploadFile>) =>\n      (value = value.map((item) => (item.id === id ? { ...item, ...changes } : item)));\n\n    async function start(item: UploadFile) {\n      const send = uploader();\n      if (!send || !item.file) return;\n      controllers.get(item.id)?.abort();\n      const controller = new AbortController();\n      controllers.set(item.id, controller);\n      patch(item.id, { status: 'uploading', progress: undefined, error: undefined });\n      try {\n        const response = await send(item.file!, {\n          onProgress: (fraction) => {\n            if (!controller.signal.aborted) patch(item.id, { progress: fraction });\n          },\n          signal: controller.signal,\n        });\n        if (!controller.signal.aborted) patch(item.id, { status: 'done', progress: 1, response });\n      } catch (error) {\n        if (controller.signal.aborted) return;\n        // 码有文案时按码（网络断了、后端拒绝），否则是上传函数自己的说明，再没有是笼统的“上传失败”\n        const message =\n          errorCodeText(error, lang) ??\n          (error instanceof Error && error.message ? error.message : lang.uploadFailed);\n        patch(item.id, { status: 'error', error: message });\n      } finally {\n        if (controllers.get(item.id) === controller) controllers.delete(item.id);\n      }\n    }\n\n    function remove(id: string) {\n      controllers.get(id)?.abort();\n      controllers.delete(id);\n      value = value.filter((item) => item.id !== id);\n    }\n\n    function add(files: File[], rejectedType = false) {\n      const entries = files.map((file): UploadFile => {\n        const base = { id: `upload-${++nextId}`, name: file.name, size: file.size, file };\n        if (rejectedType) {\n          return { ...base, status: 'error', error: lang.fileTypeRejected, rejected: true };\n        }\n        if (maxSize != null && file.size > maxSize) {\n          const error = lang.fileTooLarge(format.fileSize(maxSize));\n          return { ...base, status: 'error', error, rejected: true };\n        }\n        return { ...base, status: 'selected' };\n      });\n      if (!multiple) value.forEach((item) => controllers.get(item.id)?.abort());\n      const kept = multiple ? value : [];\n      const room = maxFiles == null ? entries.length : Math.max(0, maxFiles - kept.length);\n      const added = (multiple ? entries : entries.slice(-1)).slice(0, room);\n      value = [...kept, ...added];\n      added.filter((item) => item.status === 'selected').forEach((item) => void start(item));\n    }\n\n    // 图片墙里选的文件的本地地址：用完（移除、卸载）回收\n    const previews = new Map<string, string>();\n    const previewOf = (item: UploadFile) => {\n      if (item.url) return item.url;\n      if (!item.file || !item.file.type.startsWith('image/')) return undefined;\n      let url = previews.get(item.id);\n      if (!url) previews.set(item.id, (url = URL.createObjectURL(item.file)));\n      return url;\n    };\n    watch(\n      () => value,\n      (list) => {\n        const kept = new Set(list.map((item) => item.id));\n        for (const [id, url] of previews)\n          if (!kept.has(id)) {\n            URL.revokeObjectURL(url);\n            previews.delete(id);\n          }\n      },\n    );\n    onBeforeUnmount(() => previews.forEach((url) => URL.revokeObjectURL(url)));\n\n    let wall = _state.raw<HTMLElement | null>(null);\n    const sortableWall = useSortable<UploadFile>({\n      items: () => value,\n      getKey: (item) => item.id,\n      getLabel: (item) => item.name,\n      onChange: (next) => (value = next),\n      container: () => wall,\n      orientation: () => 'horizontal',\n      disabled: () => !sortable || control().readonly || control().disabled,\n    });\n\n    /** 粘贴：剪贴板里的文件（截图是 image/png）按 accept 分开，不符合的照常列出、带错误 */\n    function onPaste(event: ClipboardEvent) {\n      const state = control();\n      if (!pasteable || state.disabled || state.readonly) return;\n      const files = [...(event.clipboardData?.files ?? [])];\n      if (files.length === 0) return;\n      event.preventDefault();\n      const accepted = files.filter((file) => matchesAccept(file, accept));\n      const rejected = files.filter((file) => !matchesAccept(file, accept));\n      if (accepted.length) add(accepted);\n      if (rejected.length) add(rejected, true);\n    }\n\n    // 隐藏的 file input 带着全部可提交的文件：原生提交、FormData 拿得到\n    _effect(() => {\n      if (!hidden || typeof DataTransfer === 'undefined') return;\n      const transfer = new DataTransfer();\n      for (const item of value) if (item.file && !item.rejected) transfer.items.add(item.file);\n      hidden.files = transfer.files;\n    });\n\n    function renderItem(item: UploadFile) {\n      const state = control();\n      const own = typeof propsItem === 'function' ? propsItem(item) : propsItem;\n      const fileName = item.name;\n      const failed = item.status === 'error';\n      return (\n        <li\n          key={item.id}\n          {...mergeAttrs<'li'>({ sx: [itemStyles.row, uploadStyles.item] }, own)}\n          data-state={item.status}\n        >\n          <Icon\n            {...mergePartProps<IconProps>(\n              {\n                icon: failed ? CircleAlert : item.status === 'done' ? CircleCheck : FileIcon,\n                sx: [\n                  uploadStyles.icon,\n                  failed && uploadStyles.error,\n                  item.status === 'done' && uploadStyles.done,\n                ],\n              },\n              propsIcon,\n            )}\n          />\n          <div {...mergeAttrs<'div'>({ sx: uploadStyles.body }, propsBody)}>\n            <span {...mergeAttrs<'span'>({ sx: uploadStyles.name }, propsName)}>\n              {item.url ? (\n                <Link href={item.url} target=\"_blank\">\n                  {fileName}\n                </Link>\n              ) : (\n                fileName\n              )}\n            </span>\n            {item.status === 'uploading' ? (\n              <Progress\n                {...mergePartProps<ProgressProps>(\n                  { size: 'xs', sx: uploadStyles.progress },\n                  propsProgress,\n                  {\n                    value: item.progress == null ? null : Math.round(item.progress * 100),\n                    'aria-label': fileName,\n                  },\n                )}\n              />\n            ) : (\n              <span\n                {...mergeAttrs<'span'>(\n                  { sx: [uploadStyles.meta, failed && uploadStyles.error] },\n                  propsMeta,\n                )}\n              >\n                {failed ? item.error : item.size != null && format.fileSize(item.size)}\n                {item.status === 'done' && <VisuallyHidden> {lang.uploadDone}</VisuallyHidden>}\n              </span>\n            )}\n          </div>\n          {failed && uploader() && !item.rejected && !state.readonly && (\n            <IconButton\n              {...mergePartProps<IconButtonProps>(\n                {\n                  icon: RotateCw,\n                  variant: 'ghost',\n                  size: 'sm',\n                  // 名称带文件名、每项不同：类型里不让使用方覆盖（同一个值会让各项的按钮同名）\n                  'aria-label': lang.uploadRetry(fileName),\n                },\n                propsRetry,\n                { onClick: () => void start(item) },\n              )}\n            />\n          )}\n          {!state.readonly && (\n            <IconButton\n              {...mergePartProps<IconButtonProps>(\n                {\n                  icon: X,\n                  variant: 'ghost',\n                  size: 'sm',\n                  'aria-label': lang.uploadRemove(fileName),\n                },\n                propsRemove,\n                { disabled: state.disabled, onClick: () => remove(item.id) },\n              )}\n            />\n          )}\n        </li>\n      );\n    }\n\n    /** 图片墙的一格：缩略图（点开看大图）、上传进度或错误、把手、重试与移除 */\n    function renderCard(item: UploadFile) {\n      const state = control();\n      const failed = item.status === 'error';\n      const src = previewOf(item);\n      return (\n        <div\n          key={item.id}\n          {...mergeAttrs<'div'>(\n            {\n              sx: [\n                uploadStyles.card,\n                uploadDynamicStyles.square(thumbnailSize),\n                failed && uploadStyles.cardError,\n              ],\n            },\n            sortableWall.itemProps(item.id),\n            { role: 'listitem' },\n          )}\n          data-state={item.status}\n        >\n          {src && !item.rejected ? (\n            <Image\n              src={src}\n              alt={item.name}\n              width={thumbnailSize - 2}\n              height={thumbnailSize - 2}\n              radius=\"none\"\n              preview={{ caption: item.name, download: item.name }}\n            />\n          ) : (\n            <div {...css.attrs(uploadStyles.placeholder)}>\n              <Icon icon={failed ? CircleAlert : FileIcon} sx={failed && uploadStyles.error} />\n              {item.name}\n            </div>\n          )}\n          {item.status === 'uploading' && (\n            <div {...css.attrs(uploadStyles.overlay)}>\n              <Progress\n                {...mergePartProps<ProgressProps>({ size: 'xs' }, propsProgress, {\n                  value: item.progress == null ? null : Math.round(item.progress * 100),\n                  'aria-label': item.name,\n                })}\n              />\n            </div>\n          )}\n          {failed && src && !item.rejected && (\n            <div {...css.attrs(uploadStyles.overlay)} title={item.error}>\n              {item.error}\n            </div>\n          )}\n          {item.status === 'done' && <VisuallyHidden>{lang.uploadDone}</VisuallyHidden>}\n          {!state.readonly && (\n            <div {...css.attrs(uploadStyles.actions)}>\n              {sortable && (\n                <ButtonBase\n                  sx={uploadStyles.handle}\n                  ripple={false}\n                  disabled={state.disabled}\n                  aria-label={lang.sortableHandle(item.name)}\n                  {...sortableWall.handleProps(item.id)}\n                >\n                  <Icon icon={GripVertical} />\n                </ButtonBase>\n              )}\n              {failed && uploader() && !item.rejected && (\n                <IconButton\n                  {...mergePartProps<IconButtonProps>(\n                    {\n                      icon: RotateCw,\n                      variant: 'ghost',\n                      size: 'xs',\n                      sx: uploadStyles.action,\n                      'aria-label': lang.uploadRetry(item.name),\n                    },\n                    propsRetry,\n                    { onClick: () => void start(item) },\n                  )}\n                />\n              )}\n              <IconButton\n                {...mergePartProps<IconButtonProps>(\n                  {\n                    icon: X,\n                    variant: 'ghost',\n                    size: 'xs',\n                    sx: uploadStyles.action,\n                    'aria-label': lang.uploadRemove(item.name),\n                  },\n                  propsRemove,\n                  { disabled: state.disabled, onClick: () => remove(item.id) },\n                )}\n              />\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    /** 选文件的区域：列表模式在上方，图片墙模式是最后一格 */\n    function renderDrop(picture: boolean) {\n      const state = control();\n      const full = maxFiles != null && multiple && value.length >= maxFiles;\n      if (state.readonly || (picture && full)) return null;\n      const hint = pasteable ? lang.uploadPasteHint : undefined;\n      const props = mergePartProps<FileDropProps>(\n        {\n          accept,\n          multiple,\n          disabled: state.disabled,\n          invalid: state.invalid,\n          // 选好的文件不在这个输入框里（它选完就清空）：已有文件时不再原生必填，免得表单交不了\n          required: state.required && value.length === 0,\n          description: picture\n            ? undefined\n            : hint\n              ? [description, description != null && ' · ', hint]\n              : description,\n          propsRoot: picture\n            ? { sx: [uploadStyles.addCard, uploadDynamicStyles.square(thumbnailSize)] }\n            : undefined,\n        },\n        propsDrop,\n        {\n          onFiles: (files: File[]) => add(files),\n          onReject: (files: File[]) => add(files, true),\n        },\n      );\n      // 列表模式不传子元素：FileDrop 用默认的图标、提示与说明（写了 undefined 也算传了，会把默认内容换掉）\n      if (!picture) return <FileDrop {...props} />;\n      return (\n        <FileDrop {...props}>\n          <Icon icon={ImagePlus} />\n          {lang.uploadAddImage}\n        </FileDrop>\n      );\n    }\n\n    return () => {\n      const state = control();\n      if (listType === 'picture')\n        return (\n          <div {...mergeAttrs<'div'>({ sx: uploadStyles.root }, rest, { onPaste })}>\n            <ImageGroup sx={uploadStyles.wall}>\n              {/* 列表里只有缩略图（“添加图片”与预览不是列表项）；display: contents，缩略图仍和“添加图片”排在一行 */}\n              <div\n                ref={_toRef(wall)}\n                role=\"list\"\n                // 状态变化（失败、完成）由读屏播报\n                aria-live=\"polite\"\n                {...css.attrs(uploadStyles.wallList)}\n              >\n                {value.map(renderCard)}\n              </div>\n              {renderDrop(true)}\n            </ImageGroup>\n            {pasteable && !state.readonly && (\n              <span {...css.attrs(uploadStyles.meta)}>\n                {[description, description != null && ' · ', lang.uploadPasteHint]}\n              </span>\n            )}\n            {sortable && (\n              <>\n                <VisuallyHidden id={sortableWall.instructionsId}>\n                  {lang.sortableInstructions}\n                </VisuallyHidden>\n                <VisuallyHidden aria-live=\"assertive\">{sortableWall.announcement}</VisuallyHidden>\n              </>\n            )}\n            {name != null && (\n              <input\n                ref={_toRef(hidden)}\n                type=\"file\"\n                name={name}\n                multiple\n                hidden\n                tabindex={-1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </div>\n        );\n      return (\n        <div {...mergeAttrs<'div'>({ sx: uploadStyles.root }, rest, { onPaste })}>\n          {renderDrop(false)}\n          {name != null && (\n            <input\n              ref={_toRef(hidden)}\n              type=\"file\"\n              name={name}\n              multiple\n              hidden\n              tabindex={-1}\n              aria-hidden=\"true\"\n            />\n          )}\n          {value.length > 0 && (\n            // 状态变化（失败、完成）由读屏播报\n            <GridList\n              {...mergePartProps<GridProps<'ul'>>({ gap: 'xs' }, propsList)}\n              aria-live=\"polite\"\n            >\n              {value.map(renderItem)}\n            </GridList>\n          )}\n        </div>\n      );\n    };\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Upload.js","names":["_isVNode","Upload","_vtp_bindable","_vtp_readonlyProp","_vtp_restProps","_vue_shallowRef","_createVNode","_mergeProps","FileIcon","_Fragment"],"sources":["../../src/input/Upload.tsx"],"sourcesContent":["/**\n * 上传（div）：FileDrop 选文件，下面列出文件、上传进度、失败重试与移除。只负责界面与状态，怎样上传由 upload 决定：\n *\n *   <Upload\n *     _value={files}\n *     multiple\n *     accept=\"image/*\"\n *     maxSize={5_000_000}\n *     upload={(file, { onProgress, signal }) => api.upload(file, { onProgress, signal })}\n *   />\n *   <Upload _value={files} action=\"/files\" />   用应用配置的请求客户端（http）上传\n *\n * - value 是 UploadFile 的数组（文件、状态、进度、错误、upload 的结果），父级写 _value={list}；\n * - 给了 upload 或 action 时选到文件就开始上传，否则停在 selected（等提交时一起上传）；移除正在上传的文件会中止（signal）；\n * - action：经 createUi / Provider 的 http 把文件 POST 过去（multipart，字段名 fieldName），与其他请求共用 baseURL、令牌与拆包；\n *   fetch 拿不到上传的字节进度，进度条是不确定的，要进度时写 upload（XMLHttpRequest 的 upload.onprogress）；\n * - 超过 maxSize、不在 accept 里的文件也列出来，带错误、不上传；单选（不写 multiple）时新文件替换旧的；\n * - 已有文件（之前上传过、从后端读回来的）用 existingUploadFile 放进 value：状态是 done，没有 File，\n *   给了 url 时文件名链到它（预览、下载），可以移除；\n *\n *   let files = _state([existingUploadFile({ name: '验证报告.pdf', url: '/files/123' })]);\n * - 在 Field 里时关联标签与错误；写了 name 时有一个隐藏的 file input 带着全部文件，原生提交（FormData）也拿得到。\n *\n * - 图片墙（listType=\"picture\"）：方形缩略图（选的文件用本地地址显示，不等上传），点开看大图（整面墙是一个 ImageGroup，\n *   大图里左右切换）；上传中盖一层进度，失败标红；选文件的区域是墙上最后一格。sortable 时拖动把手（或聚焦后用键盘）调整顺序，\n *   pasteable 时焦点在组件里按 Ctrl + V 把剪贴板里的图片加进来（截图、从别处复制的图）。\n *\n * 部件：Root（div）、Drop（FileDrop）、List（ul）、Item（li）、Icon（文件图标）、Body（文件名与下一行）、Name、Meta（大小或错误）、\n * Progress、Retry（重试按钮）、Remove（移除按钮）。\n */\nimport {\n  CircleAlert,\n  CircleCheck,\n  File as FileIcon,\n  GripVertical,\n  ImagePlus,\n  RotateCw,\n  X,\n} from '@lucide/icons';\nimport { _component } from '@zerodep-dev/vue-tsx-pro-tsx';\nimport { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';\nimport { onBeforeUnmount, watch } from 'vue';\nimport { ButtonBase } from '../base/ButtonBase';\nimport { Image, ImageGroup } from '../display/Image';\nimport { useSortable } from '../utils/dom/sortable';\nimport { Icon, type IconProps } from '../base/Icon';\nimport { Link } from '../base/Link';\nimport { IconButton, type IconButtonProps } from '../base/IconButton';\nimport { VisuallyHidden } from '../base/VisuallyHidden';\nimport { useLang } from '../config/context';\nimport { useFormat } from '../config/lang/format';\nimport { useFieldControl } from '../form/Field';\nimport { useHttp } from '../utils/request/http';\nimport { errorCodeText } from '../utils/request/error-message';\nimport { Progress, type ProgressProps } from '../feedback/Progress';\nimport { mergeAttrs, mergePartProps, type PartProps } from '../utils/props';\nimport { itemStyles } from '../utils/style/item-styles';\nimport { FileDrop, matchesAccept, type FileDropProps } from './FileDrop';\nimport { GridList, type GridProps } from '../layout/Grid';\n\n/** 列表里的一个文件 */\nexport interface UploadFile {\n  /** 组件给的 id，同一个列表里唯一 */\n  readonly id: string;\n  /** 文件名 */\n  readonly name: string;\n  /** 大小（字节）；已有文件不知道时为 undefined */\n  readonly size?: number;\n  /** 选的文件；已有文件没有 */\n  readonly file?: File;\n  /** 已有文件的地址：文件名链到它 */\n  readonly url?: string;\n  /** selected：选了、还没上传；uploading：上传中；done：完成；error：失败或没通过检查 */\n  readonly status: 'selected' | 'uploading' | 'done' | 'error';\n  /** 上传进度 0–1；upload 没报告进度时为 undefined（不确定进度） */\n  readonly progress?: number;\n  /** 错误信息 */\n  readonly error?: string;\n  /** 没通过大小或类型检查：不会上传，也不能重试 */\n  readonly rejected?: boolean;\n  /** upload 的返回值（如文件地址） */\n  readonly response?: unknown;\n}\n\n/** 上传一个文件：报告进度、响应中止；成功时 resolve（值记在 response 上），失败时 reject */\nexport type UploadHandler = (\n  file: File,\n  context: { onProgress: (fraction: number) => void; signal: AbortSignal },\n) => Promise<unknown>;\n\n/** 列表的样子 */\nexport interface UploadListTypes {\n  /** 一行一个文件：图标、文件名、大小或进度（默认） */\n  text: unknown;\n  /** 图片墙：方形缩略图，点开看大图 */\n  picture: unknown;\n}\n\n/** 未声明的属性落到外层 div 上 */\nexport interface UploadProps extends PartProps<'div'> {\n  /** 文件列表：父级写 _value={list} */\n  _value?: UploadFile[];\n  /** 怎样上传一个文件；不写时用 action，都没有时只选文件、不上传 */\n  upload?: UploadHandler;\n  /** 上传地址：没写 upload 时用应用配置的请求客户端（useHttp）POST 过去，响应体记在 response 上 */\n  action?: string;\n  /** action 上传时文件在表单里的字段名，默认 file */\n  fieldName?: string;\n  /** 接受的文件类型（同原生 accept） */\n  accept?: string;\n  /** 可以选多个；不写时新文件替换旧的 */\n  multiple?: boolean;\n  /** 单个文件的大小上限（字节） */\n  maxSize?: number;\n  /** 最多几个文件，超出的不加进来 */\n  maxFiles?: number;\n  /** 原生表单提交时的字段名：写了才有隐藏的 file input */\n  name?: string;\n  /** 不可用 */\n  disabled?: boolean;\n  /** 只读：只列出文件，不能再选、不能移除或重试 */\n  readonly?: boolean;\n  /** 校验未通过 */\n  invalid?: boolean;\n  /** 必填 */\n  required?: boolean;\n  /** 选择区域里提示文字下面的说明（大小、类型限制） */\n  description?: FileDropProps['description'];\n  /** 列表的样子：text 一行一个文件（默认），picture 是图片墙 */\n  listType?: keyof UploadListTypes;\n  /** 图片墙里缩略图的边长（px），默认 104 */\n  thumbnailSize?: number;\n  /** 拖动把手（或聚焦后用键盘）调整文件的顺序（图片墙） */\n  sortable?: boolean;\n  /** 焦点在组件里时 Ctrl + V 把剪贴板里的图片、文件加进来 */\n  pasteable?: boolean;\n  /** 选择区域（FileDrop）的部件属性 */\n  propsDrop?: Partial<FileDropProps>;\n  /** 列表的部件属性 */\n  propsList?: Partial<GridProps<'ul'>>;\n  /** 每一项的部件属性，可以按文件计算 */\n  propsItem?: PartProps<'li'> | ((file: UploadFile) => PartProps<'li'>);\n  /** 每一项的文件图标（按状态是文件、对勾或警告）的部件属性 */\n  propsIcon?: Partial<IconProps>;\n  /** 每一项里文件名与下一行（大小、错误或进度）的外层的部件属性 */\n  propsBody?: PartProps<'div'>;\n  /** 每一项里文件名的部件属性 */\n  propsName?: PartProps<'span'>;\n  /** 每一项里文件大小或错误信息的部件属性 */\n  propsMeta?: PartProps<'span'>;\n  /** 每一项上传中的进度条的部件属性；进度与名称（文件名）由组件管理 */\n  propsProgress?: Omit<Partial<ProgressProps>, 'value' | 'aria-label'>;\n  /**\n   * 每一项失败后的重试按钮的部件属性。名称（重新上传 文件名）每项不同，由组件按语言包生成，\n   * 改文案请改语言包的 uploadRetry；点击由组件管理\n   */\n  propsRetry?: Omit<Partial<IconButtonProps>, 'aria-label' | 'onClick'>;\n  /** 每一项的移除按钮的部件属性；名称（语言包的 uploadRemove）、点击与不可用由组件管理 */\n  propsRemove?: Omit<Partial<IconButtonProps>, 'aria-label' | 'onClick' | 'disabled'>;\n}\n\n/** Upload 的样式：root、list、item、icon、body、name、meta、error、progress */\nexport const uploadStyles = css.create({\n  root: { display: 'grid', gap: '_sm' },\n  item: {\n    cursor: 'default',\n    gap: '_sm',\n    borderWidth: '_xs',\n    borderStyle: 'solid',\n    borderColor: '_borderMuted',\n    borderRadius: '_md',\n  },\n  icon: { flexShrink: 0, color: '_textMuted' },\n  body: { display: 'grid', gap: '_xs', flexGrow: 1, minWidth: 0 },\n  name: { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' },\n  meta: { fontSize: '_sm', color: '_textMuted' },\n  error: { color: '_dangerText' },\n  done: { color: '_successText' },\n  progress: { width: '_full' },\n  // 图片墙：缩略图与“添加图片”一样大，排成一行、放不下换行\n  wall: { display: 'flex', flexWrap: 'wrap', gap: '_sm' },\n  wallList: { display: 'contents' },\n  card: {\n    position: 'relative',\n    boxSizing: 'border-box',\n    flexShrink: 0,\n    borderWidth: '_xs',\n    borderStyle: 'solid',\n    borderColor: '_borderMuted',\n    borderRadius: '_md',\n    overflow: 'hidden',\n    backgroundColor: '_fill',\n  },\n  cardError: { borderColor: '_danger' },\n  // 选文件的那一格：同样大小，图标与文字居中\n  addCard: { padding: '_xs', gap: '_xs', textAlign: 'center', fontSize: '_sm' },\n  // 上传中、失败：盖在缩略图上\n  overlay: {\n    position: 'absolute',\n    insetInline: 0,\n    bottom: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '_xs',\n    padding: '_xs',\n    backgroundColor: 'rgb(0 0 0 / 0.55)',\n    color: 'white',\n    fontSize: '_xs',\n  },\n  placeholder: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '_xs',\n    width: '_full',\n    height: '_full',\n    padding: '_xs',\n    boxSizing: 'border-box',\n    color: '_textMuted',\n    fontSize: '_xs',\n    textAlign: 'center',\n    overflowWrap: 'anywhere',\n  },\n  // 右上角的把手、重试、移除：浅色底上的小按钮\n  actions: {\n    position: 'absolute',\n    top: '_xs',\n    insetInlineEnd: '_xs',\n    display: 'flex',\n    gap: '2px',\n  },\n  action: { backgroundColor: { default: 'rgb(255 255 255 / 0.85)', ':hover': 'white' } },\n  handle: {\n    display: 'grid',\n    placeItems: 'center',\n    width: '1.75em',\n    height: '1.75em',\n    borderRadius: '_sm',\n    color: '_text',\n    backgroundColor: 'rgb(255 255 255 / 0.85)',\n    cursor: { default: 'grab', ':active': 'grabbing' },\n    touchAction: 'none',\n  },\n});\n\n/** Upload 的动态样式：缩略图的边长 */\nexport const uploadDynamicStyles = css.create({\n  square: (size: number) => ({ width: `${size}px`, height: `${size}px` }),\n});\n\nlet nextId = 0;\n\n/** 已有文件（之前上传过、从后端读回来的）：放进 Upload 的 value，状态是 done */\nexport function existingUploadFile(file: {\n  /** 标识；不写时生成一个 */\n  id?: string;\n  /** 文件名 */\n  name: string;\n  /** 大小（字节） */\n  size?: number;\n  /** 地址：文件名链到它 */\n  url?: string;\n}): UploadFile {\n  return { ...file, id: file.id ?? `upload-${++nextId}`, status: 'done', response: file.url };\n}\n\n/** 上传：选文件、列出文件与进度、失败重试、移除 */\nexport const Upload = _component(\n  ({\n    _value: value = _bindable<UploadFile[]>([]),\n    upload,\n    action,\n    fieldName = 'file',\n    accept,\n    multiple = false,\n    maxSize,\n    maxFiles,\n    name,\n    disabled,\n    readonly,\n    invalid,\n    required,\n    description,\n    listType = 'text',\n    thumbnailSize = 104,\n    sortable = false,\n    pasteable = false,\n    propsDrop,\n    propsList,\n    propsItem,\n    propsIcon,\n    propsBody,\n    propsName,\n    propsMeta,\n    propsProgress,\n    propsRetry,\n    propsRemove,\n    ...rest\n  }: UploadProps) => {\n    const lang = useLang();\n    const format = useFormat();\n    // delegate：里面的 FileDrop 照常从 Field 拿 id、说明与标签\n    const control = useFieldControl(() => ({ invalid, required, disabled, readonly }), {\n      delegate: true,\n    });\n    const http = useHttp();\n    /** 实际用的上传函数：upload 优先，其次按 action 用请求客户端发 */\n    const uploader = (): UploadHandler | undefined =>\n      upload ??\n      (action\n        ? (file, { signal }) => {\n            const body = new FormData();\n            body.append(fieldName, file);\n            return http.request({ method: 'POST', url: action, body, signal });\n          }\n        : undefined);\n    let hidden = _state.raw<HTMLInputElement | null>(null);\n    // 每个正在上传的文件一个：移除、重试、卸载时中止\n    const controllers = new Map<string, AbortController>();\n    onBeforeUnmount(() => controllers.forEach((controller) => controller.abort()));\n\n    const patch = (id: string, changes: Partial<UploadFile>) =>\n      (value = value.map((item) => (item.id === id ? { ...item, ...changes } : item)));\n\n    async function start(item: UploadFile) {\n      const send = uploader();\n      if (!send || !item.file) return;\n      controllers.get(item.id)?.abort();\n      const controller = new AbortController();\n      controllers.set(item.id, controller);\n      patch(item.id, { status: 'uploading', progress: undefined, error: undefined });\n      try {\n        const response = await send(item.file!, {\n          onProgress: (fraction) => {\n            if (!controller.signal.aborted) patch(item.id, { progress: fraction });\n          },\n          signal: controller.signal,\n        });\n        if (!controller.signal.aborted) patch(item.id, { status: 'done', progress: 1, response });\n      } catch (error) {\n        if (controller.signal.aborted) return;\n        // 码有文案时按码（网络断了、后端拒绝），否则是上传函数自己的说明，再没有是笼统的“上传失败”\n        const message =\n          errorCodeText(error, lang) ??\n          (error instanceof Error && error.message ? error.message : lang.uploadFailed);\n        patch(item.id, { status: 'error', error: message });\n      } finally {\n        if (controllers.get(item.id) === controller) controllers.delete(item.id);\n      }\n    }\n\n    function remove(id: string) {\n      controllers.get(id)?.abort();\n      controllers.delete(id);\n      value = value.filter((item) => item.id !== id);\n    }\n\n    function add(files: File[], rejectedType = false) {\n      const entries = files.map((file): UploadFile => {\n        const base = { id: `upload-${++nextId}`, name: file.name, size: file.size, file };\n        if (rejectedType) {\n          return { ...base, status: 'error', error: lang.fileTypeRejected, rejected: true };\n        }\n        if (maxSize != null && file.size > maxSize) {\n          const error = lang.fileTooLarge(format.fileSize(maxSize));\n          return { ...base, status: 'error', error, rejected: true };\n        }\n        return { ...base, status: 'selected' };\n      });\n      if (!multiple) value.forEach((item) => controllers.get(item.id)?.abort());\n      const kept = multiple ? value : [];\n      const room = maxFiles == null ? entries.length : Math.max(0, maxFiles - kept.length);\n      const added = (multiple ? entries : entries.slice(-1)).slice(0, room);\n      value = [...kept, ...added];\n      added.filter((item) => item.status === 'selected').forEach((item) => void start(item));\n    }\n\n    // 图片墙里选的文件的本地地址：用完（移除、卸载）回收\n    const previews = new Map<string, string>();\n    const previewOf = (item: UploadFile) => {\n      if (item.url) return item.url;\n      if (!item.file || !item.file.type.startsWith('image/')) return undefined;\n      let url = previews.get(item.id);\n      if (!url) previews.set(item.id, (url = URL.createObjectURL(item.file)));\n      return url;\n    };\n    watch(\n      () => value,\n      (list) => {\n        const kept = new Set(list.map((item) => item.id));\n        for (const [id, url] of previews)\n          if (!kept.has(id)) {\n            URL.revokeObjectURL(url);\n            previews.delete(id);\n          }\n      },\n    );\n    onBeforeUnmount(() => previews.forEach((url) => URL.revokeObjectURL(url)));\n\n    let wall = _state.raw<HTMLElement | null>(null);\n    const sortableWall = useSortable<UploadFile>({\n      items: () => value,\n      getKey: (item) => item.id,\n      getLabel: (item) => item.name,\n      onChange: (next) => (value = next),\n      container: () => wall,\n      orientation: () => 'horizontal',\n      disabled: () => !sortable || control().readonly || control().disabled,\n    });\n\n    /** 粘贴：剪贴板里的文件（截图是 image/png）按 accept 分开，不符合的照常列出、带错误 */\n    function onPaste(event: ClipboardEvent) {\n      const state = control();\n      if (!pasteable || state.disabled || state.readonly) return;\n      const files = [...(event.clipboardData?.files ?? [])];\n      if (files.length === 0) return;\n      event.preventDefault();\n      const accepted = files.filter((file) => matchesAccept(file, accept));\n      const rejected = files.filter((file) => !matchesAccept(file, accept));\n      if (accepted.length) add(accepted);\n      if (rejected.length) add(rejected, true);\n    }\n\n    // 隐藏的 file input 带着全部可提交的文件：原生提交、FormData 拿得到\n    _effect(() => {\n      if (!hidden || typeof DataTransfer === 'undefined') return;\n      const transfer = new DataTransfer();\n      for (const item of value) if (item.file && !item.rejected) transfer.items.add(item.file);\n      hidden.files = transfer.files;\n    });\n\n    function renderItem(item: UploadFile) {\n      const state = control();\n      const own = typeof propsItem === 'function' ? propsItem(item) : propsItem;\n      const fileName = item.name;\n      const failed = item.status === 'error';\n      return (\n        <li\n          key={item.id}\n          {...mergeAttrs<'li'>({ sx: [itemStyles.row, uploadStyles.item] }, own)}\n          data-state={item.status}\n        >\n          <Icon\n            {...mergePartProps<IconProps>(\n              {\n                icon: failed ? CircleAlert : item.status === 'done' ? CircleCheck : FileIcon,\n                sx: [\n                  uploadStyles.icon,\n                  failed && uploadStyles.error,\n                  item.status === 'done' && uploadStyles.done,\n                ],\n              },\n              propsIcon,\n            )}\n          />\n          <div {...mergeAttrs<'div'>({ sx: uploadStyles.body }, propsBody)}>\n            <span {...mergeAttrs<'span'>({ sx: uploadStyles.name }, propsName)}>\n              {item.url ? (\n                <Link href={item.url} target=\"_blank\">\n                  {fileName}\n                </Link>\n              ) : (\n                fileName\n              )}\n            </span>\n            {item.status === 'uploading' ? (\n              <Progress\n                {...mergePartProps<ProgressProps>(\n                  { size: 'xs', sx: uploadStyles.progress },\n                  propsProgress,\n                  {\n                    value: item.progress == null ? null : Math.round(item.progress * 100),\n                    'aria-label': fileName,\n                  },\n                )}\n              />\n            ) : (\n              <span\n                {...mergeAttrs<'span'>(\n                  { sx: [uploadStyles.meta, failed && uploadStyles.error] },\n                  propsMeta,\n                )}\n              >\n                {failed ? item.error : item.size != null && format.fileSize(item.size)}\n                {item.status === 'done' && <VisuallyHidden> {lang.uploadDone}</VisuallyHidden>}\n              </span>\n            )}\n          </div>\n          {failed && uploader() && !item.rejected && !state.readonly && (\n            <IconButton\n              {...mergePartProps<IconButtonProps>(\n                {\n                  icon: RotateCw,\n                  variant: 'ghost',\n                  size: 'sm',\n                  // 名称带文件名、每项不同：类型里不让使用方覆盖（同一个值会让各项的按钮同名）\n                  'aria-label': lang.uploadRetry(fileName),\n                },\n                propsRetry,\n                { onClick: () => void start(item) },\n              )}\n            />\n          )}\n          {!state.readonly && (\n            <IconButton\n              {...mergePartProps<IconButtonProps>(\n                {\n                  icon: X,\n                  variant: 'ghost',\n                  size: 'sm',\n                  'aria-label': lang.uploadRemove(fileName),\n                },\n                propsRemove,\n                { disabled: state.disabled, onClick: () => remove(item.id) },\n              )}\n            />\n          )}\n        </li>\n      );\n    }\n\n    /** 图片墙的一格：缩略图（点开看大图）、上传进度或错误、把手、重试与移除 */\n    function renderCard(item: UploadFile) {\n      const state = control();\n      const failed = item.status === 'error';\n      const src = previewOf(item);\n      return (\n        <div\n          key={item.id}\n          {...mergeAttrs<'div'>(\n            {\n              sx: [\n                uploadStyles.card,\n                uploadDynamicStyles.square(thumbnailSize),\n                failed && uploadStyles.cardError,\n              ],\n            },\n            sortableWall.itemProps(item.id),\n            { role: 'listitem' },\n          )}\n          data-state={item.status}\n        >\n          {src && !item.rejected ? (\n            <Image\n              src={src}\n              alt={item.name}\n              width={thumbnailSize - 2}\n              height={thumbnailSize - 2}\n              radius=\"none\"\n              preview={{ caption: item.name, download: item.name }}\n            />\n          ) : (\n            <div {...css.attrs(uploadStyles.placeholder)}>\n              <Icon icon={failed ? CircleAlert : FileIcon} sx={failed && uploadStyles.error} />\n              {item.name}\n            </div>\n          )}\n          {item.status === 'uploading' && (\n            <div {...css.attrs(uploadStyles.overlay)}>\n              <Progress\n                {...mergePartProps<ProgressProps>({ size: 'xs' }, propsProgress, {\n                  value: item.progress == null ? null : Math.round(item.progress * 100),\n                  'aria-label': item.name,\n                })}\n              />\n            </div>\n          )}\n          {failed && src && !item.rejected && (\n            <div {...css.attrs(uploadStyles.overlay)} title={item.error}>\n              {item.error}\n            </div>\n          )}\n          {item.status === 'done' && <VisuallyHidden>{lang.uploadDone}</VisuallyHidden>}\n          {!state.readonly && (\n            <div {...css.attrs(uploadStyles.actions)}>\n              {sortable && (\n                <ButtonBase\n                  sx={uploadStyles.handle}\n                  ripple={false}\n                  disabled={state.disabled}\n                  aria-label={lang.sortableHandle(item.name)}\n                  {...sortableWall.handleProps(item.id)}\n                >\n                  <Icon icon={GripVertical} />\n                </ButtonBase>\n              )}\n              {failed && uploader() && !item.rejected && (\n                <IconButton\n                  {...mergePartProps<IconButtonProps>(\n                    {\n                      icon: RotateCw,\n                      variant: 'ghost',\n                      size: 'xs',\n                      sx: uploadStyles.action,\n                      'aria-label': lang.uploadRetry(item.name),\n                    },\n                    propsRetry,\n                    { onClick: () => void start(item) },\n                  )}\n                />\n              )}\n              <IconButton\n                {...mergePartProps<IconButtonProps>(\n                  {\n                    icon: X,\n                    variant: 'ghost',\n                    size: 'xs',\n                    sx: uploadStyles.action,\n                    'aria-label': lang.uploadRemove(item.name),\n                  },\n                  propsRemove,\n                  { disabled: state.disabled, onClick: () => remove(item.id) },\n                )}\n              />\n            </div>\n          )}\n        </div>\n      );\n    }\n\n    /** 选文件的区域：列表模式在上方，图片墙模式是最后一格 */\n    function renderDrop(picture: boolean) {\n      const state = control();\n      const full = maxFiles != null && multiple && value.length >= maxFiles;\n      if (state.readonly || (picture && full)) return null;\n      const hint = pasteable ? lang.uploadPasteHint : undefined;\n      const props = mergePartProps<FileDropProps>(\n        {\n          accept,\n          multiple,\n          disabled: state.disabled,\n          invalid: state.invalid,\n          // 选好的文件不在这个输入框里（它选完就清空）：已有文件时不再原生必填，免得表单交不了\n          required: state.required && value.length === 0,\n          description: picture\n            ? undefined\n            : hint\n              ? [description, description != null && ' · ', hint]\n              : description,\n          propsRoot: picture\n            ? { sx: [uploadStyles.addCard, uploadDynamicStyles.square(thumbnailSize)] }\n            : undefined,\n        },\n        propsDrop,\n        {\n          onFiles: (files: File[]) => add(files),\n          onReject: (files: File[]) => add(files, true),\n        },\n      );\n      // 列表模式不传子元素：FileDrop 用默认的图标、提示与说明（写了 undefined 也算传了，会把默认内容换掉）\n      if (!picture) return <FileDrop {...props} />;\n      return (\n        <FileDrop {...props}>\n          <Icon icon={ImagePlus} />\n          {lang.uploadAddImage}\n        </FileDrop>\n      );\n    }\n\n    return () => {\n      const state = control();\n      if (listType === 'picture')\n        return (\n          <div {...mergeAttrs<'div'>({ sx: uploadStyles.root }, rest, { onPaste })}>\n            <ImageGroup sx={uploadStyles.wall}>\n              {/* 列表里只有缩略图（“添加图片”与预览不是列表项）；display: contents，缩略图仍和“添加图片”排在一行 */}\n              <div\n                ref={_toRef(wall)}\n                role=\"list\"\n                // 状态变化（失败、完成）由读屏播报\n                aria-live=\"polite\"\n                {...css.attrs(uploadStyles.wallList)}\n              >\n                {value.map(renderCard)}\n              </div>\n              {renderDrop(true)}\n            </ImageGroup>\n            {pasteable && !state.readonly && (\n              <span {...css.attrs(uploadStyles.meta)}>\n                {[description, description != null && ' · ', lang.uploadPasteHint]}\n              </span>\n            )}\n            {sortable && (\n              <>\n                <VisuallyHidden id={sortableWall.instructionsId}>\n                  {lang.sortableInstructions}\n                </VisuallyHidden>\n                <VisuallyHidden aria-live=\"assertive\">{sortableWall.announcement}</VisuallyHidden>\n              </>\n            )}\n            {name != null && (\n              <input\n                ref={_toRef(hidden)}\n                type=\"file\"\n                name={name}\n                multiple\n                hidden\n                tabindex={-1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </div>\n        );\n      return (\n        <div {...mergeAttrs<'div'>({ sx: uploadStyles.root }, rest, { onPaste })}>\n          {renderDrop(false)}\n          {name != null && (\n            <input\n              ref={_toRef(hidden)}\n              type=\"file\"\n              name={name}\n              multiple\n              hidden\n              tabindex={-1}\n              aria-hidden=\"true\"\n            />\n          )}\n          {value.length > 0 && (\n            // 状态变化（失败、完成）由读屏播报\n            <GridList\n              {...mergePartProps<GridProps<'ul'>>({ gap: 'xs' }, propsList)}\n              aria-live=\"polite\"\n            >\n              {value.map(renderItem)}\n            </GridList>\n          )}\n        </div>\n      );\n    };\n  },\n);\n"],"mappings":"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"}

package/dist/input/choice-styles.d.ts

@@ -9,7 +9,7 @@
  * 组件只画外观。勾选状态的样式由组件按自己的状态加（样式里不写兄弟选择器）。尺寸用 em。
  * 部件与样式见 choiceRecipe（createUi / Provider 的 styles.Choice 按它定制）。
  */
-import * as css from '@zerodep-dev/vue-tsx-pro-tsx/styles';
+import { css } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
 import type { SxStyles } from '@zerodep-dev/vue-tsx-pro-tsx/styles';
 import { useRecipe, type PartLayer } from '../config/styles';
 import { type StatusTone } from '../utils/style/tone-styles';

package/dist/input/choice-styles.js

@@ -4,7 +4,7 @@ import { fontSizeStyles } from "../utils/style/typography.js";
 import { useRecipe } from "../config/styles.js";
 import { toneFillStyles } from "../utils/style/tone-styles.js";
 import { nextTick } from "vue";
-import * as css from "@zerodep-dev/vue-tsx-pro-tsx/styles";
+import { css } from "@zerodep-dev/vue-tsx-pro-tsx/styles";
 //#region src/input/choice-styles.ts
 /**
 * 勾选类控件（Checkbox、Radio、Switch）共用的样式与结构：