@cloud-app-dev/vidc 1.0.33 → 1.0.37

package/.umirc.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'dumi';
 import path from 'path';
 
 const token =
-  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NiIsImV4dCI6MTYzNjYwODY5NDg5NiwidWlkIjoiMTAxMDAwMDAwMjQ5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTAzODddLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMDAwMjMzIiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjM2MzQ5NDk0ODk2fQ.JpiMsAlCwxBUZjJQPtTWAOcWajbsr1osCz69oB-i9mw';
+  'eyJhbGciOiJIUzI1NiJ9.eyJvcmdhbml6YXRpb25JZCI6IjEwMDEwMTAwMDQ0NiIsImV4dCI6MTYzNzgwNjQ5ODI3OSwidWlkIjoiMTAxMDAwMDAwMjQ5IiwidmFsaWRTdGF0ZSI6MTA0NDA2LCJyb2xlSWQiOlsxMDAwMDAxMTAzODddLCJ2YWxpZFRpbWUiOm51bGwsIm9wdENlbnRlcklkIjoiMTAwMTAwMDAwMjMzIiwidXNlclR5cGUiOjEwMDcwMiwiaWF0IjoxNjM3NTQ3Mjk4Mjc5fQ.FX6-kuuaituBjzuBxY0s51V_V_tVRVMuiWp8fIZI6YQ';
 
 export default defineConfig({
   title: '云应用-业务组件库',
@@ -30,7 +30,7 @@ export default defineConfig({
   },
   proxy: {
     '/api': {
-      target: 'http://192.168.101.39:2234',
+      target: 'http://192.168.101.23',
       changeOrigin: true,
       onProxyReq(proxyReq: any) {
         proxyReq.setHeader('authorization', token);

package/es/{WorkerFlow/api.d.ts → Api/index.d.ts}

@@ -1,10 +1,13 @@
 import { OrgItemType } from '@cloud-app-dev/basic-components/es/Store/org';
 import { UserInfo } from '@cloud-app-dev/basic-components/es/Store/app';
-import { PostItemType } from '../core';
+import { BzTreeItemType, PostItemType } from '../core';
 declare class Api {
     getOrgs(): Promise<OrgItemType[]>;
     getUsers(organizationId: string): Promise<UserInfo[]>;
     getPosts(orgId: string): Promise<PostItemType[]>;
+    getDeviceBzTree(): Promise<BzTreeItemType[]>;
+    getCustomDeviceGroup(): Promise<BzTreeItemType[]>;
+    getPlacesByHasDevice(): Promise<BzTreeItemType[]>;
 }
 declare const _default: Api;
 export default _default;

package/es/{WorkerFlow/api.js → Api/index.js}

@@ -112,6 +112,96 @@ var Api = /*#__PURE__*/function () {
         }, _callee3);
       }));
     }
+  }, {
+    key: "getDeviceBzTree",
+    value: function getDeviceBzTree() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        var res;
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return _Service.$http({
+                  url: '/api/udm-api/DeviceBuzTree/queryList',
+                  method: 'post',
+                  requestId: 'getDeviceBzTree',
+                  data: {},
+                  headers: getHeader()
+                });
+
+              case 2:
+                res = _context4.sent;
+                return _context4.abrupt("return", res.data);
+
+              case 4:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4);
+      }));
+    }
+  }, {
+    key: "getCustomDeviceGroup",
+    value: function getCustomDeviceGroup() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+        var res;
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _context5.next = 2;
+                return _Service.$http({
+                  url: '/api/udm-api/customDeviceGroup/queryList',
+                  method: 'post',
+                  requestId: 'customDeviceGroup',
+                  data: {},
+                  headers: getHeader()
+                });
+
+              case 2:
+                res = _context5.sent;
+                return _context5.abrupt("return", res.data);
+
+              case 4:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      }));
+    }
+  }, {
+    key: "getPlacesByHasDevice",
+    value: function getPlacesByHasDevice() {
+      return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+        var res;
+        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                _context6.next = 2;
+                return _Service.$http({
+                  url: '/api/place/v1/getPlacesByHasDevice',
+                  method: 'post',
+                  requestId: 'getPlacesByHasDevice',
+                  data: {},
+                  headers: getHeader()
+                });
+
+              case 2:
+                res = _context6.sent;
+                return _context6.abrupt("return", res.data);
+
+              case 4:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6);
+      }));
+    }
   }]);
 
   return Api;

