@cloud-app-dev/vidc 1.0.33 → 1.0.37

package/es/DynamicDeviceList/Demo.js

@@ -11,11 +11,7 @@ function App() {
       height: 400,
       width: 300
     }
-  }, /*#__PURE__*/React.createElement(DynamicDeviceList, {
-    onSelect: function onSelect(item) {
-      return console.log(item);
-    }
-  })));
+  }, /*#__PURE__*/React.createElement(DynamicDeviceList, null)));
 }
 
 export default App;

package/es/DynamicDeviceList/index.css

@@ -1,11 +1,15 @@
 .zenview-c-dynamic-device-list-layout {
   display: flex;
+  flex-direction: column;
   width: 100%;
   height: 100%;
 }
 .zenview-c-dynamic-device-list-layout .dynamic-list-item {
   padding: 0 10px;
 }
+.zenview-c-dynamic-device-list-layout .lm-c-dynamiclist {
+  flex: 1;
+}
 .zenview-c-dynamic-device-list-layout .device-item-box {
   height: 40px;
   line-height: 40px;
@@ -29,3 +33,19 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.zenview-c-dynamic-device-list-layout .c-check-list-checkext {
+  font-size: var(--fs-small);
+  padding: 5px 12px;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--bd-color);
+}
+.zenview-c-dynamic-device-list-layout .c-check-list-checkext .select-group .anticon {
+  font-size: 16px;
+  cursor: pointer;
+  padding-right: 8px;
+  color: var(--icon);
+}
+.zenview-c-dynamic-device-list-layout .c-check-list-checkext .select-group .anticon:hover {
+  color: var(--primary);
+}

package/es/DynamicDeviceList/index.d.ts

@@ -1,4 +1,4 @@
-import { DeviceItemType } from './interface';
+import { DeviceItemType } from '../core';
 import './index.less';
 interface IDynamicDeviceListProps {
     /**
@@ -8,11 +8,11 @@ interface IDynamicDeviceListProps {
     /**
      * @description 选中设备cid集合
      */
-    selectKeys?: string[];
+    checkedKeys?: string[];
     /**
      * @description 传入onSelect列表默认渲染为checkbox模式
      */
-    onSelect?: (item: DeviceItemType) => void;
+    onChecked?: (ids: string[], list: DeviceItemType[], checked: boolean) => void;
     /**
      * @description 传入queryList需要的参数，例如业务树ID，场所id等，分页参数除外
      */
@@ -27,6 +27,9 @@ interface IDynamicDeviceListProps {
      * @description 列表高度
      */
     itemHeight?: number;
+    title?: string;
+    onKeywordChange?: (v: string) => void;
+    defaultCheckedIds?: string[];
 }
-declare function DynamicDeviceList({ onClick, selectKeys, onSelect, params, renderItem, itemHeight }: IDynamicDeviceListProps): JSX.Element;
+declare function DynamicDeviceList({ onClick, checkedKeys, defaultCheckedIds, onChecked, params, renderItem, itemHeight, title, onKeywordChange }: IDynamicDeviceListProps): JSX.Element;
 export default DynamicDeviceList;

package/es/DynamicDeviceList/index.js

@@ -1,6 +1,6 @@
-import _DynamicList from "@cloud-app-dev/basic-components/es/DynamicList";
 import "antd/lib/checkbox/style";
 import _Checkbox from "antd/lib/checkbox";
+import _DynamicList from "@cloud-app-dev/basic-components/es/DynamicList";
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -26,6 +26,8 @@ import { __awaiter } from "tslib";
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { queryDeviceList } from './utils';
 import DeviceIcon from '../DeviceIcon';
+import TreeTitle from '../TreeTitle';
+import CheckExt from './CheckExt';
 import "./index.css";
 var OFFSET = 0;
 var LIMIT = 30;
@@ -34,25 +36,73 @@ function DynamicDeviceList(_ref) {
   var _this = this;
 
   var onClick = _ref.onClick,
-      _ref$selectKeys = _ref.selectKeys,
-      selectKeys = _ref$selectKeys === void 0 ? [] : _ref$selectKeys,
-      onSelect = _ref.onSelect,
+      checkedKeys = _ref.checkedKeys,
+      defaultCheckedIds = _ref.defaultCheckedIds,
+      onChecked = _ref.onChecked,
       params = _ref.params,
-      renderItem = _ref.renderItem,
+      _renderItem = _ref.renderItem,
       _ref$itemHeight = _ref.itemHeight,
-      itemHeight = _ref$itemHeight === void 0 ? 40 : _ref$itemHeight;
+      itemHeight = _ref$itemHeight === void 0 ? 40 : _ref$itemHeight,
+      title = _ref.title,
+      onKeywordChange = _ref.onKeywordChange;
 
   var _useState = useState({
     offset: OFFSET,
     limit: LIMIT,
     list: [],
-    count: LIMIT
+    count: LIMIT,
+    checkedKeys: defaultCheckedIds || checkedKeys || []
   }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
   var loadRef = useRef(false);
+  var listRef = useRef(null);
+  /**
+   * 列表选中处理
+   */
+
+  var onCheckedAction = useCallback(function (item) {
+    var ids = state.checkedKeys || [];
+    var id = item.cid;
+    var checked = !ids.includes(item.cid);
+
+    if (checked) {
+      ids.push(id);
+    } else {
+      ids = ids.filter(function (v) {
+        return v !== id;
+      });
+    }
+
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        checkedKeys: _toConsumableArray(ids)
+      });
+    });
+    onChecked && onChecked(ids, [item], checked);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [state.checkedKeys]);
+  var onSelectAll = useCallback(function () {
+    var ids = state.list.map(function (v) {
+      return v.cid;
+    });
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        checkedKeys: ids
+      });
+    });
+    onChecked && onChecked(ids, state.list, true);
+  }, [state.list]);
+  var onCancelAll = useCallback(function () {
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        checkedKeys: []
+      });
+    });
+    onChecked && onChecked([], [], false);
+  }, []);
   /**
    * @desc 参数变化列表需要重新初始化
    */
