@sheinx/base 3.6.0-beta.18 → 3.6.0-beta.19

package/esm/table/thead-filter.js

@@ -0,0 +1,259 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useEffect, useState } from 'react';
+import classnames from 'classnames';
+import { useFilter, util } from '@sheinx/hooks';
+import Icons from "../icons";
+import Tree from "../tree";
+import Input from "../input";
+import Button from "../button";
+import Popover from "../popover";
+import Radio from "../radio";
+import Empty from "../empty";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FilterFooter = function FilterFooter(props) {
+  var tableClasses = props.tableClasses;
+  return /*#__PURE__*/_jsxs("footer", {
+    className: tableClasses.filterFooter,
+    children: [/*#__PURE__*/_jsx(Button, {
+      htmlType: "reset",
+      jssStyle: props.jssStyle,
+      size: "small",
+      onClick: props.onReset,
+      disabled: !props.resetable,
+      children: "\u91CD\u7F6E"
+    }), /*#__PURE__*/_jsx(Button, {
+      jssStyle: props.jssStyle,
+      size: "small",
+      type: "primary",
+      onClick: props.onConfirm,
+      children: "\u786E\u5B9A"
+    })]
+  });
+};
+export var FilterSelect = function FilterSelect(props) {
+  var _props$filterInfo;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    popoverVisible = _useState2[0],
+    setPopoverVisible = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    tempValue = _useState4[0],
+    setTempValue = _useState4[1];
+  var tableClasses = props.tableClasses,
+    filter = props.filter;
+  var config = filter.config;
+  var currentFilter = (_props$filterInfo = props.filterInfo) === null || _props$filterInfo === void 0 ? void 0 : _props$filterInfo.get(props.columnKey);
+  var treeOptions = (config === null || config === void 0 ? void 0 : config.data) || [];
+  var onReset = function onReset() {
+    setTempValue(undefined);
+    props.onFilterChange(props.columnKey, undefined);
+    setPopoverVisible(false);
+  };
+  var onConfirm = function onConfirm() {
+    props.onFilterChange(props.columnKey, tempValue);
+    setPopoverVisible(false);
+  };
+  var onVisibleChange = function onVisibleChange(visible) {
+    // 关闭popover时就提交筛选条件，包括click away触发的
+    if (!visible) {
+      props.onFilterChange(props.columnKey, tempValue);
+    }
+    setPopoverVisible(visible);
+  };
+  var treeKeygen = function treeKeygen(d) {
+    return d.value;
+  };
+  var treeProps = config !== null && config !== void 0 && config.multiple ? {
+    value: currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value,
+    onChange: function onChange(v) {
+      setTempValue(v);
+    },
+    renderItem: (config === null || config === void 0 ? void 0 : config.renderItem) || 'label'
+  } : {
+    active: currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value,
+    setActive: function setActive(v) {
+      setTempValue(v);
+    },
+    renderItem: function renderItem(d, _, active) {
+      var renderProp = util.isFunc(config === null || config === void 0 ? void 0 : config.renderItem) ? config === null || config === void 0 ? void 0 : config.renderItem : function (d) {
+        return d.label;
+      };
+      return /*#__PURE__*/_jsxs("div", {
+        className: tableClasses.filterRadio,
+        children: [/*#__PURE__*/_jsx(Radio, {
+          checked: active,
+          jssStyle: props.jssStyle
+        }), renderProp(d)]
+      });
+    }
+  };
+  var _useFilter = useFilter({
+      treeData: treeOptions,
+      keygen: treeKeygen,
+      childrenKey: 'children',
+      onAdvancedFilter: false,
+      onFilter: function onFilter(text) {
+        return function (item) {
+          return item.label.includes(text);
+        };
+      }
+    }),
+    filterData = _useFilter.filterData,
+    rawData = _useFilter.rawData,
+    onFilter = _useFilter.onFilter,
+    inputText = _useFilter.inputText,
+    setInputText = _useFilter.setInputText;
+  var displayData = filterData || rawData;
+  return /*#__PURE__*/_jsxs(Button, {
+    jssStyle: props.jssStyle,
+    shape: "circle",
+    size: "small",
+    className: classnames(tableClasses.filterIconContainer, (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) && tableClasses.filterActive),
+    style: {
+      border: 'none'
+    },
+    children: [/*#__PURE__*/_jsx("span", {
+      className: tableClasses.filterIcon,
+      children: filter.icon || Icons.table.Filter
+    }), /*#__PURE__*/_jsx(Popover, {
+      jssStyle: props.jssStyle,
+      trigger: "click",
+      showArrow: false,
+      visible: popoverVisible,
+      onVisibleChange: onVisibleChange,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: classnames(tableClasses.filterContainer),
+        children: [(config === null || config === void 0 ? void 0 : config.search) && /*#__PURE__*/_jsx("header", {
+          className: tableClasses.filterHeader,
+          children: /*#__PURE__*/_jsx(Input, {
+            value: inputText,
+            onChange: function onChange(v) {
+              if (onFilter) onFilter(v || '');
+              setInputText(v);
+            },
+            jssStyle: props.jssStyle,
+            placeholder: "\u5728\u7B5B\u9009\u9879\u4E2D\u641C\u7D22",
+            className: tableClasses.filterInput,
+            prefix: /*#__PURE__*/_jsx("span", {
+              className: tableClasses.filterInputIcon,
+              children: Icons.table.Search
+            })
+          })
+        }), /*#__PURE__*/_jsx("section", {
+          className: tableClasses.filterBody,
+          children: displayData && displayData.length > 0 ? /*#__PURE__*/_jsx(Tree, _objectSpread({
+            keygen: function keygen(d) {
+              return d.value;
+            },
+            jssStyle: props.jssStyle,
+            data: displayData,
+            actionOnClick: ['check']
+          }, treeProps)) : /*#__PURE__*/_jsx(Empty, {
+            jssStyle: props.jssStyle,
+            icon: null,
+            style: {
+              padding: '24px 0'
+            }
+          })
+        }), /*#__PURE__*/_jsx(FilterFooter, {
+          jssStyle: props.jssStyle,
+          tableClasses: tableClasses,
+          onReset: onReset,
+          onConfirm: onConfirm,
+          resetable: !!tempValue
+        })]
+      })
+    })]
+  });
+};
+export var FilterSearch = function FilterSearch(props) {
+  var _props$filterInfo2;
+  var tableClasses = props.tableClasses,
+    filter = props.filter;
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    popoverVisible = _useState6[0],
+    setPopoverVisible = _useState6[1];
+  var _useState7 = useState(),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tempValue = _useState8[0],
+    setTempValue = _useState8[1];
+  var onReset = function onReset() {
+    setTempValue(undefined);
+    props.onFilterChange(props.columnKey, undefined);
+    setPopoverVisible(false);
+  };
+  var onConfirm = function onConfirm() {
+    props.onFilterChange(props.columnKey, tempValue);
+    setPopoverVisible(false);
+  };
+  var onVisibleChange = function onVisibleChange(visible) {
+    // 关闭popover时就提交筛选条件，包括click away触发的
+    if (!visible) {
+      props.onFilterChange(props.columnKey, tempValue);
+    }
+    setPopoverVisible(visible);
+  };
+  var currentFilter = (_props$filterInfo2 = props.filterInfo) === null || _props$filterInfo2 === void 0 ? void 0 : _props$filterInfo2.get(props.columnKey);
+  useEffect(function () {
+    if ((currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) !== undefined) {
+      setTempValue(currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value);
+    }
+  }, [currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value]);
+  return /*#__PURE__*/_jsxs(Button, {
+    jssStyle: props.jssStyle,
+    shape: "circle",
+    size: "small",
+    className: classnames(tableClasses.filterIconContainer, (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) && tableClasses.filterActive),
+    style: {
+      border: 'none'
+    },
+    children: [/*#__PURE__*/_jsx("span", {
+      className: tableClasses.filterIcon,
+      children: filter.icon || Icons.table.Search
+    }), /*#__PURE__*/_jsx(Popover, {
+      jssStyle: props.jssStyle,
+      trigger: "click",
+      showArrow: false,
+      visible: popoverVisible,
+      onVisibleChange: onVisibleChange,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: classnames(tableClasses.filterContainer),
+        children: [/*#__PURE__*/_jsx("header", {
+          className: tableClasses.filterHeader,
+          children: /*#__PURE__*/_jsx(Input, {
+            jssStyle: props.jssStyle,
+            placeholder: "\u5728\u7B5B\u9009\u9879\u4E2D\u641C\u7D22",
+            className: tableClasses.filterInput,
+            prefix: /*#__PURE__*/_jsx("span", {
+              className: tableClasses.filterInputIcon,
+              children: Icons.table.Search
+            }),
+            value: tempValue,
+            onChange: setTempValue,
+            onEnterPress: onConfirm
+          })
+        }), /*#__PURE__*/_jsx(FilterFooter, {
+          jssStyle: props.jssStyle,
+          tableClasses: tableClasses,
+          onReset: onReset,
+          onConfirm: onConfirm,
+          resetable: !!tempValue
+        })]
+      })
+    })]
+  });
+};