package/es/AppLayout/index.d.ts

@@ -3,9 +3,9 @@ import * as React from 'react';
 interface AppLayoutProps {
   content?: React.ReactNode;
   children?: React.ReactNode;
-  menuType: string;
+  menuType?: string;
   isMenuHome?: boolean;
-  renderMenu: boolean;
+  renderMenu?: boolean;
   portalPath?: string;
 }
 

package/es/DeviceList/index.css

@@ -1,3 +1,6 @@
+.lm-c-device-list-wrapper {
+  margin-left: -1px;
+}
 .lm-c-device-list-wrapper .list-item label .clear-item {
   display: none;
   cursor: pointer;

package/es/DeviceList/index.d.ts

@@ -1,13 +1,14 @@
-import * as React from 'react';
-
-export declare interface DeviceListProps<T> {
-  deviceList?: Array<T>;
-  deleteItem?: (item: T, event: React.MouseEvent) => void;
-  className?: string;
-  renderItemExt?(item: T, index: number): JSX.Element;
-  [key: string]: any;
+import React from 'react';
+import { DeviceItemType } from '../core';
+import { CheckListProps } from '@cloud-app-dev/basic-components/es/CheckList';
+import './index.less';
+interface DeviceListProps extends CheckListProps<DeviceItemType> {
+    deviceList?: Array<DeviceItemType>;
+    deleteItem?: (item: DeviceItemType) => void;
+    className?: string;
+    getIconStyle?: (item: DeviceItemType) => React.CSSProperties;
+    title?: string;
+    onKeywordChange?: (v: string) => void;
 }
-
-declare const DeviceList: React.Component<DeviceListProps>;
-
+declare function DeviceList({ getIconStyle, className, deleteItem, deviceList, onMouseOverItem, renderItemExt, title, onKeywordChange, itemKey, ...props }: DeviceListProps): JSX.Element;
 export default DeviceList;

package/es/DeviceList/index.js

@@ -1,118 +1,62 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-import _CheckList from "@cloud-app-dev/basic-components/es/CheckList";
 import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-var _excluded = ["className", "deviceList", "deleteItem", "setDeviceType", "componentsType", "renderItemExt", "deleteDeviceAll", "selectDevicesType", "showVideoSet", "showData", "onMouseOverItem"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React from 'react';
+import _CheckList from "@cloud-app-dev/basic-components/es/CheckList";
+import { __rest } from "tslib";
+import React, { useCallback } from 'react';
 import DeviceIcon from '../DeviceIcon';
+import TreeTitle from '../TreeTitle';
 import "./index.css";
 
-var DeviceList = /*#__PURE__*/function (_React$Component) {
-  _inherits(DeviceList, _React$Component);
-
-  var _super = _createSuper(DeviceList);
-
-  function DeviceList() {
-    var _this;
-
-    _classCallCheck(this, DeviceList);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _this.whatIcon = function (item) {
-      var getIconStyle = _this.props.getIconStyle;
-      return /*#__PURE__*/React.createElement(DeviceIcon, {
-        style: getIconStyle ? getIconStyle(item) : undefined,
-        type: item.deviceType,
-        status: item.deviceStatus
+function DeviceList(_a) {
+  var getIconStyle = _a.getIconStyle,
+      className = _a.className,
+      deleteItem = _a.deleteItem,
+      deviceList = _a.deviceList,
+      onMouseOverItem = _a.onMouseOverItem,
+      _renderItemExt = _a.renderItemExt,
+      title = _a.title,
+      onKeywordChange = _a.onKeywordChange,
+      itemKey = _a.itemKey,
+      props = __rest(_a, ["getIconStyle", "className", "deleteItem", "deviceList", "onMouseOverItem", "renderItemExt", "title", "onKeywordChange", "itemKey"]);
+
+  var whatIcon = useCallback(function (item) {
+    return /*#__PURE__*/React.createElement(DeviceIcon, {
+      style: getIconStyle ? getIconStyle(item) : undefined,
+      type: item.deviceType,
+      status: item.deviceStatus
+    });
+  }, [getIconStyle]);
+  var deleteItemAction = useCallback(function (item, e) {
+    e.stopPropagation(e);
+    e.preventDefault();
+    deleteItem && deleteItem(item);
+  }, []);
+  return /*#__PURE__*/React.createElement(_CheckList, Object.assign({}, props, {
+    className: "lm-c-device-list-wrapper ".concat(className),
+    list: deviceList,
+    itemNameKey: "deviceName",
+    itemKey: itemKey,
+    rowHeight: 30,
+    renderHeader: function renderHeader() {
+      return /*#__PURE__*/React.createElement(TreeTitle, {
+        title: title,
+        onChange: onKeywordChange,
+        inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0"
       });
-    };
-
-    _this.deleteItem = function (item, e) {
-      e.stopPropagation(e);
-      e.preventDefault();
-      var deleteItem = _this.props.deleteItem;
-      deleteItem && deleteItem(item);
-    };
-
-    return _this;
-  }
-
-  _createClass(DeviceList, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          _this$props$className = _this$props.className,
-          className = _this$props$className === void 0 ? '' : _this$props$className,
-          _this$props$deviceLis = _this$props.deviceList,
-          deviceList = _this$props$deviceLis === void 0 ? [] : _this$props$deviceLis,
-          deleteItem = _this$props.deleteItem,
-          setDeviceType = _this$props.setDeviceType,
-          componentsType = _this$props.componentsType,
-          _renderItemExt = _this$props.renderItemExt,
-          deleteDeviceAll = _this$props.deleteDeviceAll,
-          selectDevicesType = _this$props.selectDevicesType,
-          showVideoSet = _this$props.showVideoSet,
-          showData = _this$props.showData,
-          onMouseOverItem = _this$props.onMouseOverItem,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/React.createElement(_CheckList, _extends({}, props, {
-        className: "lm-c-device-list-wrapper ".concat(className),
-        list: deviceList,
-        itemNameKey: "deviceName",
-        rowHeight: 30,
-        whatIcon: this.whatIcon,
-        onMouseOverItem: onMouseOverItem,
-        renderItemExt: function renderItemExt(item) {
-          return _renderItemExt ? _renderItemExt(item) : deleteItem && /*#__PURE__*/React.createElement("span", {
-            className: "clear-item",
-            onClick: function onClick(e) {
-              return _this2.deleteItem(item, e);
-            }
-          }, /*#__PURE__*/React.createElement(_IconFont, {
-            type: "icon-S_Edit_LineClose",
-            title: "\u5220\u9664"
-          }));
+    },
+    whatIcon: whatIcon,
+    onMouseOverItem: onMouseOverItem,
+    renderItemExt: function renderItemExt(item) {
+      return _renderItemExt ? _renderItemExt(item) : deleteItem ? /*#__PURE__*/React.createElement("span", {
+        className: "clear-item",
+        onClick: function onClick(e) {
+          return deleteItemAction(item, e);
         }
-      }));
+      }, /*#__PURE__*/React.createElement(_IconFont, {
+        type: "icon-S_Edit_LineClose",
+        title: "\u5220\u9664"
+      })) : undefined;
     }
-  }]);
-
-  return DeviceList;
-}(React.Component);
+  }));
+}
 
-export { DeviceList as default };
+export default DeviceList;

package/es/DeviceSelect/demo.d.ts

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

package/es/DeviceSelect/demo.js

@@ -0,0 +1,22 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import React from 'react';
+import DeviceSelect from './index';
+
+function App() {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: 20,
+      width: 1000,
+      height: 500
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 400
+    }
+  }, /*#__PURE__*/React.createElement(DeviceSelect, null))));
+}
+
+export default App;

