@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.4

package/es/ProTree/index.js

@@ -1,23 +1,23 @@
-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); }
 import ProTree from "./components/ProTree";
 import ProTreeSelect from "./components/ProTreeSelect";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProTreeHandle = props => {
-  var _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'tree' : _props$mode;
+const ProTreeHandle = props => {
+  const {
+    mode = 'tree'
+  } = props;
   if (mode === 'treeSelect') {
-    var adaptorProps = _objectSpread(_objectSpread({}, props), {}, {
-      treeCheckable: props === null || props === void 0 ? void 0 : props.checkable,
-      treeCheckStrictly: props === null || props === void 0 ? void 0 : props.checkStrictly
+    const adaptorProps = {
+      ...props,
+      treeCheckable: props?.checkable,
+      treeCheckStrictly: props?.checkStrictly
+    };
+    return /*#__PURE__*/_jsx(ProTreeSelect, {
+      ...adaptorProps
     });
-    return /*#__PURE__*/_jsx(ProTreeSelect, _objectSpread({}, adaptorProps));
   }
-  return /*#__PURE__*/_jsx(ProTree, _objectSpread(_objectSpread({}, props), {}, {
-    checkedValues: props === null || props === void 0 ? void 0 : props.checkedKeys
-  }));
+  return /*#__PURE__*/_jsx(ProTree, {
+    ...props,
+    checkedValues: props?.checkedKeys
+  });
 };
 export default ProTreeHandle;

package/es/ProTree/style/index.less

@@ -11,13 +11,13 @@
 
 .pro-tree {
   height: 100%; // tree auto css
-  .@{ant-prefix}-tree-iconEle{
+  .@{ant-prefix}-tree-iconEle {
     margin-right: 8px;
   }
 
-  .@{ant-prefix}-tree-node-content-wrapper{
+  .@{ant-prefix}-tree-node-content-wrapper {
     display: flex;
-      align-items: baseline;
+    align-items: baseline;
   }
 
   .@{ant-prefix}-tree .@{ant-prefix}-tree-treenode-disabled {
@@ -35,8 +35,8 @@
   }
 
   // 解决双滚动条
-  .@{ant-prefix}-select-dropdown.pro-tree-select-drop-down-container.checkable-tree{
-    overflow: hidden!important;
+  .@{ant-prefix}-select-dropdown.pro-tree-select-drop-down-container.checkable-tree {
+    overflow: hidden !important;
   }
 
   .@{ant-prefix}-spin-nested-loading {
@@ -52,53 +52,52 @@
   }
 
   .pro-tree-search {
-     margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
+    margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
   }
 
   &-content {
-    display       : flex; // tree auto css
+    display: flex; // tree auto css
     flex-direction: column; // tree auto css
-    height        : 100%;
+    height: 100%;
 
     // overflow-y: scroll;
     .pro-tree-header-box,
     .pro-tree-footer-box {
-      display       : inline-flex;
+      display: inline-flex;
       flex-direction: column;
     }
 
     .pro-tree-tree-warp {
-      height    : 100%;
-      flex      : 1 1;
+      height: 100%;
+      flex: 1 1;
       overflow-y: auto;
       overflow-x: auto;
-      .@{ant-prefix}-tree-switcher:not(.@{ant-prefix}-tree-switcher-noop):hover:before{
+      .@{ant-prefix}-tree-switcher:not(.@{ant-prefix}-tree-switcher-noop):hover:before {
         background-color: transparent;
       }
-      .@{ant-prefix}-tree-checkbox{
+      .@{ant-prefix}-tree-checkbox {
         margin-top: 11px;
         align-self: flex-start;
       }
-
     }
 
     .tree-title-box {
-      display        : flex;
-      padding-top    : 10px;
+      display: flex;
+      padding-top: 10px;
       justify-content: space-between;
 
       .tree-title-text {
-        font-size    : var(--zaui-font-size-lg);
+        font-size: var(--zaui-font-size-lg);
         margin-bottom: var(--zaui-space-size-xs);
-        font-weight  : 500;
-        padding-left : 2px;
+        font-weight: 500;
+        padding-left: 2px;
       }
 
       .expand-button {
         padding-left: var(--zaui-space-size-sm);
-        display     : flex;
-        align-items : baseline;
-        cursor      : pointer;
+        display: flex;
+        align-items: baseline;
+        cursor: pointer;
         &.expand {
           .expand-icon {
             .anticon-caret-down {
@@ -108,7 +107,7 @@
         }
 
         .expand-icon {
-          font-size   : var(--zaui-font-size-sm, 12px);
+          font-size: var(--zaui-font-size-sm, 12px);
           margin-right: var(--zaui-space-size-xs);
         }
       }
@@ -124,14 +123,14 @@
 
     .@{ant-prefix}-tree-treenode {
       align-items: flex-start;
-      width      : 100%;
-      padding    : 0;
-      color      : var(--zaui-text);
-      font-size  : var(--zaui-font-size);
+      width: 100%;
+      padding: 0;
+      color: var(--zaui-text);
+      font-size: var(--zaui-font-size);
     }
 
     .@{ant-prefix}-tree-node-content-wrapper {
-      min-height : 20px;
+      min-height: 20px;
       line-height: 20px;
     }
 
@@ -140,7 +139,7 @@
 
       .@{ant-prefix}-tree-title {
         display: block;
-        width  : 100%;
+        width: 100%;
       }
     }
 
@@ -160,14 +159,14 @@
   }
 
   &-tree-node {
-    display       : flex;
+    display: flex;
     flex-direction: row;
-    padding       : 9px var(--zaui-space-size-sm);
-    margin-left   : -8px;
-    border-radius : var(--zaui-space-size-xs);
+    padding: 9px var(--zaui-space-size-sm);
+    margin-left: -8px;
+    border-radius: var(--zaui-space-size-xs);
 
     &:hover {
-      background: #F7F9FC;
+      background: #f7f9fc;
     }
 
     &:last-child {
@@ -176,29 +175,29 @@
 
     &.checked {
       position: relative;
-      z-index : 1;
-      color   : var(--zaui-brand);
+      z-index: 1;
+      color: var(--zaui-brand);
 
       .brand-bg-opa-ten {
-        position        : absolute;
-        width           : 100%;
-        height          : 100%;
-        top             : 0px;
-        left            : 0px;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0px;
+        left: 0px;
         background-color: var(--zaui-brand);
-        opacity         : 0.1;
-        z-index         : -1;
-        border-radius   : var(--zaui-space-size-xs);
+        opacity: 0.1;
+        z-index: -1;
+        border-radius: var(--zaui-space-size-xs);
       }
     }
 
     .tree-node-show-text {
-      display       : flex;
+      display: flex;
       flex-direction: row;
-      width         : 100%;
+      width: 100%;
 
       .tree-node-show-text-label {
-        flex    : 1;
+        flex: 1;
         overflow: hidden;
 
         span {
@@ -206,12 +205,12 @@
         }
 
         span.ellipse {
-          display      : block;
+          display: block;
           text-overflow: ellipsis;
-          overflow     : hidden;
-          height       : 20px;
-          word-break   : keep-all;
-          white-space  : nowrap;
+          overflow: hidden;
+          height: 20px;
+          word-break: keep-all;
+          white-space: nowrap;
         }
       }
     }
@@ -222,8 +221,8 @@
 
       .icon-item {
         transition-delay: 10s;
-        width           : 100%;
-        margin-left     : var(--zaui-space-size-xs);
+        width: 100%;
+        margin-left: var(--zaui-space-size-xs);
       }
 
       .icon-add {
@@ -237,28 +236,28 @@
 
     .operate-tree-node-btns-absolute {
       visibility: visible;
-      position  : absolute;
-      right     : 0px;
+      position: absolute;
+      right: 0px;
     }
   }
 
   &-tree-node-tag {
-    display        : flex;
-    align-items    : center;
+    display: flex;
+    align-items: center;
     justify-content: center;
-    height         : 20px;
-    margin-right   : var(--zaui-space-size-sm);
-    padding        : 0 var(--zaui-space-size-xs);
-    font-weight    : 400;
-    line-height    : 24px;
-    white-space    : nowrap;
-    border-radius  : var(--zaui-border-radius-card);
+    height: 20px;
+    margin-right: var(--zaui-space-size-sm);
+    padding: 0 var(--zaui-space-size-xs);
+    font-weight: 400;
+    line-height: 24px;
+    white-space: nowrap;
+    border-radius: var(--zaui-border-radius-card);
 
     span {
-      font-size  : var(--zaui-font-size-sm, 12px);
+      font-size: var(--zaui-font-size-sm, 12px);
       line-height: 20px;
-      text-align : center;
-      transform  : scale(0.83, 0.83);
+      text-align: center;
+      transform: scale(0.83, 0.83);
     }
   }
 
@@ -268,7 +267,7 @@
   }
 
   .@{ant-prefix}-tree-switcher {
-    width     : 20px;
+    width: 20px;
     align-self: flex-start;
     margin-top: -4px;
   }
@@ -279,9 +278,10 @@
 
   // 底部样式
   .pro-tree-footer-box {
-    z-index   : 4;
-    padding   : var(--zaui-space-size-md) var(--zaui-space-size-md) var(--zaui-space-size-md) var(--zaui-space-size-sm);
-    position  : relative;
+    z-index: 4;
+    padding: var(--zaui-space-size-md) var(--zaui-space-size-md) var(--zaui-space-size-md)
+      var(--zaui-space-size-sm);
+    position: relative;
     box-shadow: 0 -20px 5px -21px rgba(151, 151, 151, 0.32);
   }
 
@@ -292,11 +292,11 @@
   }
 
   .empty-tree {
-    color          : #939599;
-    height         : 100%;
-    text-align     : center;
-    display        : flex;
-    align-items    : center;
+    color: #939599;
+    height: 100%;
+    text-align: center;
+    display: flex;
+    align-items: center;
     justify-content: center;
   }
 }
@@ -304,11 +304,11 @@
 // 操作按钮样式
 .pro-tree-operate-container {
   padding-top: 0px;
-  min-width  : 120px;
+  min-width: 120px;
 
   .@{ant-prefix}-popover-inner-content {
     padding: 0px;
-    width  : 100%;
+    width: 100%;
   }
 
   .@{ant-prefix}-popover-arrow {
@@ -317,38 +317,37 @@
 
   .pro-tree-operate-btn-popover {
     .icon-item {
-      position    : relative;
-      z-index     : 1;
-      cursor      : pointer;
+      position: relative;
+      z-index: 1;
+      cursor: pointer;
       padding-left: var(--zaui-space-size-md);
-      width       : 100%;
-      height      : 32px;
-      line-height : 32px;
+      width: 100%;
+      height: 32px;
+      line-height: 32px;
     }
 
     .icon-item:hover {
       &:after {
-        position        : absolute;
-        display         : block;
-        z-index         : 0;
-        left            : 0;
-        top             : 0;
-        content         : '';
-        width           : 120px;
-        height          : 32px;
+        position: absolute;
+        display: block;
+        z-index: 0;
+        left: 0;
+        top: 0;
+        content: '';
+        width: 120px;
+        height: 32px;
         background-color: var(--zaui-brand);
-        opacity         : 0.08;
+        opacity: 0.08;
       }
     }
   }
 }
 
-
 // 重置ant-form view模式样式ant-tree样式
 .pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree * {
   line-height: 1 !important;
-  height     : auto !important;
-  min-height : auto !important;
+  height: auto !important;
+  min-height: auto !important;
 }
 
 .pro-form.pro-form-view .@{ant-prefix}-form-item .pro-tree .@{ant-prefix}-tree-checkbox {
@@ -363,25 +362,25 @@
   height: 16px !important;
 }
 
-.pro-tree-select, .pro-tree-select-drop-down-container{
-  .@{ant-prefix}-select-selector{
-    .check-mark-icon{
+.pro-tree-select,
+.pro-tree-select-drop-down-container {
+  .@{ant-prefix}-select-selector {
+    .check-mark-icon {
       display: none;
+    }
   }
-  }
-  &.@{ant-prefix}-select-dropdown{
-  // 隐藏单选下拉树后面勾号
-    .@{ant-prefix}-select-tree-node-content-wrapper{
-        .check-mark-icon{
-            display: none;
-        }
+  &.@{ant-prefix}-select-dropdown {
+    // 隐藏单选下拉树后面勾号
+    .@{ant-prefix}-select-tree-node-content-wrapper {
+      .check-mark-icon {
+        display: none;
+      }
     }
   }
 }
 
-
 .@{ant-prefix}-select-tree-node-content-wrapper {
-  &:has(.pro-tree-wrap-ellipse){
+  &:has(.pro-tree-wrap-ellipse) {
     overflow: hidden;
   }
 }

package/es/ProTree/utils.js

@@ -1,11 +1,3 @@
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-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 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); }
 /* eslint-disable no-restricted-syntax */
 
 /**
@@ -14,13 +6,17 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
  * @returns
  */
 export function getFlatTreeData(originalTreeData, fieldNames) {
-  var dataList = [];
+  const dataList = [];
   function loop(data) {
-    for (var i = 0; i < data.length; i++) {
-      var node = _objectSpread({}, data[i]);
+    for (let i = 0; i < data.length; i++) {
+      const node = {
+        ...data[i]
+      };
       // dataList.push({ value: node[fieldNames.value], label: node[fieldNames.label] });
       delete node[fieldNames.children];
-      dataList.push(_objectSpread({}, node));
+      dataList.push({
+        ...node
+      });
       if (data[i][fieldNames.children]) {
         loop(data[i][fieldNames.children]);
       }
@@ -37,10 +33,10 @@ export function getFlatTreeData(originalTreeData, fieldNames) {
  * @returns
  */
 export function getAllKeys(data, fieldNames) {
-  var keys = [];
+  const keys = [];
   function loop(data) {
-    for (var i = 0; i < data.length; i++) {
-      var node = data[i];
+    for (let i = 0; i < data.length; i++) {
+      const node = data[i];
       keys.push(node[fieldNames.value]);
       if (node[fieldNames.children]) {
         loop(node[fieldNames.children]);
@@ -58,10 +54,10 @@ export function getAllKeys(data, fieldNames) {
  * @param fieldNames
  * @returns
  */
-export var getParentKey = (key, tree, fieldNames) => {
-  var parentKey;
-  for (var i = 0; i < tree.length; i++) {
-    var node = tree[i];
+export const getParentKey = (key, tree, fieldNames) => {
+  let parentKey;
+  for (let i = 0; i < tree.length; i++) {
+    const node = tree[i];
     if (node[fieldNames.children]) {
       if (node[fieldNames.children].some(item => item[fieldNames.value] === key)) {
         parentKey = node[fieldNames.value];
@@ -73,40 +69,22 @@ export var getParentKey = (key, tree, fieldNames) => {
   return parentKey;
 };
 export function findTreeNodeByKey(treeData, key, fieldNames) {
-  var result = [];
-  var traverse = (node, parents) => {
+  const result = [];
+  const traverse = (node, parents) => {
     if (node[fieldNames.value] === key) {
       result.push(node, ...parents);
       return true;
     }
-    var children = node[fieldNames.children] || [];
-    var _iterator = _createForOfIteratorHelper(children),
-      _step;
-    try {
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        var child = _step.value;
-        if (traverse(child, [node, ...parents])) {
-          return true;
-        }
+    const children = node[fieldNames.children] || [];
+    for (const child of children) {
+      if (traverse(child, [node, ...parents])) {
+        return true;
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
     return false;
   };
-  var _iterator2 = _createForOfIteratorHelper(treeData),
-    _step2;
-  try {
-    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-      var node = _step2.value;
-      traverse(node, []);
-    }
-  } catch (err) {
-    _iterator2.e(err);
-  } finally {
-    _iterator2.f();
+  for (const node of treeData) {
+    traverse(node, []);
   }
   return result;
 }
@@ -117,52 +95,41 @@ export function findTreeNodeByKey(treeData, key, fieldNames) {
  * @param checkedKeys
  * @returns
  */
-export function filterCheckedNodes(data, checkedKeys) {
-  var searchStr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
-  var fieldNames = arguments.length > 3 ? arguments[3] : undefined;
-  var result = [];
-  var traverse = node => {
-    var _node$fieldNames$chil3;
-    var title = node[fieldNames.value] + node[fieldNames.label];
+export function filterCheckedNodes(data, checkedKeys, searchStr = '', fieldNames) {
+  const result = [];
+  const traverse = node => {
+    const title = node[fieldNames.value] + node[fieldNames.label];
     if (!searchStr) {
       if (checkedKeys.includes(node[fieldNames.value])) {
-        var _node$fieldNames$chil;
-        var _children = (node === null || node === void 0 || (_node$fieldNames$chil = node[fieldNames.children]) === null || _node$fieldNames$chil === void 0 ? void 0 : _node$fieldNames$chil.map(traverse).filter(Boolean)) || [];
-        return _objectSpread(_objectSpread({}, node), {}, {
-          [fieldNames.children]: _children
-        });
+        const children = node?.[fieldNames.children]?.map(traverse).filter(Boolean) || [];
+        return {
+          ...node,
+          [fieldNames.children]: children
+        };
       }
-    } else if ((title === null || title === void 0 ? void 0 : title.indexOf(searchStr)) > -1) {
-      var _node$fieldNames$chil2;
-      var _children2 = ((_node$fieldNames$chil2 = node[fieldNames.children]) === null || _node$fieldNames$chil2 === void 0 ? void 0 : _node$fieldNames$chil2.map(traverse).filter(Boolean)) || [];
-      return _objectSpread(_objectSpread({}, node), {}, {
-        children: _children2
-      });
+    } else if (title?.indexOf(searchStr) > -1) {
+      const children = node[fieldNames.children]?.map(traverse).filter(Boolean) || [];
+      return {
+        ...node,
+        children
+      };
     }
-    var children = (_node$fieldNames$chil3 = node[fieldNames.children]) === null || _node$fieldNames$chil3 === void 0 ? void 0 : _node$fieldNames$chil3.map(traverse).filter(Boolean);
+    const children = node[fieldNames.children]?.map(traverse).filter(Boolean);
     if (children && children.length > 0) {
-      return _objectSpread(_objectSpread({}, node), {}, {
+      return {
+        ...node,
         [fieldNames.children]: children
-      });
+      };
     }
     return null;
   };
 
   // eslint-disable-next-line no-restricted-syntax
-  var _iterator3 = _createForOfIteratorHelper(data),
-    _step3;
-  try {
-    for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-      var node = _step3.value;
-      var filtered = traverse(node);
-      if (filtered) {
-        result.push(filtered);
-      }
+  for (const node of data) {
+    const filtered = traverse(node);
+    if (filtered) {
+      result.push(filtered);
     }
-  } catch (err) {
-    _iterator3.e(err);
-  } finally {
-    _iterator3.f();
   }
   return result;
 }
@@ -176,17 +143,15 @@ export function filterCheckedNodes(data, checkedKeys) {
 export function getChildrenKeys(node, childrenKeys, fieldNames, type) {
   // 当为 tree 触发 onChck 此时就是 key 为 children
   if (type === 'treeCheck') {
-    var _node$children;
-    node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 || _node$children.forEach(item => {
+    node?.children?.forEach(item => {
       childrenKeys.push(item.key);
       if (item.children && item.children.length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);
       }
     });
   } else {
-    var _node$fieldNames$chil4;
     // 这个时候的值为我们的值
-    node === null || node === void 0 || (_node$fieldNames$chil4 = node[fieldNames.children]) === null || _node$fieldNames$chil4 === void 0 || _node$fieldNames$chil4.forEach(item => {
+    node?.[fieldNames.children]?.forEach(item => {
       childrenKeys.push(item[fieldNames.value]);
       if (item[fieldNames.children] && item[fieldNames.children].length > 0) {
         getChildrenKeys(item, childrenKeys, fieldNames, type);