@sia.soul/sia-react-ui 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -86,6 +86,7 @@ __export(index_exports, {
   ImagePreview: () => ImagePreview,
   Input: () => Input,
   InputNumber: () => InputNumber,
+  InputSelect: () => InputSelect,
   KLineChart: () => KLineChart,
   LineChart: () => LineChart,
   LineShareChart: () => LineShareChart,
@@ -111,6 +112,7 @@ __export(index_exports, {
   Segmented: () => Segmented,
   Select: () => Select,
   SelectDateRange: () => SelectDateRange,
+  SelectionPanel: () => SelectionPanel,
   SiaChart: () => SiaChart,
   Slider: () => Slider,
   Space: () => Space,
@@ -145,6 +147,7 @@ __export(index_exports, {
   WordCloudChart: () => WordCloudChart,
   XYChart: () => XYChart,
   applySiaTheme: () => applySiaTheme,
+  buildFlatTree: () => buildFlatTree,
   chartColor: () => chartColor,
   chartTicks: () => chartTicks,
   createBaiduMapHost: () => createBaiduMapHost,
@@ -3128,10 +3131,10 @@ function Tree({
             },
             children: (() => {
               const content = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "sia-tree__context-content", children: [
-                hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "sia-tree__switcher", style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, disabled: node.disabled, onClick: (event) => {
+                hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", className: "sia-tree__switcher", "aria-label": open ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", "aria-expanded": open, style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, disabled: node.disabled, onClick: (event) => {
                   event.stopPropagation();
                   void toggleExpand(node);
-                }, children: nodeLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-tree__switcher", style: { width: normalizedSwitcherWidth, flexBasis: normalizedSwitcherWidth }, "aria-hidden": "true" }),
+                }, children: nodeLoading ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: "loader", className: "sia-spin-icon", size: 13 }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: open ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("span", { onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Checkbox2, { checked: isChecked, disabled: node.disabled || node.disableCheckbox, onChange: () => check(node) }) }) : null,
                 node.prefix ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-tree__prefix", onClick: (event) => event.stopPropagation(), children: node.prefix }) : null,
                 showIcon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sia-tree__icon", children: node.icon ?? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { name: hasChildren ? "folder" : "file", size: 15 }) }) : null,
@@ -4383,6 +4386,21 @@ function setValue(source, path, value) {
 function isEmpty(value) {
   return value === void 0 || value === null || value === "" || Array.isArray(value) && value.length === 0;
 }
+function cloneFormValue(value, seen = /* @__PURE__ */ new WeakMap()) {
+  if (!value || typeof value !== "object") return value;
+  if (seen.has(value)) return seen.get(value);
+  if (value instanceof Date) return new Date(value.getTime());
+  if (value instanceof RegExp) return new RegExp(value.source, value.flags);
+  const cloneable = value;
+  if (typeof cloneable.clone === "function") return cloneable.clone();
+  if (!Array.isArray(value) && Object.getPrototypeOf(value) !== Object.prototype && Object.getPrototypeOf(value) !== null) return value;
+  const next = Array.isArray(value) ? [] : {};
+  seen.set(value, next);
+  Object.keys(value).forEach((key) => {
+    next[key] = cloneFormValue(value[key], seen);
+  });
+  return next;
+}
 var FormStore = class {
   values = {};
   initialValues = {};
@@ -4391,11 +4409,13 @@ var FormStore = class {
   listeners = /* @__PURE__ */ new Set();
   callbacks = {};
   version = 0;
+  initialized = false;
   configure(initialValues, callbacks) {
     this.callbacks = callbacks;
-    if (initialValues && Object.keys(this.initialValues).length === 0) {
-      this.initialValues = structuredClone(initialValues);
-      this.values = structuredClone(initialValues);
+    if (!this.initialized) {
+      this.initialized = true;
+      this.initialValues = cloneFormValue(initialValues ?? {});
+      this.values = cloneFormValue(initialValues ?? {});
     }
   }
   subscribe = (listener) => {
@@ -4417,7 +4437,7 @@ var FormStore = class {
     };
   }
   getFieldValue = (name) => getValue(this.values, pathArray(name));
-  getFieldsValue = () => structuredClone(this.values);
+  getFieldsValue = () => cloneFormValue(this.values);
   getFieldError = (name) => this.errors.get(pathKey2(name)) ?? [];
   setFieldValue = (name, value) => {
     const path = pathArray(name);
@@ -4435,7 +4455,7 @@ var FormStore = class {
   };
   resetFields = (names) => {
     if (!names) {
-      this.values = structuredClone(this.initialValues);
+      this.values = cloneFormValue(this.initialValues);
       this.errors.clear();
     } else {
       names.forEach((name) => {
@@ -4624,7 +4644,7 @@ function FormItem({
       content = children;
     }
   }
-  if (noStyle) return content;
+  if (noStyle) return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: content });
   const inputWrap = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "sia-form-item__input-wrap", children: content });
   const hasError = status === "error" && Boolean(helpContent);
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { ref: itemRef, className: `sia-form-item${status ? ` sia-form-item--${status}` : ""} ${className}`.trim(), "data-sia-form-field": key || void 0, children: [
@@ -5237,14 +5257,15 @@ function withTime(date, time, showSecond = false) {
   const [hour = "00", minute = "00", second = "00"] = time.split(":");
   return `${date} ${hour}:${minute}${showSecond ? `:${second}` : ""}`;
 }
-function normalizeDateValue(value, showTime) {
+function normalizeDateValue(value, showTime, index = 0) {
   if (!value) return "";
   const date = parseDate2(value);
   if (!date) return value;
   const day = dateKey(date);
   if (!showTime) return day;
   const config = typeof showTime === "object" ? showTime : {};
-  return withTime(day, timePart(value, config.defaultValue ?? "00:00:00"), Boolean(config.showSecond));
+  const fallback = typeof config.defaultValue === "string" ? config.defaultValue : config.defaultValue?.[index] ?? "00:00:00";
+  return withTime(day, timePart(value, fallback), Boolean(config.showSecond));
 }
 var WEEKDAYS = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"];
 function CalendarMonth({
@@ -5444,8 +5465,9 @@ function placeholderFor(picker, showTime, multiple) {
 function showSecondFrom(showTime) {
   return Boolean(typeof showTime === "object" && showTime.showSecond);
 }
-function defaultTimeFrom(showTime) {
-  return typeof showTime === "object" ? showTime.defaultValue ?? "00:00:00" : "00:00:00";
+function defaultTimeFrom(showTime, index = 0) {
+  const value = typeof showTime === "object" ? showTime.defaultValue : void 0;
+  return typeof value === "string" ? value : value?.[index] ?? "00:00:00";
 }
 function resolvePreset(value) {
   return typeof value === "function" ? value() : value;
@@ -5476,6 +5498,8 @@ function DatePicker({
   onChange,
   onOpenChange,
   placeholder,
+  formatValue: formatValue2 = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = (0, import_react26.useId)();
@@ -5541,6 +5565,8 @@ function DatePicker({
     }
   }
   function commitDraft() {
+    const values = Array.isArray(draftValue) ? draftValue : [draftValue];
+    if (values.some((value2) => !value2 || isDisabled(dayFromValue(value2)))) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -5550,7 +5576,7 @@ function DatePicker({
     setDraftValue(empty);
     setCurrentValue(empty);
   }
-  const display = Array.isArray(currentValue) ? currentValue.join("\u3001") : currentValue;
+  const display = Array.isArray(currentValue) ? currentValue.map(formatValue2).join("\u3001") : currentValue ? formatValue2(currentValue) : "";
   const triggerLabel = props["aria-label"] ?? (typeof placeholder === "string" ? placeholder : "\u65E5\u671F\u9009\u62E9\u5668");
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { ref: rootRef, className: `sia-picker sia-picker--${size} sia-picker--${status}${visible ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
@@ -5576,15 +5602,16 @@ function DatePicker({
         },
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `sia-picker__value${display ? "" : " is-placeholder"}`, children: display || placeholder || placeholderFor(picker, showTime, multiple) }),
-          allowClear && display && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && display && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel${showTime ? " sia-date-panel--with-time" : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u9009\u62E9\u9762\u677F", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "sia-date-panel__body", children: [
         presets?.length ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("aside", { className: "sia-date-panel__presets", children: presets.map((preset2, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: () => {
           const next = resolvePreset(preset2.value);
+          if (!next || isDisabled(dayFromValue(next))) return;
           setDraftValue(next);
           if (!resolvedNeedConfirm) {
             setCurrentValue(next);
@@ -5612,6 +5639,7 @@ function DatePicker({
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         DatePanelFooter,
         {
+          extra: renderExtraFooter?.(),
           showToday,
           needConfirm: resolvedNeedConfirm,
           disabledConfirm: Array.isArray(draftValue) ? draftValue.length === 0 : !draftValue,
@@ -5629,6 +5657,8 @@ function DateRangePicker({
   separator = "\u2192",
   presets,
   maxRangeDays,
+  allowEmpty = [false, false],
+  endpointDisabled = [false, false],
   size = "medium",
   status = "default",
   allowClear = true,
@@ -5646,6 +5676,8 @@ function DateRangePicker({
   onCalendarChange,
   onChange,
   onOpenChange,
+  formatValue: formatValue2 = (value2) => value2,
+  renderExtraFooter,
   ...props
 }) {
   const id = (0, import_react26.useId)();
@@ -5661,9 +5693,10 @@ function DateRangePicker({
   const [compactDateTime, setCompactDateTime] = (0, import_react26.useState)(false);
   const showSecond = showSecondFrom(showTime);
   const defaultTime = defaultTimeFrom(showTime);
+  const defaultEndTime = defaultTimeFrom(showTime, 1);
   const [times, setTimes] = (0, import_react26.useState)([
     timePart(currentValue[0], defaultTime),
-    timePart(currentValue[1], defaultTime)
+    timePart(currentValue[1], defaultEndTime)
   ]);
   const resolvedNeedConfirm = needConfirm ?? Boolean(showTime);
   const rangeDates = [dayFromValue(draftValue[0]), dayFromValue(draftValue[1])];
@@ -5693,8 +5726,8 @@ function DateRangePicker({
   function changeOpen(next) {
     if (next) {
       setDraftValue(currentValue);
-      setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultTime)]);
-      setActiveIndex(currentValue[0] && !currentValue[1] ? 1 : 0);
+      setTimes([timePart(currentValue[0], defaultTime), timePart(currentValue[1], defaultEndTime)]);
+      setActiveIndex(endpointDisabled[0] ? 1 : endpointDisabled[1] ? 0 : currentValue[0] && !currentValue[1] ? 1 : 0);
       const nextStartMonth = startOfMonth(parseDate2(dayFromValue(currentValue[0] || currentValue[1])) ?? /* @__PURE__ */ new Date());
       setViewMonth(nextStartMonth);
       setEndViewMonth(startOfMonth(parseDate2(dayFromValue(currentValue[1])) ?? addMonths(nextStartMonth, 1)));
@@ -5702,6 +5735,7 @@ function DateRangePicker({
     setVisible(next);
   }
   function isDisabled(day, index = activeIndex, pairedDateTime = false) {
+    if (endpointDisabled[index]) return true;
     const minimum = minDate ?? props.min;
     const maximum = maxDate ?? props.max;
     if (minimum && day < String(minimum).slice(0, 10)) return true;
@@ -5724,6 +5758,17 @@ function DateRangePicker({
   }
   function selectDate(day) {
     if (isDisabled(day)) return;
+    if (endpointDisabled.some(Boolean)) {
+      const index = endpointDisabled[0] ? 1 : 0;
+      const next = [...draftValue];
+      next[index] = buildRangeValue(day, index);
+      updateDraft(next);
+      if (!resolvedNeedConfirm && isValidRange(next)) {
+        setCurrentValue(next);
+        changeOpen(false);
+      }
+      return;
+    }
     if (activeIndex === 0 || !rangeDates[0] || rangeDates[1]) {
       const next = [buildRangeValue(day, 0), ""];
       updateDraft(next);
@@ -5759,6 +5804,7 @@ function DateRangePicker({
     }
   }
   function changeTime(index, nextTime) {
+    if (endpointDisabled[index]) return;
     const nextTimes = [...times];
     nextTimes[index] = nextTime;
     setTimes(nextTimes);
@@ -5769,6 +5815,28 @@ function DateRangePicker({
       updateDraft(nextValue);
     }
   }
+  function isValidRange(next) {
+    if (!next.some(Boolean)) return false;
+    for (const index of [0, 1]) {
+      if (!next[index]) {
+        if (!allowEmpty[index]) return false;
+        else continue;
+      }
+      if (endpointDisabled[index]) {
+        if (next[index] !== currentValue[index]) return false;
+        else continue;
+      }
+      const day = dayFromValue(next[index]);
+      if (!day) return false;
+      if (minDate && day < minDate.slice(0, 10) || maxDate && day > maxDate.slice(0, 10)) return false;
+      if (disabledDate?.(day, { from: index === 1 ? dayFromValue(next[0]) || void 0 : void 0, type: "date" })) return false;
+    }
+    if (next[0] && next[1]) {
+      if (next[0] > next[1]) return false;
+      if (maxRangeDays && Math.abs(daysBetween(dayFromValue(next[0]), dayFromValue(next[1]))) >= maxRangeDays) return false;
+    }
+    return true;
+  }
   function confirm() {
     if (compactDateTime && showTime && activeIndex === 0) {
       if (!draftValue[0]) return;
@@ -5777,7 +5845,7 @@ function DateRangePicker({
       setHoverDate("");
       return;
     }
-    if (!draftValue[0] || !draftValue[1] || invalidDateTimeRange) return;
+    if (!isValidRange(draftValue)) return;
     setCurrentValue(draftValue);
     changeOpen(false);
   }
@@ -5785,10 +5853,11 @@ function DateRangePicker({
     const raw = resolveRangePreset(preset2.value);
     const next = [
       normalizeDateValue(raw[0], showTime),
-      normalizeDateValue(raw[1], showTime)
+      normalizeDateValue(raw[1], showTime, 1)
     ];
+    if (!isValidRange(next)) return;
     updateDraft(next);
-    setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultTime)]);
+    setTimes([timePart(next[0], defaultTime), timePart(next[1], defaultEndTime)]);
     const nextStartMonth = startOfMonth(parseDate2(dayFromValue(next[0] || next[1])) ?? /* @__PURE__ */ new Date());
     setViewMonth(nextStartMonth);
     setEndViewMonth(startOfMonth(parseDate2(dayFromValue(next[1])) ?? addMonths(nextStartMonth, 1)));
@@ -5799,7 +5868,7 @@ function DateRangePicker({
   }
   function clearValue(event) {
     event.stopPropagation();
-    const empty = ["", ""];
+    const empty = [endpointDisabled[0] ? currentValue[0] : "", endpointDisabled[1] ? currentValue[1] : ""];
     updateDraft(empty);
     setCurrentValue(empty);
     setActiveIndex(0);
@@ -5868,14 +5937,14 @@ function DateRangePicker({
         disabled,
         onClick: () => changeOpen(!visible),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] || placeholder[0] }),
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `sia-picker-range-control__value${currentValue[0] ? "" : " is-placeholder"}`, children: currentValue[0] ? formatValue2(currentValue[0]) : placeholder[0] }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sia-picker-range-control__separator", children: separator }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] || placeholder[1] }),
-          allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { role: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: `sia-picker-range-control__value${currentValue[1] ? "" : " is-placeholder"}`, children: currentValue[1] ? formatValue2(currentValue[1]) : placeholder[1] }),
           /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "sia-picker__icon", "aria-hidden": "true", children: suffixIcon ?? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "calendar", size: 16 }) })
         ]
       }
     ),
+    allowClear && (currentValue[0] || currentValue[1]) && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", className: "sia-picker__clear", "aria-label": "\u6E05\u9664\u65E5\u671F\u8303\u56F4", onClick: clearValue, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: visible, className: `sia-date-panel sia-date-panel--range${showTime ? ` sia-date-panel--with-time sia-date-panel--range-time-${compactDateTime ? "compact" : "paired"}` : ""}${presets?.length ? " sia-date-panel--with-presets" : ""}`, role: "dialog", "aria-label": "\u65E5\u671F\u8303\u56F4\u9009\u62E9\u9762\u677F", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "sia-date-panel__body", children: showTime ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "sia-date-panel__range-date-time", children: compactDateTime ? renderDateTimeGroup(activeIndex) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
         renderDateTimeGroup(0),
@@ -5910,10 +5979,11 @@ function DateRangePicker({
         DatePanelFooter,
         {
           showToday: showToday && !presets?.length,
-          needConfirm: resolvedNeedConfirm,
-          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !draftValue[0] || !draftValue[1] || invalidDateTimeRange,
+          needConfirm: resolvedNeedConfirm || allowEmpty.some(Boolean),
+          disabledConfirm: compactDateTime && showTime && activeIndex === 0 ? !draftValue[0] : !isValidRange(draftValue),
           confirmText: compactDateTime && showTime && activeIndex === 0 ? "\u4E0B\u4E00\u6B65" : "\u786E\u5B9A",
           extra: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_jsx_runtime26.Fragment, { children: [
+            renderExtraFooter?.(),
             presets?.map((preset2, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: () => applyPreset(preset2), children: preset2.label }, index)),
             compactDateTime && showTime && activeIndex === 1 ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: () => {
               setActiveIndex(0);
@@ -6165,14 +6235,14 @@ function TimeRangePicker({ value, defaultValue = ["", ""], placeholder = ["\u5F0
 // src/components/TreeSelect.tsx
 var import_react28 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-function flattenTree(nodes, expanded, search, depth = 0, parents = []) {
+function flattenTree(nodes, expanded, search, filter, depth = 0, parents = [], ancestorMatched = false) {
   const result = [];
   for (const node of nodes) {
-    const matches = !search || String(node.title).toLowerCase().includes(search.toLowerCase());
-    const childMatches = search && node.children ? flattenTree(node.children, new Set(node.children.map((child) => child.value)), search, depth + 1, [...parents, node.value]) : [];
+    const matches = !search || ancestorMatched || filter === false || (filter ? filter(search, node) : String(node.title).toLowerCase().includes(search.toLowerCase()));
+    const childMatches = search && node.children ? flattenTree(node.children, expanded, search, filter, depth + 1, [...parents, node.value], matches) : [];
     if (matches || childMatches.length) result.push({ ...node, depth, parentValues: parents });
-    if (node.children && (expanded.has(node.value) || search)) {
-      result.push(...search ? childMatches : flattenTree(node.children, expanded, search, depth + 1, [...parents, node.value]));
+    if (node.children && (expanded.has(node.key ?? node.value) || search)) {
+      result.push(...search ? childMatches : flattenTree(node.children, expanded, search, filter, depth + 1, [...parents, node.value]));
     }
   }
   return result;
@@ -6203,25 +6273,54 @@ function TreeSelect({
   onChange,
   onSearch,
   onDropdownVisibleChange,
+  open: controlledOpen,
+  defaultOpen = false,
+  searchValue,
+  treeExpandedKeys,
+  treeDefaultExpandedKeys = [],
+  onTreeExpand,
+  filterTreeNode,
+  treeCheckStrictly = true,
+  showCheckedStrategy = "all",
+  loading = false,
+  listHeight = 300,
+  popupClassName = "",
+  popupStyle,
+  dropdownFooter,
+  displayRender,
+  renderTrigger,
+  onClear,
+  onSelect,
+  onDeselect,
   ...props
 }) {
   const rootRef = (0, import_react28.useRef)(null);
   const popupRef = (0, import_react28.useRef)(null);
+  const nodeIndex = (0, import_react28.useMemo)(() => {
+    const index = /* @__PURE__ */ new Map();
+    const visit = (nodes) => nodes.forEach((node) => {
+      index.set(node.value, node);
+      if (node.children) visit(node.children);
+    });
+    visit(treeData);
+    return index;
+  }, [treeData]);
+  const resolveNodes = (values) => values.map((value2) => nodeIndex.get(value2) ?? { value: value2, title: String(value2) });
   const multi = multiple || treeCheckable;
   const initial3 = defaultValue ?? (multi ? [] : void 0);
   const [currentValue, setCurrentValue] = useControllableState({
-    value,
+    value: value === null ? [] : value,
     defaultValue: initial3,
-    onChange: (next) => onChange?.(next, findNodes(treeData, Array.isArray(next) ? [...next] : next === void 0 ? [] : [next]))
+    onChange: (next) => onChange?.(next, resolveNodes(Array.isArray(next) ? [...next] : next === void 0 ? [] : [next]))
   });
-  const [open, setOpen] = (0, import_react28.useState)(false);
-  const [search, setSearch] = (0, import_react28.useState)("");
+  const [open, setOpen] = useControllableState({ value: controlledOpen, defaultValue: defaultOpen, onChange: onDropdownVisibleChange });
+  const [search, setSearch] = useControllableState({ value: searchValue, defaultValue: "", onChange: onSearch });
   const [expanded, setExpanded] = (0, import_react28.useState)(() => {
-    if (!treeDefaultExpandAll) return /* @__PURE__ */ new Set();
+    if (!treeDefaultExpandAll) return new Set(treeDefaultExpandedKeys);
     const values = [];
     const collect = (nodes) => nodes.forEach((node) => {
       if (node.children?.length) {
-        values.push(node.value);
+        values.push(node.key ?? node.value);
         collect(node.children);
       }
     });
@@ -6229,99 +6328,229 @@ function TreeSelect({
     return new Set(values);
   });
   const selectedValues = Array.isArray(currentValue) ? [...currentValue] : currentValue === void 0 ? [] : [currentValue];
-  const selectedNodes = (0, import_react28.useMemo)(() => findNodes(treeData, selectedValues), [treeData, selectedValues.join("|")]);
-  const visibleNodes = (0, import_react28.useMemo)(() => flattenTree(treeData, expanded, search), [expanded, search, treeData]);
+  const expandedSet = treeExpandedKeys ? new Set(treeExpandedKeys) : expanded;
+  const selectedNodes = resolveNodes(selectedValues);
+  const visibleNodes = flattenTree(treeData, expandedSet, search, filterTreeNode);
+  (0, import_react28.useEffect)(() => {
+    if (!open || treeExpandedKeys) return;
+    const keys = new Set(expanded);
+    const walk = (nodes, parents) => nodes.forEach((node) => {
+      if (selectedValues.includes(node.value)) parents.forEach((key) => keys.add(key));
+      if (node.children) walk(node.children, [...parents, node.key ?? node.value]);
+    });
+    walk(treeData, []);
+    if (keys.size !== expanded.size) setExpanded(keys);
+    const frame = requestAnimationFrame(() => popupRef.current?.querySelector('[aria-selected="true"]')?.scrollIntoView({ block: "nearest" }));
+    return () => cancelAnimationFrame(frame);
+  }, [open, treeData, currentValue, treeExpandedKeys]);
+  function toggleNode(node) {
+    const key = node.key ?? node.value;
+    const next = new Set(expandedSet);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    if (!treeExpandedKeys) setExpanded(next);
+    onTreeExpand?.([...next]);
+  }
+  const cascade = treeCheckable && !treeCheckStrictly;
+  function checkState(values) {
+    const checked2 = new Set(values);
+    const affected2 = (node) => node.disabled || node.disableCheckbox ? [] : [
+      ...node.checkable === false ? [] : [node.value],
+      ...node.children?.flatMap(affected2) ?? []
+    ];
+    if (cascade) {
+      findNodes(treeData, values).forEach((node) => affected2(node).forEach((value2) => checked2.add(value2)));
+      const fold = (nodes) => nodes.forEach((node) => {
+        if (node.disabled || node.disableCheckbox) return;
+        if (node.children) fold(node.children);
+        const children = node.children?.filter((child) => !child.disabled && !child.disableCheckbox && child.checkable !== false) ?? [];
+        if (children.length && node.checkable !== false) {
+          if (children.every((child) => checked2.has(child.value))) checked2.add(node.value);
+          else checked2.delete(node.value);
+        }
+      });
+      fold(treeData);
+    }
+    return { checked: checked2, affected: affected2 };
+  }
+  const { checked, affected } = checkState(selectedValues);
+  function outputValues(values) {
+    if (!cascade || showCheckedStrategy === "all") return [...values];
+    const output = [...values].filter((value2) => !nodeIndex.has(value2));
+    const walk = (nodes, parentChecked = false) => nodes.forEach((node) => {
+      const selected = values.has(node.value);
+      const enabledChildren = node.children?.filter((child) => !child.disabled && !child.disableCheckbox) ?? [];
+      if (selected && (showCheckedStrategy === "parent" ? !parentChecked : !enabledChildren.length)) output.push(node.value);
+      if (node.children) walk(node.children, selected && !node.disabled && !node.disableCheckbox);
+    });
+    walk(treeData);
+    return output;
+  }
+  function clear() {
+    if (disabled || loading) return;
+    setCurrentValue(multi ? [] : void 0);
+    onClear?.();
+  }
   (0, import_react28.useEffect)(() => {
     if (!open) return void 0;
     const close = (event) => {
       const target = event.target;
       if (!rootRef.current?.contains(target) && !popupRef.current?.contains(target)) {
         setOpen(false);
-        onDropdownVisibleChange?.(false);
+        setSearch("");
       }
     };
     document.addEventListener("pointerdown", close);
     return () => document.removeEventListener("pointerdown", close);
   }, [onDropdownVisibleChange, open]);
   function changeOpen(next) {
+    if (disabled) return;
     setOpen(next);
-    onDropdownVisibleChange?.(next);
+    if (!next) setSearch("");
   }
   function select(node) {
-    if (node.disabled || node.selectable === false) return;
+    if (disabled || loading || node.disabled) return;
+    if (treeCheckable ? node.disableCheckbox || node.checkable === false : node.selectable === false) {
+      if (node.children?.length) toggleNode(node);
+      return;
+    }
     if (multi) {
-      const next = selectedValues.includes(node.value) ? selectedValues.filter((item) => item !== node.value) : [...selectedValues, node.value];
-      setCurrentValue(next);
+      const exists = checked.has(node.value);
+      const next = new Set(checked);
+      (cascade ? affected(node) : [node.value]).forEach((value2) => {
+        if (exists) next.delete(value2);
+        else next.add(value2);
+      });
+      if (cascade && exists) {
+        const removeParents = (nodes) => {
+          let found = false;
+          nodes.forEach((item) => {
+            const childFound = item.children ? removeParents(item.children) : false;
+            if (childFound) next.delete(item.value);
+            if (item.value === node.value || childFound) found = true;
+          });
+          return found;
+        };
+        removeParents(treeData);
+      }
+      setCurrentValue(outputValues(checkState([...next]).checked));
+      if (exists) onDeselect?.(node.value, node);
+      else onSelect?.(node.value, node);
     } else {
       setCurrentValue(node.value);
+      onSelect?.(node.value, node);
       changeOpen(false);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { ref: rootRef, className: `sia-tree-select sia-tree-select--${size} sia-tree-select--${status}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: "sia-tree-select__trigger",
-        disabled,
-        "aria-haspopup": "tree",
-        "aria-expanded": open,
-        onClick: () => changeOpen(!open),
-        onKeyDown: (event) => {
-          if (event.key === "ArrowDown") changeOpen(true);
-          if (event.key === "Escape") changeOpen(false);
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__value", children: selectedNodes.length ? multi ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-            selectedNodes.slice(0, maxTagCount).map((node) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__tag", children: node.title }, node.value)),
-            selectedNodes.length > maxTagCount ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "sia-tree-select__tag", children: [
-              "+",
-              selectedNodes.length - maxTagCount
-            ] }) : null
-          ] }) : selectedNodes[0]?.title : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__placeholder", children: placeholder }) }),
-          allowClear && selectedValues.length && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { role: "button", tabIndex: -1, className: "sia-tree-select__clear", "aria-label": "\u6E05\u9664\u9009\u62E9", onClick: (event) => {
-            event.stopPropagation();
-            setCurrentValue(multi ? [] : void 0);
-          }, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: open ? "chevron-up" : "chevron-down", size: 14 })
-        ]
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    "div",
+    {
+      ref: rootRef,
+      className: `sia-tree-select sia-tree-select--${size} sia-tree-select--${status}${open ? " is-open" : ""}${disabled ? " is-disabled" : ""} ${className}`.trim(),
+      ...props,
+      onKeyDown: (event) => {
+        props.onKeyDown?.(event);
+        if (event.key === "Escape") {
+          event.stopPropagation();
+          changeOpen(false);
+        }
+      },
+      children: [
+        renderTrigger ? renderTrigger({ open, toggle: () => changeOpen(!open), clear }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: "sia-tree-select__trigger",
+              disabled,
+              "aria-haspopup": "tree",
+              "aria-expanded": open,
+              "aria-label": props["aria-label"],
+              onClick: () => changeOpen(!open),
+              onKeyDown: (event) => {
+                if (event.key === "ArrowDown") {
+                  event.preventDefault();
+                  changeOpen(true);
+                }
+                if (event.key === "Escape") changeOpen(false);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__value", children: selectedNodes.length ? displayRender ? displayRender(selectedNodes) : multi ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+                  selectedNodes.slice(0, maxTagCount).map((node) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__tag", children: node.title }, node.value)),
+                  selectedNodes.length > maxTagCount ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("span", { className: "sia-tree-select__tag", children: [
+                    "+",
+                    selectedNodes.length - maxTagCount
+                  ] }) : null
+                ] }) : selectedNodes[0]?.title : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__placeholder", children: placeholder }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: open ? "chevron-up" : "chevron-down", size: 14 })
+              ]
+            }
+          ),
+          allowClear && selectedValues.length > 0 && !disabled ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "sia-tree-select__clear", "aria-label": "\u6E05\u9664\u9009\u62E9", onClick: clear, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "circle-close", variant: "filled", size: 15 }) }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && !disabled, className: `sia-tree-select__dropdown ${popupClassName}`, style: popupStyle, children: [
+          showSearch ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "sia-tree-select__search", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "search", size: 15 }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { "aria-label": searchPlaceholder, autoFocus: true, value: search, placeholder: searchPlaceholder, onChange: (event) => setSearch(event.currentTarget.value) })
+          ] }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "sia-tree-select__tree", role: "tree", "aria-multiselectable": multi || void 0, style: { maxHeight: listHeight }, children: loading ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { role: "status", className: "sia-tree-select__empty", children: "\u52A0\u8F7D\u4E2D\u2026" }) : visibleNodes.length ? visibleNodes.map((node) => {
+            const hasChildren = Boolean(node.children?.length);
+            const selected = checked.has(node.value);
+            const partial = cascade && !selected && affected(node).some((value2) => checked.has(value2));
+            return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+              "div",
+              {
+                className: `sia-tree-select__node${selected ? " is-selected" : ""}${node.disabled ? " is-disabled" : ""}`,
+                style: { paddingInlineStart: 8 + node.depth * 20 },
+                role: "treeitem",
+                "aria-level": node.depth + 1,
+                "aria-disabled": node.disabled || void 0,
+                "aria-selected": selected,
+                "aria-expanded": hasChildren ? !!search || expandedSet.has(node.key ?? node.value) : void 0,
+                "aria-checked": treeCheckable ? partial ? "mixed" : selected : void 0,
+                children: [
+                  hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "sia-tree-select__expand", "aria-label": expandedSet.has(node.key ?? node.value) ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", disabled: node.disabled, onClick: () => toggleNode(node), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: expandedSet.has(node.key ?? node.value) ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__indent" }),
+                  treeCheckable && node.checkable !== false ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Checkbox2, { "aria-label": typeof node.title === "string" ? node.title : void 0, checked: selected, indeterminate: partial, disabled: node.disabled || node.disableCheckbox, onChange: () => select(node) }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "sia-tree-select__title", disabled: node.disabled, onClick: () => select(node), children: node.title })
+                ]
+              },
+              node.key ?? node.value
+            );
+          }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "sia-tree-select__empty", children: "\u6682\u65E0\u5339\u914D\u8282\u70B9" }) }),
+          dropdownFooter
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/flatTree.ts
+function buildFlatTree(items, options = {}) {
+  const { idField = "id", parentIdField = "pId", rootParentId } = options;
+  const keyOf = (value) => String(value ?? "");
+  const nodes = new Map(items.map((item) => [keyOf(item[idField]), { ...item, children: [] }]));
+  const roots = [];
+  const isRoot = (parent) => rootParentId !== void 0 ? keyOf(parent) === keyOf(rootParentId) : parent === null || parent === void 0 || parent === "" || parent === 0;
+  for (const node of nodes.values()) {
+    const parentKey = keyOf(node[parentIdField]);
+    const parent = nodes.get(parentKey);
+    let cyclic = false;
+    const visited = /* @__PURE__ */ new Set([keyOf(node[idField])]);
+    let ancestor = parent;
+    while (ancestor) {
+      const key = keyOf(ancestor[idField]);
+      if (visited.has(key)) {
+        cyclic = true;
+        break;
       }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open, className: "sia-tree-select__dropdown", children: [
-      showSearch ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "sia-tree-select__search", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: "search", size: 15 }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { value: search, placeholder: searchPlaceholder, onChange: (event) => {
-          setSearch(event.currentTarget.value);
-          onSearch?.(event.currentTarget.value);
-        } })
-      ] }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "sia-tree-select__tree", role: "tree", "aria-multiselectable": multi || void 0, children: visibleNodes.length ? visibleNodes.map((node) => {
-        const hasChildren = Boolean(node.children?.length);
-        const selected = selectedValues.includes(node.value);
-        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
-          "div",
-          {
-            className: `sia-tree-select__node${selected ? " is-selected" : ""}${node.disabled ? " is-disabled" : ""}`,
-            style: { paddingInlineStart: 8 + node.depth * 20 },
-            role: "treeitem",
-            "aria-selected": selected,
-            "aria-expanded": hasChildren ? expanded.has(node.value) : void 0,
-            children: [
-              hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "sia-tree-select__expand", "aria-label": expanded.has(node.value) ? "\u6536\u8D77\u8282\u70B9" : "\u5C55\u5F00\u8282\u70B9", onClick: () => setExpanded((current) => {
-                const next = new Set(current);
-                if (next.has(node.value)) next.delete(node.value);
-                else next.add(node.value);
-                return next;
-              }), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { name: expanded.has(node.value) ? "chevron-down" : "chevron-right", size: 13 }) }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "sia-tree-select__indent" }),
-              treeCheckable ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Checkbox2, { checked: selected, disabled: node.disabled, onChange: () => select(node) }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", className: "sia-tree-select__title", disabled: node.disabled, onClick: () => select(node), children: node.title })
-            ]
-          },
-          node.key ?? node.value
-        );
-      }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "sia-tree-select__empty", children: "\u6682\u65E0\u5339\u914D\u8282\u70B9" }) })
-    ] })
-  ] });
+      visited.add(key);
+      if (isRoot(ancestor[parentIdField])) break;
+      ancestor = nodes.get(keyOf(ancestor[parentIdField]));
+    }
+    if (isRoot(node[parentIdField]) || !parent || cyclic) roots.push(node);
+    else parent.children.push(node);
+  }
+  return roots;
 }
 
 // src/components/Upload.tsx
