@cloud-app-dev/vidc 2.0.0-alpha.1 → 2.0.0-alpha.13

package/es/InitialRequest/index.js

@@ -1,3 +1,5 @@
+import _nextTick from "@cloud-app-dev/utils/es/nextTick";
+
 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."); }
@@ -11,7 +13,7 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
-import { useState, useEffect, useContext } from 'react';
+import React, { useState, useEffect, useContext } from 'react';
 import { initialization } from './utils';
 import AppContext from '../AppContext';
 import Config from '../Config';
@@ -40,7 +42,7 @@ function InitialRequest(_ref) {
 
     var init = function init() {
       return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var _yield$initialization, userPrivileges, centerPrivileges, centerInfo, userInfo;
+        var _yield$initialization, userFeatures, operationInfo, systemFeatures, userInfo, themeConfig;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
@@ -51,18 +53,24 @@ function InitialRequest(_ref) {
 
               case 2:
                 _yield$initialization = _context.sent;
-                userPrivileges = _yield$initialization.userPrivileges;
-                centerPrivileges = _yield$initialization.centerPrivileges;
-                centerInfo = _yield$initialization.centerInfo;
+                userFeatures = _yield$initialization.userFeatures;
+                operationInfo = _yield$initialization.operationInfo;
+                systemFeatures = _yield$initialization.systemFeatures;
                 userInfo = _yield$initialization.userInfo;
+                themeConfig = _yield$initialization.themeConfig;
                 updateUser(userInfo);
-                updateOperation(centerInfo);
-                Config.registerConfig('feature', userPrivileges);
-                Config.registerConfig('pFeature', centerPrivileges);
-                setIsInit(true);
+                updateOperation(operationInfo);
+                Config.registerFeatrueIds(userFeatures);
+                Config.registerPlatformFeature(systemFeatures);
+                Config.registerThemeConfig(themeConfig);
+
+                _nextTick(function () {
+                  return setIsInit(true);
+                });
+
                 _BASE_DATA_INIT = true;
 
-              case 13:
+              case 15:
               case "end":
                 return _context.stop();
             }
@@ -77,7 +85,7 @@ function InitialRequest(_ref) {
       console.error('接口初始化失败！', e);
     }
   }, []);
-  return isInit ? children : Spin ? Spin : null;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isInit ? children : Spin ? Spin : null);
 }
 
 export default InitialRequest;

package/es/InitialRequest/utils.d.ts

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

package/es/InitialRequest/utils.js

@@ -13,24 +13,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 import { __awaiter } from "tslib";
-import Config from '../Config';
 import Service from '../Service';
