@cloud-app-dev/vidc 2.0.0-alpha.9 → 2.1.0-alpha.2

package/es/Dict/utils.js

@@ -4,7 +4,7 @@ export function queryByTypeCode(typeCode) {
   var headers = {
     Authorization: _cache.getCache('token', 'session')
   };
-  return Service.$http({
+  return Service.http({
     url: "/api/dictionary/v1/queryByTypeCode/".concat(typeCode),
     method: 'get',
     requestId: 'queryByTypeCode',
@@ -18,7 +18,7 @@ export function queryByTypeCodes() {
   var headers = {
     Authorization: _cache.getCache('token', 'session')
   };
-  return Service.$http({
+  return Service.http({
     url: "/api/dictionary/v1/queryDictionaryListByCondition",
     method: 'post',
     requestId: 'queryByTypeCode',
@@ -30,7 +30,7 @@ export function queryByTypeCodes() {
   });
 }
 export function queryTypeCodes() {
-  return Service.$http({
+  return Service.http({
     url: "/micro-apps/micro-dep-librarys/config/typeCodes.json",
     method: 'get',
     requestId: 'queryTypeCodes'

package/es/HightLevel/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import replace from 'lodash-es/replace';
-import escapeRegExp from 'lodash-es/escapeRegExp';
+import { replace, escapeRegExp } from 'lodash';
 import "./index.css";
 
 function HighLevel(_ref) {

package/es/IconFont/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import './index.less';
 interface IconFontProps extends React.HTMLAttributes<HTMLSpanElement> {
     type?: string;
     className?: string;

package/es/IconFont/index.js

@@ -1,20 +1,9 @@
-import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
 import { __rest } from "tslib";
 import React from 'react';
-import "./index.css";
 var global = window;
 
-function registerIconFont(scriptUrl) {
-  if (!global._ICON_IS_INIT_) {
-    global._ICON_SCRIPT_URL = scriptUrl;
-    global._ICON_IS_INIT_ = true;
-    loadScript(scriptUrl).then(function () {
-      _SocketEmitter.emit('update-iconfont', null);
-    }).catch(function (e) {
-      console.error(e);
-      global._ICON_IS_INIT_ = false;
-    });
-  }
+if (!global._ICON_SCRIPT_URL) {
+  global._ICON_SCRIPT_URL = {};
 }
 
 function loadScript(url) {
@@ -31,6 +20,16 @@ function loadScript(url) {
   });
 }
 
+function registerIconFont(scriptUrl) {
+  if (!global._ICON_SCRIPT_URL[scriptUrl]) {
+    global._ICON_SCRIPT_URL[scriptUrl] = true;
+    loadScript(scriptUrl).catch(function (e) {
+      global._ICON_SCRIPT_URL[scriptUrl] = false;
+      console.error(e);
+    });
+  }
+}
+
 function IconFont(_a) {
   var type = _a.type,
       _a$className = _a.className,

package/es/InitialConfig/index.js

@@ -13,7 +13,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React, { useState, useEffect } from 'react';
 import Dict from '../Dict';
 import Config from '../Config';
-import { queryBSConfig, queryMicroApplicationList, querySystemUpdate } from './utils';
+import { queryBSConfig, queryMicroApplicationList, querySystemUpdate, queryDefaultTheme } from './utils';
 
 function InitialConfig(_ref) {
   var children = _ref.children,
@@ -30,14 +30,17 @@ function InitialConfig(_ref) {
 
   Dict.useTypeCodes();
   useEffect(function () {
-    Promise.all([queryBSConfig(), queryMicroApplicationList(), querySystemUpdate()]).then(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 3),
+    var arr = [queryBSConfig(), queryMicroApplicationList(), querySystemUpdate(), queryDefaultTheme()];
+    Promise.all(arr).then(function (_ref2) {
+      var _ref3 = _slicedToArray(_ref2, 4),
           BSConfig = _ref3[0],
           AppConfig = _ref3[1],
-          SystemConfig = _ref3[2];
+          SystemConfig = _ref3[2],
+          ThemeConfig = _ref3[3];
 
       Config.registerBSConfig(BSConfig);
       Config.registerAppConfig(AppConfig);
+      Config.registerThemeConfig(ThemeConfig.content);
       setState(function () {
         return {
           isUpdate: SystemConfig.isUpdate,

package/es/InitialConfig/utils.d.ts

@@ -13,3 +13,8 @@ export declare function queryMicroApplicationList(): Promise<any>;
  * @description 获取平台升级状态
  */
 export declare function querySystemUpdate(): Promise<any>;
+/**
+ *
+ * @description 获取平台配色
+ */
+export declare function queryDefaultTheme(): Promise<any>;

package/es/InitialConfig/utils.js

@@ -12,8 +12,8 @@ export function queryBSConfig() {
         switch (_context.prev = _context.next) {
           case 0:
             _context.next = 2;
-            return Service.$http({
-              url: '/api/system/config/web'
+            return Service.http({
+              url: "/config/web.conf.json?".concat(Date.now())
             });
 
           case 2:
@@ -39,8 +39,8 @@ export function queryMicroApplicationList() {
         switch (_context2.prev = _context2.next) {
           case 0:
             _context2.next = 2;
-            return Service.$http({
-              url: "/api/app/list"
+            return Service.http({
+              url: "/config/app.conf.json?".concat(Date.now())
             });
 
           case 2:
@@ -65,8 +65,8 @@ export function querySystemUpdate() {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
-            return _context3.abrupt("return", Service.$http({
-              url: "/api/system/config/updateStatus?".concat(Date.now())
+            return _context3.abrupt("return", Service.http({
+              url: "/config/update.status.conf.json?".concat(Date.now())
             }));
 
           case 1:
@@ -76,4 +76,31 @@ export function querySystemUpdate() {
       }
     }, _callee3);
   }));
+}
+/**
+ *
+ * @description 获取平台配色
+ */
+
+export function queryDefaultTheme() {
+  return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+    return regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return Service.http({
+              url: "/config/theme.info.json?".concat(Date.now())
+            });
+
+          case 2:
+            return _context4.abrupt("return", _context4.sent.data);
+
+          case 3:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  }));
 }

package/es/InitialRequest/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
+import { InitDataType } from './utils';
 interface IInitialRequestProps {
     children: React.ReactNode;
     Spin?: React.ReactNode;
+    customInitialization?: () => Promise<InitDataType>;
 }
-declare function InitialRequest({ children, Spin }: IInitialRequestProps): JSX.Element;
+declare function InitialRequest({ children, Spin, customInitialization }: IInitialRequestProps): JSX.Element;
 export default InitialRequest;

package/es/InitialRequest/index.js

@@ -23,7 +23,8 @@ function InitialRequest(_ref) {
   var _this = this;
 
   var children = _ref.children,
-      Spin = _ref.Spin;
+      Spin = _ref.Spin,
+      customInitialization = _ref.customInitialization;
 
   var _useContext = useContext(AppContext.Context),
       updateUser = _useContext.updateUser,
@@ -42,27 +43,28 @@ function InitialRequest(_ref) {
 
     var init = function init() {
       return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _yield$initialization, userFeatures, operationInfo, systemFeatures, userInfo, themeConfig;
+        var fetchInitData, _yield$fetchInitData, userFeatures, operationInfo, systemFeatures, userInfo, themeConfig;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
-                _context.next = 2;
-                return initialization();
-
-              case 2:
-                _yield$initialization = _context.sent;
-                userFeatures = _yield$initialization.userFeatures;
-                operationInfo = _yield$initialization.operationInfo;
-                systemFeatures = _yield$initialization.systemFeatures;
-                userInfo = _yield$initialization.userInfo;
-                themeConfig = _yield$initialization.themeConfig;
-                updateUser(userInfo);
-                updateOperation(operationInfo);
-                Config.registerFeatrue(userFeatures);
-                Config.registerPlatformFeature(systemFeatures);
-                Config.registerThemeConfig(themeConfig);
+                fetchInitData = customInitialization || initialization;
+                _context.next = 3;
+                return fetchInitData();
+
+              case 3:
+                _yield$fetchInitData = _context.sent;
+                userFeatures = _yield$fetchInitData.userFeatures;
+                operationInfo = _yield$fetchInitData.operationInfo;
+                systemFeatures = _yield$fetchInitData.systemFeatures;
+                userInfo = _yield$fetchInitData.userInfo;
+                themeConfig = _yield$fetchInitData.themeConfig;
+                userInfo && updateUser(userInfo);
+                operationInfo && updateOperation(operationInfo);
+                userFeatures && Config.registerFeatrueIds(userFeatures);
+                systemFeatures && Config.registerPlatformFeature(systemFeatures);
+                themeConfig && Config.registerThemeConfig(themeConfig);
 
                 _nextTick(function () {
                   return setIsInit(true);
@@ -70,7 +72,7 @@ function InitialRequest(_ref) {
 
                 _BASE_DATA_INIT = true;
 
-              case 15:
+              case 16:
               case "end":
                 return _context.stop();
             }

package/es/InitialRequest/utils.d.ts

@@ -1,9 +1,10 @@
 import { UserInfoType, OperationInfoType } from '../AppContext/interface';
 import { FeatureItemType, ThemeInfoType } from '../Config/interface';
-export declare function initialization(): Promise<{
+export declare type InitDataType = {
     userInfo: UserInfoType;
-    userFeatures: FeatureItemType[];
+    userFeatures: string[];
     systemFeatures: FeatureItemType[];
     operationInfo: OperationInfoType;
     themeConfig: ThemeInfoType;
-}>;
+};
+export declare function initialization(): Promise<InitDataType>;

package/es/InitialRequest/utils.js

@@ -14,12 +14,11 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
 import Service from '../Service';
-var method = 'post';
 export function initialization() {
   var _a;
 
   return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var headers, result, userInfo, userId, systemId, centerUrl, userPrivilegesUrl, systemFeatureUrl, themeConfigUrl, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, centerInfo, _yield$Promise$all2$2, userFeatures, _yield$Promise$all2$3, systemFeatures, _yield$Promise$all2$4, themeInfo;
+    var headers, result, userInfo, userId, systemId, centerUrl, userPrivilegesUrl, systemFeatureUrl, themeConfigUrl, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, centerInfo, userFeaturesRes, _yield$Promise$all2$2, systemFeatures, _yield$Promise$all2$3, themeInfo, featureIds;
 
     return regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) {
@@ -29,9 +28,9 @@ export function initialization() {
               Authorization: _cache.getCache('token', 'session')
             };
             _context.next = 3;
-            return Service.$http({
+            return Service.http({
               url: '/api/user/v1/getUserByToken',
-              method: method,
+              method: 'post',
               headers: headers
             });
 
@@ -42,38 +41,38 @@ export function initialization() {
             systemId = userInfo.operationCenterId;
             centerUrl = "/api/user/operationCenter/v1/operationCenters/".concat(systemId);
             userPrivilegesUrl = "/api/user/role/v1/queryUserRoles/".concat(userId);
-            systemFeatureUrl = "/api/system/".concat(systemId, "/list");
-            themeConfigUrl = '/api/system/config/type';
+            systemFeatureUrl = "/api/micro-app-service/feature/v1/system/list/".concat(systemId);
+            themeConfigUrl = '/api/micro-app-service/config/v1/type/default';
             _context.next = 13;
-            return Promise.all([Service.$http({
+            return Promise.all([Service.http({
               url: centerUrl,
+              headers: headers,
               data: {
                 id: systemId
               },
-              headers: headers,
-              method: method
-            }), Service.$http({
+              method: 'post'
+            }), Service.http({
               url: userPrivilegesUrl,
               headers: headers,
               data: {
                 id: userId
               },
-              method: method
-            }), Service.$http({
+              method: 'post'
+            }), Service.http({
               url: systemFeatureUrl,
+              headers: headers,
               data: {
                 id: systemId
               },
-              method: 'get',
-              headers: headers
-            }), Service.$http({
+              method: 'get'
+            }), Service.http({
               url: themeConfigUrl,
               headers: headers,
-              method: method,
               data: {
                 type: 'theme',
                 systemId: systemId
-              }
+              },
+              method: 'post'
             })]);
 
           case 13:
@@ -83,21 +82,21 @@ export function initialization() {
             centerInfo = _yield$Promise$all2$ === void 0 ? {
               data: {}
             } : _yield$Promise$all2$;
-            _yield$Promise$all2$2 = _yield$Promise$all2[1];
-            userFeatures = _yield$Promise$all2$2 === void 0 ? {
+            userFeaturesRes = _yield$Promise$all2[1];
+            _yield$Promise$all2$2 = _yield$Promise$all2[2];
+            systemFeatures = _yield$Promise$all2$2 === void 0 ? {
               data: []
             } : _yield$Promise$all2$2;
-            _yield$Promise$all2$3 = _yield$Promise$all2[2];
-            systemFeatures = _yield$Promise$all2$3 === void 0 ? {
-              data: []
-            } : _yield$Promise$all2$3;
-            _yield$Promise$all2$4 = _yield$Promise$all2[3];
-            themeInfo = _yield$Promise$all2$4 === void 0 ? {
+            _yield$Promise$all2$3 = _yield$Promise$all2[3];
+            themeInfo = _yield$Promise$all2$3 === void 0 ? {
               data: {}
-            } : _yield$Promise$all2$4;
+            } : _yield$Promise$all2$3;
+            featureIds = (userFeaturesRes.data || []).map(function (v) {
+              return v.functionCodes;
+            }).flat();
             return _context.abrupt("return", {
               userInfo: userInfo,
-              userFeatures: userFeatures.data,
+              userFeatures: featureIds,
               systemFeatures: systemFeatures.data,
               operationInfo: centerInfo.data,
               themeConfig: ((_a = themeInfo === null || themeInfo === void 0 ? void 0 : themeInfo.data) === null || _a === void 0 ? void 0 : _a.content) || {}

package/es/Input/index.js

@@ -1,5 +1,6 @@
 import "antd/lib/input/style";
 import _Input from "antd/lib/input";
+import _useUpdateEffect from "ahooks/es/useUpdateEffect";
 import _useDebounce from "ahooks/es/useDebounce";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -17,7 +18,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { __rest } from "tslib";
 import React, { useState } from 'react';
 import IconFont from '../IconFont';
-import useChangeEffect from '../useChangeEffect';
 import "./index.css";
 
 function Input(_a) {
@@ -43,9 +43,10 @@ function Input(_a) {
     wait: 500
   });
 
-  useChangeEffect(function () {
+  _useUpdateEffect(function () {
     return onChange && onChange(debouncedValue);
   }, [debouncedValue]);
+
   return /*#__PURE__*/React.createElement(_Input, Object.assign({}, props, {
     className: "bc-search-input ".concat(className),
     onChange: function onChange(e) {

package/es/InstanceHistory/index.d.ts

@@ -0,0 +1,3 @@
+import type { History } from 'history';
+declare const InstanceHistory: History;
+export default InstanceHistory;

package/es/InstanceHistory/index.js

@@ -0,0 +1,9 @@
+import { createBrowserHistory } from 'history';
+var _global = window;
+
+if (!_global._BSIC_HISTORY_) {
+  _global._BSIC_HISTORY_ = createBrowserHistory();
+}
+
+var InstanceHistory = _global._BSIC_HISTORY_;
+export default InstanceHistory;

package/es/List/CheckExt.d.ts

@@ -1,10 +1,8 @@
-import { CheckboxChangeEvent } from 'antd/lib/checkbox';
 interface ICheckExtProps {
-    checkHalfStatus: boolean;
-    checkAllStatus: boolean;
     selectCount: number;
-    onChange: (e: CheckboxChangeEvent) => void;
     count: number;
+    onCheck: () => void;
+    onCancel: () => void;
 }
-declare function CheckExt({ checkHalfStatus, checkAllStatus, selectCount, onChange, count }: ICheckExtProps): JSX.Element;
+declare function CheckExt({ selectCount, onCheck, count, onCancel }: ICheckExtProps): JSX.Element;
 export default CheckExt;

package/es/List/CheckExt.js

@@ -1,20 +1,28 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
+import "antd/lib/tooltip/style";
+import _Tooltip from "antd/lib/tooltip";
 import React from 'react';
+import IconFont from '../IconFont';
 
 function CheckExt(_ref) {
-  var checkHalfStatus = _ref.checkHalfStatus,
-      checkAllStatus = _ref.checkAllStatus,
-      selectCount = _ref.selectCount,
-      onChange = _ref.onChange,
-      count = _ref.count;
+  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(_Checkbox, {
-    indeterminate: checkHalfStatus,
-    checked: checkAllStatus,
-    onChange: onChange
-  }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009 ", /*#__PURE__*/React.createElement("span", {
+    className: "cloudapp-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)'
     }

package/es/List/DeviceList/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IListProps } from '../ListExt';
+import { DeviceItemType } from '../../core';
+import './index.less';
+interface DeviceListProps extends Exclude<IListProps<DeviceItemType>, 'list' | 'itemKey' | 'itemNameKey' | 'whatIcon' | 'inputPlaceholder' | 'rowHeight'> {
+    deviceList?: Array<DeviceItemType>;
+    deleteItem?: (item: DeviceItemType) => void;
+    getIconStyle?: (item: DeviceItemType) => React.CSSProperties;
+}
+declare function DeviceList({ getIconStyle, className, deleteItem, deviceList, renderItemExt, ...props }: DeviceListProps): JSX.Element;
+export default DeviceList;

package/es/{DeviceList → List/DeviceList}/index.js

@@ -1,9 +1,8 @@
 import { __rest } from "tslib";
 import React, { useCallback } from 'react';
-import List from '../List';
-import IconFont from '../IconFont';
-import DeviceIcon from '../DeviceIcon';
-import TreeTitle from '../TreeTitle';
+import List from '../ListExt';
+import IconFont from '../../IconFont';
+import DeviceIcon from '../../DeviceIcon';
 import "./index.css";
 
 function DeviceList(_a) {
@@ -11,12 +10,8 @@ function DeviceList(_a) {
       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"]);
+      props = __rest(_a, ["getIconStyle", "className", "deleteItem", "deviceList", "renderItemExt"]);
 
   var whatIcon = useCallback(function (item) {
     return /*#__PURE__*/React.createElement(DeviceIcon, {
@@ -34,17 +29,10 @@ function DeviceList(_a) {
     className: "lm-c-device-list-wrapper ".concat(className),
     list: deviceList,
     itemNameKey: "deviceName",
-    itemKey: itemKey,
+    itemKey: "cid",
     rowHeight: 30,
-    renderHeader: function renderHeader() {
-      return /*#__PURE__*/React.createElement(TreeTitle, {
-        title: title,
-        onChange: onKeywordChange,
-        inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0"
-      });
-    },
+    inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0",
     whatIcon: whatIcon,
-    onMouseOverItem: onMouseOverItem,
     renderItemExt: function renderItemExt(item) {
       return _renderItemExt ? _renderItemExt(item) : deleteItem ? /*#__PURE__*/React.createElement("span", {
         className: "clear-item",

package/es/{DynamicList/demo.js → List/DynamicDeviceList/Demo.js}

@@ -1,10 +1,5 @@
-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); }
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
 
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
@@ -18,33 +13,20 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-import React, { useCallback, useState } from 'react';
-import DynamicList from './index';
-var defaultList = Array.from(new Array(20)).map(function (_, i) {
-  return {
-    name: "\u6211\u662F\u5217\u8868".concat(i),
-    id: i
-  };
-});
+import React, { useState } from 'react';
+import DynamicDeviceList from './index';
 
-var App = function App() {
-  var _useState = useState(defaultList),
+function App() {
+  var _useState = useState({
+    keyword: ''
+  }),
       _useState2 = _slicedToArray(_useState, 2),
       state = _useState2[0],
       setState = _useState2[1];
 
-  var loadMore = useCallback(function () {
-    console.log(11111);
-    return new Promise(function (resolve) {
-      setTimeout(function () {
-        setState(function (old) {
-          return [].concat(_toConsumableArray(old), _toConsumableArray(defaultList));
-        });
-        resolve(true);
-      }, 500);
-    });
-  }, [state]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: 'flex'
     }
@@ -53,19 +35,20 @@ var App = function App() {
       height: 400,
       width: 300
     }
-  }, /*#__PURE__*/React.createElement(DynamicList, {
-    list: state,
-    rowCount: 300,
-    renderItem: function renderItem(item, index) {
-      return /*#__PURE__*/React.createElement("span", {
-        style: {
-          padding: '0 20px',
-          lineHeight: '40px'
-        }
-      }, item.name, "-", index);
+  }, /*#__PURE__*/React.createElement(DynamicDeviceList, {
+    onChecked: console.log,
+    params: {
+      keywords: state.keyword
     },
-    loadMore: loadMore
-  })));
-};
+    title: "\u5217\u8868",
+    onKeywordChange: function onKeywordChange(e) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword: e
+        });
+      });
+    }
+  }))));
+}
 
 export default App;