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

package/es/DynamicDeviceList/index.d.ts

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

package/es/DynamicDeviceList/index.js

@@ -1,224 +0,0 @@
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-
-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 { __awaiter } from "tslib";
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import DynamicList from '../DynamicList';
-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;
-
-function DynamicDeviceList(_ref) {
-  var _this = this;
-
-  var onClick = _ref.onClick,
-      checkedKeys = _ref.checkedKeys,
-      defaultCheckedIds = _ref.defaultCheckedIds,
-      onChecked = _ref.onChecked,
-      params = _ref.params,
-      _renderItem = _ref.renderItem,
-      _ref$itemHeight = _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,
-    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 参数变化列表需要重新初始化
-   */
-
-  useEffect(function () {
-    loadRef.current = true;
-    var data = params || {};
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        list: [],
-        count: LIMIT
-      });
-    });
-    queryDeviceList(Object.assign({
-      offset: 0,
-      limit: LIMIT
-    }, data)).then(function (res) {
-      setState(function (old) {
-        return Object.assign(Object.assign({}, old), {
-          list: res.data || [],
-          count: res.totalCount,
-          offset: LIMIT,
-          limit: LIMIT
-        });
-      });
-      Promise.resolve().then(function () {
-        loadRef.current = false;
-      });
-    });
-  }, [params]);
-  /**
-   * @desc 懒加载方法
-   */
-
-  var loadNextPage = useCallback(function () {
-    return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var offset;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!loadRef.current) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return", Promise.resolve());
-
-            case 2:
-              offset = state.offset;
-              _context.next = 5;
-              return queryDeviceList(Object.assign({
-                offset: offset,
-                limit: LIMIT
-              }, params)).then(function (res) {
-                setState(function (old) {
-                  return Object.assign(Object.assign({}, old), {
-                    list: [].concat(_toConsumableArray(old.list), _toConsumableArray(res.data || [])),
-                    offset: offset + LIMIT
-                  });
-                });
-              }).catch(console.error);
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, [state.offset, state.limit, params]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "zenview-c-dynamic-device-list-layout"
-  }, /*#__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: 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
-  }));
-}
-
-export default DynamicDeviceList;

package/es/DynamicDeviceList/utils.d.ts

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

package/es/DynamicDeviceList/utils.js

@@ -1,15 +0,0 @@
-import Service from '../Service';
-import { getHeader } from '../utils';
-export function queryDeviceList() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return Service.$http({
-    method: 'post',
-    url: '/api/udm-api/device/queryList',
-    requestId: 'queryDeviceList',
-    headers: getHeader(),
-    data: Object.assign(Object.assign({}, params), {
-      includeSubOrganizations: 1,
-      isPagination: true
-    })
-  });
-}

package/es/DynamicList/index.css

@@ -1,7 +0,0 @@
-.lm-c-dynamiclist {
-  position: relative;
-  background-color: transparent;
-  width: 100%;
-  height: 100%;
-  border: 1px solid var(--bd-color);
-}

package/es/DynamicList/index.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import './index.less';
-interface IDynamicListProps {
-    /**
-     * @description 列表数据
-     */
-    list: any[];
-    /**
-     * @description 懒加载触发触发条件
-     */
-    threshold?: number;
-    /**
-     * @description 列表渲染函数
-     */
-    renderItem: (item: any, index: number) => JSX.Element;
-    className?: string;
-    /**
-     * @description 单个列表高度
-     */
-    itemHeight?: number;
-    /**
-     * @description 懒加载方法，注意需要自己手动控制节流
-     */
-    loadMore: () => Promise<any>;
-    /**
-     * @description 列表总数
-     */
-    rowCount: number;
-}
-declare const DynamicList: React.ForwardRefExoticComponent<IDynamicListProps & React.RefAttributes<any>>;
-export default DynamicList;

package/es/DynamicList/index.js