package/es/DeviceSelect/index.css

@@ -0,0 +1,6 @@
+.vidc-device-select-layout {
+  height: 100%;
+}
+.vidc-device-select-layout > .cloudapp-col {
+  height: 100%;
+}

package/es/DeviceSelect/index.d.ts

@@ -0,0 +1,7 @@
+import { DeviceItemType } from '../core';
+import './index.less';
+interface IDeviceSelectProps {
+    selectDevices?: DeviceItemType[];
+}
+declare function DeviceSelect({ selectDevices }: IDeviceSelectProps): JSX.Element;
+export default DeviceSelect;

package/es/DeviceSelect/index.js

@@ -0,0 +1,222 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import "antd/lib/menu/style";
+import _Menu from "antd/lib/menu";
+import "antd/lib/dropdown/style";
+import _Dropdown from "antd/lib/dropdown";
+import "antd/lib/col/style";
+import _Col from "antd/lib/col";
+import "antd/lib/row/style";
+import _Row from "antd/lib/row";
+
+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 React, { useCallback, useEffect, useMemo, useState } from 'react';
+import TreeMode from '../TreeMode';
+import DynamicDeviceList from '../DynamicDeviceList';
+import DeviceList from '../DeviceList';
+import { uniq, uniqBy } from 'lodash';
+import "./index.css";
+
+function DeviceSelect(_ref) {
+  var selectDevices = _ref.selectDevices;
+
+  var _useState = useState({
+    tempSelectIds: selectDevices === null || selectDevices === void 0 ? void 0 : selectDevices.map(function (v) {
+      return v.cid;
+    }),
+    selectDevices: selectDevices,
+    selectIds: selectDevices === null || selectDevices === void 0 ? void 0 : selectDevices.map(function (v) {
+      return v.cid;
+    }),
+    keyword1: '',
+    keyword2: '',
+    focusKey: Date.now(),
+    buzGroupId: '',
+    placeId: '',
+    areaCode: '',
+    mode: 'Bz'
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  useEffect(function () {
+    if (state.selectDevices || !selectDevices) {
+      return null;
+    }
+
+    var ids = selectDevices === null || selectDevices === void 0 ? void 0 : selectDevices.map(function (v) {
+      return v.cid;
+    });
+
+    if (ids) {
+      setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          selectDevices: selectDevices,
+          selectIds: ids,
+          tempSelectIds: ids
+        });
+      });
+    }
+  }, [state.selectDevices, selectDevices]);
+  var onCheked1 = useCallback(function (ids, items, checked) {
+    var changIds = items.map(function (v) {
+      return v.cid;
+    });
+    var devices = state.selectDevices || [];
+    var selectIds = state.selectIds || [];
+    var list = !checked ? devices.filter(function (v) {
+      return !changIds.includes(v.cid);
+    }) : uniqBy([].concat(_toConsumableArray(devices), _toConsumableArray(items)), 'cid');
+    var selectIds2 = !checked ? selectIds.filter(function (v) {
+      return !changIds.includes(v);
+    }) : uniq([].concat(_toConsumableArray(selectIds), _toConsumableArray(changIds)));
+    setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        selectDevices: _toConsumableArray(list),
+        tempSelectIds: ids,
+        selectIds: _toConsumableArray(selectIds2),
+        focusKey: Date.now()
+      });
+    });
+  }, [state.selectDevices, state.selectIds]);
+  var onCheked2 = useCallback(function (ids) {
+    return setState(function (old) {
+      return Object.assign(Object.assign({}, old), {
+        selectIds: ids,
+        focusKey: Date.now()
+      });
+    });
+  }, []);
+  var onSelectTree = useCallback(function (keys, _ref2) {
+    var node = _ref2.node;
+
+    if (state.mode === 'Bz') {
+      var buzGroupId = keys[0];
+
+      if (state.buzGroupId === buzGroupId) {
+        setState(function (old) {
+          return Object.assign(Object.assign({}, old), {
+            buzGroupId: ''
+          });
+        });
+      } else {
+        setState(function (old) {
+          return Object.assign(Object.assign({}, old), {
+            buzGroupId: buzGroupId
+          });
+        });
+      }
+    }
+
+    if (state.mode === 'Place') {
+      var id = node.id;
+
+      if (state.placeId === id) {
+        setState(function (old) {
+          return Object.assign(Object.assign({}, old), {
+            placeId: '',
+            areaCode: ''
+          });
+        });
+      } else {
+        setState(function (old) {
+          return Object.assign(Object.assign({}, old), {
+            placeId: id,
+            areaCode: node.areaCode
+          });
+        });
+      }
+    }
+  }, [state.buzGroupId, state.placeId, state.mode]);
+  var listParams = useMemo(function () {
+    return state.mode === 'Bz' ? {
+      buzGroupId: state.buzGroupId,
+      includeSubOrganizations: 1,
+      isPagination: true
+    } : {
+      includeSceneType: 'place',
+      includeSubOrganizations: 1,
+      isPagination: true,
+      placeIds: state.placeId ? [state.placeId] : []
+    };
+  }, [state.buzGroupId, state.mode, state.placeId]);
+  var treeSelectedKeys = useMemo(function () {
+    return state.mode === 'Bz' ? [state.buzGroupId] : [state.areaCode];
+  }, [state.mode, state.buzGroupId, state.areaCode]);
+  return /*#__PURE__*/React.createElement(_Row, {
+    className: "vidc-device-select-layout"
+  }, /*#__PURE__*/React.createElement(_Col, {
+    span: 7
+  }, /*#__PURE__*/React.createElement(TreeMode, {
+    key: state.mode,
+    mode: state.mode,
+    inputPlaceholder: "\u8BF7\u8F93\u5165\u540D\u79F0",
+    onSelect: onSelectTree,
+    selectedKeys: treeSelectedKeys,
+    title: /*#__PURE__*/React.createElement(_Dropdown, {
+      overlay: /*#__PURE__*/React.createElement(_Menu, {
+        onClick: function onClick(info) {
+          return setState(function (old) {
+            return Object.assign(Object.assign({}, old), {
+              mode: info.key
+            });
+          });
+        }
+      }, /*#__PURE__*/React.createElement(_Menu.Item, {
+        style: {
+          fontSize: 12
+        },
+        key: "Bz"
+      }, "\u8BBE\u5907\u4E1A\u52A1\u6811"), /*#__PURE__*/React.createElement(_Menu.Item, {
+        style: {
+          fontSize: 12
+        },
+        key: "Place"
+      }, "\u884C\u653F\u533A\u5212"))
+    }, /*#__PURE__*/React.createElement("span", null, state.mode === 'Place' ? '行政区划' : '设备业务树', " ", /*#__PURE__*/React.createElement(_IconFont, {
+      style: {
+        position: 'relative',
+        top: 1
+      },
+      type: "icon-S_Arrow_BigDown"
+    })))
+  })), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(DynamicDeviceList, {
+    title: "\u8BBE\u5907\u5217\u8868",
+    onChecked: onCheked1,
+    checkedKeys: state.tempSelectIds,
+    params: listParams
+  })), /*#__PURE__*/React.createElement(_Col, {
+    span: 1
+  }), /*#__PURE__*/React.createElement(_Col, {
+    span: 8
+  }, /*#__PURE__*/React.createElement(DeviceList, {
+    itemKey: "cid",
+    deviceList: state.selectDevices || [],
+    onChecked: onCheked2,
+    checkedKeys: state.selectIds,
+    title: "\u5DF2\u9009\u8BBE\u5907\u5217\u8868"
+  })));
+}
+
+export default DeviceSelect;

