@cloud-app-dev/vidc 2.3.0 → 3.0.2

package/es/List/CheckExt.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-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/List/CheckExt.js

@@ -1,36 +0,0 @@
-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,
-      onCheck = _ref.onCheck,
-      count = _ref.count,
-      onCancel = _ref.onCancel;
-  return /*#__PURE__*/React.createElement("div", {
-    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)'
-    }
-  }, selectCount), " / \u603B\u6570 ", /*#__PURE__*/React.createElement("span", {
-    style: {
-      color: 'var(--primary)'
-    }
-  }, count)));
-}
-
-export default CheckExt;

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

@@ -1,11 +0,0 @@
-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/List/DeviceList/index.js

@@ -1,50 +0,0 @@
-import { __rest } from "tslib";
-import React, { useCallback } from 'react';
-import List from '../ListExt';
-import IconFont from '../../IconFont';
-import DeviceIcon from '../../DeviceIcon';
-import "./index.css";
-
-function DeviceList(_a) {
-  var getIconStyle = _a.getIconStyle,
-      className = _a.className,
-      deleteItem = _a.deleteItem,
-      deviceList = _a.deviceList,
-      _renderItemExt = _a.renderItemExt,
-      props = __rest(_a, ["getIconStyle", "className", "deleteItem", "deviceList", "renderItemExt"]);
-
-  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.preventDefault();
-    deleteItem && deleteItem(item);
-  }, []);
-  return /*#__PURE__*/React.createElement(List, Object.assign({}, props, {
-    className: "lm-c-device-list-wrapper ".concat(className),
-    list: deviceList,
-    itemNameKey: "deviceName",
-    itemKey: "cid",
-    rowHeight: 30,
-    inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0",
-    whatIcon: whatIcon,
-    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;
-    }
-  }));
-}
-
-export default DeviceList;

package/es/List/DynamicDeviceList/Demo.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare function App(): JSX.Element;
-export default App;

package/es/List/DynamicDeviceList/index.css