-
-function catchPromise(fn) {
-  return new Promise(function (resolve) {
-    fn.then(function (res) {
-      return resolve(res);
-    }, function (err) {
-      console.error(err);
-      resolve(null);
-    });
-  });
-}
-
-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, operationCenterId, data, data2, centerUrl, centerInfo, themeInfo, themeConfig, themeId, themeUrl, themeRes, userPrivilegesUrl, centerPrivilegesUrl, _yield$Promise$all, _yield$Promise$all2, _yield$Promise$all2$, userPrivileges, _yield$Promise$all2$2, centerPrivileges;
+    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) {
@@ -42,103 +30,79 @@ export function initialization() {
             _context.next = 3;
             return Service.$http({
               url: '/api/user/v1/getUserByToken',
-              method: method,
-              headers: headers,
-              requestId: 'getUserInfo'
+              method: 'post',
+              headers: headers
             });
 
           case 3:
             result = _context.sent;
             userInfo = result.data;
             userId = userInfo.id;
-            operationCenterId = userInfo.operationCenterId;
-            data = {
-              id: userId
-            };
-            data2 = {
-              id: operationCenterId
-            };
-            centerUrl = "/api/user/operationCenter/v1/operationCenters/".concat(operationCenterId);
-            _context.next = 12;
-            return Service.$http({
-              data: data2,
-              method: method,
+            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';
+            _context.next = 13;
+            return Promise.all([Service.$http({
               url: centerUrl,
               headers: headers,
-              requestId: 'operationCenterInfo'
-            });
-
-          case 12:
-            centerInfo = _context.sent;
-            _context.next = 15;
-            return Service.$http({
-              url: "/api/micro/configureApplication/v1/queryConfigureApplicationById/".concat(operationCenterId)
-            });
-
-          case 15:
-            themeInfo = _context.sent;
-            themeConfig = themeInfo.data || {}; // eslint-disable-next-line no-eval
-
-            themeId = themeConfig.themeId || centerInfo.data.hues;
-
-            if (!themeId) {
-              _context.next = 24;
-              break;
-            }
-
-            themeUrl = "/api/micro/configure/v1/queryConfigureByConfigureId/".concat(themeId);
-            _context.next = 22;
-            return Service.$http({
-              data: data2,
-              method: 'get',
-              url: themeUrl,
-              headers: headers
-            });
-
-          case 22:
-            themeRes = _context.sent;
-
-            try {
-              Config.registerConfig('theme', themeRes.data);
-            } catch (e) {
-              console.error(e);
-            }
-
-          case 24:
-            userPrivilegesUrl = "/api/user/role/v1/queryUserRoles/".concat(userId);
-            centerPrivilegesUrl = "/api/micro/applicationSystemScene/v1/queryAllFunctionByApplicationSystemId/".concat(operationCenterId);
-            _context.next = 28;
-            return Promise.all([catchPromise(Service.$http({
-              data: data,
-              method: method,
+              data: {
+                id: systemId
+              },
+              method: 'post'
+            }), Service.$http({
               url: userPrivilegesUrl,
-              headers: headers
-            })), catchPromise(Service.$http({
-              data: data2,
-              method: 'get',
-              url: centerPrivilegesUrl,
-              headers: headers
-            }))]);
-
-          case 28:
+              headers: headers,
+              data: {
+                id: userId
+              },
+              method: 'post'
+            }), Service.$http({
+              url: systemFeatureUrl,
+              headers: headers,
+              data: {
+                id: systemId
+              },
+              method: 'get'
+            }), Service.$http({
+              url: themeConfigUrl,
+              headers: headers,
+              data: {
+                type: 'theme',
+                systemId: systemId
+              },
+              method: 'post'
+            })]);
+
+          case 13:
             _yield$Promise$all = _context.sent;
-            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 2);
+            _yield$Promise$all2 = _slicedToArray(_yield$Promise$all, 4);
             _yield$Promise$all2$ = _yield$Promise$all2[0];
-            userPrivileges = _yield$Promise$all2$ === void 0 ? {
-              data: []
+            centerInfo = _yield$Promise$all2$ === void 0 ? {
+              data: {}
             } : _yield$Promise$all2$;
-            _yield$Promise$all2$2 = _yield$Promise$all2[1];
-            centerPrivileges = _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[3];
+            themeInfo = _yield$Promise$all2$3 === void 0 ? {
+              data: {}
+            } : _yield$Promise$all2$3;
+            featureIds = (userFeaturesRes.data || []).map(function (v) {
+              return v.functionCodes;
+            }).flat();
             return _context.abrupt("return", {
               userInfo: userInfo,
-              userPrivileges: userPrivileges.data,
-              centerPrivileges: centerPrivileges.data,
-              centerInfo: centerInfo
+              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) || {}
             });
 
-          case 35:
+          case 24:
           case "end":
             return _context.stop();
         }

package/es/Input/index.css

@@ -0,0 +1,8 @@
+.bc-search-input input.cloudapp-input {
+  font-weight: normal;
+}
+.bc-search-input .cloudapp-input-prefix > i,
+.bc-search-input .cloudapp-input-suffix > i {
+  color: var(--icon);
+  font-size: 16px;
+}

package/es/Input/index.d.ts

@@ -0,0 +1,18 @@
+import { InputProps } from 'antd';
+import './index.less';
+interface IInputProps extends Omit<InputProps, 'onChange'> {
+    defaultValue?: string;
+    value?: string;
+    className?: string;
+    onEnter?: (val: string) => void;
+    onChange?: (val: string) => void;
+}
+declare function Input({ prefix, className, suffix, allowClear, defaultValue, value, onChange, onEnter, ...props }: IInputProps): JSX.Element;
+declare namespace Input {
+    var defaultProps: {
+        className: string;
+        prefix: JSX.Element;
+        allowClear: boolean;
+    };
+}
+export default Input;

package/es/Input/index.js

@@ -0,0 +1,76 @@
+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(); }
+
+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, { useState } from 'react';
+import IconFont from '../IconFont';
+import "./index.css";
+
+function Input(_a) {
+  var prefix = _a.prefix,
+      className = _a.className,
+      suffix = _a.suffix,
+      allowClear = _a.allowClear,
+      defaultValue = _a.defaultValue,
+      value = _a.value,
+      onChange = _a.onChange,
+      onEnter = _a.onEnter,
+      props = __rest(_a, ["prefix", "className", "suffix", "allowClear", "defaultValue", "value", "onChange", "onEnter"]);
+
+  var _useState = useState({
+    value: defaultValue || value,
+    focus: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var debouncedValue = _useDebounce(state.value, {
+    wait: 500
+  });
+
+  _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) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          value: e.target.value
+        });
+      });
+    },
+    allowClear: allowClear,
+    prefix: prefix,
+    suffix: suffix,
+    value: state.value,
+    onPressEnter: onEnter ? function () {
+      return onEnter(state.value);
+    } : undefined
+  }));
+}
+
+Input.defaultProps = {
+  className: '',
+  prefix: /*#__PURE__*/React.createElement(IconFont, {
+    type: "icon-S_Edit_Search"
+  }),
+  allowClear: true
+};
+export default Input;

package/es/LabelValue/index.css