package/es/DynamicDeviceList/CheckExt.d.ts

@@ -0,0 +1,8 @@
+interface ICheckExtProps {
+    selectCount: number;
+    count: number;
+    onCheck: () => void;
+    onCancel: () => void;
+}
+declare function CheckExt({ selectCount, onCheck, count, onCancel }: ICheckExtProps): JSX.Element;
+export default CheckExt;

package/es/DynamicDeviceList/CheckExt.js

@@ -0,0 +1,36 @@
+import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
+import "antd/lib/tooltip/style";
+import _Tooltip from "antd/lib/tooltip";
+import React from 'react';
+
+function CheckExt(_ref) {
+  var selectCount = _ref.selectCount,
+      onCheck = _ref.onCheck,
+      count = _ref.count,
+      onCancel = _ref.onCancel;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "c-check-list-checkext"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "select-group"
+  }, /*#__PURE__*/React.createElement(_Tooltip, {
+    title: "\u9009\u4E2D\u6240\u6709\u5DF2\u52A0\u8F7D"
+  }, /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-S_Photo_MarkYes",
+    onClick: onCheck
+  })), /*#__PURE__*/React.createElement(_Tooltip, {
+    title: "\u53D6\u6D88\u9009\u4E2D\u6240\u6709\u5DF2\u52A0\u8F7D\u9879"
+  }, /*#__PURE__*/React.createElement(_IconFont, {
+    type: "icon-MarkNo",
+    onClick: onCancel
+  }))), /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009 ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: 'var(--success)'
+    }
+  }, selectCount), " / \u603B\u6570 ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: 'var(--primary)'
+    }
+  }, count)));
+}
+
+export default CheckExt;