@@ -1,39 +0,0 @@
-.zenview-c-dynamic-device-list-layout {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  border: 1px solid var(--gray2);
-}
-.zenview-c-dynamic-device-list-layout .dynamic-list-item {
-  padding: 0 10px;
-}
-.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;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.zenview-c-dynamic-device-list-layout .device-item-box .device-name .anticon {
-  padding-right: 4px;
-}
-.zenview-c-dynamic-device-list-layout .device-item-box .device-name.device-checkbox-name {
-  display: flex;
-}
-.zenview-c-dynamic-device-list-layout .device-item-box .device-name.device-checkbox-name .cloudapp-checkbox + span {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { IDynamicDeviceListProps } from './interface';
-import './index.less';
-declare function DynamicDeviceList({ onClick, checkedKeys, defaultCheckedIds, onChecked, params, title, onKeywordChange, limit, itemHeight }: IDynamicDeviceListProps): JSX.Element;
-declare namespace DynamicDeviceList {
-    var defaultProps: {
-        limit: number;
-        itemHeight: number;
-        params: {};
-    };
-}
-export default DynamicDeviceList;

package/es/List/DynamicDeviceList/index.js

@@ -1,205 +0,0 @@
-import "antd/lib/skeleton/style";
-import _Skeleton from "antd/lib/skeleton";
-import "antd/lib/checkbox/style";
-import _Checkbox from "antd/lib/checkbox";
-import _useMemoizedFn from "ahooks/es/useMemoizedFn";
-import _useUpdateEffect from "ahooks/es/useUpdateEffect";
-import _useVirtualList3 from "ahooks/es/useVirtualList";
-import _useInfiniteScroll2 from "ahooks/es/useInfiniteScroll";
-
-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, useMemo, useRef, useState } from 'react';
-import DeviceIcon from '../../DeviceIcon';
-import Title from '../../Title';
-import CheckExt from '../CheckExt';
-import { loadNextPage, LIMIT, skeletonList } from './utils';
-import "./index.css";
-
-function DynamicDeviceList(_ref) {
-  var onClick = _ref.onClick,
-      checkedKeys = _ref.checkedKeys,
-      defaultCheckedIds = _ref.defaultCheckedIds,
-      onChecked = _ref.onChecked,
-      params = _ref.params,
-      title = _ref.title,
-      onKeywordChange = _ref.onKeywordChange,
-      limit = _ref.limit,
-      itemHeight = _ref.itemHeight;
-
-  var _useState = useState({
-    checkedKeys: defaultCheckedIds || checkedKeys || []
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var containerRef = useRef();
-  var wrapperRef = useRef();
-
-  var _useInfiniteScroll = _useInfiniteScroll2(function (d) {
-    return loadNextPage(d, limit, params);
-  }, {
-    target: containerRef,
-    threshold: 50,
-    isNoMore: function isNoMore(d) {
-      var _a;
-
-      return ((_a = d === null || d === void 0 ? void 0 : d.list) === null || _a === void 0 ? void 0 : _a.length) >= (d === null || d === void 0 ? void 0 : d.count);
-    },
-    reloadDeps: [params.placeIds, params.buzGroupId]
-  }),
-      data = _useInfiniteScroll.data,
-      loadingMore = _useInfiniteScroll.loadingMore,
-      noMore = _useInfiniteScroll.noMore;
-
-  var isSkeleton = useMemo(function () {
-    return !noMore && loadingMore;
-  }, [noMore, loadingMore]);
-  var dataList = useMemo(function () {
-    return data ? (data === null || data === void 0 ? void 0 : data.list) || [] : [];
-  }, [data]);
-
-  var _useVirtualList = _useVirtualList3(dataList, {
-    containerTarget: containerRef,
-    wrapperTarget: wrapperRef,
-    itemHeight: itemHeight,
-    overscan: 10
-  }),
-      _useVirtualList2 = _slicedToArray(_useVirtualList, 2),
-      list = _useVirtualList2[0],
-      scrollTo = _useVirtualList2[1];
-  /**
-   * 列表选中处理
-   */
-
-
-  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]);
-
-  _useUpdateEffect(function () {
-    return scrollTo(0);
-  }, [params.placeIds, params.buzGroupId]);
-
-  var onSelectAll = _useMemoizedFn(function () {
-    var ids = dataList.map(function (v) {
-      return v.cid;
-    });
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        checkedKeys: ids
-      });
-    });
-    onChecked && onChecked(ids, dataList, true);
-  });
-
-  var onCancelAll = function onCancelAll() {
-    setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        checkedKeys: []
-      });
-    });
-    onChecked && onChecked([], [], false);
-  };
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: "zenview-c-dynamic-device-list-layout"
-  }, /*#__PURE__*/React.createElement(Title, {
-    title: title,
-    onChange: onKeywordChange,
-    inputPlaceholder: "\u8BF7\u8F93\u5165\u8BBE\u5907\u540D\u79F0"
-  }), onChecked && /*#__PURE__*/React.createElement(CheckExt, {
-    count: data === null || data === void 0 ? void 0 : data.count,
-    selectCount: state.checkedKeys.length,
-    onCancel: onCancelAll,
-    onCheck: onSelectAll
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "zenview-c-dynamic-device-box",
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: wrapperRef
-  }, list.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: item.index,
-      className: "device-item-box ".concat(state.checkedKeys.includes(item.data.cid) ? 'device-item-selected' : '')
-    }, onChecked ? /*#__PURE__*/React.createElement(_Checkbox, {
-      className: "device-name device-checkbox-name",
-      checked: state.checkedKeys.includes(item.data.cid),
-      value: item.data.cid,
-      onClick: function onClick() {
-        return onCheckedAction(item.data);
-      }
-    }, /*#__PURE__*/React.createElement(DeviceIcon, {
-      type: item.data.deviceType,
-      status: item.data.deviceStatus
-    }), /*#__PURE__*/React.createElement("span", {
-      title: item.data.deviceName
-    }, item.data.deviceName)) : /*#__PURE__*/React.createElement("span", {
-      className: "device-name",
-      onClick: onClick ? function () {
-        return onClick(item);
-      } : undefined
-    }, /*#__PURE__*/React.createElement(DeviceIcon, {
-      type: item.data.deviceType,
-      status: item.data.deviceStatus
-    }), /*#__PURE__*/React.createElement("span", {
-      title: item.data.deviceName
-    }, item.data.deviceName)));
-  })), isSkeleton && skeletonList.map(function (_, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      style: {
-        padding: '0 10px'
-      },
-      className: "dynamic-list-item"
-    }, /*#__PURE__*/React.createElement(_Skeleton, {
-      paragraph: false,
-      loading: true,
-      active: true
-    }));
-  })));
-}
-
-DynamicDeviceList.defaultProps = {
-  limit: LIMIT,
-  itemHeight: 40,
-  params: {}
-};
-export default DynamicDeviceList;

package/es/List/DynamicDeviceList/interface.d.ts

@@ -1,37 +0,0 @@
-export 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 };
-
-  title?: string;
-
-  onKeywordChange?: (v: string) => void;
-
-  defaultCheckedIds?: string[];
-
-  limit?: number;
-
-  itemHeight?: number;
-}
-
-export interface IDynamicDeviceListResult<T> {
-  list: T[];
-  offset: number;
-  [key: string]: any;
-}

