shineout 3.6.0-beta.18 → 3.6.0-beta.19

package/dist/shineout.js

@@ -6905,12 +6905,16 @@ var pcInfoCircleFill = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
 });
 var search = ['M11 2C15.9706 2 20 6.02944 20 11C20 13.1248 19.2637 15.0776 18.0323 16.6172L21.1213 19.7071C21.5118 20.0976 21.5118 20.7308 21.1213 21.1213C20.7308 21.5118 20.0976 21.5118 19.7071 21.1213L16.6172 18.0323C15.0776 19.2637 13.1248 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2ZM11 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4Z'];
 var icons_link = ['M8.83231 20.7322C7.27024 22.2943 4.73759 22.2943 3.17546 20.7322C1.66545 19.2222 1.61512 16.8053 3.02446 15.2347L3.17546 15.0754L12.6109 3.70711C14.7588 1.55923 18.2412 1.55923 20.3891 3.70711C22.4773 5.79532 22.5353 9.14496 20.5631 11.3032L20.3891 11.4853L12.3679 21.4393C11.9773 21.8299 11.3442 21.8299 10.9536 21.4394C10.5932 21.0789 10.5654 20.5116 10.8705 20.1193L10.9536 20.0251L18.9749 10.0711C20.3417 8.70423 20.3417 6.48814 18.9749 5.12132C17.6569 3.8033 15.5492 3.75623 14.1747 4.9801L14.0251 5.12132L4.58968 16.4896C3.80864 17.2706 3.80864 18.537 4.58966 19.318C5.32963 20.058 6.5051 20.0969 7.29088 19.4348L7.41809 19.318L16.8535 7.94978C17.0488 7.7545 17.0488 7.43787 16.8536 7.24262C16.68 7.06904 16.4106 7.04975 16.2157 7.18476L16.1464 7.24261L8.12521 17.1967C7.73468 17.5873 7.10152 17.5873 6.71099 17.1967C6.35051 16.8362 6.32277 16.269 6.6278 15.8767L6.71099 15.7825L14.7322 5.8284C15.7085 4.85208 17.2915 4.85208 18.2678 5.82843C19.2016 6.7623 19.2422 8.25112 18.3896 9.23328L18.2678 9.36397L8.83231 20.7322Z'];