@@ -67,14 +117,14 @@ function DynamicDeviceList(_ref) {
       });
     });
     queryDeviceList(Object.assign({
-      offset: OFFSET,
+      offset: 0,
       limit: LIMIT
     }, data)).then(function (res) {
       setState(function (old) {
         return Object.assign(Object.assign({}, old), {
           list: res.data || [],
           count: res.totalCount,
-          offset: OFFSET,
+          offset: LIMIT,
           limit: LIMIT
         });
       });
@@ -102,7 +152,7 @@ function DynamicDeviceList(_ref) {
               return _context.abrupt("return", Promise.resolve());
 
             case 2:
-              offset = state.offset + LIMIT;
+              offset = state.offset;
               _context.next = 5;
               return queryDeviceList(Object.assign({
                 offset: offset,
@@ -111,7 +161,7 @@ function DynamicDeviceList(_ref) {
                 setState(function (old) {
                   return Object.assign(Object.assign({}, old), {
                     list: [].concat(_toConsumableArray(old.list), _toConsumableArray(res.data || [])),
-                    offset: offset
+                    offset: offset + LIMIT
                   });
                 });
               }).catch(console.error);
@@ -124,49 +174,50 @@ function DynamicDeviceList(_ref) {
       }, _callee);
     }));
   }, [state.offset, state.limit, params]);