@@ -0,0 +1,18 @@
+.lm-c-label-value-layout {
+  display: inline-flex;
+  font-size: var(--fs-small);
+}
+.lm-c-label-value-layout span:first-child {
+  white-space: nowrap;
+  padding-right: 4px;
+  color: var(--color);
+}
+.lm-c-label-value-layout span:last-child {
+  flex: 1;
+  color: var(--color-dark);
+}
+.lm-c-label-value-layout span:last-child.no-wrap {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/es/LabelValue/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import './index.less';
+interface ILabelValueProps {
+    label?: any;
+    value?: any;
+    emptyValue?: string;
+    className?: string;
+    noWrap?: boolean;
+    noColon?: boolean;
+    style?: React.CSSProperties;
+    labelStyle?: React.CSSProperties;
+    valueStyle?: React.CSSProperties;
+}
+declare function LabelValue({ label, value, emptyValue, className, style, labelStyle, valueStyle, noWrap, noColon }: ILabelValueProps): JSX.Element;
+declare namespace LabelValue {
+    var defaultProps: {
+        value: string;
+        emptyValue: string;
+        noWrap: boolean;
+        className: string;
+    };
+}
+export default LabelValue;

package/es/LabelValue/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import "./index.css";
+
+function LabelValue(_ref) {
+  var label = _ref.label,
+      value = _ref.value,
+      emptyValue = _ref.emptyValue,
+      className = _ref.className,
+      style = _ref.style,
+      labelStyle = _ref.labelStyle,
+      valueStyle = _ref.valueStyle,
+      noWrap = _ref.noWrap,
+      noColon = _ref.noColon;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm-c-label-value-layout ".concat(className),
+    style: style
+  }, /*#__PURE__*/React.createElement("span", {
+    style: labelStyle
+  }, label, noColon ? '' : '：'), /*#__PURE__*/React.createElement("span", {
+    title: value,
+    className: "".concat(noWrap ? 'no-wrap' : ''),
+    style: valueStyle
+  }, value || emptyValue));
+}
+
+LabelValue.defaultProps = {
+  value: '',
+  emptyValue: '-',
+  noWrap: false,
+  className: ''
+};
+export default LabelValue;

package/es/{DynamicDeviceList → List}/CheckExt.js

@@ -1,7 +1,7 @@
-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';
+import IconFont from '../IconFont';
 
 function CheckExt(_ref) {
   var selectCount = _ref.selectCount,
@@ -9,17 +9,17 @@ function CheckExt(_ref) {
       count = _ref.count,
       onCancel = _ref.onCancel;
   return /*#__PURE__*/React.createElement("div", {
-    className: "c-check-list-checkext"
+    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, {
+  }, /*#__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, {
+  }, /*#__PURE__*/React.createElement(IconFont, {
     type: "icon-MarkNo",
     onClick: onCancel
   }))), /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009 ", /*#__PURE__*/React.createElement("span", {

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 _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
-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 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, {
@@ -30,28 +25,21 @@ function DeviceList(_a) {
     e.preventDefault();
     deleteItem && deleteItem(item);
   }, []);
-  return /*#__PURE__*/React.createElement(_CheckList, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(List, Object.assign({}, props, {
     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",
         onClick: function onClick(e) {
           return deleteItemAction(item, e);
         }
-      }, /*#__PURE__*/React.createElement(_IconFont, {
+      }, /*#__PURE__*/React.createElement(IconFont, {
         type: "icon-S_Edit_LineClose",
         title: "\u5220\u9664"
       })) : undefined;

package/es/List/DynamicDeviceList/Demo.js

@@ -0,0 +1,54 @@
+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(); }
+
+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, { useState } from 'react';
+import DynamicDeviceList from './index';
+
+function App() {
+  var _useState = useState({
+    keyword: ''
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(_ConfigProvider, {
+    prefixCls: "cloudapp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 400,
+      width: 300
+    }
+  }, /*#__PURE__*/React.createElement(DynamicDeviceList, {
+    onChecked: console.log,
+    params: {
+      keywords: state.keyword
+    },
+    title: "\u5217\u8868",
+    onKeywordChange: function onKeywordChange(e) {
+      return setState(function (old) {
+        return Object.assign(Object.assign({}, old), {
+          keyword: e
+        });
+      });
+    }
+  }))));
+}
+
+export default App;

package/es/{DynamicDeviceList → List/DynamicDeviceList}/index.css

@@ -3,17 +3,21 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
+  border: 1px solid var(--bd-color);
 }
 .zenview-c-dynamic-device-list-layout .dynamic-list-item {
   padding: 0 10px;
 }
-.zenview-c-dynamic-device-list-layout .lm-c-dynamiclist {
+.zenview-c-dynamic-device-list-layout .zenview-c-dynamic-device-box {
   flex: 1;
+  overflow: auto;
+  contain: strict;
 }
 .zenview-c-dynamic-device-list-layout .device-item-box {
   height: 40px;
   line-height: 40px;
   display: flex;
+  padding: 0 10px;
 }
 .zenview-c-dynamic-device-list-layout .device-item-box .device-name {
   flex: 1;
@@ -33,19 +37,3 @@
   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);
-}