+var filter = /*#__PURE__*/(0,jsx_runtime.jsx)("path", {
+  d: "M19.9653 2.10633C20.5175 2.10633 20.9652 2.55404 20.9652 3.10633C20.9652 3.65861 20.5175 4.10633 19.9653 4.10633H19.6834L14.9666 11.3709V19.8936C14.9666 20.9981 14.0712 21.8936 12.9666 21.8936H10.9666C9.86204 21.8936 8.96662 20.9981 8.96662 19.8936V11.3709L4.35408 4.10632L4.03906 4.10632C3.48677 4.10632 3.03906 3.65861 3.03906 3.10632C3.03906 2.55404 3.48677 2.10632 4.03906 2.10632L19.9653 2.10633ZM6.75776 4.10632L10.8119 10.5206C10.913 10.6804 10.9666 10.8657 10.9666 11.0548V18.8312C10.9666 19.3835 11.4143 19.8312 11.9666 19.8312C12.5189 19.8312 12.9666 19.3835 12.9666 18.8312V11.0609C12.9666 10.868 13.0224 10.6792 13.1273 10.5172L17.2797 4.10633L6.75776 4.10632Z"
+});
 var Icons = {
   SortAsc: SortAsc,
   SortDesc: SortDesc,
   Shrink: icon(ShineoutShrink),
   Expand: icon(expand),
   Search: icon(search),
+  Filter: icon(filter),
   ArrowLeft: icon(arrowLeft),
   ArrowLeftDouble: icon(arrowLeftDouble),
   ArrowRight: icon(arrowRight),
@@ -7061,7 +7065,9 @@ var config = {
     SortUp: icons.SortAsc,
     SortDown: icons.SortDesc,
     Expand: icons.Expand,
-    Collapse: icons.Shrink
+    Collapse: icons.Shrink,
+    Filter: icons.Filter,
+    Search: icons.Search
   },
   tabs: {
     Pre: icons.ArrowLeft,
@@ -12130,7 +12136,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.6.0-beta.18');
+/* harmony default export */ var version = ('3.6.0-beta.19');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14532,6 +14538,23 @@ var tableTokens = {
   tableSorterColor: 'Neutral-text-3',
   tableSorterHoverColor: 'Neutral-text-4',
   tableSorterActiveColor: 'Brand-6',
+  tableFilterHeaderPaddingX: 'Spacing-12',
+  tableFilterHeaderPaddingY: 'Spacing-12',
+  tableFilterBodyPaddingX: 'Spacing-12',
+  tableFilterBodyPaddingY: 'Spacing-8',
+  tableFilterFooterPaddingX: 'Spacing-12',
+  tableFilterFooterPaddingY: 'Spacing-8',
+  tableFilterFooterBorderColor: 'Neutral-border-1',
+  tableFilterInputMarginBottom: 'Spacing-8',
+  tableFilterInputIconSize: 'Size-7',
+  tableFilterInputIconColor: 'Neutral-text-4',
+  tableFilterInputIconMarginRight: 'Spacing-8',
+  tableFilterIconColor: 'Neutral-text-3',
+  tableFilterIconHoverColor: 'Neutral-text-4',
+  tableFilterIconHoverBackgroundColor: 'Neutral-fill-3',
+  tableFilterIconActiveColor: 'Brand-6',
+  tableFilterIconPadding: 'Spacing-4',
+  tableFilterIconSize: 'Size-7',
   tableResizeColor: 'Brand-7',
   tableSelectionBorderColor: 'Brand-6',
   tablePaginationMarginY: 'Spacing-12'
@@ -15057,6 +15080,7 @@ var transferTokens = {
 
 var treeTokens = {
   treeTextPaddingY: 'Spacing-2',
+  treeTextPaddingX: 'Spacing-4',
   treeCheckboxMarginX: 'Spacing-8',
   treeFontSize: 'Font-14',
   treeLineHeight: 'Size-18',
@@ -15075,15 +15099,16 @@ var treeTokens = {
   treeItemActiveBackgroundColor: 'Neutral-fill-4',
   treeItemActiveFontColor: 'Neutral-text-4',
   treeItemDisabledFontColor: 'Neutral-text-2',
+  treeContentBorderRadius: 'Radius-lesser',
   treeContentHoverBackgroundColor: 'Neutral-fill-2',
   treeContentHoverFontColor: 'Neutral-text-5',
   treeContentActiveBackgroundColor: 'Brand-1',
-  treeContentActiveFontColor: 'Brand-6',
+  treeContentActiveFontColor: 'Brand-4',
+  treeContentActiveBorderRadius: 'Radius-2',
   treeContentDisabledBackgroundColor: 'Transprent',
   treeContentDisabledFontColor: 'Neutral-text-5',
   treeDragBorderColor: 'Brand-6',
-  treeDragBackgroundColor: 'Brand-1',
-  treeContentBorderRadius: 'Radius-lesser'
+  treeDragBackgroundColor: 'Brand-1'
 };
 /* harmony default export */ var tree = (treeTokens);
 ;// CONCATENATED MODULE: ../theme/src/tree/index.ts
@@ -25751,6 +25776,69 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'inline-flex',
     alignItems: 'center'
   },
+  hasFilter: {
+    display: 'inline-flex',
+    alignItems: 'center'
+  },
+  filterIconContainer: {
+    '&:hover $filterIcon': {
+      color: src.tableFilterIconHoverColor
+    }
+  },
+  filterIcon: {
+    width: src.tableFilterIconSize,
+    height: src.tableFilterIconSize,
+    color: src.tableFilterIconColor,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterActive: {
+    '& $filterIcon, &:hover $filterIcon': {
+      color: src.tableFilterIconActiveColor
+    }
+  },
+  filterContainer: {
+    minWidth: '120px'
+  },
+  filterHeader: {
+    padding: "".concat(src.tableFilterHeaderPaddingY, " ").concat(src.tableFilterHeaderPaddingX),
+    '& + $filterBody': {
+      paddingTop: 0
+    }
+  },
+  filterBody: {
+    padding: "".concat(src.tableFilterBodyPaddingY, " ").concat(src.tableFilterBodyPaddingX),
+    maxHeight: '300px',
+    overflow: 'auto'
+  },
+  filterFooter: {
+    display: 'flex',
+    justifyContent: 'flex-end',
+    padding: "".concat(src.tableFilterFooterPaddingY, " ").concat(src.tableFilterFooterPaddingX),
+    borderTop: "1px solid ".concat(src.tableFilterFooterBorderColor)
+  },
+  filterInput: {
+    cursor: 'pointer'
+  },
+  filterInputIcon: {
+    color: src.tableFilterInputIconColor,
+    flexShrink: 0,
+    width: src.tableFilterInputIconSize,
+    height: src.tableFilterInputIconSize,
+    marginRight: src.tableFilterInputIconMarginRight,
+    '& > svg': {
+      display: 'block'
+    }
+  },
+  filterRadio: {
+    display: 'flex',
+    alignItems: 'center',
+    cursor: 'pointer',
+    '& > div': {
+      marginRight: 0
+    }
+  },
   sorterContainer: {
     minWidth: '14px',
     width: '14px',
@@ -27581,6 +27669,11 @@ var treeStyle = {
   rootClass: {},
   tree: {},
   virtual: {},
+  notTree: {
+    '&$root > $node$leaf': {
+      paddingLeft: 0
+    }
+  },
   line: {
     '& $node': {
       '&[dir=ltr]::before': {
@@ -27729,25 +27822,25 @@ var treeStyle = {
     flex: 1,
     display: 'flex',
     alignItems: 'center',
-    cursor: 'pointer',
-    padding: "0 ".concat(src.treePaddingX),
-    borderRadius: src.treeContentBorderRadius,
+    // 'label&': {
+    //   cursor: 'pointer',
+    //   userSelect: 'none',
+    // },
+
+    '$iconWrapper + &': {
+      marginLeft: 4
+    },
     '$contentDisabled &': {
       '& $text': {
         color: src.treeContentDisabledFontColor
       }
     },
     '&[data-active="true"]': {
-      background: src.treeContentActiveBackgroundColor,
       '& $text': {
+        background: src.treeContentActiveBackgroundColor,
+        borderRadius: src.treeContentActiveBorderRadius,
         color: src.treeContentActiveFontColor
       }
-    },
-    '&:hover:not([data-active="true"])': {
-      background: src.treeContentHoverBackgroundColor,
-      '& $text': {
-        color: src.treeContentHoverFontColor
-      }
     }
   },
   checkbox: {
@@ -27757,13 +27850,22 @@ var treeStyle = {
     }
   },
   text: {
+    flex: 1,
+    minWidth: 0,
     fontSize: src.treeFontSize,
     lineHeight: src.lineHeightDynamic,
     color: src.treeFontColor,
     fontWeight: src.treeFontWeight,
-    paddingTop: src.treeTextPaddingY,
-    paddingBottom: src.treeTextPaddingY,
-    whiteSpace: 'nowrap'
+    padding: "".concat(src.treeTextPaddingY, " ").concat(src.treeTextPaddingX),
+    whiteSpace: 'nowrap',
+    borderRadius: src.treeContentBorderRadius,
+    '$content:not([data-active="true"]) &:hover': {
+      color: src.treeContentHoverFontColor,
+      background: src.treeContentHoverBackgroundColor
+    }
+  },
+  textClickable: {
+    cursor: 'pointer'
   },
   // textDisabled: {
   //   color: Token.treeItemDisabledFontColor,
@@ -33878,6 +33980,327 @@ var Lazyload = function Lazyload(props) {
   });
 };
 /* harmony default export */ var lazyload = (Lazyload);
+;// CONCATENATED MODULE: ../hooks/src/utils/object.ts
+
+
+
+
+
+function insertPoint(name) {
+  var reg = /(\[\d+\])/gi;
+  return name.replace(reg, function (s, m, i) {
+    return s.replace(m, i === 0 ? m : ".".concat(m));
+  });
+}
+var object_hasOwnProperty = Object.prototype.hasOwnProperty;
+var PATH_MODE = {
+  loose: '?',
+  strict: '!',
+  insert: '^',
+  append: '$'
+};
+// Object.values()
+var objectValues = function objectValues(obj) {
+  if (!obj) return [];
+  return Object.keys(obj).map(function (k) {
+    return obj[k];
+  });
+};
+
+// object only, not handle array.
+var deepMerge = function deepMerge() {
+  var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var source = arguments.length > 1 ? arguments[1] : undefined;
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var clone = options.clone,
+    removeUndefined = options.removeUndefined,
+    skipUndefined = options.skipUndefined;
+  if (!isMergeable(source)) return source;
+  var dest = {};
+  if (isMergeable(target)) {
+    Object.keys(target).forEach(function (k) {
+      dest[k] = clone ? deepMerge({}, target[k], options) : target[k];
+      if (removeUndefined && dest[k] === undefined) delete dest[k];
+    });
+  }
+  Object.keys(source).forEach(function (k) {
+    if (isMergeable(source[k]) && isMergeable(target[k])) {
+      dest[k] = deepMerge(target[k], source[k], options);
+    } else {
+      if (skipUndefined && source[k] === undefined) return;
+      dest[k] = deepMerge({}, source[k], options);
+      if (removeUndefined && dest[k] === undefined) delete dest[k];
+    }
+  });
+  return dest;
+};
+function pathGenerator(raw) {
+  var path = insertPoint(raw);
+  var reg = /^\[(\d+)\]$/;
+  var pathModeValues = objectValues(PATH_MODE);
+  var index = 0;
+  var last = 0;
+  var prop = '';
+  var results = [];
+  while (index >= 0) {
+    index = path.indexOf('.', last);
+    prop = path.substring(last, index === -1 ? undefined : index);
+    var mode = void 0;
+    var lastChar = prop.charAt(prop.length - 1);
+    if (pathModeValues.includes(lastChar)) {
+      mode = lastChar;
+      prop = prop.substring(0, prop.length - 1);
+    }
+
+    // array index
+    var match = reg.exec(prop);
+    // eslint-disable-next-line
+    if (match) prop = parseInt(match[1], 10);
+    last = index + 1;
+    results.push([prop, index === -1 ? undefined : path.substring(last), mode]);
+  }
+  return results;
+}
+var deepSet = function deepSet(target, path, value) {
+  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  if (!is_isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string') throw new Error('Path must be a string.');
+  var removeUndefined = options.removeUndefined,
+    skipUndefined = options.skipUndefined;
+  var mergeOptions = {
+    clone: true,
+    removeUndefined: removeUndefined,
+    skipUndefined: skipUndefined
+  };
+
+  // empty root
+  if (path === '') {
+    var dest = deepMerge(target, value, mergeOptions);
+    Object.keys(dest).forEach(function (k) {
+      target[k] = dest[k];
+    });
+    return target;
+  }
+  var current = target;
+  var _iterator = createForOfIteratorHelper_default()(pathGenerator(path)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = slicedToArray_default()(_step.value, 3),
+        prop = _step$value[0],
+        next = _step$value[1],
+        mode = _step$value[2];
+      if (next) {
+        var nextIsArray = /^\[\d+\]/.test(next);
+        if (!current[prop]) current[prop] = nextIsArray ? [] : {};
+        if (nextIsArray && !Array.isArray(current[prop])) {
+          throw new Error("Path ".concat(path, " expect an array."));
+        } else if (Array.isArray(current[prop]) && !nextIsArray) {
+          throw new Error("Path ".concat(path, " is an array, expect an object."));
+        }
+        current = current[prop];
+        continue;
+      }
+      if (options.forceSet) {
+        current[prop] = value;
+      } else if (mode === PATH_MODE.insert) {
+        current.splice(prop, 0, value);
+      } else if (mode === PATH_MODE.append) {
+        current.splice(prop + 1, 0, value);
+      } else {
+        if (skipUndefined && value === undefined) break;
+        current[prop] = isMergeable(current[prop]) && isMergeable(value) ? deepMerge(current[prop], value, mergeOptions) : value;
+      }
+      if (removeUndefined && value === undefined) delete current[prop];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return target;
+};
+var deepGet = function deepGet(target, path) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  if (!is_isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string') throw new Error('Path must be a string.');
+
+  // empty root
+  if (path === '') return target;
+  var defaultValue = options.defaultValue,
+    strictMode = options.strictMode;
+  var current = target;
+  var _iterator2 = createForOfIteratorHelper_default()(pathGenerator(path)),
+    _step2;
+  try {
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      var _step2$value = slicedToArray_default()(_step2.value, 3),
+        prop = _step2$value[0],
+        mode = _step2$value[2];
+      var isStrict = mode === PATH_MODE.strict || strictMode && defaultValue === undefined && mode !== PATH_MODE.loose;
+      // eslint-disable-next-line eqeqeq
+      if (current != null && object_hasOwnProperty.call(current, prop)) {
+        current = current[prop];
+      } else if (isStrict) {
+        throw new Error("Path ".concat(path, " is not exist."));
+      } else {
+        current = defaultValue;
+        break;
+      }
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+  return current;
+};
+var deepRemove = function deepRemove(target, path) {
+  if (!is_isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string' || !path) throw new Error('Path must be a string.');
+  var current = target;
+  var nextIsArray = false;
+  var _iterator3 = createForOfIteratorHelper_default()(pathGenerator(path)),
+    _step3;
+  try {
+    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+      var _step3$value = slicedToArray_default()(_step3.value, 2),
+        prop = _step3$value[0],
+        next = _step3$value[1];
+      // eslint-disable-next-line eqeqeq
+      if (current == null || !object_hasOwnProperty.call(current, prop)) {
+        break;
+      }
+      if (next) {
+        current = current[prop];
+        nextIsArray = /^\[\d+\]/.test(next);
+      } else if (is_isObject(current)) {
+        if (nextIsArray) throw new Error('Target is an object, expect array');
+        delete current[prop];
+      } else {
+        if (!nextIsArray) {
+          throw new Error('Target is an array, expect object');
+        }
+        current.splice(prop, 1);
+      }
+    }
+  } catch (err) {
+    _iterator3.e(err);
+  } finally {
+    _iterator3.f();
+  }
+  return target;
+};
+var deepHas = function deepHas(target, path) {
+  if (!isObject(target)) throw new Error('Target must be an object.');
+  if (typeof path !== 'string') throw new Error('Path must be a string.');
+  if (path === '') return true;
+  var current = target;
+  var _iterator4 = _createForOfIteratorHelper(pathGenerator(path)),
+    _step4;
+  try {
+    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+      var _step4$value = _slicedToArray(_step4.value, 2),
+        prop = _step4$value[0];
+      if (!current || !object_hasOwnProperty.call(current, prop)) return false;
+      current = current[prop];
+    }
+  } catch (err) {
+    _iterator4.e(err);
+  } finally {
+    _iterator4.f();
+  }
+  return true;
+};
+var object_entries = function entries(obj) {
+  if (!obj) return [];
+  var keys = Object.keys(obj);
+  return keys.map(function (key) {
+    return [key, obj[key]];
+  });
+};
+var removeProps = function removeProps(target, remove) {
+  var a = {};
+  var _iterator5 = createForOfIteratorHelper_default()(object_entries(target)),
+    _step5;
+  try {
+    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+      var _step5$value = slicedToArray_default()(_step5.value, 2),
+        key = _step5$value[0],
+        value = _step5$value[1];
+      if (!(key in remove)) {
+        a[key] = value;
+      }
+    }
+  } catch (err) {
+    _iterator5.e(err);
+  } finally {
+    _iterator5.f();
+  }
+  return a;
+};
+
+/**
+ * 获取数据对象的全量key路径
+ * @param obj 数据对象
+ * @param parentKey 父级key
+ * @returns 全量key路径
+ * @example
+ * const obj = { a: { b: { c: 1 } } };
+ * const keys = getAllKeyPaths(obj);
+ * console.log(keys); // ['a.b.c', 'a.b', 'a']
+ */
+var getAllKeyPaths = function getAllKeyPaths(obj) {
+  var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  return Object.keys(obj).reduce(function (keys, key) {
+    var newKey = parentKey ? "".concat(parentKey, ".").concat(key) : key;
+    if (Array.isArray(obj[key])) {
+      var childrenKeys = obj[key].map(function (item, index) {
+        if (item !== null && typeof_default()(item) === 'object') {
+          return getAllKeyPaths(item, "".concat(newKey, "[").concat(index, "]"));
+        }
+        return null;
+      }).filter(function (item) {
+        return item !== null;
+      });
+      return keys.concat.apply(keys, toConsumableArray_default()(childrenKeys)).concat(newKey);
+    }
+    return keys.concat(obj[key] !== null && typeof_default()(obj[key]) === 'object' ? getAllKeyPaths(obj[key], newKey) : newKey);
+  }, []);
+};
+
+/**
+ * 获取完整的字段key
+ * @param fields 字段key
+ * @param allFields 所有字段key
+ * @returns 完整的字段key
+ * @example
+ * const fields = ['user']
+ * const allFields = ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
+ * const completeFields = getCompleteFieldKeys(fields, allFields)
+ * console.log(completeFields) // ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
+ */
+var getCompleteFieldKeys = function getCompleteFieldKeys(fields, allFields) {
+  var fieldsArray = isArray(fields) ? fields : [fields];
+  var completeFields = [];
+  fieldsArray.forEach(function (field) {
+    var na = "".concat(field, "[");
+    if (field.endsWith(']')) {
+      na = field;
+    }
+    var no = "".concat(field, ".");
+    completeFields.push(field);
+    var childFields = allFields.filter(function (f) {
+      return f.startsWith(na) || f.startsWith(no);
+    });
+    if (childFields.length) {
+      completeFields.push.apply(completeFields, toConsumableArray_default()(childFields));
+    }
+  });
+
+  // 返回之前去重
+  return Array.from(new Set(completeFields));
+};
 ;// CONCATENATED MODULE: ../hooks/src/components/use-check/use-check.ts
 
 
@@ -33889,6 +34312,7 @@ var Lazyload = function Lazyload(props) {
 
 
 
+
 var useCheck = function useCheck(props) {
   var checked = props.checked,
     defaultChecked = props.defaultChecked,
@@ -33908,9 +34332,12 @@ var useCheck = function useCheck(props) {
   };
   var inputRef = external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);
   var handleInputRef = use_fork_ref(inputRef, inputRefPo);
-  var handleClick = function handleClick(otherHandlers) {
+  var handleClick = function handleClick(otherHandlers, needStopPropagation) {
     return function (event) {
       var _inputRef$current, _otherHandlers$onClic;
+      if (needStopPropagation) {
+        event.stopPropagation();
+      }
       (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
       otherHandlers === null || otherHandlers === void 0 || (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 || _otherHandlers$onClic.call(otherHandlers, event);
     };
@@ -33918,8 +34345,10 @@ var useCheck = function useCheck(props) {
   var getRootProps = function getRootProps() {
     var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var externalEventHandlers = extractEventHandlers(externalProps);
-    return objectSpread2_default()(objectSpread2_default()({}, externalProps), {}, {
-      onClick: handleClick(externalEventHandlers)
+    return objectSpread2_default()(objectSpread2_default()({}, removeProps(externalProps, {
+      needStopPropagation: true
+    })), {}, {
+      onClick: handleClick(externalEventHandlers, externalProps.needStopPropagation)
     });
     //封装点击事件 点击触发input 的点击
     // disabled 禁用后不可点击
@@ -33948,6 +34377,7 @@ var useCheck = function useCheck(props) {
       disabled: disabled
     }, checkProps), {}, {
       onClick: function onClick(e) {
+        // TODO: 这个e.stopPropagation生效不了，外部的触发是通过inputRef.current?.click()方式的；没啥用的代码
         e.stopPropagation();
         _onClick === null || _onClick === void 0 || _onClick(e);
       },
@@ -34020,7 +34450,8 @@ var Checkbox = function Checkbox(props) {
     id: fieldId
   }, getRootProps({
     className: rootClass,
-    style: style
+    style: style,
+    needStopPropagation: props.needStopPropagation
   })), {}, {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("input", objectSpread2_default()(objectSpread2_default()({}, inputProps), {}, {
       type: "checkbox"
@@ -34569,327 +35000,6 @@ var useInputFormat = function useInputFormat(props) {
   };
 };
 /* harmony default export */ var use_input_format = (useInputFormat);
-;// CONCATENATED MODULE: ../hooks/src/utils/object.ts
-
-
-
-
-
-function insertPoint(name) {
-  var reg = /(\[\d+\])/gi;
-  return name.replace(reg, function (s, m, i) {
-    return s.replace(m, i === 0 ? m : ".".concat(m));
-  });
-}
-var object_hasOwnProperty = Object.prototype.hasOwnProperty;
-var PATH_MODE = {
-  loose: '?',
-  strict: '!',
-  insert: '^',
-  append: '$'
-};
-// Object.values()
-var objectValues = function objectValues(obj) {
-  if (!obj) return [];
-  return Object.keys(obj).map(function (k) {
-    return obj[k];
-  });
-};
-
-// object only, not handle array.
-var deepMerge = function deepMerge() {
-  var target = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var source = arguments.length > 1 ? arguments[1] : undefined;
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var clone = options.clone,
-    removeUndefined = options.removeUndefined,
-    skipUndefined = options.skipUndefined;
-  if (!isMergeable(source)) return source;
-  var dest = {};
-  if (isMergeable(target)) {
-    Object.keys(target).forEach(function (k) {
-      dest[k] = clone ? deepMerge({}, target[k], options) : target[k];
-      if (removeUndefined && dest[k] === undefined) delete dest[k];
-    });
-  }
-  Object.keys(source).forEach(function (k) {
-    if (isMergeable(source[k]) && isMergeable(target[k])) {
-      dest[k] = deepMerge(target[k], source[k], options);
-    } else {
-      if (skipUndefined && source[k] === undefined) return;
-      dest[k] = deepMerge({}, source[k], options);
-      if (removeUndefined && dest[k] === undefined) delete dest[k];
-    }
-  });
-  return dest;
-};
-function pathGenerator(raw) {
-  var path = insertPoint(raw);
-  var reg = /^\[(\d+)\]$/;
-  var pathModeValues = objectValues(PATH_MODE);
-  var index = 0;
-  var last = 0;
-  var prop = '';
-  var results = [];
-  while (index >= 0) {
-    index = path.indexOf('.', last);
-    prop = path.substring(last, index === -1 ? undefined : index);
-    var mode = void 0;
-    var lastChar = prop.charAt(prop.length - 1);
-    if (pathModeValues.includes(lastChar)) {
-      mode = lastChar;
-      prop = prop.substring(0, prop.length - 1);
-    }
-
-    // array index
-    var match = reg.exec(prop);
-    // eslint-disable-next-line
-    if (match) prop = parseInt(match[1], 10);
-    last = index + 1;
-    results.push([prop, index === -1 ? undefined : path.substring(last), mode]);
-  }
-  return results;
-}
-var deepSet = function deepSet(target, path, value) {
-  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-  if (!is_isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string') throw new Error('Path must be a string.');
-  var removeUndefined = options.removeUndefined,
-    skipUndefined = options.skipUndefined;
-  var mergeOptions = {
-    clone: true,
-    removeUndefined: removeUndefined,
-    skipUndefined: skipUndefined
-  };
-
-  // empty root
-  if (path === '') {
-    var dest = deepMerge(target, value, mergeOptions);
-    Object.keys(dest).forEach(function (k) {
-      target[k] = dest[k];
-    });
-    return target;
-  }
-  var current = target;
-  var _iterator = createForOfIteratorHelper_default()(pathGenerator(path)),
-    _step;
-  try {
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      var _step$value = slicedToArray_default()(_step.value, 3),
-        prop = _step$value[0],
-        next = _step$value[1],
-        mode = _step$value[2];
-      if (next) {
-        var nextIsArray = /^\[\d+\]/.test(next);
-        if (!current[prop]) current[prop] = nextIsArray ? [] : {};
-        if (nextIsArray && !Array.isArray(current[prop])) {
-          throw new Error("Path ".concat(path, " expect an array."));
-        } else if (Array.isArray(current[prop]) && !nextIsArray) {
-          throw new Error("Path ".concat(path, " is an array, expect an object."));
-        }
-        current = current[prop];
-        continue;
-      }
-      if (options.forceSet) {
-        current[prop] = value;
-      } else if (mode === PATH_MODE.insert) {
-        current.splice(prop, 0, value);
-      } else if (mode === PATH_MODE.append) {
-        current.splice(prop + 1, 0, value);
-      } else {
-        if (skipUndefined && value === undefined) break;
-        current[prop] = isMergeable(current[prop]) && isMergeable(value) ? deepMerge(current[prop], value, mergeOptions) : value;
-      }
-      if (removeUndefined && value === undefined) delete current[prop];
-    }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
-  }
-  return target;
-};
-var deepGet = function deepGet(target, path) {
-  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  if (!is_isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string') throw new Error('Path must be a string.');
-
-  // empty root
-  if (path === '') return target;
-  var defaultValue = options.defaultValue,
-    strictMode = options.strictMode;
-  var current = target;
-  var _iterator2 = createForOfIteratorHelper_default()(pathGenerator(path)),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var _step2$value = slicedToArray_default()(_step2.value, 3),
-        prop = _step2$value[0],
-        mode = _step2$value[2];
-      var isStrict = mode === PATH_MODE.strict || strictMode && defaultValue === undefined && mode !== PATH_MODE.loose;
-      // eslint-disable-next-line eqeqeq
-      if (current != null && object_hasOwnProperty.call(current, prop)) {
-        current = current[prop];
-      } else if (isStrict) {
-        throw new Error("Path ".concat(path, " is not exist."));
-      } else {
-        current = defaultValue;
-        break;
-      }
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
-  }
-  return current;
-};
-var deepRemove = function deepRemove(target, path) {
-  if (!is_isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string' || !path) throw new Error('Path must be a string.');
-  var current = target;
-  var nextIsArray = false;
-  var _iterator3 = createForOfIteratorHelper_default()(pathGenerator(path)),
-    _step3;
-  try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var _step3$value = slicedToArray_default()(_step3.value, 2),
-        prop = _step3$value[0],
-        next = _step3$value[1];
-      // eslint-disable-next-line eqeqeq
-      if (current == null || !object_hasOwnProperty.call(current, prop)) {
-        break;
-      }
-      if (next) {
-        current = current[prop];
-        nextIsArray = /^\[\d+\]/.test(next);
-      } else if (is_isObject(current)) {
-        if (nextIsArray) throw new Error('Target is an object, expect array');
-        delete current[prop];
-      } else {
-        if (!nextIsArray) {
-          throw new Error('Target is an array, expect object');
-        }
-        current.splice(prop, 1);
-      }
-    }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
-  }
-  return target;
-};
-var deepHas = function deepHas(target, path) {
-  if (!isObject(target)) throw new Error('Target must be an object.');
-  if (typeof path !== 'string') throw new Error('Path must be a string.');
-  if (path === '') return true;
-  var current = target;
-  var _iterator4 = _createForOfIteratorHelper(pathGenerator(path)),
-    _step4;
-  try {
-    for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-      var _step4$value = _slicedToArray(_step4.value, 2),
-        prop = _step4$value[0];
-      if (!current || !object_hasOwnProperty.call(current, prop)) return false;
-      current = current[prop];
-    }
-  } catch (err) {
-    _iterator4.e(err);
-  } finally {
-    _iterator4.f();
-  }
-  return true;
-};
-var object_entries = function entries(obj) {
-  if (!obj) return [];
-  var keys = Object.keys(obj);
-  return keys.map(function (key) {
-    return [key, obj[key]];
-  });
-};
-var removeProps = function removeProps(target, remove) {
-  var a = {};
-  var _iterator5 = createForOfIteratorHelper_default()(object_entries(target)),
-    _step5;
-  try {
-    for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
-      var _step5$value = slicedToArray_default()(_step5.value, 2),
-        key = _step5$value[0],
-        value = _step5$value[1];
-      if (!(key in remove)) {
-        a[key] = value;
-      }
-    }
-  } catch (err) {
-    _iterator5.e(err);
-  } finally {
-    _iterator5.f();
-  }
-  return a;
-};
-
-/**
- * 获取数据对象的全量key路径
- * @param obj 数据对象
- * @param parentKey 父级key
- * @returns 全量key路径
- * @example
- * const obj = { a: { b: { c: 1 } } };
- * const keys = getAllKeyPaths(obj);
- * console.log(keys); // ['a.b.c', 'a.b', 'a']
- */
-var getAllKeyPaths = function getAllKeyPaths(obj) {
-  var parentKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return Object.keys(obj).reduce(function (keys, key) {
-    var newKey = parentKey ? "".concat(parentKey, ".").concat(key) : key;
-    if (Array.isArray(obj[key])) {
-      var childrenKeys = obj[key].map(function (item, index) {
-        if (item !== null && typeof_default()(item) === 'object') {
-          return getAllKeyPaths(item, "".concat(newKey, "[").concat(index, "]"));
-        }
-        return null;
-      }).filter(function (item) {
-        return item !== null;
-      });
-      return keys.concat.apply(keys, toConsumableArray_default()(childrenKeys)).concat(newKey);
-    }
-    return keys.concat(obj[key] !== null && typeof_default()(obj[key]) === 'object' ? getAllKeyPaths(obj[key], newKey) : newKey);
-  }, []);
-};
-
-/**
- * 获取完整的字段key
- * @param fields 字段key
- * @param allFields 所有字段key
- * @returns 完整的字段key
- * @example
- * const fields = ['user']
- * const allFields = ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
- * const completeFields = getCompleteFieldKeys(fields, allFields)
- * console.log(completeFields) // ['user', 'user.name', 'user.age', 'user[0].name', 'user[0].age', 'user[1].name', 'user[1].age']
- */
-var getCompleteFieldKeys = function getCompleteFieldKeys(fields, allFields) {
-  var fieldsArray = isArray(fields) ? fields : [fields];
-  var completeFields = [];
-  fieldsArray.forEach(function (field) {
-    var na = "".concat(field, "[");
-    if (field.endsWith(']')) {
-      na = field;
-    }
-    var no = "".concat(field, ".");
-    completeFields.push(field);
-    var childFields = allFields.filter(function (f) {
-      return f.startsWith(na) || f.startsWith(no);
-    });
-    if (childFields.length) {
-      completeFields.push.apply(completeFields, toConsumableArray_default()(childFields));
-    }
-  });
-
-  // 返回之前去重
-  return Array.from(new Set(completeFields));
-};
 ;// CONCATENATED MODULE: ../base/src/common/use-clear.ts
 
 var useClear = function useClear(props) {
@@ -48648,6 +48758,7 @@ var Empty = function Empty(props) {
     }, rest);
   };
   var renderImage = function renderImage() {
+    if (icon === null) return null;
     if (imgSrc) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.image,
@@ -52784,22 +52895,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);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     return function () {
       unBindUpdate(id);
@@ -52813,8 +52911,8 @@ var TreeCheckbox = function TreeCheckbox(props) {
     jssStyle: jssStyle,
     checked: checked,
     disabled: disabled,
-    onChange: handleChange,
-    onClick: handleClick
+    onChange: onChange,
+    needStopPropagation: true
   });
 };
 /* harmony default export */ var tree_checkbox = (TreeCheckbox);
@@ -52833,6 +52931,9 @@ var TreeCheckbox = function TreeCheckbox(props) {
 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,
@@ -52853,7 +52954,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,
@@ -52864,8 +52966,7 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = classnames_default()(contentStyle.text);
+  var textClass = classnames_default()(contentStyle.text, defineProperty_default()({}, contentStyle.textClickable, actionOnClick && !is_isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -52879,7 +52980,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) {
@@ -52892,20 +52993,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__*/(0,jsx_runtime.jsx)("span", {
+      style: virtual ? {
+        left: (level - 1) * 24
+      } : undefined,
       className: contentStyle.iconWrapper,
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
@@ -52930,20 +53054,23 @@ var NodeContent = function NodeContent(props) {
         dir: config.direction,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: isFunc(icon) ? icon(data) : icon
         })
       });
     } else {
       indicator = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+        style: virtual ? {
+          left: (level - 1) * 24
+        } : undefined,
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
         dir: config.direction,
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
           className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: isFunc(icon) ? icon(data) : hasExpandIcons ? icon : icons_config.tree.Expand
         })
@@ -52961,7 +53088,8 @@ var NodeContent = function NodeContent(props) {
       id: id,
       disabled: disabled,
       className: contentStyle.checkbox,
-      onChange: onChange
+      checked: checked,
+      onChange: handleNodeCheck
     });
   };
   var renderNode = function renderNode() {
@@ -52970,29 +53098,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__*/(0,jsx_runtime.jsxs)("div", {
     className: rootClass,
     onDragOver: onDragOver,
     dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
+    children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()({
       dir: config.direction,
       "data-expanded": expanded,
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
+    }, contentDataProps()), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         dir: config.direction,
         className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
+        onDoubleClick: onNodeDoubleClick,
+        onClick: handleNodeClick,
         children: renderNode()
-      }))]
+      })]
     }))]
   });
 };
@@ -53125,7 +53247,8 @@ var Node = function Node(props) {
     onDragLeave = props.onDragLeave,
     onDragStart = props.onDragStart,
     onDragEnd = props.onDragEnd,
-    List = props.listComponent;
+    List = props.listComponent,
+    actionOnClick = props.actionOnClick;
   initPlaceElement();
   var config = useConfig();
   var element = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -53290,7 +53413,8 @@ var Node = function Node(props) {
       dragSibling: dragSibling,
       dragHoverExpand: dragHoverExpand,
       dragImageStyle: dragImageStyle,
-      dragImageSelector: dragImageSelector
+      dragImageSelector: dragImageSelector,
+      actionOnClick: actionOnClick
     };
   };
   var getDropProps = function getDropProps() {
@@ -53310,6 +53434,7 @@ var Node = function Node(props) {
     className: rootClass,
     dir: config.direction,
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)(tree_content, {
+      virtual: false,
       jssStyle: jssStyle,
       isControlled: isControlled,
       id: id,
@@ -53338,204 +53463,12 @@ var Node = function Node(props) {
       onFetch: handleFetch,
       onNodeClick: onNodeClick,
       onDragOver: handleDragOver,
-      onToggle: handleToggle
+      onToggle: handleToggle,
+      actionOnClick: actionOnClick
     }), hasChildren && /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.createElement)(List, getChildrenListProps())]
   }));
 };
 /* harmony default export */ var tree_simple_node = (Node);