-  /**
-   * @desc render列表函数
-   */
-
-  var render = useCallback(function (item, index) {
-    if (renderItem) {
-      return renderItem(item, index);
-    }
-
-    return /*#__PURE__*/React.createElement("div", {
-      className: "device-item-box ".concat(selectKeys.includes(item.cid) ? 'device-item-selected' : '')
-    }, onSelect ? /*#__PURE__*/React.createElement(_Checkbox, {
-      className: "device-name device-checkbox-name",
-      checked: selectKeys.includes(item.cid),
-      value: item.cid,
-      onClick: function onClick() {
-        return onSelect(item);
-      }
-    }, /*#__PURE__*/React.createElement(DeviceIcon, {
-      type: item.deviceType,
-      status: item.deviceStatus
-    }), /*#__PURE__*/React.createElement("span", {
-      title: item.deviceName
-    }, item.deviceName)) : /*#__PURE__*/React.createElement("span", {
-      className: "device-name",
-      onClick: onClick ? function () {
-        return onClick(item);
-      } : undefined
-    }, /*#__PURE__*/React.createElement(DeviceIcon, {
-      type: item.deviceType,
-      status: item.deviceStatus
-    }), /*#__PURE__*/React.createElement("span", {
-      title: item.deviceName
-    }, item.deviceName)));
-  }, [selectKeys]);
   return /*#__PURE__*/React.createElement("div", {
     className: "zenview-c-dynamic-device-list-layout"
-  }, /*#__PURE__*/React.createElement(_DynamicList, {
+  }, /*#__PURE__*/React.createElement(TreeTitle, {
+    title: title,
+    onChange: onKeywordChange,
+    inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0"
+  }), onChecked && /*#__PURE__*/React.createElement(CheckExt, {
+    count: state.count,
+    selectCount: state.checkedKeys.length,
+    onCancel: onCancelAll,
+    onCheck: onSelectAll
+  }), /*#__PURE__*/React.createElement(_DynamicList, {
     list: state.list,
     loadMore: loadNextPage,
     rowCount: state.count,
-    renderItem: render,
-    itemHeight: itemHeight
+    renderItem: function renderItem(item, index) {
+      return _renderItem ? _renderItem(item, index) : /*#__PURE__*/React.createElement("div", {
+        className: "device-item-box ".concat(state.checkedKeys.includes(item.cid) ? 'device-item-selected' : '')
+      }, onChecked ? /*#__PURE__*/React.createElement(_Checkbox, {
+        className: "device-name device-checkbox-name",
+        checked: state.checkedKeys.includes(item.cid),
+        value: item.cid,
+        onClick: function onClick() {
+          return onCheckedAction(item);
+        }
+      }, /*#__PURE__*/React.createElement(DeviceIcon, {
+        type: item.deviceType,
+        status: item.deviceStatus
+      }), /*#__PURE__*/React.createElement("span", {
+        title: item.deviceName
+      }, item.deviceName)) : /*#__PURE__*/React.createElement("span", {
+        className: "device-name",
+        onClick: onClick ? function () {
+          return onClick(item);
+        } : undefined
+      }, /*#__PURE__*/React.createElement(DeviceIcon, {
+        type: item.deviceType,
+        status: item.deviceStatus
+      }), /*#__PURE__*/React.createElement("span", {
+        title: item.deviceName
+      }, item.deviceName)));
+    },
+    itemHeight: itemHeight,
+    ref: listRef
   }));
 }
 

package/es/DynamicDeviceList/utils.d.ts

@@ -1,3 +1,2 @@
-import { HttpPageResult2 } from '../core';
-import { DeviceItemType } from './interface';
+import { DeviceItemType, HttpPageResult2 } from '../core';
 export declare function queryDeviceList(params?: any): Promise<HttpPageResult2<DeviceItemType>>;

package/es/List/index.css

@@ -1,3 +1,3 @@
-.vidc-list-component .lm-c-tree-title-part {
-  background-color: var(--form-bg-light);
+.vidc-list-component {
+  margin-left: -1px;
 }

package/es/OrgTree/index.js

@@ -145,12 +145,12 @@ var OrgTree = /*#__PURE__*/function (_React$Component) {
         selectedKeys: activeKey ? Array.isArray(activeKey) ? activeKey : [activeKey] : undefined,
         expandedKeys: expandedKeys,
         defaultExpandedKeys: treeData[0] ? [treeData[0].id] : undefined,
+        icon: function icon(node) {
+          return /*#__PURE__*/React.createElement(_IconFont, {
+            type: "".concat(node.id === treeData[0].id ? 'icon-S_Bar_Home' : 'icon-S_Photo_ListTree')
+          });
+        },
         treeNodeProps: {
-          treeNodeIcon: function treeNodeIcon(node) {
-            return /*#__PURE__*/React.createElement(_IconFont, {
-              type: "".concat(node.id === treeData[0].id ? 'icon-S_Bar_Home' : 'icon-S_Photo_ListTree')
-            });
-          },
           keyword: this.state.keyword,
           suffix: this.renderSuffix,
           treeNodeClass: treeNodeClass,

package/es/OrgUserTree/demo.d.ts

@@ -0,0 +1,2 @@
+declare function App(): JSX.Element;
+export default App;

package/es/OrgUserTree/demo.js

@@ -0,0 +1,20 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import React from 'react';
+import OrgTree from './index';
+
+function App() {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 20,
+      width: 300,
+      height: 400
+    }
+  }, /*#__PURE__*/React.createElement(OrgTree, {
+    title: "\u7EC4\u7EC7\u673A\u6784"
+  })));
+}
+
+export default App;