package/es/List/DynamicDeviceList/utils.d.ts

@@ -1,16 +0,0 @@
-import { DeviceItemType, HttpPageResult2 } from '../../core';
-import { IDynamicDeviceListResult } from './interface';
-export declare function queryDeviceList(params?: any): Promise<HttpPageResult2<DeviceItemType>>;
-export declare const LIMIT = 30;
-/**
- * @desc 懒加载方法
- */
-export declare const loadNextPage: (d?: IDynamicDeviceListResult<DeviceItemType>, defaultLimit?: number, params?: any) => Promise<{
-    list: DeviceItemType[];
-    count: number;
-    offset: number;
-    limit: number;
-}>;
-export declare const skeletonList: {
-    skeleton: boolean;
-}[];

package/es/List/ListExt/index.css

@@ -1,3 +0,0 @@
-.vidc-list-component {
-  margin-left: -1px;
-}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { CheckListProps } from '../interface';
-import './index.less';
-export interface IListProps<T> extends CheckListProps<T>, IListExtProps {
-}
-export interface IListExtProps {
-    title?: string;
-    titleExt?: React.ReactNode;
-    inputPlaceholder?: string;
-    onKeywordChange?: (key: string) => void;
-}
-declare function ListExt<T>({ onKeywordChange, title, inputPlaceholder, titleExt, className, ...props }: IListProps<T>): JSX.Element;
-declare namespace ListExt {
-    var defaultProps: {
-        inputPlaceholder: string;
-        title: string;
-    };
-}
-export default ListExt;

package/es/List/ListExt/index.js

@@ -1,44 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-import List from '../index';
-import Title from '../../Title';
-import "./index.css";
-
-function ListExt(_a) {
-  var onKeywordChange = _a.onKeywordChange,
-      title = _a.title,
-      inputPlaceholder = _a.inputPlaceholder,
-      titleExt = _a.titleExt,
-      className = _a.className,
-      props = __rest(_a, ["onKeywordChange", "title", "inputPlaceholder", "titleExt", "className"]);
-
-  return /*#__PURE__*/React.createElement(List, Object.assign({}, props, {
-    className: "".concat(className, " vidc-list-component"),
-    checkExt: /*#__PURE__*/React.createElement(ListExtTitle, {
-      titleExt: titleExt,
-      onKeywordChange: onKeywordChange,
-      inputPlaceholder: inputPlaceholder,
-      title: title
-    })
-  }));
-}
-
-function ListExtTitle(_ref) {
-  var title = _ref.title,
-      inputPlaceholder = _ref.inputPlaceholder,
-      onKeywordChange = _ref.onKeywordChange,
-      titleExt = _ref.titleExt;
-  return /*#__PURE__*/React.createElement(Title, {
-    title: title,
-    inputPlaceholder: inputPlaceholder,
-    onChange: onKeywordChange,
-    hasInput: !!onKeywordChange,
-    titleExt: titleExt
-  });
-}
-
-ListExt.defaultProps = {
-  inputPlaceholder: '请输入关键字搜索',
-  title: '列表'
-};
-export default ListExt;

package/es/Picture/component/MoveContent/index.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import { DeviationType, PositionType, SizeType } from '../../interface';
-import './index.less';
-interface MoveContentProps {
-    children: React.ReactNode;
-    onDrag?: (e: React.MouseEvent, position: PositionType) => void;
-    onDragChange?: (position: PositionType) => void;
-    onDragEnd?: (e: React.MouseEvent, position: PositionType) => void;
-    position?: PositionType;
-    size?: SizeType;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare class MoveContentView extends React.Component<MoveContentProps> {
-    position: PositionType;
-    DA: PositionType;
-    moveEvents: any[];
-    isDrag: boolean;
-    dragRef: React.RefObject<HTMLElement>;
-    deviation: DeviationType;
-    constructor(props: MoveContentProps);
-    componentDidMount(): void;
-    initDomInfo(info?: SizeType): void;
-    componentWillUnmount(): void;
-    bindMoveEvent(): void;
-    removeMoveEvent(): void;
-    onMouseMove: (event: React.MouseEvent) => void;
-    updatePosition: ({ x, y }: PositionType) => void;
-    updateSize: ({ width, height }: SizeType) => void;
-    onMouseUp: (event: React.MouseEvent) => void;
-    onMouseDown(event: React.MouseEvent): void;
-    getMouseXY(e: MouseEvent): {
-        x: number;
-        y: number;
-    };
-    render(): JSX.Element;
-}
-export default MoveContentView;