-;// CONCATENATED MODULE: ../base/src/tree/tree-virtual-content.tsx
-
-
-
-
-
-
-
-
-
-
-
-
-var NodeVirtualContent = function NodeVirtualContent(props) {
-  var jssStyle = props.jssStyle,
-    id = props.id,
-    level = props.level,
-    active = props.active,
-    data = props.data,
-    line = props.line,
-    iconClass = props.iconClass,
-    contentClassProp = props.contentClass,
-    expandIcons = props.expandIcons,
-    renderItem = props.renderItem,
-    expanded = props.expanded,
-    fetching = props.fetching,
-    inlineNode = props.inlineNode,
-    childrenKey = props.childrenKey,
-    parentClickExpand = props.parentClickExpand,
-    doubleClickExpand = props.doubleClickExpand,
-    bindContent = props.bindContent,
-    highlight = props.highlight,
-    setFetching = props.setFetching,
-    loader = props.loader,
-    onChange = props.onChange,
-    onToggle = props.onToggle,
-    onNodeClick = props.onNodeClick;
-  var forceUpdate = useRender();
-  var _useTreeContext = useTreeContext(),
-    isDisabled = _useTreeContext.isDisabled,
-    bindUpdate = _useTreeContext.bindUpdate;
-  var clickLock = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);
-  var config = useConfig();
-  var disabled = isDisabled(id);
-  bindUpdate(id, forceUpdate);
-  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(contentStyle.contentWrapper, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
-  var contentClass = classnames_default()(contentStyle.content, isString(contentClassProp) && contentClassProp, isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = classnames_default()(contentStyle.text);
-  var hasExpandIcons = expandIcons !== undefined;
-  var children = data[childrenKey];
-  var hasChildren = children && children.length > 0;
-  var contentDataProps = function contentDataProps() {
-    var dataProps = {};
-    if (highlight) {
-      dataProps['data-active'] = active;
-    }
-    // if (disabled) {
-    //   dataProps['data-disabled'] = disabled;
-    // }
-    return dataProps;
-  };
-  var handleIndicatorClick = function handleIndicatorClick() {
-    onToggle === null || onToggle === void 0 || onToggle(id);
-    if (data[childrenKey] !== undefined) return;
-    if (loader) {
-      setFetching(true);
-      var result = loader(id, data);
-      if (isPromise(result)) {
-        result.then(function () {
-          setFetching(false);
-        });
-      }
-    }
-  };
-  var handleNodeClick = function handleNodeClick() {
-    if (parentClickExpand && hasChildren) {
-      if (clickLock.current) {
-        clickLock.current = false;
-        return;
-      }
-      handleIndicatorClick();
-    } else {
-      onNodeClick(data, id);
-    }
-  };
-  var handleClick = function handleClick() {
-    clickLock.current = true;
-  };
-  var handleNodeExpand = function handleNodeExpand() {
-    if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
-  };
-  var renderLoading = function renderLoading() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-      style: {
-        left: (level - 1) * 24
-      },
-      className: contentStyle.iconWrapper,
-      "data-expanded": expanded,
-      "data-icon": hasExpandIcons,
-      dir: config.direction,
-      children: /*#__PURE__*/(0,jsx_runtime.jsx)(src_spin_spin, {
-        size: 12,
-        jssStyle: jssStyle,
-        ignoreConfig: true,
-        name: "ring"
-      })
-    });
-  };
-  var renderIndicator = function renderIndicator() {
-    var children = data[childrenKey];
-    var icon = expandIcons ? expandIcons[expanded ? 1 : 0] : expanded ? icons_config.tree.LineExpand : icons_config.tree.LineCollapse;
-    var indicator;
-    if (line) {
-      indicator = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-          className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: isFunc(icon) ? icon(data) : icon
-        })
-      });
-    } else {
-      indicator = /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-        style: {
-          left: (level - 1) * 24
-        },
-        className: contentStyle.iconWrapper,
-        "data-expanded": expanded,
-        "data-icon": hasExpandIcons,
-        dir: config.direction,
-        children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
-          className: classnames_default()(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
-          dir: config.direction,
-          children: isFunc(icon) ? icon(data) : hasExpandIcons ? icon : icons_config.tree.Expand
-        })
-      });
-    }
-    if (children && children.length > 0) return indicator;
-    if (Array.isArray(children) || children === null) return null;
-    if (fetching && !children) return renderLoading();
-    if (loader && children === undefined) return indicator;
-    return null;
-  };
-  var renderCheckbox = function renderCheckbox() {
-    return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_checkbox, {
-      jssStyle: jssStyle,
-      id: id,
-      disabled: disabled,
-      className: contentStyle.checkbox,
-      onChange: onChange,
-      onClick: handleClick
-    });
-  };
-  var renderNode = function renderNode() {
-    var render = isFunc(renderItem) ? renderItem : function (item) {
-      return item[renderItem];
-    };
-    return render(data, expanded, active, id);
-  };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
-  return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-    className: rootClass,
-    dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
-      dir: config.direction,
-      "data-expanded": expanded,
-      ref: bindContent,
-      className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
-        dir: config.direction,
-        className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
-        children: renderNode()
-      }))]
-    }))]
-  });
-};
-/* harmony default export */ var tree_virtual_content = (NodeVirtualContent);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-tree/use-tree-virtual-node.ts
 
 
@@ -53650,7 +53583,8 @@ var VirtualNode = function VirtualNode(props) {
     loader = props.loader,
     onChange = props.onChange,
     onNodeClick = props.onNodeClick,
-    onToggle = props.onToggle;
+    onToggle = props.onToggle,
+    actionOnClick = props.actionOnClick;
   var config = useConfig();
   var datum = useTreeContext();
   var element = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
@@ -53698,7 +53632,8 @@ var VirtualNode = function VirtualNode(props) {
     style: {
       paddingLeft: level * 24
     },
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(tree_virtual_content, {
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(tree_content, {
+      virtual: true,
       jssStyle: jssStyle,
       isControlled: isControlled,
       id: id,
@@ -53726,7 +53661,8 @@ var VirtualNode = function VirtualNode(props) {
       onChange: onChange,
       onFetch: handleFetch,
       onNodeClick: onNodeClick,
-      onToggle: handleToggle
+      onToggle: handleToggle,
+      actionOnClick: actionOnClick
     })
   });
 };
@@ -53738,6 +53674,7 @@ var VirtualNode = function VirtualNode(props) {
 
 
 var TreeNode = function TreeNode(props) {
+  // TODO: 外部没有传递 virtual 属性的用法，考虑删除
   var virtual = props.virtual;
   if (virtual) {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_virtual_node, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
@@ -53797,7 +53734,8 @@ var tree_list_List = function List(props) {
     childrenClass = props.childrenClass,
     childrenClassName = props.childrenClassName,
     parentClickExpand = props.parentClickExpand,
-    doubleClickExpand = props.doubleClickExpand;
+    doubleClickExpand = props.doubleClickExpand,
+    actionOnClick = props.actionOnClick;
   var listClass = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = classnames_default()(className || listClass.children, childrenClassName);
   var getKey = function getKey(data, index) {
@@ -53848,7 +53786,8 @@ var tree_list_List = function List(props) {
       onDragOver: onDragOver,
       onDragStart: onDragStart,
       onDragEnd: onDragEnd,
-      onDragLeave: onDragLeave
+      onDragLeave: onDragLeave,
+      actionOnClick: actionOnClick
     }, id);
   };
   if (!expanded && !hasExpanded.current) return null;
@@ -53872,13 +53811,24 @@ var tree_root_excluded = ["jssStyle", "rootStyle"];
 
 
 
+
 var Root = function Root(props) {
   var jssStyle = props.jssStyle,
     _props$rootStyle = props.rootStyle,
     rootStyle = _props$rootStyle === void 0 ? {} : _props$rootStyle,
     rest = objectWithoutProperties_default()(props, tree_root_excluded);
   var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(treeStyle.root);
+  var notTree = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (!props.data) return true;
+    return props.data.every(function (item) {
+      if (!item) return true;
+      if (!item[props.childrenKey]) return !props.loader;
+      if (item[props.childrenKey] === null) return true;
+      if (Array.isArray(item[props.childrenKey]) && item[props.childrenKey].length === 0) return true;
+      return false;
+    });
+  }, [props.data]);
+  var rootClass = classnames_default()(treeStyle.root, notTree && treeStyle.notTree);
   return /*#__PURE__*/(0,jsx_runtime.jsx)(tree_list, objectSpread2_default()(objectSpread2_default()({}, rest), {}, {
     expanded: true,
     className: rootClass,
@@ -53978,7 +53928,7 @@ var TreeVirtual = function TreeVirtual(props) {
 
 
 
-var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
+var tree_excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum", "actionOnClick"];
 
 
 
@@ -54040,6 +53990,7 @@ var Tree = function Tree(props) {
     onDragOver = props.onDragOver,
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
+    actionOnClick = props.actionOnClick,
     rest = objectWithoutProperties_default()(props, tree_excluded);
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(propActive),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -54203,7 +54154,8 @@ var Tree = function Tree(props) {
         isControlled: 'expanded' in props,
         bindNode: datum.bindNode,
         onNodeClick: handleNodeClick,
-        onToggle: handleToggle
+        onToggle: handleToggle,
+        actionOnClick: actionOnClick
       }));
     }
     console.log('data', data);
@@ -54242,7 +54194,8 @@ var Tree = function Tree(props) {
       parentClickExpand: parentClickExpand,
       doubleClickExpand: doubleClickExpand,
       dragImageSelector: getDragImageSelector,
-      dragImageStyle: dragImageStyle
+      dragImageStyle: dragImageStyle,
+      actionOnClick: actionOnClick
     });
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
@@ -60343,6 +60296,87 @@ var useTableLayout = function useTableLayout(props) {
   };
 };
 /* harmony default export */ var use_table_layout = (useTableLayout);
+;// CONCATENATED MODULE: ../hooks/src/components/use-table/use-table-filter.ts
+
+
+
+
+
+var useTableFilter = function useTableFilter(props) {
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(new Map()),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    filterInfo = _useState2[0],
+    setFilterInfo = _useState2[1];
+  var activeFilters = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    return Array.from(filterInfo.keys()).filter(function (key) {
+      var _filterInfo$get;
+      return ((_filterInfo$get = filterInfo.get(key)) === null || _filterInfo$get === void 0 ? void 0 : _filterInfo$get.value) !== undefined;
+    });
+  }, [filterInfo]);
+  var filteredData = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    var _props$data;
+    if (activeFilters.length === 0) return props.data;
+    return (_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.filter(function (item) {
+      return activeFilters.every(function (key) {
+        var filter = filterInfo.get(key);
+        if ((filter === null || filter === void 0 ? void 0 : filter.value) === undefined) return true;
+        if (Array.isArray(filter.value) && filter.value.length === 0) return true;
+        if (filter !== null && filter !== void 0 && filter.onFilter && isFunc(filter.onFilter)) {
+          return filter.onFilter(filter.value, item);
+        }
+        return true;
+      });
+    });
+  }, [activeFilters, props.data]);
+  var onFilterChange = use_persist_fn(function (columnKey, value) {
+    if (columnKey === '__reset__') {
+      setFilterInfo(function (prev) {
+        var next = new Map(prev);
+        next.forEach(function (v, k) {
+          next.set(k, objectSpread2_default()(objectSpread2_default()({}, v), {}, {
+            value: undefined
+          }));
+        });
+        return next;
+      });
+    } else {
+      setFilterInfo(function (prev) {
+        var _prev$get;
+        var next = new Map(prev);
+        next.set(columnKey, {
+          value: value,
+          onFilter: (_prev$get = prev.get(columnKey)) === null || _prev$get === void 0 ? void 0 : _prev$get.onFilter
+        });
+        return next;
+      });
+    }
+  });
+
+  // 根据columns生成filterInfo
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    var _props$columns;
+    var filterColumns = props === null || props === void 0 || (_props$columns = props.columns) === null || _props$columns === void 0 ? void 0 : _props$columns.filter(function (column) {
+      return column.filter;
+    });
+    var _filterInfo = filterColumns === null || filterColumns === void 0 ? void 0 : filterColumns.reduce(function (acc, column, index) {
+      var _column$filter;
+      var columnKey = typeof column.render === 'string' ? column.render : String(index);
+      acc.set(columnKey, {
+        value: undefined,
+        onFilter: (_column$filter = column.filter) === null || _column$filter === void 0 ? void 0 : _column$filter.onFilter
+      });
+      return acc;
+    }, new Map());
+    if (_filterInfo) setFilterInfo(_filterInfo);
+  }, [props.columns]);
+  return {
+    filterInfo: filterInfo,
+    setFilterInfo: setFilterInfo,
+    filteredData: filteredData,
+    onFilterChange: onFilterChange
+  };
+};
+/* harmony default export */ var use_table_filter = (useTableFilter);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-table/use-table-sort.ts
 
 
@@ -61219,6 +61253,256 @@ var useTableGroup = function useTableGroup(props) {
   };
 };
 /* harmony default export */ var use_table_group = (useTableGroup);