package/es/OrgUserTree/index.css

@@ -0,0 +1,31 @@
+.bc-org-user-tree-layout {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  border: 1px solid var(--bd-color);
+  margin-left: -1px;
+}
+.bc-org-user-tree-layout .lm-c-tree-title-part {
+  border-bottom: 1px solid var(--bd-color);
+  background-color: var(--form-bg-light);
+}
+.bc-org-user-tree-layout > .lm-base-tree-component {
+  flex: 1;
+  overflow: auto;
+}
+.bc-org-user-tree-layout .cloudapp-tree {
+  height: 100%;
+  overflow: auto;
+}
+.bc-org-user-tree-layout .anticon {
+  font-size: var(--fs);
+}
+.bc-org-user-tree-layout .cloudapp-tree-title {
+  font-size: var(--fs-small);
+  flex: 1;
+}
+.bc-org-user-tree-layout .cloudapp-tree-title > span {
+  min-width: 100%;
+  display: inline-flex;
+  justify-content: space-between;
+}

package/es/OrgUserTree/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseTreeProps } from '@cloud-app-dev/basic-components/es/Tree';
+import { OrgItemType } from '@cloud-app-dev/basic-components/es/Store/org';
+import './index.less';
+interface IOrgUserTreeProps extends BaseTreeProps {
+    expandedKeys?: Array<string>;
+    title?: React.ReactNode;
+    inputPlaceholder?: string;
+    renderHeader?: () => JSX.Element;
+    activeKey?: string[] | string;
+    treeData?: Array<OrgItemType>;
+    /**
+     * @description 树节点拓展渲染
+     */
+    renderSuffix?: (item: OrgItemType) => JSX.Element;
+    /**
+     * @description 需要默认选中时触发 事件
+     */
+    onDefailtSelect?: (id?: string) => void;
+}
+declare function OrgUserTree({ title, className, renderHeader, inputPlaceholder, activeKey, treeNodeProps, onDefailtSelect, ...props }: IOrgUserTreeProps): JSX.Element;
+export default OrgUserTree;

package/es/OrgUserTree/index.js

