@sia.soul/sia-react-ui 0.1.27 → 0.1.29

package/dist/{chunk-5MW3NE2V.js → chunk-DQYNL6VZ.js}

@@ -93,6 +93,61 @@ var Checkbox2 = Object.assign(CheckboxRoot, {
   Group: CheckboxGroup
 });
 
+// src/components/treeCheckState.ts
+function affectedKeys(node) {
+  if (node.disabled || node.disableCheckbox) return [];
+  return [...node.checkable === false ? [] : [node.key], ...node.children?.flatMap(affectedKeys) ?? []];
+}
+function getTreeCheckState(nodes, keys, strictly = false) {
+  const checked = new Set(keys);
+  const halfChecked = /* @__PURE__ */ new Set();
+  if (strictly) return { checked, halfChecked };
+  const explicit = new Set(keys);
+  function expand(items) {
+    for (const node of items) {
+      if (explicit.has(node.key)) affectedKeys(node).forEach((key) => checked.add(key));
+      if (node.children) expand(node.children);
+    }
+  }
+  expand(nodes);
+  function fold(node) {
+    const children = node.children?.map(fold).filter((value) => value !== void 0) ?? [];
+    if (node.disabled || node.disableCheckbox) return void 0;
+    if (!children.length) return { checked: checked.has(node.key), partial: false };
+    const all = children.every((child) => child.checked);
+    const some = children.some((child) => child.checked || child.partial);
+    if (node.checkable !== false) {
+      if (all) checked.add(node.key);
+      else checked.delete(node.key);
+      if (!all && some) halfChecked.add(node.key);
+    }
+    return { checked: all, partial: !all && some };
+  }
+  nodes.forEach(fold);
+  return { checked, halfChecked };
+}
+function toggleTreeCheck(nodes, keys, node, strictly = false) {
+  const state = getTreeCheckState(nodes, keys, strictly);
+  const next = new Set(state.checked);
+  const checked = !next.has(node.key);
+  if (node.disabled || node.disableCheckbox || node.checkable === false) return { ...state, checkedValue: !checked };
+  (strictly ? [node.key] : affectedKeys(node)).forEach((key) => checked ? next.add(key) : next.delete(key));
+  if (!strictly && !checked) {
+    let removeParents2 = function(items) {
+      let found = false;
+      for (const item of items) {
+        const childFound = item.children ? removeParents2(item.children) : false;
+        if (childFound) next.delete(item.key);
+        if (item.key === node.key || childFound) found = true;
+      }
+      return found;
+    };
+    var removeParents = removeParents2;
+    removeParents2(nodes);
+  }
+  return { ...getTreeCheckState(nodes, [...next], strictly), checkedValue: checked };
+}
+
 // src/components/FloatingDisplay.tsx
 import { cloneElement, useEffect as useEffect2, useId as useId2, useLayoutEffect, useMemo as useMemo2, useRef as useRef2, useState } from "react";
 import { createPortal } from "react-dom";
@@ -306,9 +361,6 @@ function collectKeys(nodes, branchOnly = false, result = []) {
   });
   return result;
 }
-function descendants(node) {
-  return node.children ? collectKeys(node.children) : [];
-}
 function Tree({
   treeData,
   selectedKeys,
@@ -379,12 +431,11 @@ function Tree({
     setExpanded(next);
     onExpand?.([...next], { expanded: nextExpanded, node });
   }
+  const checkState = useMemo2(() => getTreeCheckState(treeData, checked, checkStrictly), [treeData, checked, checkStrictly]);
   function check(node) {
-    const nodeChecked = checked.includes(node.key);
-    const affected = checkStrictly ? [node.key] : [node.key, ...descendants(node)];
-    const next = nodeChecked ? checked.filter((key) => !affected.includes(key)) : [.../* @__PURE__ */ new Set([...checked, ...affected])];
-    setChecked(next);
-    onCheck?.([...next], { checked: !nodeChecked, node });
+    const next = toggleTreeCheck(treeData, checked, node, checkStrictly);
+    setChecked([...next.checked]);
+    onCheck?.([...next.checked], { checked: next.checkedValue, halfCheckedKeys: [...next.halfChecked], node });
   }
   function select(node, event) {
     if (!selectable || node.selectable === false || node.disabled) return;
@@ -467,7 +518,8 @@ function Tree({
       const open = expanded.includes(node.key);
       const isSelected = selected.includes(node.key);
       const isSelectedAncestor = selectedAncestorKeys.has(node.key);
-      const isChecked = checked.includes(node.key);
+      const isChecked = checkState.checked.has(node.key);
+      const isHalfChecked = checkState.halfChecked.has(node.key);
       const hasChildren = Boolean(node.children?.length || node.isLeaf === false);
       const nodeLoading = loading.has(node.key) || controlledLoading.has(node.key);
       const sticky = stickyAncestors && hasChildren && open;
@@ -502,7 +554,7 @@ function Tree({
                   event.stopPropagation();
                   void toggleExpand(node);
                 }, children: nodeLoading ? /* @__PURE__ */ jsx2(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ jsx2(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ jsx2("span", { className: "sia-tree__switcher", "aria-label": open ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", "aria-expanded": open, style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, "aria-hidden": "true" }),
-                checkable || node.checkable ? /* @__PURE__ */ jsx2("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx2(Checkbox2, { checked: isChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
+                checkable || node.checkable ? /* @__PURE__ */ jsx2("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx2(Checkbox2, { checked: isChecked, indeterminate: isHalfChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
                 node.prefix ? /* @__PURE__ */ jsx2("span", { className: "sia-tree__prefix", onClick: (event) => event.stopPropagation(), children: node.prefix }) : null,
                 showIcon ? /* @__PURE__ */ jsx2("span", { className: "sia-tree__icon", children: node.icon ?? /* @__PURE__ */ jsx2(Icon, { name: hasChildren ? "folder" : "file", size: 15 }) }) : null,
                 /* @__PURE__ */ jsx2(