@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/transfer/transfer.js

@@ -0,0 +1,204 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft, ArrowRight, Search } from "lucide-react";
+import { useId, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { Checkbox } from "../checkbox/index.js";
+import { FieldScope, useFormField } from "../form/form.js";
+import { Input } from "../input/index.js";
+import { Result } from "../result/index.js";
+import { classes } from "../shared/classes.js";
+import { FormValue, useFieldValue } from "../shared/field.js";
+import { useListMotion } from "../shared/motion.js";
+import { useText } from "../shared/use-text.js";
+import { VirtualList } from "../virtuallist/virtuallist.js";
+function Transfer({ items, value, defaultValue = [], onChange, selectedKeys, onSelectionChange, titles, searchable = true, filterOption, renderItem, disabled: disabledProp, height = 180, virtual = false, name, form, required, oneWay = false, className, ...props }) {
+    const field = useFormField();
+    const disabled = disabledProp || field?.disabled;
+    const t = useText();
+    const id = useId();
+    const trigger = useRef(null);
+    const root = useRef(null);
+    const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);
+    const [internal, setInternal] = useState([]);
+    const selected = selectedKeys ?? internal;
+    const [queries, setQueries] = useState([
+        '',
+        ''
+    ]);
+    useListMotion(root, JSON.stringify([
+        current,
+        queries,
+        items.map((item)=>item.key)
+    ]), virtual ? '[data-no-transfer-motion]' : '.leaf-transfer__item[data-motion-key]');
+    const select = (keys)=>{
+        if (void 0 === selectedKeys) setInternal(keys);
+        onSelectionChange?.(keys);
+    };
+    const move = (direction)=>{
+        const moved = items.filter((item)=>!item.disabled && selected.includes(item.key) && current.includes(item.key) === ('left' === direction)).map((item)=>item.key);
+        if (!moved.length || disabled) return;
+        const next = 'right' === direction ? [
+            ...current,
+            ...moved
+        ] : current.filter((key)=>!moved.includes(key));
+        setCurrent(next);
+        select(selected.filter((key)=>!moved.includes(key)));
+        onChange?.([
+            ...next
+        ], {
+            direction,
+            movedKeys: moved
+        });
+    };
+    const panel = (side)=>{
+        const query = queries[side] ?? '';
+        const list = items.filter((item)=>current.includes(item.key) === (1 === side) && (filterOption ? filterOption(query, item) : `${item.searchLabel ?? ('string' == typeof item.label ? item.label : item.key)} ${item.description ?? ''}`.toLocaleLowerCase().includes(query.toLocaleLowerCase())));
+        const enabled = list.filter((item)=>!item.disabled);
+        const checked = enabled.filter((item)=>selected.includes(item.key));
+        const row = (item)=>/*#__PURE__*/ jsx("div", {
+                className: "leaf-transfer__item",
+                "data-motion-key": item.key,
+                "data-selected": selected.includes(item.key) ? '' : void 0,
+                children: /*#__PURE__*/ jsx(Checkbox, {
+                    disabled: disabled || item.disabled,
+                    checked: selected.includes(item.key),
+                    onChange: (event)=>select(event.target.checked ? [
+                            ...new Set([
+                                ...selected,
+                                item.key
+                            ])
+                        ] : selected.filter((key)=>key !== item.key)),
+                    children: /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            renderItem?.(item) ?? item.label,
+                            item.description && /*#__PURE__*/ jsx("small", {
+                                children: item.description
+                            })
+                        ]
+                    })
+                })
+            });
+        return /*#__PURE__*/ jsxs("section", {
+            className: "leaf-transfer__panel",
+            "aria-labelledby": `${id}-${side}`,
+            children: [
+                /*#__PURE__*/ jsxs("header", {
+                    className: "leaf-transfer__header",
+                    children: [
+                        /*#__PURE__*/ jsx(Checkbox, {
+                            "aria-label": t('选择本页全部', 'Select all visible items'),
+                            disabled: disabled || !enabled.length,
+                            checked: enabled.length > 0 && checked.length === enabled.length,
+                            indeterminate: checked.length > 0 && checked.length < enabled.length,
+                            onChange: (event)=>select(event.target.checked ? [
+                                    ...new Set([
+                                        ...selected,
+                                        ...enabled.map((item)=>item.key)
+                                    ])
+                                ] : selected.filter((key)=>!enabled.some((item)=>item.key === key)))
+                        }),
+                        /*#__PURE__*/ jsx("span", {
+                            id: `${id}-${side}`,
+                            children: titles?.[side] ?? (0 === side ? t('可选项目', 'Available') : t('已选项目', 'Selected'))
+                        }),
+                        /*#__PURE__*/ jsxs("small", {
+                            children: [
+                                checked.length ? `${checked.length} / ` : '',
+                                list.length
+                            ]
+                        })
+                    ]
+                }),
+                searchable && /*#__PURE__*/ jsx("div", {
+                    className: "leaf-transfer__search",
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        allowClear: true,
+                        prefix: /*#__PURE__*/ jsx(Search, {
+                            size: 14
+                        }),
+                        "aria-label": 0 === side ? t('搜索可选项目', 'Search available items') : t('搜索已选项目', 'Search selected items'),
+                        value: query,
+                        onChange: (event)=>setQueries((previous)=>previous.map((text, index)=>index === side ? event.target.value : text))
+                    })
+                }),
+                virtual ? /*#__PURE__*/ jsx(VirtualList, {
+                    items: list,
+                    itemKey: (item)=>item.key,
+                    renderItem: row,
+                    height: height,
+                    estimateSize: items.some((item)=>item.description) ? 54 : 40,
+                    emptyContent: /*#__PURE__*/ jsx(Result, {
+                        size: "sm",
+                        icon: null,
+                        title: t('暂无项目', 'No items')
+                    })
+                }) : /*#__PURE__*/ jsx("div", {
+                    className: "leaf-transfer__list",
+                    style: {
+                        height
+                    },
+                    children: list.length ? list.map((item)=>/*#__PURE__*/ jsx("div", {
+                            children: row(item)
+                        }, item.key)) : /*#__PURE__*/ jsx(Result, {
+                        size: "sm",
+                        icon: null,
+                        title: t('暂无项目', 'No items')
+                    })
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        ref: root,
+        className: classes('leaf-transfer', className),
+        "data-disabled": disabled ? '' : void 0,
+        children: [
+            /*#__PURE__*/ jsx(FieldScope, {
+                children: panel(0)
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "leaf-transfer__actions",
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        ref: trigger,
+                        id: props.id ?? field?.id,
+                        size: "sm",
+                        startIcon: /*#__PURE__*/ jsx(ArrowRight, {
+                            size: 16
+                        }),
+                        "aria-label": t('移至已选', 'Move to selected'),
+                        disabled: disabled || !items.some((item)=>!item.disabled && selected.includes(item.key) && !current.includes(item.key)),
+                        onClick: ()=>move('right')
+                    }),
+                    !oneWay && /*#__PURE__*/ jsx(Button, {
+                        size: "sm",
+                        variant: "outline",
+                        startIcon: /*#__PURE__*/ jsx(ArrowLeft, {
+                            size: 16
+                        }),
+                        "aria-label": t('移回可选', 'Move to available'),
+                        disabled: disabled || !items.some((item)=>!item.disabled && selected.includes(item.key) && current.includes(item.key)),
+                        onClick: ()=>move('left')
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(FieldScope, {
+                children: panel(1)
+            }),
+            /*#__PURE__*/ jsx(FormValue, {
+                name: name,
+                form: form,
+                value: current.length ? JSON.stringify(current) : '',
+                required: required ?? field?.required,
+                disabled: disabled,
+                triggerRef: trigger
+            })
+        ]
+    });
+}
+export { Transfer };
+
+//# sourceMappingURL=transfer.js.map

package/dist/esm/transfer/transfer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transfer/transfer.js","sources":["../../../src/transfer/transfer.tsx"],"sourcesContent":["import { ArrowLeft, ArrowRight, Search } from 'lucide-react';\nimport { type HTMLAttributes, type ReactNode, useId, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { Checkbox } from '../checkbox';\nimport { FieldScope, useFormField } from '../form/form';\nimport { Input } from '../input';\nimport { Result } from '../result';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue } from '../shared/field';\nimport { useListMotion } from '../shared/motion';\nimport { useText } from '../shared/use-text';\nimport { VirtualList } from '../virtuallist/virtuallist';\nexport interface TransferItem {\n  key: string;\n  label: ReactNode;\n  description?: string;\n  disabled?: boolean;\n  searchLabel?: string;\n}\nexport interface TransferChangeInfo {\n  direction: 'left' | 'right';\n  movedKeys: string[];\n}\nexport interface TransferProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  items: readonly TransferItem[];\n  value?: readonly string[];\n  defaultValue?: readonly string[];\n  onChange?: (keys: string[], info: TransferChangeInfo) => void;\n  selectedKeys?: readonly string[];\n  onSelectionChange?: (keys: string[]) => void;\n  titles?: readonly [ReactNode, ReactNode];\n  searchable?: boolean;\n  filterOption?: (query: string, item: TransferItem) => boolean;\n  renderItem?: (item: TransferItem) => ReactNode;\n  disabled?: boolean;\n  height?: number;\n  virtual?: boolean;\n  name?: string;\n  form?: string;\n  required?: boolean;\n  oneWay?: boolean;\n}\nexport function Transfer({\n  items,\n  value,\n  defaultValue = [],\n  onChange,\n  selectedKeys,\n  onSelectionChange,\n  titles,\n  searchable = true,\n  filterOption,\n  renderItem,\n  disabled: disabledProp,\n  height = 180,\n  virtual = false,\n  name,\n  form,\n  required,\n  oneWay = false,\n  className,\n  ...props\n}: TransferProps) {\n  const field = useFormField();\n  const disabled = disabledProp || field?.disabled;\n  const t = useText();\n  const id = useId();\n  const trigger = useRef<HTMLButtonElement>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n  const [internal, setInternal] = useState<readonly string[]>([]);\n  const selected = selectedKeys ?? internal;\n  const [queries, setQueries] = useState(['', '']);\n  useListMotion(\n    root,\n    JSON.stringify([current, queries, items.map((item) => item.key)]),\n    virtual ? '[data-no-transfer-motion]' : '.leaf-transfer__item[data-motion-key]',\n  );\n  const select = (keys: string[]) => {\n    if (selectedKeys === undefined) setInternal(keys);\n    onSelectionChange?.(keys);\n  };\n  const move = (direction: 'left' | 'right') => {\n    const moved = items\n      .filter(\n        (item) =>\n          !item.disabled &&\n          selected.includes(item.key) &&\n          current.includes(item.key) === (direction === 'left'),\n      )\n      .map((item) => item.key);\n    if (!moved.length || disabled) return;\n    const next =\n      direction === 'right'\n        ? [...current, ...moved]\n        : current.filter((key) => !moved.includes(key));\n    setCurrent(next);\n    select(selected.filter((key) => !moved.includes(key)));\n    onChange?.([...next], { direction, movedKeys: moved });\n  };\n  const panel = (side: 0 | 1) => {\n    const query = queries[side] ?? '';\n    const list = items.filter(\n      (item) =>\n        current.includes(item.key) === (side === 1) &&\n        (filterOption\n          ? filterOption(query, item)\n          : `${item.searchLabel ?? (typeof item.label === 'string' ? item.label : item.key)} ${item.description ?? ''}`\n              .toLocaleLowerCase()\n              .includes(query.toLocaleLowerCase())),\n    );\n    const enabled = list.filter((item) => !item.disabled);\n    const checked = enabled.filter((item) => selected.includes(item.key));\n    const row = (item: TransferItem) => (\n      <div\n        className=\"leaf-transfer__item\"\n        data-motion-key={item.key}\n        data-selected={selected.includes(item.key) ? '' : undefined}\n      >\n        <Checkbox\n          disabled={disabled || item.disabled}\n          checked={selected.includes(item.key)}\n          onChange={(event) =>\n            select(\n              event.target.checked\n                ? [...new Set([...selected, item.key])]\n                : selected.filter((key) => key !== item.key),\n            )\n          }\n        >\n          <span>\n            {renderItem?.(item) ?? item.label}\n            {item.description && <small>{item.description}</small>}\n          </span>\n        </Checkbox>\n      </div>\n    );\n    return (\n      <section className=\"leaf-transfer__panel\" aria-labelledby={`${id}-${side}`}>\n        <header className=\"leaf-transfer__header\">\n          <Checkbox\n            aria-label={t('选择本页全部', 'Select all visible items')}\n            disabled={disabled || !enabled.length}\n            checked={enabled.length > 0 && checked.length === enabled.length}\n            indeterminate={checked.length > 0 && checked.length < enabled.length}\n            onChange={(event) =>\n              select(\n                event.target.checked\n                  ? [...new Set([...selected, ...enabled.map((item) => item.key)])]\n                  : selected.filter((key) => !enabled.some((item) => item.key === key)),\n              )\n            }\n          />\n          <span id={`${id}-${side}`}>\n            {titles?.[side] ??\n              (side === 0 ? t('可选项目', 'Available') : t('已选项目', 'Selected'))}\n          </span>\n          <small>\n            {checked.length ? `${checked.length} / ` : ''}\n            {list.length}\n          </small>\n        </header>\n        {searchable && (\n          <div className=\"leaf-transfer__search\">\n            <Input\n              size=\"sm\"\n              allowClear\n              prefix={<Search size={14} />}\n              aria-label={\n                side === 0\n                  ? t('搜索可选项目', 'Search available items')\n                  : t('搜索已选项目', 'Search selected items')\n              }\n              value={query}\n              onChange={(event) =>\n                setQueries((previous) =>\n                  previous.map((text, index) => (index === side ? event.target.value : text)),\n                )\n              }\n            />\n          </div>\n        )}\n        {virtual ? (\n          <VirtualList\n            items={list}\n            itemKey={(item) => item.key}\n            renderItem={row}\n            height={height}\n            estimateSize={items.some((item) => item.description) ? 54 : 40}\n            emptyContent={<Result size=\"sm\" icon={null} title={t('暂无项目', 'No items')} />}\n          />\n        ) : (\n          <div className=\"leaf-transfer__list\" style={{ height }}>\n            {list.length ? (\n              list.map((item) => <div key={item.key}>{row(item)}</div>)\n            ) : (\n              <Result size=\"sm\" icon={null} title={t('暂无项目', 'No items')} />\n            )}\n          </div>\n        )}\n      </section>\n    );\n  };\n  return (\n    <div\n      {...props}\n      ref={root}\n      className={classes('leaf-transfer', className)}\n      data-disabled={disabled ? '' : undefined}\n    >\n      <FieldScope>{panel(0)}</FieldScope>\n      <div className=\"leaf-transfer__actions\">\n        <Button\n          ref={trigger}\n          id={props.id ?? field?.id}\n          size=\"sm\"\n          startIcon={<ArrowRight size={16} />}\n          aria-label={t('移至已选', 'Move to selected')}\n          disabled={\n            disabled ||\n            !items.some(\n              (item) =>\n                !item.disabled && selected.includes(item.key) && !current.includes(item.key),\n            )\n          }\n          onClick={() => move('right')}\n        />\n        {!oneWay && (\n          <Button\n            size=\"sm\"\n            variant=\"outline\"\n            startIcon={<ArrowLeft size={16} />}\n            aria-label={t('移回可选', 'Move to available')}\n            disabled={\n              disabled ||\n              !items.some(\n                (item) =>\n                  !item.disabled && selected.includes(item.key) && current.includes(item.key),\n              )\n            }\n            onClick={() => move('left')}\n          />\n        )}\n      </div>\n      <FieldScope>{panel(1)}</FieldScope>\n      <FormValue\n        name={name}\n        form={form}\n        value={current.length ? JSON.stringify(current) : ''}\n        required={required ?? field?.required}\n        disabled={disabled}\n        triggerRef={trigger}\n      />\n    </div>\n  );\n}\n"],"names":["Transfer","items","value","defaultValue","onChange","selectedKeys","onSelectionChange","titles","searchable","filterOption","renderItem","disabledProp","height","virtual","name","form","required","oneWay","className","props","field","useFormField","disabled","t","useText","id","useId","trigger","useRef","root","current","setCurrent","useFieldValue","internal","setInternal","useState","selected","queries","setQueries","useListMotion","JSON","item","select","keys","undefined","move","direction","moved","next","key","panel","side","query","list","enabled","checked","row","Checkbox","event","Set","Input","Search","previous","text","index","VirtualList","Result","classes","FieldScope","Button","ArrowRight","ArrowLeft","FormValue"],"mappings":";;;;;;;;;;;;;;AA0CO,SAASA,SAAS,EACvBC,KAAK,EACLC,KAAK,EACLC,eAAe,EAAE,EACjBC,QAAQ,EACRC,YAAY,EACZC,iBAAiB,EACjBC,MAAM,EACNC,aAAa,IAAI,EACjBC,YAAY,EACZC,UAAU,EACV,UAAUC,YAAY,EACtBC,SAAS,GAAG,EACZC,UAAU,KAAK,EACfC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,SAAS,KAAK,EACdC,SAAS,EACT,GAAGC,OACW;IACd,MAAMC,QAAQC;IACd,MAAMC,WAAWX,gBAAgBS,OAAO;IACxC,MAAMG,IAAIC;IACV,MAAMC,KAAKC;IACX,MAAMC,UAAUC,OAA0B;IAC1C,MAAMC,OAAOD,OAAuB;IACpC,MAAM,CAACE,SAASC,WAAW,GAAGC,cAAc9B,OAAOC,cAAcwB,SAASZ;IAC1E,MAAM,CAACkB,UAAUC,YAAY,GAAGC,SAA4B,EAAE;IAC9D,MAAMC,WAAW/B,gBAAgB4B;IACjC,MAAM,CAACI,SAASC,WAAW,GAAGH,SAAS;QAAC;QAAI;KAAG;IAC/CI,cACEV,MACAW,KAAK,SAAS,CAAC;QAACV;QAASO;QAASpC,MAAM,GAAG,CAAC,CAACwC,OAASA,KAAK,GAAG;KAAE,GAChE5B,UAAU,8BAA8B;IAE1C,MAAM6B,SAAS,CAACC;QACd,IAAItC,AAAiBuC,WAAjBvC,cAA4B6B,YAAYS;QAC5CrC,oBAAoBqC;IACtB;IACA,MAAME,OAAO,CAACC;QACZ,MAAMC,QAAQ9C,MACX,MAAM,CACL,CAACwC,OACC,CAACA,KAAK,QAAQ,IACdL,SAAS,QAAQ,CAACK,KAAK,GAAG,KAC1BX,QAAQ,QAAQ,CAACW,KAAK,GAAG,MAAOK,CAAAA,AAAc,WAAdA,SAAmB,GAEtD,GAAG,CAAC,CAACL,OAASA,KAAK,GAAG;QACzB,IAAI,CAACM,MAAM,MAAM,IAAIzB,UAAU;QAC/B,MAAM0B,OACJF,AAAc,YAAdA,YACI;eAAIhB;eAAYiB;SAAM,GACtBjB,QAAQ,MAAM,CAAC,CAACmB,MAAQ,CAACF,MAAM,QAAQ,CAACE;QAC9ClB,WAAWiB;QACXN,OAAON,SAAS,MAAM,CAAC,CAACa,MAAQ,CAACF,MAAM,QAAQ,CAACE;QAChD7C,WAAW;eAAI4C;SAAK,EAAE;YAAEF;YAAW,WAAWC;QAAM;IACtD;IACA,MAAMG,QAAQ,CAACC;QACb,MAAMC,QAAQf,OAAO,CAACc,KAAK,IAAI;QAC/B,MAAME,OAAOpD,MAAM,MAAM,CACvB,CAACwC,OACCX,QAAQ,QAAQ,CAACW,KAAK,GAAG,MAAOU,CAAAA,AAAS,MAATA,IAAS,KACxC1C,CAAAA,eACGA,aAAa2C,OAAOX,QACpB,GAAGA,KAAK,WAAW,IAAK,CAAsB,YAAtB,OAAOA,KAAK,KAAK,GAAgBA,KAAK,KAAK,GAAGA,KAAK,GAAE,EAAG,CAAC,EAAEA,KAAK,WAAW,IAAI,IAAI,CACxG,iBAAiB,GACjB,QAAQ,CAACW,MAAM,iBAAiB,GAAE;QAE7C,MAAME,UAAUD,KAAK,MAAM,CAAC,CAACZ,OAAS,CAACA,KAAK,QAAQ;QACpD,MAAMc,UAAUD,QAAQ,MAAM,CAAC,CAACb,OAASL,SAAS,QAAQ,CAACK,KAAK,GAAG;QACnE,MAAMe,MAAM,CAACf,OAAAA,WAAAA,GACX,IAAC;gBACC,WAAU;gBACV,mBAAiBA,KAAK,GAAG;gBACzB,iBAAeL,SAAS,QAAQ,CAACK,KAAK,GAAG,IAAI,KAAKG;0BAElD,kBAACa,UAAQA;oBACP,UAAUnC,YAAYmB,KAAK,QAAQ;oBACnC,SAASL,SAAS,QAAQ,CAACK,KAAK,GAAG;oBACnC,UAAU,CAACiB,QACThB,OACEgB,MAAM,MAAM,CAAC,OAAO,GAChB;+BAAI,IAAIC,IAAI;mCAAIvB;gCAAUK,KAAK,GAAG;6BAAC;yBAAE,GACrCL,SAAS,MAAM,CAAC,CAACa,MAAQA,QAAQR,KAAK,GAAG;8BAIjD,mBAAC;;4BACE/B,aAAa+B,SAASA,KAAK,KAAK;4BAChCA,KAAK,WAAW,IAAI,WAAJ,GAAI,IAAC;0CAAOA,KAAK,WAAW;;;;;;QAKrD,OAAO,WAAP,GACE,KAAC;YAAQ,WAAU;YAAuB,mBAAiB,GAAGhB,GAAG,CAAC,EAAE0B,MAAM;;8BACxE,KAAC;oBAAO,WAAU;;sCAChB,IAACM,UAAQA;4BACP,cAAYlC,EAAE,UAAU;4BACxB,UAAUD,YAAY,CAACgC,QAAQ,MAAM;4BACrC,SAASA,QAAQ,MAAM,GAAG,KAAKC,QAAQ,MAAM,KAAKD,QAAQ,MAAM;4BAChE,eAAeC,QAAQ,MAAM,GAAG,KAAKA,QAAQ,MAAM,GAAGD,QAAQ,MAAM;4BACpE,UAAU,CAACI,QACThB,OACEgB,MAAM,MAAM,CAAC,OAAO,GAChB;uCAAI,IAAIC,IAAI;2CAAIvB;2CAAakB,QAAQ,GAAG,CAAC,CAACb,OAASA,KAAK,GAAG;qCAAE;iCAAE,GAC/DL,SAAS,MAAM,CAAC,CAACa,MAAQ,CAACK,QAAQ,IAAI,CAAC,CAACb,OAASA,KAAK,GAAG,KAAKQ;;sCAIxE,IAAC;4BAAK,IAAI,GAAGxB,GAAG,CAAC,EAAE0B,MAAM;sCACtB5C,QAAQ,CAAC4C,KAAK,IACZA,CAAAA,AAAS,MAATA,OAAa5B,EAAE,QAAQ,eAAeA,EAAE,QAAQ,WAAU;;sCAE/D,KAAC;;gCACEgC,QAAQ,MAAM,GAAG,GAAGA,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG;gCAC1CF,KAAK,MAAM;;;;;gBAGf7C,cAAc,WAAdA,GACC,IAAC;oBAAI,WAAU;8BACb,kBAACoD,OAAKA;wBACJ,MAAK;wBACL,YAAU;wBACV,sBAAQ,IAACC,QAAMA;4BAAC,MAAM;;wBACtB,cACEV,AAAS,MAATA,OACI5B,EAAE,UAAU,4BACZA,EAAE,UAAU;wBAElB,OAAO6B;wBACP,UAAU,CAACM,QACTpB,WAAW,CAACwB,WACVA,SAAS,GAAG,CAAC,CAACC,MAAMC,QAAWA,UAAUb,OAAOO,MAAM,MAAM,CAAC,KAAK,GAAGK;;;gBAM9ElD,UAAU,WAAVA,GACC,IAACoD,aAAWA;oBACV,OAAOZ;oBACP,SAAS,CAACZ,OAASA,KAAK,GAAG;oBAC3B,YAAYe;oBACZ,QAAQ5C;oBACR,cAAcX,MAAM,IAAI,CAAC,CAACwC,OAASA,KAAK,WAAW,IAAI,KAAK;oBAC5D,4BAAc,IAACyB,QAAMA;wBAAC,MAAK;wBAAK,MAAM;wBAAM,OAAO3C,EAAE,QAAQ;;mCAG/D,IAAC;oBAAI,WAAU;oBAAsB,OAAO;wBAAEX;oBAAO;8BAClDyC,KAAK,MAAM,GACVA,KAAK,GAAG,CAAC,CAACZ,OAAAA,WAAAA,GAAS,IAAC;sCAAoBe,IAAIf;2BAAfA,KAAK,GAAG,mBAErC,IAACyB,QAAMA;wBAAC,MAAK;wBAAK,MAAM;wBAAM,OAAO3C,EAAE,QAAQ;;;;;IAM3D;IACA,OAAO,WAAP,GACE,KAAC;QACE,GAAGJ,KAAK;QACT,KAAKU;QACL,WAAWsC,QAAQ,iBAAiBjD;QACpC,iBAAeI,WAAW,KAAKsB;;0BAE/B,IAACwB,YAAUA;0BAAElB,MAAM;;0BACnB,KAAC;gBAAI,WAAU;;kCACb,IAACmB,QAAMA;wBACL,KAAK1C;wBACL,IAAIR,MAAM,EAAE,IAAIC,OAAO;wBACvB,MAAK;wBACL,yBAAW,IAACkD,YAAUA;4BAAC,MAAM;;wBAC7B,cAAY/C,EAAE,QAAQ;wBACtB,UACED,YACA,CAACrB,MAAM,IAAI,CACT,CAACwC,OACC,CAACA,KAAK,QAAQ,IAAIL,SAAS,QAAQ,CAACK,KAAK,GAAG,KAAK,CAACX,QAAQ,QAAQ,CAACW,KAAK,GAAG;wBAGjF,SAAS,IAAMI,KAAK;;oBAErB,CAAC5B,UAAU,WAAVA,GACA,IAACoD,QAAMA;wBACL,MAAK;wBACL,SAAQ;wBACR,yBAAW,IAACE,WAASA;4BAAC,MAAM;;wBAC5B,cAAYhD,EAAE,QAAQ;wBACtB,UACED,YACA,CAACrB,MAAM,IAAI,CACT,CAACwC,OACC,CAACA,KAAK,QAAQ,IAAIL,SAAS,QAAQ,CAACK,KAAK,GAAG,KAAKX,QAAQ,QAAQ,CAACW,KAAK,GAAG;wBAGhF,SAAS,IAAMI,KAAK;;;;0BAI1B,IAACuB,YAAUA;0BAAElB,MAAM;;0BACnB,IAACsB,WAASA;gBACR,MAAM1D;gBACN,MAAMC;gBACN,OAAOe,QAAQ,MAAM,GAAGU,KAAK,SAAS,CAACV,WAAW;gBAClD,UAAUd,YAAYI,OAAO;gBAC7B,UAAUE;gBACV,YAAYK;;;;AAIpB"}

package/dist/esm/tree/drag.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import type { TreeDropInfo, TreeNode } from './tree.js';
+export declare function TreeDragScope({ data, nodes, allowDrop, onDrop, children, }: {
+    data: readonly TreeNode[];
+    nodes: Map<string, {
+        node: TreeNode;
+    }>;
+    allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;
+    onDrop?: (info: TreeDropInfo) => void;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function TreeDragRow({ node, draggable, children, }: {
+    node: TreeNode;
+    draggable: boolean;
+    children: ReactNode;
+}): import("react").JSX.Element;
+//# sourceMappingURL=drag.d.ts.map

package/dist/esm/tree/drag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../../src/tree/drag.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAiB,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AAI3F,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAQrD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,KAAK,OAAO,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAwJA;AACD,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAS,EACT,QAAQ,GACT,EAAE;IACD,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAqCA"}

package/dist/esm/tree/drag.js

@@ -0,0 +1,188 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, pointerWithin, useDraggable, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
+import { GripVertical } from "lucide-react";
+import { createContext, useContext, useId, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { useText } from "../shared/use-text.js";
+import { moveTreeNode } from "./move.js";
+const Context = /*#__PURE__*/ createContext({});
+function TreeDragScope({ data, nodes, allowDrop, onDrop, children }) {
+    const id = useId();
+    const t = useText();
+    const [state, setState] = useState({});
+    const blocked = useRef(new Set());
+    const keyboardTarget = useRef(void 0);
+    const pointerY = useRef(void 0);
+    const collisionDetection = (args)=>{
+        if (args.pointerCoordinates) {
+            pointerY.current = args.pointerCoordinates.y;
+            const hits = pointerWithin(args);
+            return hits.length ? hits : closestCenter(args);
+        }
+        if (keyboardTarget.current) return [
+            {
+                id: keyboardTarget.current.key
+            }
+        ];
+        return closestCenter(args);
+    };
+    const keyboardCoordinates = (event, { active, currentCoordinates, context })=>{
+        const rect = context.collisionRect;
+        if (!rect || ![
+            'ArrowUp',
+            'ArrowDown',
+            'ArrowLeft',
+            'ArrowRight'
+        ].includes(event.code)) return;
+        const candidates = context.droppableContainers.getEnabled().filter((container)=>!blocked.current.has(String(container.id))).flatMap((container)=>{
+            const target = context.droppableRects.get(container.id);
+            return target ? [
+                {
+                    id: container.id,
+                    rect: target
+                }
+            ] : [];
+        }).sort((a, b)=>a.rect.top - b.rect.top);
+        const current = context.droppableRects.get(keyboardTarget.current?.key ?? active) ?? rect;
+        const centerY = current.top + current.height / 2;
+        const target = 'ArrowDown' === event.code ? candidates.find((candidate)=>candidate.rect.top + candidate.rect.height / 2 > centerY + 1) : 'ArrowUp' === event.code ? candidates.reverse().find((candidate)=>candidate.rect.top + candidate.rect.height / 2 < centerY - 1) : candidates.find((candidate)=>candidate.id === keyboardTarget.current?.key);
+        if (!target) return;
+        const fraction = 'ArrowLeft' === event.code ? 0.15 : 'ArrowRight' === event.code ? 0.85 : 0.5;
+        keyboardTarget.current = {
+            key: String(target.id),
+            position: 'ArrowLeft' === event.code ? 'before' : 'ArrowRight' === event.code ? 'after' : 'inside'
+        };
+        return {
+            x: currentCoordinates.x + target.rect.left + target.rect.width / 2 - (rect.left + rect.width / 2),
+            y: currentCoordinates.y + target.rect.top + target.rect.height * fraction - (rect.top + rect.height / 2)
+        };
+    };
+    const sensors = useSensors(useSensor(PointerSensor, {
+        activationConstraint: {
+            distance: 6
+        }
+    }), useSensor(KeyboardSensor, {
+        coordinateGetter: keyboardCoordinates
+    }));
+    const updateTarget = ({ active, over })=>{
+        const activeRect = active.rect.current.translated;
+        const targetRect = over?.rect;
+        const y = pointerY.current ?? (activeRect ? activeRect.top + activeRect.height / 2 : 0);
+        const position = keyboardTarget.current?.position ?? (!targetRect || y >= targetRect.top + 0.3 * targetRect.height && y <= targetRect.top + 0.7 * targetRect.height ? 'inside' : y < targetRect.top + targetRect.height / 2 ? 'before' : 'after');
+        const node = nodes.get(String(active.id))?.node;
+        const target = over ? nodes.get(String(over.id))?.node : void 0;
+        const permitted = node && target && !target.disabled && !blocked.current.has(target.key) && (!allowDrop || allowDrop({
+            node,
+            target,
+            position
+        }));
+        const next = {
+            active: String(active.id),
+            over: permitted && over ? String(over.id) : void 0,
+            position
+        };
+        setState((previous)=>previous.active === next.active && previous.over === next.over && previous.position === next.position ? previous : next);
+    };
+    return /*#__PURE__*/ jsxs(DndContext, {
+        id: id,
+        sensors: sensors,
+        collisionDetection: collisionDetection,
+        accessibility: {
+            screenReaderInstructions: {
+                draggable: t('按空格开始拖动，上下选择目标，左放在目标前方，右放在目标后方，空格放置，Escape 取消。', 'Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.')
+            }
+        },
+        onDragStart: ({ active })=>{
+            const key = String(active.id);
+            keyboardTarget.current = void 0;
+            pointerY.current = void 0;
+            blocked.current = new Set([
+                key
+            ]);
+            const collect = (node)=>{
+                for (const child of node?.children ?? []){
+                    blocked.current.add(child.key);
+                    collect(child);
+                }
+            };
+            collect(nodes.get(key)?.node);
+            setState({
+                active: key
+            });
+        },
+        onDragMove: updateTarget,
+        onDragOver: updateTarget,
+        onDragCancel: ()=>setState({}),
+        onDragEnd: ({ active, over })=>{
+            const node = nodes.get(String(active.id))?.node;
+            const target = over ? nodes.get(String(over.id))?.node : void 0;
+            const position = state.position ?? 'inside';
+            setState({});
+            if (!node || !target || target.disabled || target.key === node.key) return;
+            const info = {
+                node,
+                target,
+                position
+            };
+            if (allowDrop && !allowDrop(info)) return;
+            const next = moveTreeNode(data, node.key, target.key, position);
+            if (next) onDrop?.({
+                ...info,
+                data: next
+            });
+        },
+        children: [
+            /*#__PURE__*/ jsx(Context.Provider, {
+                value: state,
+                children: children
+            }),
+            /*#__PURE__*/ jsx(DragOverlay, {
+                children: state.active && /*#__PURE__*/ jsx("div", {
+                    className: "leaf-tree__drag-preview",
+                    children: nodes.get(state.active)?.node.title
+                })
+            })
+        ]
+    });
+}
+function TreeDragRow({ node, draggable, children }) {
+    const t = useText();
+    const state = useContext(Context);
+    const { attributes, listeners, setNodeRef: setDrag, setActivatorNodeRef, isDragging } = useDraggable({
+        id: node.key,
+        disabled: !draggable || node.disabled
+    });
+    const { setNodeRef: setDrop } = useDroppable({
+        id: node.key,
+        disabled: node.disabled
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        ref: (element)=>{
+            setDrag(element);
+            setDrop(element);
+        },
+        className: "leaf-tree__drag-row",
+        "data-dragging": isDragging || void 0,
+        "data-drop": state.over === node.key && state.active !== node.key ? state.position : void 0,
+        children: [
+            draggable && /*#__PURE__*/ jsx(Button, {
+                ...attributes,
+                ...listeners,
+                ref: setActivatorNodeRef,
+                variant: "ghost",
+                size: "sm",
+                disabled: node.disabled,
+                className: "leaf-tree__drag-handle",
+                startIcon: /*#__PURE__*/ jsx(GripVertical, {
+                    size: 14
+                }),
+                "aria-label": `${t('移动节点', 'Move node')} ${node.searchLabel ?? ('string' == typeof node.title ? node.title : node.key)}`
+            }),
+            children
+        ]
+    });
+}
+export { TreeDragRow, TreeDragScope };
+
+//# sourceMappingURL=drag.js.map

package/dist/esm/tree/drag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree/drag.js","sources":["../../../src/tree/drag.tsx"],"sourcesContent":["import {\n  type CollisionDetection,\n  closestCenter,\n  DndContext,\n  type DragMoveEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type KeyboardCoordinateGetter,\n  KeyboardSensor,\n  PointerSensor,\n  pointerWithin,\n  useDraggable,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { GripVertical } from 'lucide-react';\nimport { createContext, type ReactNode, useContext, useId, useRef, useState } from 'react';\nimport { Button } from '../button';\nimport { useText } from '../shared/use-text';\nimport { moveTreeNode } from './move';\nimport type { TreeDropInfo, TreeNode } from './tree';\n\ninterface DragState {\n  active?: string;\n  over?: string;\n  position?: TreeDropInfo['position'];\n}\nconst Context = createContext<DragState>({});\nexport function TreeDragScope({\n  data,\n  nodes,\n  allowDrop,\n  onDrop,\n  children,\n}: {\n  data: readonly TreeNode[];\n  nodes: Map<string, { node: TreeNode }>;\n  allowDrop?: (info: Omit<TreeDropInfo, 'data'>) => boolean;\n  onDrop?: (info: TreeDropInfo) => void;\n  children: ReactNode;\n}) {\n  const id = useId();\n  const t = useText();\n  const [state, setState] = useState<DragState>({});\n  const blocked = useRef(new Set<string>());\n  const keyboardTarget = useRef<{ key: string; position: TreeDropInfo['position'] } | undefined>(\n    undefined,\n  );\n  const pointerY = useRef<number | undefined>(undefined);\n  const collisionDetection: CollisionDetection = (args) => {\n    if (args.pointerCoordinates) {\n      pointerY.current = args.pointerCoordinates.y;\n      const hits = pointerWithin(args);\n      return hits.length ? hits : closestCenter(args);\n    }\n    if (keyboardTarget.current) return [{ id: keyboardTarget.current.key }];\n    return closestCenter(args);\n  };\n  const keyboardCoordinates: KeyboardCoordinateGetter = (\n    event,\n    { active, currentCoordinates, context },\n  ) => {\n    const rect = context.collisionRect;\n    if (!rect || !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(event.code)) return;\n    const candidates = context.droppableContainers\n      .getEnabled()\n      .filter((container) => !blocked.current.has(String(container.id)))\n      .flatMap((container) => {\n        const target = context.droppableRects.get(container.id);\n        return target ? [{ id: container.id, rect: target }] : [];\n      })\n      .sort((a, b) => a.rect.top - b.rect.top);\n    const current = context.droppableRects.get(keyboardTarget.current?.key ?? active) ?? rect;\n    const centerY = current.top + current.height / 2;\n    const target =\n      event.code === 'ArrowDown'\n        ? candidates.find(\n            (candidate) => candidate.rect.top + candidate.rect.height / 2 > centerY + 1,\n          )\n        : event.code === 'ArrowUp'\n          ? candidates\n              .reverse()\n              .find((candidate) => candidate.rect.top + candidate.rect.height / 2 < centerY - 1)\n          : candidates.find((candidate) => candidate.id === keyboardTarget.current?.key);\n    if (!target) return;\n    const fraction = event.code === 'ArrowLeft' ? 0.15 : event.code === 'ArrowRight' ? 0.85 : 0.5;\n    keyboardTarget.current = {\n      key: String(target.id),\n      position:\n        event.code === 'ArrowLeft' ? 'before' : event.code === 'ArrowRight' ? 'after' : 'inside',\n    };\n    return {\n      x:\n        currentCoordinates.x +\n        target.rect.left +\n        target.rect.width / 2 -\n        (rect.left + rect.width / 2),\n      y:\n        currentCoordinates.y +\n        target.rect.top +\n        target.rect.height * fraction -\n        (rect.top + rect.height / 2),\n    };\n  };\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),\n    useSensor(KeyboardSensor, { coordinateGetter: keyboardCoordinates }),\n  );\n  const updateTarget = ({ active, over }: DragMoveEvent | DragOverEvent) => {\n    const activeRect = active.rect.current.translated;\n    const targetRect = over?.rect;\n    const y = pointerY.current ?? (activeRect ? activeRect.top + activeRect.height / 2 : 0);\n    const position =\n      keyboardTarget.current?.position ??\n      (!targetRect ||\n      (y >= targetRect.top + targetRect.height * 0.3 &&\n        y <= targetRect.top + targetRect.height * 0.7)\n        ? 'inside'\n        : y < targetRect.top + targetRect.height / 2\n          ? 'before'\n          : 'after');\n    const node = nodes.get(String(active.id))?.node;\n    const target = over ? nodes.get(String(over.id))?.node : undefined;\n    const permitted =\n      node &&\n      target &&\n      !target.disabled &&\n      !blocked.current.has(target.key) &&\n      (!allowDrop || allowDrop({ node, target, position }));\n    const next = {\n      active: String(active.id),\n      over: permitted && over ? String(over.id) : undefined,\n      position,\n    };\n    setState((previous) =>\n      previous.active === next.active &&\n      previous.over === next.over &&\n      previous.position === next.position\n        ? previous\n        : next,\n    );\n  };\n  return (\n    <DndContext\n      id={id}\n      sensors={sensors}\n      collisionDetection={collisionDetection}\n      accessibility={{\n        screenReaderInstructions: {\n          draggable: t(\n            '按空格开始拖动，上下选择目标，左放在目标前方，右放在目标后方，空格放置，Escape 取消。',\n            'Press Space to pick up, Up/Down to choose a target, Left/Right to place before/after it, Space to drop, and Escape to cancel.',\n          ),\n        },\n      }}\n      onDragStart={({ active }) => {\n        const key = String(active.id);\n        keyboardTarget.current = undefined;\n        pointerY.current = undefined;\n        blocked.current = new Set([key]);\n        const collect = (node?: TreeNode) => {\n          for (const child of node?.children ?? []) {\n            blocked.current.add(child.key);\n            collect(child);\n          }\n        };\n        collect(nodes.get(key)?.node);\n        setState({ active: key });\n      }}\n      onDragMove={updateTarget}\n      onDragOver={updateTarget}\n      onDragCancel={() => setState({})}\n      onDragEnd={({ active, over }) => {\n        const node = nodes.get(String(active.id))?.node;\n        const target = over ? nodes.get(String(over.id))?.node : undefined;\n        const position = state.position ?? 'inside';\n        setState({});\n        if (!node || !target || target.disabled || target.key === node.key) return;\n        const info = { node, target, position };\n        if (allowDrop && !allowDrop(info)) return;\n        const next = moveTreeNode(data, node.key, target.key, position);\n        if (next) onDrop?.({ ...info, data: next });\n      }}\n    >\n      <Context.Provider value={state}>{children}</Context.Provider>\n      <DragOverlay>\n        {state.active && (\n          <div className=\"leaf-tree__drag-preview\">{nodes.get(state.active)?.node.title}</div>\n        )}\n      </DragOverlay>\n    </DndContext>\n  );\n}\nexport function TreeDragRow({\n  node,\n  draggable,\n  children,\n}: {\n  node: TreeNode;\n  draggable: boolean;\n  children: ReactNode;\n}) {\n  const t = useText();\n  const state = useContext(Context);\n  const {\n    attributes,\n    listeners,\n    setNodeRef: setDrag,\n    setActivatorNodeRef,\n    isDragging,\n  } = useDraggable({ id: node.key, disabled: !draggable || node.disabled });\n  const { setNodeRef: setDrop } = useDroppable({ id: node.key, disabled: node.disabled });\n  return (\n    <div\n      ref={(element) => {\n        setDrag(element);\n        setDrop(element);\n      }}\n      className=\"leaf-tree__drag-row\"\n      data-dragging={isDragging || undefined}\n      data-drop={state.over === node.key && state.active !== node.key ? state.position : undefined}\n    >\n      {draggable && (\n        <Button\n          {...attributes}\n          {...listeners}\n          ref={setActivatorNodeRef}\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={node.disabled}\n          className=\"leaf-tree__drag-handle\"\n          startIcon={<GripVertical size={14} />}\n          aria-label={`${t('移动节点', 'Move node')} ${node.searchLabel ?? (typeof node.title === 'string' ? node.title : node.key)}`}\n        />\n      )}\n      {children}\n    </div>\n  );\n}\n"],"names":["Context","createContext","TreeDragScope","data","nodes","allowDrop","onDrop","children","id","useId","t","useText","state","setState","useState","blocked","useRef","Set","keyboardTarget","undefined","pointerY","collisionDetection","args","hits","pointerWithin","closestCenter","keyboardCoordinates","event","active","currentCoordinates","context","rect","candidates","container","String","target","a","b","current","centerY","candidate","fraction","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","updateTarget","over","activeRect","targetRect","y","position","node","permitted","next","previous","DndContext","key","collect","child","info","moveTreeNode","DragOverlay","TreeDragRow","draggable","useContext","attributes","listeners","setDrag","setActivatorNodeRef","isDragging","useDraggable","setDrop","useDroppable","element","Button","GripVertical"],"mappings":"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"}

package/dist/esm/tree/index.d.ts

@@ -0,0 +1,4 @@
+export { moveTreeNode } from './move.js';
+export type { TreeCheckInfo, TreeDropInfo, TreeExpandInfo, TreeNode, TreeProps, TreeSelectInfo, } from './tree.js';
+export { Tree } from './tree.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,YAAY,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,SAAS,EACT,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/tree/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { moveTreeNode } from "./move.js";
+export { Tree } from "./tree.js";

package/dist/esm/tree/model.d.ts

@@ -0,0 +1,19 @@
+import type { TreeNode } from './tree.js';
+export interface TreeRecord {
+    node: TreeNode;
+    parent?: string;
+    level: number;
+}
+export declare function treeModel(data: readonly TreeNode[]): Map<string, TreeRecord>;
+export declare function treeChecks(records: Map<string, TreeRecord>, keys: readonly string[], strict?: boolean, toggle?: {
+    key: string;
+    checked: boolean;
+}): {
+    checked: string[];
+    half: string[];
+};
+export declare function treeMatches(records: Map<string, TreeRecord>, query: string, filter?: (node: TreeNode, query: string) => boolean): {
+    matched: Set<string>;
+    visible: Set<string>;
+} | undefined;
+//# sourceMappingURL=model.d.ts.map

package/dist/esm/tree/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../src/tree/model.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,QAAQ,EAAE,2BAUlD;AAGD,wBAAgB,UAAU,CACxB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,EAChC,IAAI,EAAE,SAAS,MAAM,EAAE,EACvB,MAAM,UAAQ,EACd,MAAM,CAAC,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE;;UASI,MAAM,EAAE;EAmCvD;AACD,wBAAgB,WAAW,CACzB,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,EAChC,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;;;cAoBpD"}

package/dist/esm/tree/model.js

@@ -0,0 +1,97 @@
+"use client";
+function treeModel(data) {
+    const records = new Map();
+    const visit = (nodes, level, parent)=>{
+        for (const node of nodes){
+            records.set(node.key, {
+                node,
+                level,
+                parent
+            });
+            if (node.children) visit(node.children, level + 1, node.key);
+        }
+    };
+    visit(data, 1);
+    return records;
+}
+const canCheck = (node)=>!node.disabled && !node.disableCheckbox && false !== node.checkable;
+function treeChecks(records, keys, strict = false, toggle) {
+    const checked = new Set(keys.filter((key)=>records.has(key)));
+    const half = new Set();
+    if (strict) {
+        if (toggle) if (toggle.checked) checked.add(toggle.key);
+        else checked.delete(toggle.key);
+        return {
+            checked: [
+                ...checked
+            ],
+            half: []
+        };
+    }
+    const descend = (key, state)=>{
+        const record = records.get(key);
+        if (!record || !canCheck(record.node)) return;
+        if (state) checked.add(key);
+        else checked.delete(key);
+        for (const child of record.node.children ?? [])descend(child.key, state);
+    };
+    for (const key of keys)descend(key, true);
+    if (toggle) {
+        descend(toggle.key, toggle.checked);
+        if (!toggle.checked) {
+            let parent = records.get(toggle.key)?.parent;
+            while(parent){
+                const record = records.get(parent);
+                if (!record || !canCheck(record.node)) break;
+                checked.delete(parent);
+                parent = record.parent;
+            }
+        }
+    }
+    for (const [key, { node }] of [
+        ...records
+    ].reverse()){
+        if (!canCheck(node)) continue;
+        const children = (node.children ?? []).filter(canCheck);
+        if (!children.length) continue;
+        const all = children.every((child)=>checked.has(child.key));
+        const some = children.some((child)=>checked.has(child.key) || half.has(child.key));
+        if (all) checked.add(key);
+        else {
+            checked.delete(key);
+            if (some) half.add(key);
+        }
+    }
+    return {
+        checked: [
+            ...records.keys()
+        ].filter((key)=>checked.has(key)),
+        half: [
+            ...half
+        ]
+    };
+}
+function treeMatches(records, query, filter) {
+    const matched = new Set();
+    const visible = new Set();
+    const text = query.trim().toLocaleLowerCase();
+    if (!text) return;
+    for (const [key, { node }] of records){
+        const title = node.searchLabel ?? ('string' == typeof node.title || 'number' == typeof node.title ? String(node.title) : key);
+        if (!(filter ? filter(node, query) : title.toLocaleLowerCase().includes(text))) continue;
+        matched.add(key);
+        visible.add(key);
+        let parent = records.get(key)?.parent;
+        while(parent){
+            visible.add(parent);
+            parent = records.get(parent)?.parent;
+        }
+    }
+    return {
+        matched,
+        visible
+    };
+}
+export { treeChecks, treeMatches, treeModel };
+
+//# sourceMappingURL=model.js.map

package/dist/esm/tree/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree/model.js","sources":["../../../src/tree/model.ts"],"sourcesContent":["import type { TreeNode } from './tree';\n\nexport interface TreeRecord {\n  node: TreeNode;\n  parent?: string;\n  level: number;\n}\nexport function treeModel(data: readonly TreeNode[]) {\n  const records = new Map<string, TreeRecord>();\n  const visit = (nodes: readonly TreeNode[], level: number, parent?: string) => {\n    for (const node of nodes) {\n      records.set(node.key, { node, level, parent });\n      if (node.children) visit(node.children, level + 1, node.key);\n    }\n  };\n  visit(data, 1);\n  return records;\n}\nconst canCheck = (node: TreeNode) =>\n  !node.disabled && !node.disableCheckbox && node.checkable !== false;\nexport function treeChecks(\n  records: Map<string, TreeRecord>,\n  keys: readonly string[],\n  strict = false,\n  toggle?: { key: string; checked: boolean },\n) {\n  const checked = new Set(keys.filter((key) => records.has(key)));\n  const half = new Set<string>();\n  if (strict) {\n    if (toggle) {\n      if (toggle.checked) checked.add(toggle.key);\n      else checked.delete(toggle.key);\n    }\n    return { checked: [...checked], half: [] as string[] };\n  }\n  const descend = (key: string, state: boolean) => {\n    const record = records.get(key);\n    if (!record || !canCheck(record.node)) return;\n    if (state) checked.add(key);\n    else checked.delete(key);\n    for (const child of record.node.children ?? []) descend(child.key, state);\n  };\n  for (const key of keys) descend(key, true);\n  if (toggle) {\n    descend(toggle.key, toggle.checked);\n    if (!toggle.checked) {\n      let parent = records.get(toggle.key)?.parent;\n      while (parent) {\n        const record = records.get(parent);\n        if (!record || !canCheck(record.node)) break;\n        checked.delete(parent);\n        parent = record.parent;\n      }\n    }\n  }\n  for (const [key, { node }] of [...records].reverse()) {\n    if (!canCheck(node)) continue;\n    const children = (node.children ?? []).filter(canCheck);\n    if (!children.length) continue;\n    const all = children.every((child) => checked.has(child.key));\n    const some = children.some((child) => checked.has(child.key) || half.has(child.key));\n    if (all) checked.add(key);\n    else {\n      checked.delete(key);\n      if (some) half.add(key);\n    }\n  }\n  return { checked: [...records.keys()].filter((key) => checked.has(key)), half: [...half] };\n}\nexport function treeMatches(\n  records: Map<string, TreeRecord>,\n  query: string,\n  filter?: (node: TreeNode, query: string) => boolean,\n) {\n  const matched = new Set<string>();\n  const visible = new Set<string>();\n  const text = query.trim().toLocaleLowerCase();\n  if (!text) return undefined;\n  for (const [key, { node }] of records) {\n    const title =\n      node.searchLabel ??\n      (typeof node.title === 'string' || typeof node.title === 'number' ? String(node.title) : key);\n    if (!(filter ? filter(node, query) : title.toLocaleLowerCase().includes(text))) continue;\n    matched.add(key);\n    visible.add(key);\n    let parent = records.get(key)?.parent;\n    while (parent) {\n      visible.add(parent);\n      parent = records.get(parent)?.parent;\n    }\n  }\n  return { matched, visible };\n}\n"],"names":["treeModel","data","records","Map","visit","nodes","level","parent","node","canCheck","treeChecks","keys","strict","toggle","checked","Set","key","half","descend","state","record","child","children","all","some","treeMatches","query","filter","matched","visible","text","title","String"],"mappings":"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"}

package/dist/esm/tree/move.d.ts

@@ -0,0 +1,3 @@
+import type { TreeDropInfo, TreeNode } from './tree.js';
+export declare function moveTreeNode(data: readonly TreeNode[], key: string, target: string, position: TreeDropInfo['position']): TreeNode[] | null;
+//# sourceMappingURL=move.d.ts.map

package/dist/esm/tree/move.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move.d.ts","sourceRoot":"","sources":["../../../src/tree/move.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,wBAAgB,YAAY,CAC1B,IAAI,EAAE,SAAS,QAAQ,EAAE,EACzB,GAAG,EAAE,MAAM,EACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,GACjC,QAAQ,EAAE,GAAG,IAAI,CAiCnB"}