@@ -0,0 +1,128 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import _Tree from "@cloud-app-dev/basic-components/es/Tree";
+import _CBox from "@cloud-app-dev/basic-components/es/CBox";
+import _useHttp2 from "@cloud-app-dev/basic-components/es/useHttp";
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+import { __rest } from "tslib";
+import React, { useEffect, useMemo, useState } from 'react';
+import api from '../Api';
+import TreeTitle from '../TreeTitle';
+import { treeHelper } from '@cloud-app-dev/utils';
+import { getParentListById } from '../utils';
+import "./index.css";
+
+function OrgUserTree(_a) {
+  var title = _a.title,
+      className = _a.className,
+      renderHeader = _a.renderHeader,
+      inputPlaceholder = _a.inputPlaceholder,
+      activeKey = _a.activeKey,
+      treeNodeProps = _a.treeNodeProps,
+      onDefailtSelect = _a.onDefailtSelect,
+      props = __rest(_a, ["title", "className", "renderHeader", "inputPlaceholder", "activeKey", "treeNodeProps", "onDefailtSelect"]);
+
+  var _useState = useState({
+    keyword: undefined,
+    expandedKeys: undefined
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useHttp = _useHttp2('QueryOrgList', function () {
+    return api.getOrgs();
+  }),
+      _useHttp$data = _useHttp.data,
+      orgList = _useHttp$data === void 0 ? [] : _useHttp$data;
+
+  var treeData = useMemo(function () {
+    return treeHelper.computTreeList(orgList);
+  }, [orgList]);
+  useEffect(function () {
+    var keys = [];
+    var orgs = orgList.filter(function (v) {
+      return v.organizationName.includes(state.keyword);
+    });
+    orgs.forEach(function (v) {
+      var ids = getParentListById(v.id, orgList).map(function (v) {
+        return v.id;
+      });
+      keys = [].concat(keys, ids);
+    });
+
+    var expandedKeys = _toConsumableArray(new Set(_toConsumableArray(keys)));
+
+    setState(function (old) {
+      var _a;
+
+      return Object.assign(Object.assign({}, old), {
+        expandedKeys: expandedKeys.length > 0 ? expandedKeys : [(_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id]
+      });
+    });
+  }, [state.keyword, orgList, treeData]);
+  useEffect(function () {
+    var _a;
+
+    if (onDefailtSelect && ((_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id)) {
+      onDefailtSelect(treeData[0].id);
+    }
+  }, [treeData]);
+  return /*#__PURE__*/React.createElement(_CBox, {
+    className: "bc-org-user-tree-layout ".concat(className)
+  }, title ? /*#__PURE__*/React.createElement(TreeTitle, {
+    title: title,
+    inputPlaceholder: inputPlaceholder,
+    onChange: function onChange(val) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword: val
+        });
+      });
+    }
+  }) : null, renderHeader && renderHeader(), orgList.length > 0 && /*#__PURE__*/React.createElement(_Tree, Object.assign({}, props, {
+    treeData: treeData,
+    onExpand: function onExpand(keys) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          expandedKeys: keys
+        });
+      });
+    },
+    selectedKeys: activeKey ? Array.isArray(activeKey) ? activeKey : [activeKey] : undefined,
+    expandedKeys: state.expandedKeys,
+    defaultExpandedKeys: treeData[0] ? [treeData[0].id] : undefined,
+    icon: function icon(node) {
+      return /*#__PURE__*/React.createElement(_IconFont, {
+        type: "".concat(node.id === treeData[0].id ? 'icon-S_Bar_Home' : 'icon-S_Photo_ListTree')
+      });
+    },
+    treeNodeProps: {
+      keyword: state.keyword,
+      suffix: treeNodeProps === null || treeNodeProps === void 0 ? void 0 : treeNodeProps.suffix,
+      nameKey: 'organizationName',
+      key: 'id'
+    }
+  })));
+}
+
+export default OrgUserTree;

package/es/PlaceTree/demo.d.ts

@@ -0,0 +1,2 @@
+declare function App(): JSX.Element;
+export default App;

package/es/PlaceTree/demo.js

@@ -0,0 +1,20 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import React from 'react';
+import BsTree from './index';
+
+function App() {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 20,
+      width: 300,
+      height: 400
+    }
+  }, /*#__PURE__*/React.createElement(BsTree, {
+    title: "\u884C\u653F\u533A\u5212"
+  })));
+}
+
+export default App;

package/es/PlaceTree/index.css

@@ -3,6 +3,7 @@
   display: flex;
   flex-direction: column;
   border: 1px solid var(--bd-color);