+;// CONCATENATED MODULE: ../base/src/table/thead-filter.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var FilterFooter = function FilterFooter(props) {
+  var tableClasses = props.tableClasses;
+  return /*#__PURE__*/(0,jsx_runtime.jsxs)("footer", {
+    className: tableClasses.filterFooter,
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
+      htmlType: "reset",
+      jssStyle: props.jssStyle,
+      size: "small",
+      onClick: props.onReset,
+      disabled: !props.resetable,
+      children: "\u91CD\u7F6E"
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_button_button, {
+      jssStyle: props.jssStyle,
+      size: "small",
+      type: "primary",
+      onClick: props.onConfirm,
+      children: "\u786E\u5B9A"
+    })]
+  });
+};
+var FilterSelect = function FilterSelect(props) {
+  var _props$filterInfo;
+  var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState2 = slicedToArray_default()(_useState, 2),
+    popoverVisible = _useState2[0],
+    setPopoverVisible = _useState2[1];
+  var _useState3 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),
+    _useState4 = slicedToArray_default()(_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 = 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__*/(0,jsx_runtime.jsxs)("div", {
+        className: tableClasses.filterRadio,
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(base_src_radio_radio, {
+          checked: active,
+          jssStyle: props.jssStyle
+        }), renderProp(d)]
+      });
+    }
+  };
+  var _useFilter = use_filter({
+      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__*/(0,jsx_runtime.jsxs)(base_src_button_button, {
+    jssStyle: props.jssStyle,
+    shape: "circle",
+    size: "small",
+    className: classnames_default()(tableClasses.filterIconContainer, (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) && tableClasses.filterActive),
+    style: {
+      border: 'none'
+    },
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: tableClasses.filterIcon,
+      children: filter.icon || icons_config.table.Filter
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
+      jssStyle: props.jssStyle,
+      trigger: "click",
+      showArrow: false,
+      visible: popoverVisible,
+      onVisibleChange: onVisibleChange,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: classnames_default()(tableClasses.filterContainer),
+        children: [(config === null || config === void 0 ? void 0 : config.search) && /*#__PURE__*/(0,jsx_runtime.jsx)("header", {
+          className: tableClasses.filterHeader,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_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__*/(0,jsx_runtime.jsx)("span", {
+              className: tableClasses.filterInputIcon,
+              children: icons_config.table.Search
+            })
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("section", {
+          className: tableClasses.filterBody,
+          children: displayData && displayData.length > 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(src_tree_tree, objectSpread2_default()({
+            keygen: function keygen(d) {
+              return d.value;
+            },
+            jssStyle: props.jssStyle,
+            data: displayData,
+            actionOnClick: ['check']
+          }, treeProps)) : /*#__PURE__*/(0,jsx_runtime.jsx)(src_empty_empty, {
+            jssStyle: props.jssStyle,
+            icon: null,
+            style: {
+              padding: '24px 0'
+            }
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)(FilterFooter, {
+          jssStyle: props.jssStyle,
+          tableClasses: tableClasses,
+          onReset: onReset,
+          onConfirm: onConfirm,
+          resetable: !!tempValue
+        })]
+      })
+    })]
+  });
+};
+var FilterSearch = function FilterSearch(props) {
+  var _props$filterInfo2;
+  var tableClasses = props.tableClasses,
+    filter = props.filter;
+  var _useState5 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(false),
+    _useState6 = slicedToArray_default()(_useState5, 2),
+    popoverVisible = _useState6[0],
+    setPopoverVisible = _useState6[1];
+  var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(),
+    _useState8 = slicedToArray_default()(_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);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.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__*/(0,jsx_runtime.jsxs)(base_src_button_button, {
+    jssStyle: props.jssStyle,
+    shape: "circle",
+    size: "small",
+    className: classnames_default()(tableClasses.filterIconContainer, (currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.value) && tableClasses.filterActive),
+    style: {
+      border: 'none'
+    },
+    children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+      className: tableClasses.filterIcon,
+      children: filter.icon || icons_config.table.Search
+    }), /*#__PURE__*/(0,jsx_runtime.jsx)(src_popover_popover, {
+      jssStyle: props.jssStyle,
+      trigger: "click",
+      showArrow: false,
+      visible: popoverVisible,
+      onVisibleChange: onVisibleChange,
+      children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
+        className: classnames_default()(tableClasses.filterContainer),
+        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("header", {
+          className: tableClasses.filterHeader,
+          children: /*#__PURE__*/(0,jsx_runtime.jsx)(base_src_input_input, {
+            jssStyle: props.jssStyle,
+            placeholder: "\u5728\u7B5B\u9009\u9879\u4E2D\u641C\u7D22",
+            className: tableClasses.filterInput,
+            prefix: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
+              className: tableClasses.filterInputIcon,
+              children: icons_config.table.Search
+            }),
+            value: tempValue,
+            onChange: setTempValue,
+            onEnterPress: onConfirm
+          })
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)(FilterFooter, {
+          jssStyle: props.jssStyle,
+          tableClasses: tableClasses,
+          onReset: onReset,
+          onConfirm: onConfirm,
+          resetable: !!tempValue
+        })]
+      })
+    })]
+  });
+};
 ;// CONCATENATED MODULE: ../base/src/table/thead.tsx
 
 