package/esm/table/thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAUnB,UAAU;AAAjC,wBAyRE"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAsUE"}

package/esm/table/thead.js

@@ -10,6 +10,7 @@ import Icons from "../icons";
 import classNames from 'classnames';
 import Checkbox from "../checkbox";
 import { useConfig } from "../config";
+import { FilterSearch, FilterSelect } from "./thead-filter";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -111,6 +112,34 @@ export default (function (props) {
       })
     });
   };
+  var renderFilter = function renderFilter(column, columnIndex) {
+    if (!column.filter) {
+      return null;
+    }
+    var mode = column.filter.mode;
+    var columnKey = typeof column.render === 'string' ? column.render : String(columnIndex);
+    if (mode === 'search') {
+      return /*#__PURE__*/_jsx(FilterSearch, {
+        tableClasses: tableClasses,
+        jssStyle: props.jssStyle,
+        filter: column.filter,
+        filterInfo: props.filterInfo,
+        onFilterChange: props.onFilterChange,
+        columnKey: columnKey
+      });
+    }
+    if (mode === 'select') {
+      return /*#__PURE__*/_jsx(FilterSelect, {
+        tableClasses: tableClasses,
+        jssStyle: props.jssStyle,
+        filter: column.filter,
+        filterInfo: props.filterInfo,
+        onFilterChange: props.onFilterChange,
+        columnKey: columnKey
+      });
+    }
+    return null;
+  };
   var renderDrag = function renderDrag(index) {
     if (!props.columnResizable) return null;
     return /*#__PURE__*/_jsx("div", {
@@ -164,7 +193,7 @@ export default (function (props) {
       position: 'sticky'
     };
   };
-  var createTh = function createTh(trs, col, level, isLast) {
+  var createTh = function createTh(trs, col, level, isLast, columnIndex) {
     var colTemp = col;
     var colTemp2 = col;
     var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
@@ -172,14 +201,15 @@ export default (function (props) {
     var isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
     if (colTemp.title || isExpand) {
       var sorter = renderSort(colTemp);
+      var filter = renderFilter(colTemp, columnIndex);
       trs[level].push( /*#__PURE__*/_jsx("th", {
         className: cellClassName,
         rowSpan: columnLevel - level + 1,
         style: fixedStyle,
         dir: config.direction,
         children: /*#__PURE__*/_jsxs("div", {
-          className: classNames(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter)),
-          children: [renderTitle(colTemp.title), renderSort(colTemp), colTemp.columnResizable !== false && renderDrag(colTemp.index)]
+          className: classNames(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter), filter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasFilter)),
+          children: [renderTitle(colTemp.title), sorter, filter, colTemp.columnResizable !== false && renderDrag(colTemp.index)]
         })
       }, col.key));
       return;
@@ -229,7 +259,7 @@ export default (function (props) {
     }, colTemp2.key));
     if (colTemp2.columns) {
       colTemp2.columns.forEach(function (c, index) {
-        return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index);
+        return createTh(trs, c, level + 1, isLast && colTemp2.columns.length - 1 === index, index);
       });
     }
   };
@@ -241,7 +271,7 @@ export default (function (props) {
     });
     groupColumns.forEach(function (col, index) {
       var isLast = index === groupColumns.length - 1;
-      createTh(trs, col, 0, isLast);
+      createTh(trs, col, 0, isLast, index);
     });
     return trs.map(function (tr, i) {
       return /*#__PURE__*/_jsx("tr", {

package/esm/table/thead.type.d.ts

@@ -1,8 +1,8 @@
 import { TableProps, ListDatum } from './table.type';
-import { useTableSort, useTableLayout } from '@sheinx/hooks';
+import { useTableSort, useTableFilter, useTableLayout } from '@sheinx/hooks';
 import type { TableFormatColumn, OptionalToRequired } from '@sheinx/hooks';
 export type UseTableLayoutResultFunc = ReturnType<typeof useTableLayout>['func'];
-export interface TheadProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'onColumnResize' | 'columnResizable' | 'showSelectAll' | 'renderSorter' | 'radio' | 'disabled' | 'treeCheckAll' | 'sortDirections'>, Pick<ReturnType<typeof useTableSort<any>>, 'sortInfo' | 'onSorterChange'>, Pick<UseTableLayoutResultFunc, 'dragCol' | 'resizeCol'> {
+export interface TheadProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'onColumnResize' | 'columnResizable' | 'showSelectAll' | 'renderSorter' | 'radio' | 'disabled' | 'treeCheckAll' | 'sortDirections'>, Pick<ReturnType<typeof useTableSort<any>>, 'sortInfo' | 'onSorterChange'>, Pick<ReturnType<typeof useTableFilter<any>>, 'filterInfo' | 'onFilterChange'>, Pick<UseTableLayoutResultFunc, 'dragCol' | 'resizeCol'> {
     columns: TableFormatColumn<any>[];
     isScrollY?: boolean;
     bordered?: boolean;

package/esm/table/thead.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,GACV,cAAc,GACd,gBAAgB,CACnB,EACD,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACzE,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,WAAW,CAAC;IACzD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC"}
+{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,GACV,cAAc,GACd,gBAAgB,CACnB,EACD,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACzE,IAAI,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,gBAAgB,CAAC,EAC7E,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,WAAW,CAAC;IACzD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC"}

package/esm/tree/tree-checkbox.d.ts

@@ -1,5 +1,4 @@
 import { TreeCheckboxProps } from './tree-checkbox.type';
-import { KeygenResult } from '@sheinx/hooks';
-declare const TreeCheckbox: <Value extends KeygenResult[]>(props: TreeCheckboxProps<Value>) => import("react/jsx-runtime").JSX.Element;
+declare const TreeCheckbox: (props: TreeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default TreeCheckbox;
 //# sourceMappingURL=tree-checkbox.d.ts.map

package/esm/tree/tree-checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAGzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,YAAY,4GAmCjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"tree-checkbox.d.ts","sourceRoot":"","sources":["tree-checkbox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CAsB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/tree/tree-checkbox.js

@@ -8,22 +8,9 @@ var TreeCheckbox = function TreeCheckbox(props) {
     id = props.id,
     onChange = props.onChange,
     disabled = props.disabled,
-    onClick = props.onClick;
+    checked = props.checked;
   var _useTreeContext = useTreeContext(),
-    getValue = _useTreeContext.getValue,
-    set = _useTreeContext.set,
-    getChecked = _useTreeContext.getChecked,
     unBindUpdate = _useTreeContext.unBindUpdate;
-  var handleChange = function handleChange(_, checked) {
-    set(id, checked ? 1 : 0);
-    if (onChange) {
-      onChange(getValue(), id);
-    }
-  };
-  var handleClick = function handleClick(e) {
-    onClick === null || onClick === void 0 || onClick(e);
-  };
-  var checked = getChecked(id);
   useEffect(function () {
     return function () {
       unBindUpdate(id);
@@ -37,8 +24,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     jssStyle: jssStyle,
     checked: checked,
     disabled: disabled,
-    onChange: handleChange,
-    onClick: handleClick
+    onChange: onChange,
+    needStopPropagation: true
   });
 };
 export default TreeCheckbox;

package/esm/tree/tree-checkbox.type.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { CommonType } from '../common/type';
 import { JsstyleType } from './tree.type';
-export interface TreeCheckboxProps<Value extends KeygenResult[]> extends Pick<CommonType, 'className'> {
+export interface TreeCheckboxProps extends Pick<CommonType, 'className'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
     disabled?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    onChange?: (value: Value, id: KeygenResult) => void;
+    checked: boolean | "indeterminate";
+    onChange?: (_: any, checked: boolean) => void;
 }
 //# sourceMappingURL=tree-checkbox.type.d.ts.map

package/esm/tree/tree-checkbox.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAiB,CAAC,KAAK,SAAS,YAAY,EAAE,CAAE,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACpG,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;CACrD"}
+{"version":3,"file":"tree-checkbox.type.d.ts","sourceRoot":"","sources":["tree-checkbox.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC;IACtE,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C"}

package/esm/tree/tree-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,+HAkNhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"tree-content.d.ts","sourceRoot":"","sources":["tree-content.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAmB,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAOvD,QAAA,MAAM,WAAW,+HAkOhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/tree/tree-content.js

@@ -16,6 +16,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var NodeContent = function NodeContent(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
+    virtual = props.virtual,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 0 : _props$level,
     active = props.active,
     data = props.data,
     line = props.line,
@@ -36,7 +39,8 @@ var NodeContent = function NodeContent(props) {
     onChange = props.onChange,
     onToggle = props.onToggle,
     onDragOver = props.onDragOver,
-    onNodeClick = props.onNodeClick;
+    onNodeClick = props.onNodeClick,
+    actionOnClick = props.actionOnClick;
   var forceUpdate = useRender();
   var _useTreeContext = useTreeContext(),
     isDisabled = _useTreeContext.isDisabled,
@@ -47,8 +51,7 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classNames(contentStyle.contentWrapper, _defineProperty(_defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classNames(contentStyle.content, util.isString(contentClassProp) && contentClassProp, util.isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = classNames(contentStyle.text);
+  var textClass = classNames(contentStyle.text, _defineProperty({}, contentStyle.textClickable, actionOnClick && !util.isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -62,7 +65,7 @@ var NodeContent = function NodeContent(props) {
     // }
     return dataProps;
   };
-  var handleIndicatorClick = function handleIndicatorClick() {
+  var handleNodeExpand = function handleNodeExpand() {
     onToggle === null || onToggle === void 0 || onToggle(id);
     if (data[childrenKey] !== undefined) return;
     if (loader) {
@@ -75,20 +78,43 @@ var NodeContent = function NodeContent(props) {
       }
     }
   };
+  var _useTreeContext2 = useTreeContext(),
+    getValue = _useTreeContext2.getValue,
+    set = _useTreeContext2.set,
+    getChecked = _useTreeContext2.getChecked;
+  // 选中节点前的复选框
+  var handleNodeCheck = function handleNodeCheck(_, checked) {
+    set(id, checked ? 1 : 0);
+    if (onChange) {
+      onChange(getValue());
+    }
+  };
+  var checked = getChecked(id);
   var handleNodeClick = function handleNodeClick() {
-    // if (disabled) return;
     if (parentClickExpand && hasChildren) {
-      handleIndicatorClick();
+      handleNodeExpand();
     } else {
       onNodeClick(data, id);
     }
+    if (!actionOnClick) return;
+    if (actionOnClick.indexOf('expand') > -1) {
+      handleNodeExpand();
+    }
+    if (actionOnClick.indexOf('check') > -1) {
+      handleNodeCheck(null, !checked);
+    }
   };
-  var handleNodeExpand = function handleNodeExpand() {
+
+  // 双击节点展开子节点
+  var onNodeDoubleClick = function onNodeDoubleClick() {
     if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
+    if (hasChildren) handleNodeExpand();
   };
   var renderLoading = function renderLoading() {
     return /*#__PURE__*/_jsx("span", {
+      style: virtual ? {
+        left: (level - 1) * 24
+      } : undefined,
       className: contentStyle.iconWrapper,
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
@@ -113,20 +139,23 @@ var NodeContent = function NodeContent(props) {
         dir: config.direction,
         children: /*#__PURE__*/_jsx("span", {
           className: classNames(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: util.isFunc(icon) ? icon(data) : icon
         })
       });
     } else {
       indicator = /*#__PURE__*/_jsx("span", {
+        style: virtual ? {
+          left: (level - 1) * 24
+        } : undefined,
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
         dir: config.direction,
         children: /*#__PURE__*/_jsx("span", {
           className: classNames(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : Icons.tree.Expand
         })
@@ -144,7 +173,8 @@ var NodeContent = function NodeContent(props) {
       id: id,
       disabled: disabled,
       className: contentStyle.checkbox,
-      onChange: onChange
+      checked: checked,
+      onChange: handleNodeCheck
     });
   };
   var renderNode = function renderNode() {
@@ -153,29 +183,23 @@ var NodeContent = function NodeContent(props) {
     };
     return render(data, expanded, active, id);
   };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
   return /*#__PURE__*/_jsxs("div", {
     className: rootClass,
     onDragOver: onDragOver,
     dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread(_objectSpread({
+    children: [renderIndicator(), /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
       dir: config.direction,
       "data-expanded": expanded,
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    }, contentDataProps()), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/_jsx("div", {
         dir: config.direction,
         className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
+        onDoubleClick: onNodeDoubleClick,
+        onClick: handleNodeClick,
         children: renderNode()
-      }))]
+      })]
     }))]
   });
 };

package/esm/tree/tree-content.type.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
-import { JsstyleType, TreeRenderItemType } from './tree.type';
-export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
+import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
+export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
+    virtual?: boolean;
+    level?: number;
     parentClickExpand?: boolean;
     doubleClickExpand?: boolean;
     data: DataItem;
@@ -17,7 +19,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     childrenKey: keyof DataItem;
     renderItem: TreeRenderItemType<DataItem>;
     childrenClass?: ((data: DataItem) => string) | string;
-    bindNode: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
+    bindNode?: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
         expanded: boolean;
         active: boolean;
     };
@@ -29,7 +31,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     setFetching: (value: boolean) => void;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     onFetch: () => void;
-    onDragOver: (e: React.DragEvent) => void;
+    onDragOver?: (e: React.DragEvent) => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;
     onChange?: (value: Value) => void;
 }

package/esm/tree/tree-content.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACtE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IACrF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,CACR,EAAE,EAAE,YAAY,EAChB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,KACX;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC;AAED,MAAM,WAAW,uBAAuB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CAC7E,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;IACrF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC"}
+{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":"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"}