+  margin-left: -1px;
 }
 .lm-c-place-tree .lm-c-tree-title-part {
   border-bottom: 1px solid var(--bd-color);

package/es/PlaceTree/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { BaseTreeProps } from '@cloud-app-dev/basic-components/es/Tree';
 import { PlaceItemType } from '@cloud-app-dev/basic-components/es/Store/place';
 import './index.less';
-export interface IPlaceTreeProps<T> extends BaseTreeProps<T> {
+export interface IPlaceTreeProps extends BaseTreeProps {
     className?: string;
     inputPlaceholder?: string;
     onKeywordChange?: (key: string) => void;
@@ -14,7 +14,7 @@ export interface IPlaceTreeProps<T> extends BaseTreeProps<T> {
     renderSuffix?: (item: PlaceItemType) => JSX.Element;
     showCount?: boolean;
 }
-declare function PlaceTree({ treeData, defaultExpandedKeys, activeKey, className, onKeywordChange, titleExt, title, inputPlaceholder, renderHeader, keyword, treeNodeProps, renderSuffix, showCount, ...props }: IPlaceTreeProps<PlaceItemType>): JSX.Element;
+declare function PlaceTree(params: IPlaceTreeProps): JSX.Element;
 declare namespace PlaceTree {
     var defaultProps: {
         title: string;

package/es/PlaceTree/index.js

@@ -25,25 +25,33 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __rest } from "tslib";
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import TreeTitle from '../TreeTitle';
 import { treeHelper } from '@cloud-app-dev/utils';
+import TreeTitle from '../TreeTitle';
 import "./index.css";
 
-function PlaceTree(_a) {
-  var treeData = _a.treeData,
+function PlaceTree(params) {
+  var _a = useMemo(function () {
+    return params;
+  }, [params]),
+      treeData = _a.treeData,
       defaultExpandedKeys = _a.defaultExpandedKeys,
       activeKey = _a.activeKey,
       className = _a.className,
       onKeywordChange = _a.onKeywordChange,
       titleExt = _a.titleExt,
-      title = _a.title,
-      inputPlaceholder = _a.inputPlaceholder,
-      renderHeader = _a.renderHeader,
-      keyword = _a.keyword,
-      treeNodeProps = _a.treeNodeProps,
-      renderSuffix = _a.renderSuffix,
-      showCount = _a.showCount,
-      props = __rest(_a, ["treeData", "defaultExpandedKeys", "activeKey", "className", "onKeywordChange", "titleExt", "title", "inputPlaceholder", "renderHeader", "keyword", "treeNodeProps", "renderSuffix", "showCount"]);
+      params1 = __rest(_a, ["treeData", "defaultExpandedKeys", "activeKey", "className", "onKeywordChange", "titleExt"]);
+
+  var _b = useMemo(function () {
+    return params1;
+  }, [params1]),
+      title = _b.title,
+      inputPlaceholder = _b.inputPlaceholder,
+      renderHeader = _b.renderHeader,
+      keyword = _b.keyword,
+      treeNodeProps = _b.treeNodeProps,
+      renderSuffix = _b.renderSuffix,
+      showCount = _b.showCount,
+      props = __rest(_b, ["title", "inputPlaceholder", "renderHeader", "keyword", "treeNodeProps", "renderSuffix", "showCount"]);
 
   var _useState = useState({
     expandedKeys: defaultExpandedKeys || undefined
@@ -60,9 +68,6 @@ function PlaceTree(_a) {
       expandedKeys: expandedKeys
     });
   }, []);
-  var renderPlaceSuffixFn = useCallback(function (node) {
-    return renderPlaceSuffix(node, showCount, renderSuffix);
-  }, [showCount, renderSuffix]);
   useEffect(function () {
     if (state.expandedKeys) {
       return;
@@ -131,18 +136,18 @@ function PlaceTree(_a) {
     onExpand: onExpand,
     selectedKeys: activeKey ? Array.isArray(activeKey) ? activeKey : [activeKey] : undefined,
     expandedKeys: state.expandedKeys || [],
+    icon: function icon(node) {
+      return /*#__PURE__*/React.createElement(_IconFont, {
+        type: "".concat(node.level >= 5 ? 'icon-S_Place_Place' : title ? 'icon-S_Photo_ListTree' : 'icon-S_Bar_Add')
+      });
+    },
     treeNodeProps: {
-      treeNodeIcon: function treeNodeIcon(node) {
-        return /*#__PURE__*/React.createElement(_IconFont, {
-          type: "".concat(node.level >= 5 ? 'icon-S_Place_Place' : title ? 'icon-S_Photo_ListTree' : 'icon-S_Bar_Add')
-        });
-      },
       key: 'areaCode',
       nameKey: 'areaName',
       keyword: keyword,
-      suffix: renderPlaceSuffixFn,
-      treeNodeClass: treeNodeProps === null || treeNodeProps === void 0 ? void 0 : treeNodeProps.treeNodeClass,
-      disableCheckbox: treeNodeProps === null || treeNodeProps === void 0 ? void 0 : treeNodeProps.disableCheckbox,
+      suffix: function suffix(node) {
+        return renderPlaceSuffix(node, showCount, renderSuffix);
+      },
       RenderTreeTitle: treeNodeProps === null || treeNodeProps === void 0 ? void 0 : treeNodeProps.RenderTreeTitle
     }
   })));