@@ -61230,6 +61514,7 @@ var useTableGroup = function useTableGroup(props) {
 
 
 
+
 var thead_toNum = toNum;
 /* harmony default export */ var thead = (function (props) {
   var _props$jssStyle, _props$jssStyle$table;
@@ -61328,6 +61613,34 @@ var thead_toNum = toNum;
       })
     });
   };
+  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__*/(0,jsx_runtime.jsx)(FilterSearch, {
+        tableClasses: tableClasses,
+        jssStyle: props.jssStyle,
+        filter: column.filter,
+        filterInfo: props.filterInfo,
+        onFilterChange: props.onFilterChange,
+        columnKey: columnKey
+      });
+    }
+    if (mode === 'select') {
+      return /*#__PURE__*/(0,jsx_runtime.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__*/(0,jsx_runtime.jsx)("div", {
@@ -61381,7 +61694,7 @@ var thead_toNum = toNum;
       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);
@@ -61389,14 +61702,15 @@ var thead_toNum = toNum;
     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__*/(0,jsx_runtime.jsx)("th", {
         className: cellClassName,
         rowSpan: columnLevel - level + 1,
         style: fixedStyle,
         dir: config.direction,
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-          className: classnames_default()(sorter && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.hasSorter)),
-          children: [renderTitle(colTemp.title), renderSort(colTemp), colTemp.columnResizable !== false && renderDrag(colTemp.index)]
+          className: classnames_default()(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;
@@ -61446,7 +61760,7 @@ var thead_toNum = toNum;
     }, 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);
       });
     }
   };