@@ -1,132 +0,0 @@
-import "antd/lib/skeleton/style";
-import _Skeleton from "antd/lib/skeleton";
-import { __awaiter } from "tslib";
-import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
-import { AutoSizer, InfiniteLoader, List } from 'react-virtualized';
-import "./index.css";
-var DynamicList = /*#__PURE__*/forwardRef(function InfiniteScrollLayout(props, ref) {
-  var _this = this;
-
-  var list = props.list,
-      itemHeight = props.itemHeight,
-      threshold = props.threshold,
-      rowCount = props.rowCount,
-      loadMore = props.loadMore,
-      _props$className = props.className,
-      className = _props$className === void 0 ? '' : _props$className,
-      renderItem = props.renderItem;
-  var infiniteRef = useRef(null);
-  var loadRef = useRef(false);
-
-  function forceUpdateGrid() {
-    infiniteRef.current && infiniteRef.current._registeredChild.forceUpdateGrid();
-  }
-
-  function scrollToPosition() {
-    var _infiniteRef$current$;
-
-    infiniteRef.current && (_infiniteRef$current$ = infiniteRef.current._registeredChild).scrollToPosition.apply(_infiniteRef$current$, arguments);
-  }
-
-  function scrollToRow() {
-    var _infiniteRef$current$2;
-
-    infiniteRef.current && (_infiniteRef$current$2 = infiniteRef.current._registeredChild).scrollToRow.apply(_infiniteRef$current$2, arguments);
-  }
-
-  useImperativeHandle(ref, function () {
-    return {
-      forceUpdateGrid: forceUpdateGrid,
-      scrollToRow: scrollToRow,
-      scrollToPosition: scrollToPosition
-    };
-  });
-
-  var _isRowLoaded = useCallback(function (_ref) {
-    var index = _ref.index;
-    return !!list[index];
-  }, []);
-
-  var loadMoreAction = useCallback(function (params) {
-    return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!loadRef.current) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              loadRef.current = true;
-
-              if (params.stopIndex < list.length || list.length >= rowCount) {
-                _context.next = 6;
-                break;
-              }
-
-              _context.next = 6;
-              return loadMore();
-
-            case 6:
-              loadRef.current = false;
-
-            case 7:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-  }, [list, rowCount]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "lm-c-dynamiclist  ".concat(className)
-  }, /*#__PURE__*/React.createElement(InfiniteLoader, {
-    isRowLoaded: _isRowLoaded,
-    loadMoreRows: loadMoreAction,
-    rowCount: rowCount,
-    ref: infiniteRef,
-    threshold: threshold
-  }, function (_ref2) {
-    var onRowsRendered = _ref2.onRowsRendered,
-        registerChild = _ref2.registerChild;
-    return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref3) {
-      var width = _ref3.width,
-          height = _ref3.height;
-      return /*#__PURE__*/React.createElement(List, {
-        width: width,
-        onRowsRendered: onRowsRendered,
-        ref: registerChild,
-        height: height,
-        rowCount: rowCount,
-        rowHeight: itemHeight,
-        rowRenderer: function rowRenderer(_ref4) {
-          var key = _ref4.key,
-              index = _ref4.index,
-              style = _ref4.style;
-          return /*#__PURE__*/React.createElement("div", {
-            key: key,
-            style: Object.assign(Object.assign({}, style), {
-              padding: '0 10px'
-            }),
-            className: "dynamic-list-item"
-          }, list[index] ? renderItem(list[index], index) : /*#__PURE__*/React.createElement(_Skeleton, {
-            paragraph: false,
-            loading: true,
-            active: true
-          }));
-        }
-      });
-    });
-  }));
-});
-DynamicList.defaultProps = {
-  itemHeight: 40,
-  threshold: 5,
-  list: [],
-  rowCount: 100
-};
-export default DynamicList;

package/es/List/utils.d.ts