@@ -8651,6 +8880,7 @@ var ModalRoot = (0, import_react37.forwardRef)(function Modal({
   onOk,
   onCancel,
   onOpenChange,
+  afterOpenChange,
   className = "",
   style,
   ...props
@@ -8660,6 +8890,14 @@ var ModalRoot = (0, import_react37.forwardRef)(function Modal({
   const [submitting, setSubmitting] = (0, import_react37.useState)(false);
   const [rendered, setRendered] = (0, import_react37.useState)(open);
   const [closing, setClosing] = (0, import_react37.useState)(false);
+  const afterOpenChangeRef = (0, import_react37.useRef)(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  const submitLock = (0, import_react37.useRef)(false);
+  (0, import_react37.useEffect)(() => {
+    if (!open || !rendered) return void 0;
+    const timer = window.setTimeout(() => afterOpenChangeRef.current?.(true), MODAL_MOTION_DURATION);
+    return () => window.clearTimeout(timer);
+  }, [open, rendered]);
   (0, import_react37.useEffect)(() => {
     if (open) {
       setRendered(true);
@@ -8671,6 +8909,7 @@ var ModalRoot = (0, import_react37.forwardRef)(function Modal({
     const timer = window.setTimeout(() => {
       setRendered(false);
       setClosing(false);
+      afterOpenChangeRef.current?.(false);
     }, MODAL_MOTION_DURATION);
     return () => window.clearTimeout(timer);
   }, [open, rendered]);
@@ -8685,8 +8924,11 @@ var ModalRoot = (0, import_react37.forwardRef)(function Modal({
     onOpenChange?.(false);
   }
   async function handleOk() {
+    if (submitLock.current || confirmLoading) return;
+    submitLock.current = true;
     if (!onOk) {
       onOpenChange?.(false);
+      submitLock.current = false;
       return;
     }
     try {
@@ -8701,6 +8943,7 @@ var ModalRoot = (0, import_react37.forwardRef)(function Modal({
     } catch {
       return;
     } finally {
+      submitLock.current = false;
       setSubmitting(false);
     }
   }
@@ -19504,6 +19747,378 @@ function createBaiduMapHost(element, sdk, options) {
     destroy
   };
 }
+
+// src/components/SelectionPanel.tsx
+var import_react82 = require("react");
+var import_jsx_runtime82 = require("react/jsx-runtime");
+function SelectionPanel({
+  options,
+  value,
+  onChange,
+  multiple = false,
+  disabled = false,
+  loading = false,
+  showSearch = true,
+  searchValue,
+  onSearch,
+  selectedOnly = false,
+  showValue = false,
+  displayField = "label",
+  columns = 1,
+  maxHeight = 250,
+  autoFocusSearch = false
+}) {
+  const [localSearch, setLocalSearch] = (0, import_react82.useState)("");
+  const search = searchValue ?? localSearch;
+  const [scrollTop, setScrollTop] = (0, import_react82.useState)(0);
+  const [active, setActive] = (0, import_react82.useState)();
+  const listRef = (0, import_react82.useRef)(null);
+  const id = (0, import_react82.useId)();
+  const selected = (0, import_react82.useMemo)(() => new Set(value), [value]);
+  const count = Math.max(1, Math.floor(columns));
+  const allOptions = (0, import_react82.useMemo)(() => {
+    const known = new Set(options.filter((option) => option.optionType !== "divider").map((option) => option.value));
+    return [...value.filter((item) => !known.has(item)).map((item) => ({ value: item, label: String(item), group: "\u81EA\u5B9A\u4E49\u503C" })), ...options];
+  }, [options, value]);
+  const filtered = (0, import_react82.useMemo)(
+    () => allOptions.filter((option) => (!selectedOnly || selected.has(option.value)) && (!search || option.optionType !== "divider" && [option.label, option.value].some((text) => String(text ?? "").toLowerCase().includes(search.toLowerCase())))),
+    [allOptions, selectedOnly, selected, search]
+  );
+  const rows = (0, import_react82.useMemo)(() => {
+    const groups = /* @__PURE__ */ new Map();
+    filtered.forEach((option) => {
+      const items = groups.get(option.group) ?? [];
+      items.push(option);
+      groups.set(option.group, items);
+    });
+    const rows2 = [];
+    let top = 0;
+    for (const [group, items] of groups) {
+      if (group) {
+        rows2.push({ key: `group-${rows2.length}`, title: group, top, height: 30 });
+        top += 30;
+      }
+      for (let index = 0; index < items.length; index += count) {
+        const height = showValue ? 48 : 34;
+        rows2.push({ key: `row-${rows2.length}`, items: items.slice(index, index + count), top, height });
+        top += height;
+      }
+    }
+    return rows2;
+  }, [filtered, count, showValue]);
+  const totalHeight = rows.length ? rows[rows.length - 1].top + rows[rows.length - 1].height : 0;
+  const virtual = filtered.length > 100;
+  const renderedRows = virtual ? rows.filter((row) => row.top + row.height >= scrollTop - 100 && row.top <= scrollTop + maxHeight + 100) : rows;
+  const enabled = filtered.filter((option) => !option.disabled && option.optionType !== "divider");
+  (0, import_react82.useEffect)(() => {
+    setScrollTop(0);
+    if (listRef.current) listRef.current.scrollTop = 0;
+    setActive(void 0);
+  }, [search, selectedOnly, count]);
+  function toggle(option) {
+    if (disabled || loading || option.disabled || option.optionType === "divider") return;
+    setActive(option.value);
+    onChange(multiple ? selected.has(option.value) ? value.filter((item) => item !== option.value) : [...value, option.value] : [option.value]);
+  }
+  function batch(operation) {
+    if (disabled || loading) return;
+    if (operation === "clear") {
+      onChange([]);
+      return;
+    }
+    const editable = new Set(enabled.map((option) => option.value));
+    const retained = value.filter((item) => !editable.has(item));
+    const add = enabled.filter((option) => operation === "all" || !selected.has(option.value)).map((option) => option.value);
+    onChange([...retained, ...add]);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "sia-selection-panel", children: [
+    showSearch && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      Input,
+      {
+        "aria-label": "\u641C\u7D22\u9009\u9879",
+        placeholder: "\u641C\u7D22",
+        autoFocus: autoFocusSearch,
+        value: search,
+        allowClear: true,
+        onChange: (event) => {
+          setLocalSearch(event.target.value);
+          onSearch?.(event.target.value);
+        }
+      }
+    ),
+    multiple && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "sia-selection-panel__actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("all"), children: "\u5168\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { variant: "link", size: "small", disabled: disabled || loading || !enabled.length, onClick: () => batch("invert"), children: "\u53CD\u9009" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Button, { variant: "link", size: "small", disabled: disabled || loading || !value.length, onClick: () => batch("clear"), children: "\u6E05\u7A7A" }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { children: [
+        "\u5DF2\u9009 ",
+        value.length,
+        " \u9879"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+      "div",
+      {
+        ref: listRef,
+        role: "listbox",
+        "aria-label": "\u9009\u9879\u5217\u8868",
+        "aria-multiselectable": multiple || void 0,
+        tabIndex: disabled ? -1 : 0,
+        className: "sia-selection-panel__list",
+        style: { maxHeight },
+        onScroll: (event) => setScrollTop(event.currentTarget.scrollTop),
+        "aria-activedescendant": active !== void 0 ? `${id}-${typeof active}-${active}` : void 0,
+        onKeyDown: (event) => {
+          if (disabled || loading || !enabled.length) return;
+          const index = enabled.findIndex((option) => option.value === active);
+          if (["ArrowDown", "ArrowUp", "Home", "End"].includes(event.key)) {
+            event.preventDefault();
+            const next = event.key === "Home" ? 0 : event.key === "End" ? enabled.length - 1 : Math.max(0, Math.min(enabled.length - 1, index + (event.key === "ArrowDown" ? 1 : -1)));
+            const option = enabled[next];
+            setActive(option.value);
+            const row = rows.find((row2) => row2.items?.includes(option));
+            if (row && listRef.current) {
+              listRef.current.scrollTop = Math.max(0, row.top - maxHeight / 2);
+              setScrollTop(listRef.current.scrollTop);
+            }
+          } else if ((event.key === "Enter" || event.key === " ") && index >= 0) {
+            event.preventDefault();
+            toggle(enabled[index]);
+          }
+        },
+        children: loading ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { role: "status", children: "\u52A0\u8F7D\u4E2D\u2026" }) : !rows.length ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "sia-selection-panel__empty", children: "\u6682\u65E0\u5339\u914D\u9009\u9879" }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { height: totalHeight, position: "relative" }, children: renderedRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+          "div",
+          {
+            className: row.title !== void 0 ? "sia-selection-panel__group" : "sia-selection-panel__row",
+            style: { position: "absolute", top: row.top, height: row.height, width: "100%", gridTemplateColumns: `repeat(${count}, minmax(0, 1fr))` },
+            children: row.title ?? row.items?.map((option, index) => option.optionType === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { role: "separator", className: "sia-selection-panel__divider" }, `divider-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Tooltip, { title: option.disabled ? option.disabledTip : void 0, placement: "right", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
+              "button",
+              {
+                type: "button",
+                role: "option",
+                id: `${id}-${typeof option.value}-${option.value}`,
+                tabIndex: -1,
+                "aria-selected": selected.has(option.value),
+                "aria-disabled": disabled || option.disabled || void 0,
+                className: `sia-selection-panel__option${active === option.value ? " is-active" : ""}`,
+                onClick: () => toggle(option),
+                children: [
+                  multiple && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { "aria-hidden": "true", className: "sia-selection-panel__check", children: selected.has(option.value) ? "\u2713" : "" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "sia-selection-panel__text", children: [
+                    showValue || displayField === "label" ? option.label : String(option.value),
+                    showValue && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("small", { children: String(option.value) })
+                  ] })
+                ]
+              }
+            ) }, `${typeof option.value}-${option.value}`))
+          },
+          row.key
+        )) })
+      }
+    )
+  ] });
+}
+
+// src/components/InputSelect.tsx
+var import_react83 = require("react");
+var import_jsx_runtime83 = require("react/jsx-runtime");
+var InputSelect = (0, import_react83.forwardRef)(function InputSelect2({
+  options,
+  value,
+  defaultValue,
+  onChange,
+  multiple = false,
+  displayField = "label",
+  showValue = false,
+  placeholder = "\u8BF7\u9009\u62E9",
+  size = "medium",
+  status,
+  disabled = false,
+  loading = false,
+  allowClear = true,
+  hideSearch,
+  inputMaxLength,
+  parseInput,
+  enableModal,
+  suffix,
+  style,
+  className = "",
+  onOpenChange,
+  ...inputProps
+}, forwardedRef) {
+  const [internal, setInternal] = (0, import_react83.useState)(defaultValue);
+  const current = value !== void 0 ? value : internal;
+  const values = current == null ? [] : Array.isArray(current) ? current : [current];
+  const text = values.map((item) => displayField === "label" ? String(options.find((option) => option.optionType !== "divider" && option.value === item)?.label ?? item) : String(item)).join(",");
+  const [draft, setDraft] = (0, import_react83.useState)(text);
+  (0, import_react83.useEffect)(() => {
+    setDraft(text);
+  }, [text, current]);
+  const [open, setOpen] = (0, import_react83.useState)(false);
+  const [search, setSearch] = (0, import_react83.useState)("");
+  const [modalOpen, setModalOpen] = (0, import_react83.useState)(false);
+  const [modalValues, setModalValues] = (0, import_react83.useState)([]);
+  const [selectedOnly, setSelectedOnly] = (0, import_react83.useState)(false);
+  const rootRef = (0, import_react83.useRef)(null);
+  const popupRef = (0, import_react83.useRef)(null);
+  const inputRef = (0, import_react83.useRef)(null);
+  const config = typeof enableModal === "object" ? enableModal : {};
+  function changeOpen(next) {
+    if (next && (disabled || loading)) return;
+    setOpen(next);
+    if (next !== open) onOpenChange?.(next);
+    if (!next) setSearch("");
+  }
+  function emit(next) {
+    if (disabled || loading) return;
+    if (value === void 0) setInternal(next);
+    onChange?.(next);
+  }
+  function select(next) {
+    emit(multiple ? next : next[0]);
+    if (!multiple) {
+      changeOpen(false);
+      inputRef.current?.focus();
+    }
+  }
+  (0, import_react83.useEffect)(() => {
+    if (!open) return;
+    const outside = (event) => {
+      if (!rootRef.current?.contains(event.target) && !popupRef.current?.contains(event.target)) changeOpen(false);
+    };
+    document.addEventListener("pointerdown", outside);
+    return () => document.removeEventListener("pointerdown", outside);
+  }, [open, onOpenChange]);
+  (0, import_react83.useEffect)(() => {
+    if (disabled || loading) {
+      changeOpen(false);
+      setModalOpen(false);
+    }
+  }, [disabled, loading]);
+  function openModal2() {
+    if (disabled || loading) return;
+    changeOpen(false);
+    setModalValues([...values]);
+    setSelectedOnly(false);
+    setModalOpen(true);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { ref: rootRef, style, className: `sia-input-select ${className}`, onKeyDown: (event) => {
+    if (event.key === "Escape" && open) {
+      event.stopPropagation();
+      changeOpen(false);
+      inputRef.current?.focus();
+    }
+  }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      Input,
+      {
+        ...inputProps,
+        ref: (node) => {
+          inputRef.current = node;
+          if (typeof forwardedRef === "function") forwardedRef(node);
+          else if (forwardedRef) forwardedRef.current = node;
+        },
+        role: "combobox",
+        "aria-label": inputProps["aria-label"] ?? placeholder,
+        "aria-expanded": open,
+        "aria-haspopup": "listbox",
+        size,
+        status,
+        disabled,
+        readOnly: displayField === "label" || loading,
+        placeholder,
+        value: draft,
+        maxLength: inputMaxLength && inputMaxLength > 0 ? inputMaxLength : void 0,
+        showCount: !!inputMaxLength && inputMaxLength > 0,
+        onClick: () => changeOpen(!open),
+        autoComplete: "off",
+        onKeyDown: (event) => {
+          if (event.key === "ArrowDown" || event.key === "Enter" && displayField === "label") {
+            event.preventDefault();
+            if (open) popupRef.current?.querySelector('[role="listbox"]')?.focus();
+            else changeOpen(true);
+          }
+        },
+        onChange: (event) => {
+          const next = event.target.value;
+          setDraft(next);
+          emit(parseInput ? parseInput(next) : multiple ? next.split(",").map((item) => item.trim()).filter(Boolean) : next);
+          changeOpen(true);
+        },
+        suffix: /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("span", { className: "sia-input-select__suffix", children: [
+          allowClear && draft && !disabled && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { variant: "text", size: "small", disabled: loading, "aria-label": "\u6E05\u9664\u8F93\u5165\u9009\u62E9", onClick: (event) => {
+            event.stopPropagation();
+            setDraft("");
+            emit(multiple ? [] : void 0);
+            inputRef.current?.focus();
+          }, children: "\xD7" }),
+          suffix,
+          enableModal && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u6253\u5F00\u9009\u62E9\u5F39\u7A97", onClick: (event) => {
+            event.stopPropagation();
+            openModal2();
+          }, children: "\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { variant: "text", size: "small", disabled: disabled || loading, "aria-label": "\u5C55\u5F00\u9009\u9879", onClick: (event) => {
+            event.stopPropagation();
+            changeOpen(!open);
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Icon, { name: loading ? "refresh" : open ? "chevron-up" : "chevron-down", size: 13 }) })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(PopupPortal, { ref: popupRef, anchorRef: rootRef, open: open && !disabled && !loading, className: "sia-input-select__popup", children: /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+      SelectionPanel,
+      {
+        options,
+        value: values,
+        multiple,
+        onChange: select,
+        showValue,
+        displayField,
+        showSearch: !(hideSearch ?? (!multiple && displayField === "value")),
+        autoFocusSearch: displayField === "label",
+        searchValue: search || (!multiple && displayField === "value" ? draft : ""),
+        onSearch: setSearch
+      }
+    ) }),
+    enableModal && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(
+      Modal2,
+      {
+        open: modalOpen,
+        title: config.title ?? "\u9009\u62E9",
+        width: config.width ?? 900,
+        onCancel: () => setModalOpen(false),
+        onOpenChange: setModalOpen,
+        onOk: () => {
+          emit(multiple ? modalValues : modalValues[0]);
+          setModalOpen(false);
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "sia-selection-panel__actions", role: "tablist", "aria-label": "\u9009\u9879\u8303\u56F4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(Button, { role: "tab", "aria-selected": !selectedOnly, variant: !selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(false), children: "\u5168\u90E8" }),
+            /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(Button, { role: "tab", "aria-selected": selectedOnly, variant: selectedOnly ? "primary" : "text", onClick: () => setSelectedOnly(true), children: [
+              "\u5DF2\u9009\u9879(",
+              modalValues.length,
+              ")"
+            ] })
+          ] }),
+          modalOpen && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
+            SelectionPanel,
+            {
+              options,
+              value: modalValues,
+              multiple,
+              onChange: setModalValues,
+              selectedOnly,
+              columns: config.columns ?? 3,
+              maxHeight: config.maxHeight ?? 450,
+              showValue,
+              displayField
+            }
+          )
+        ]
+      }
+    )
+  ] });
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -19562,6 +20177,7 @@ function createBaiduMapHost(element, sdk, options) {
   ImagePreview,
   Input,
   InputNumber,
+  InputSelect,
   KLineChart,
   LineChart,
   LineShareChart,
@@ -19587,6 +20203,7 @@ function createBaiduMapHost(element, sdk, options) {
   Segmented,
   Select,
   SelectDateRange,
+  SelectionPanel,
   SiaChart,
   Slider,
   Space,
@@ -19621,6 +20238,7 @@ function createBaiduMapHost(element, sdk, options) {
   WordCloudChart,
   XYChart,
   applySiaTheme,
+  buildFlatTree,
   chartColor,
   chartTicks,
   createBaiduMapHost,