@@ -61458,7 +61772,7 @@ var thead_toNum = toNum;
     });
     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__*/(0,jsx_runtime.jsx)("tr", {
@@ -62196,6 +62510,23 @@ var tfoot_isArray = isArray,
     })
   });
 });
+;// CONCATENATED MODULE: ../base/src/table/tbody-empty.tsx
+
+
+function TbodyEmpty(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0,jsx_runtime.jsx)("tbody", {
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)("tr", {
+      children: /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+        style: {
+          border: 'none'
+        },
+        colSpan: Number.MAX_SAFE_INTEGER,
+        children: children
+      })
+    })
+  });
+}
 ;// CONCATENATED MODULE: ../base/src/table/table.tsx
 
 
@@ -62219,6 +62550,7 @@ var table_excluded = ["data"];
 
 
 
+
 var table_devUseWarning = devUseWarning;
 var table_emptyArr = [];
 var virtualScrollerStyle = {
@@ -62337,8 +62669,15 @@ var emptyRef = {
     scrollBarWidth = _useTableLayout.scrollBarWidth,
     scrollWidth = _useTableLayout.scrollWidth,
     resizeFlag = _useTableLayout.resizeFlag;
-  var _useTableSort = use_table_sort({
+  var _useTableFilter = use_table_filter({
       data: props.data,
+      columns: props.columns
+    }),
+    filteredData = _useTableFilter.filteredData,
+    filterInfo = _useTableFilter.filterInfo,
+    onFilterChange = _useTableFilter.onFilterChange;
+  var _useTableSort = use_table_sort({
+      data: filteredData,
       sorter: props.sorter,
       onSortCancel: props.onSortCancel,
       columns: columns
@@ -62462,16 +62801,18 @@ var emptyRef = {
   });
   var renderEmpty = function renderEmpty() {
     var _props$data2;
-    if ((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) return null;
-    return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
-      className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
-      ref: function ref(el) {
-        context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
-      },
-      children: props.empty || /*#__PURE__*/(0,jsx_runtime.jsx)(src_empty_empty, {
-        jssStyle: props.jssStyle
-      })
-    });
+    if (!((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) || filteredData !== undefined && filteredData.length === 0) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
+        ref: function ref(el) {
+          context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
+        },
+        children: props.empty || /*#__PURE__*/(0,jsx_runtime.jsx)(src_empty_empty, {
+          jssStyle: props.jssStyle
+        })
+      });
+    }
+    return null;
   };
   var renderTable = function renderTable() {
     var _props$summary, _sticky$top, _props$data3;
@@ -62517,6 +62858,8 @@ var emptyRef = {
       columns: columns,
       data: treeData,
       colgroup: colgroup,
+      filterInfo: filterInfo,
+      onFilterChange: onFilterChange,
       sortInfo: sortInfo,
       sortDirections: props.sortDirections,
       onSorterChange: onSorterChange,
@@ -62656,7 +62999,9 @@ var emptyRef = {
             width: width
           },
           ref: tbodyRef,
-          children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+          children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), bodyCommonProps.data.length === 0 ? /*#__PURE__*/(0,jsx_runtime.jsx)(TbodyEmpty, {
+            children: renderEmpty()
+          }) : /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
         })
       })]
     });
@@ -62770,7 +63115,9 @@ var table_jssStyle = {
   cascader: useCascaderStyle,
   treeSelect: useTreeSelectStyle,
   datePicker: useDatePickerStyle,
-  switch: useSwitchStyle
+  switch: useSwitchStyle,
+  popover: usePopoverStyle,
+  tree: useTreeStyle
 };
 /* harmony default export */ var src_table_table_0 = (function (props) {
   return /*#__PURE__*/(0,jsx_runtime.jsx)(src_table_table, objectSpread2_default()({
@@ -65323,7 +65670,8 @@ var TreeSelect = function TreeSelect(props0) {
         disabled: disabled,
         parentClickExpand: parentClickExpand,
         contentClass: getContentClass,
-        datum: datum
+        datum: datum,
+        actionOnClick: props.actionOnClick
       }))
     });
   };
@@ -68987,7 +69335,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.18'
+  version: '3.6.0-beta.19'
 });
 }();
 /******/ 	return __webpack_exports__;