@@ -1,5 +0,0 @@
-export declare function computedCheckStatus(list?: any[], checkedKeys?: any[], key?: string): {
-    checkHalfStatus: boolean;
-    checkAllStatus: boolean;
-    listKey: any[];
-};

package/es/List/utils.js

@@ -1,18 +0,0 @@
-import intersectionBy from 'lodash-es/intersectionBy'; // 计算全选半选状态
-
-export function computedCheckStatus() {
-  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var checkedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
-  var listKey = list.map(function (v) {
-    return v[key];
-  });
-  var temp = intersectionBy(listKey, checkedKeys);
-  var checkHalfStatus = temp.length && temp.length < list.length;
-  var checkAllStatus = list.length && temp.length === list.length;
-  return {
-    checkHalfStatus: checkHalfStatus,
-    checkAllStatus: checkAllStatus,
-    listKey: listKey
-  };
-}

package/es/ListExt/index.css

@@ -1,9 +0,0 @@
-.vidc-list-component {
-  margin-left: -1px;
-}
-.vidc-list-component .lm-c-base-list-layout .list-item .item-info .anticon {
-  color: var(--icon);
-}
-.vidc-list-component .lm-c-base-list-layout .list-item:hover .item-info .anticon {
-  color: inherit;
-}

package/es/ScrollList/index.css

@@ -1,73 +0,0 @@
-.lm-c-normol-box.lm-c-infinite-scroll-layout {
-  position: relative;
-  background-color: transparent;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part {
-  display: flex;
-  justify-content: center;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part .row-item-part {
-  overflow: hidden;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part .row-item-part:last-child {
-  margin-right: 0 !important;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .scoll-back-top {
-  position: absolute;
-  right: 20px;
-  bottom: 20px;
-  height: 40px;
-  width: 40px;
-  border-radius: 50%;
-  background-color: var(--primary);
-  color: #fff;
-  cursor: pointer;
-  text-align: center;
-  line-height: 40px;
-  font-size: 18px;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .scoll-back-top:hover {
-  background-color: var(--primary);
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout.infinite-scroll-empty {
-  background-repeat: no-repeat;
-  background-position: center 30%;
-  background-size: 200px;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .listcard-title {
-  font-size: 14px;
-  font-weight: 700;
-  margin-bottom: 5px;
-  justify-content: left;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .listcard-title.row-group-part:before {
-  content: '';
-  border-radius: 10px;
-  border: 4px solid var(--primary);
-  position: relative;
-  margin-right: 10px;
-  top: 6px;
-  height: 8px;
-  display: inline-block;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .listcard-title.row-group-part.show-line:before {
-  content: '';
-  border-radius: 10px;
-  border: 4px solid var(--primary);
-  position: relative;
-  margin-right: 10px;
-  margin-left: -4px;
-  top: 6px;
-  height: 8px;
-  display: inline-block;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part.show-line:before {
-  content: '';
-  border: 0.5px solid #d8d8d8;
-  margin-right: 15px;
-}
-.lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part.hide-line:before {
-  content: '';
-  border: none;
-  margin-right: 15px;
-}

package/es/ScrollList/index.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-
-export declare interface ScrollListProps<T> {
-  itemHeight?: number; // 用于计算滚动条的高度
-  data?: Array<T>;
-  loadMore?: () => Promise<null>; //加载更多的方法，次方法应该修改props.data
-  renderItem?: (item: T, index: number) => React.ReactNode;
-  rowClass?: string;
-  threshold?: number;
-  itemClass?: string;
-  itemGrid?: object;
-  gutter?: number;
-  hasLoadPrev?: boolean;
-  hasLoadMore?: boolean;
-  loadPrev?: func;
-  prethreshold?: number;
-  isNoData?: boolean;
-  className?: string;
-  noDataUrl?: string;
-}
-
-declare const ScrollList: React.StatelessComponent<ScrollListProps<T>>;
-
-export default ScrollList;