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

package/es/ContentBox/BetweenBox/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface BetweentBoxProps {
+    className?: string;
+    children?: React.ReactNode;
+    extNode?: React.ReactNode;
+    style?: React.CSSProperties;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+}
+declare function BetweenBox({ className, left, right, style, children, extNode }: BetweentBoxProps): JSX.Element;
+export default BetweenBox;

package/es/ContentBox/BetweenBox/index.js

@@ -0,0 +1,24 @@
+import React, { useMemo } from 'react';
+import "./index.css";
+
+function BetweenBox(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      left = _ref.left,
+      right = _ref.right,
+      style = _ref.style,
+      children = _ref.children,
+      extNode = _ref.extNode;
+  var title = useMemo(function () {
+    return left || children;
+  }, [left, children]);
+  var other = useMemo(function () {
+    return right || extNode;
+  }, [right, extNode]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lm-between-box ".concat(className),
+    style: style
+  }, title && /*#__PURE__*/React.createElement("div", null, title), other && /*#__PURE__*/React.createElement("div", null, other));
+}
+
+export default BetweenBox;

package/es/ContentBox/InfoBox/index.css

@@ -0,0 +1,23 @@
+.info-box-layout {
+  width: 100%;
+  margin-bottom: 20px;
+  display: flex;
+  flex-direction: column;
+}
+.info-box-layout .info-box-title-wrapper {
+  background-color: var(--content-info-box-title-bg);
+  border: 1px solid var(--content-info-box-title-bd);
+  border-bottom: none;
+  height: var(--content-info-box-title-height);
+  line-height: var(--content-info-box-title-height);
+  min-height: max-content;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  font-weight: 700;
+}
+.info-box-layout .info-box-content-wrapper {
+  background-color: var(--content-info-box-bg);
+  border: 1px solid var(--content-info-box-bd-color);
+  flex: 1;
+}

package/es/ContentBox/InfoBox/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+interface InfoBoxProps {
+    className?: string;
+    title?: React.ReactNode;
+    titleExt?: React.ReactNode;
+    style?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare function InfoBox({ title, titleExt, children, className, style, contentStyle }: InfoBoxProps): JSX.Element;
+export default InfoBox;

package/es/ContentBox/InfoBox/index.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import BetweenBox from '../BetweenBox';
+import "./index.css";
+
+function InfoBox(_ref) {
+  var title = _ref.title,
+      titleExt = _ref.titleExt,
+      children = _ref.children,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      style = _ref.style,
+      contentStyle = _ref.contentStyle;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "info-box-layout ".concat(className),
+    style: style
+  }, (!!title || !!titleExt) && /*#__PURE__*/React.createElement(BetweenBox, {
+    className: "info-box-title-wrapper",
+    left: title,
+    right: titleExt
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "info-box-content-wrapper",
+    style: contentStyle
+  }, children));
+}
+
+export default InfoBox;

package/es/ContentBox/TwoColumnBox/index.css

@@ -0,0 +1,77 @@
+.two-column-layout-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  color: var(--content-two-column-box-color);
+}
+.two-column-layout-container .two-column-aside {
+  transition: width 0.1s ease-in;
+  width: var(--sider-size);
+  height: 100%;
+  z-index: 9;
+  position: absolute;
+  left: 0;
+  top: 0;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+.two-column-layout-container .two-column-aside .two-colum-left-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.two-column-layout-container .two-column-aside .two-colum-left-content {
+  width: var(--sider-size);
+  height: 100%;
+  background-color: var(--content-two-column-box-left-bg);
+}
+.two-column-layout-container .two-column-aside .left-aside-slider-btn {
+  position: absolute;
+  width: 16px;
+  height: 20px;
+  right: -16px;
+  top: 50%;
+  margin-top: -8px;
+  font-size: var(--fs-large);
+  cursor: pointer;
+  background-color: red;
+}
+.two-column-layout-container .two-column-aside .left-aside-slider-btn .anticon {
+  background: var(--content-two-column-box-left-bg);
+  vertical-align: unset;
+  position: relative;
+  z-index: 3;
+}
+.two-column-layout-container .two-column-aside .left-aside-slider-btn:before,
+.two-column-layout-container .two-column-aside .left-aside-slider-btn:after {
+  content: '';
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  background-color: var(--content-two-column-box-left-bg);
+  position: absolute;
+}
+.two-column-layout-container .two-column-aside .left-aside-slider-btn:before {
+  left: 0;
+  bottom: -10px;
+  transform: skewY(-20deg);
+}
+.two-column-layout-container .two-column-aside .left-aside-slider-btn:after {
+  right: 0;
+  top: -10px;
+  transform: skewY(20deg);
+}
+.two-column-layout-container .two-column-aside.hide-left-aside {
+  width: 0;
+}
+.two-column-layout-container .two-column-aside.hide-left-aside + .two-column-content {
+  padding-left: 0;
+}
+.two-column-layout-container .two-column-content {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  padding-left: var(--sider-size);
+  background-color: var(--content-two-column-box-right-bg);
+  transition: padding-left 0.3s ease-in-out;
+  box-sizing: border-box;
+}

package/es/ContentBox/TwoColumnBox/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './index.less';
+export interface TwoColumnBoxProps {
+    className?: string;
+    collapsible?: boolean;
+    leftContent?: React.ReactNode | JSX.Element;
+    children?: React.ReactNode;
+}
+declare function TwoColumnBox({ className, collapsible, leftContent, children }: TwoColumnBoxProps): JSX.Element;
+export default TwoColumnBox;

package/es/ContentBox/TwoColumnBox/index.js

@@ -0,0 +1,50 @@
+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 IconFont from '../../IconFont';
+import "./index.css";
+
+function TwoColumnBox(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$collapsible = _ref.collapsible,
+      collapsible = _ref$collapsible === void 0 ? true : _ref$collapsible,
+      leftContent = _ref.leftContent,
+      children = _ref.children;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      collapsed = _useState2[0],
+      setCollapsed = _useState2[1];
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: "two-column-layout-container ".concat(className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "two-column-aside ".concat(collapsed ? 'hide-left-aside' : '')
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "two-colum-left-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "two-colum-left-content"
+  }, leftContent, collapsible && /*#__PURE__*/React.createElement("span", {
+    onClick: function onClick() {
+      return setCollapsed(!collapsed);
+    },
+    className: "left-aside-slider-btn"
+  }, /*#__PURE__*/React.createElement(IconFont, {
+    type: collapsed ? 'icon-S_Arrow_SmallRight' : 'icon-S_Arrow_SmallLeft'
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: "two-column-content"
+  }, children));
+}
+
+export default TwoColumnBox;

package/es/ContentBox/deps/content-grid.d.ts

@@ -0,0 +1,9 @@
+declare const grid: {
+    xxl: number;
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+export default grid;

package/es/ContentBox/deps/content-grid.js

@@ -0,0 +1,9 @@
+var grid = {
+  xxl: 22,
+  xl: 22,
+  lg: 23,
+  md: 23,
+  sm: 23,
+  xs: 23
+};
+export default grid;

package/es/ContentBox/deps/grid-factory.d.ts

@@ -0,0 +1,10 @@
+export declare function getGridClassName(grid: any): any[];
+export declare function computedGrid(grid: any): {
+    xxl: number;
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+export declare function computedCuurentGrid(): "xxl" | "xl" | "lg" | "md" | "sm" | "xs";

package/es/ContentBox/deps/grid-factory.js

@@ -0,0 +1,72 @@
+export function getGridClassName(grid) {
+  var classNames = [];
+
+  for (var k in grid) {
+    classNames.push("cloudapp-col-".concat(k, "-").concat(grid[k]));
+  }
+
+  return [].concat('cloudapp-col', classNames);
+}
+export function computedGrid(grid) {
+  var contentGrid = {
+    xxl: 0,
+    xl: 0,
+    lg: 0,
+    md: 0,
+    sm: 0,
+    xs: 0
+  };
+
+  if (Array.isArray(grid)) {
+    grid.forEach(function (item) {
+      for (var k in item) {
+        if (contentGrid[k]) {
+          contentGrid[k] = contentGrid[k] - item[k];
+        } else {
+          contentGrid[k] = 24 - item[k];
+        }
+      }
+    });
+  } else {
+    for (var k in grid) {
+      contentGrid[k] = 24 - grid[k];
+    }
+  }
+
+  for (var _k in contentGrid) {
+    if (contentGrid[_k] <= 0) {
+      contentGrid[_k] = 24;
+    }
+  }
+
+  return contentGrid;
+}
+export function computedCuurentGrid() {
+  var width = document.body.clientWidth;
+
+  if (width >= 1600) {
+    return 'xxl';
+  }
+
+  if (width >= 1200 && width < 1600) {
+    return 'xl';
+  }
+
+  if (width >= 992 && width < 1200) {
+    return 'lg';
+  }
+
+  if (width >= 768 && width < 992) {
+    return 'md';
+  }
+
+  if (width >= 576 && width < 768) {
+    return 'sm';
+  }
+
+  if (width < 576) {
+    return 'xs';
+  }
+
+  return undefined;
+}

package/es/ContentBox/deps/simple-grid.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    xxl: number;
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+};
+export default _default;

package/es/ContentBox/deps/simple-grid.js

@@ -0,0 +1,8 @@
+export default {
+  xxl: 4,
+  xl: 6,
+  lg: 6,
+  md: 7,
+  sm: 24,
+  xs: 24
+};

package/es/ContentBox/index.css

@@ -0,0 +1,9 @@
+.single-column-layout-container {
+  width: 100%;
+  height: 100%;
+  background-color: var(--content-box-bg);
+}
+.single-column-layout-container .single-column-content {
+  margin: 0 auto;
+  height: 100%;
+}

package/es/ContentBox/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './index.less';
+export interface ContentBoxProps {
+    className?: string;
+    contentGrid?: any;
+    children?: React.ReactNode;
+}
+declare function ContentBox({ className, contentGrid, children }: ContentBoxProps): JSX.Element;
+declare namespace ContentBox {
+    var TwoColumnBox: typeof import("./TwoColumnBox").default;
+    var InfoBox: typeof import("./InfoBox").default;
+    var BetweenBox: typeof import("./BetweenBox").default;
+}
+export default ContentBox;

package/es/ContentBox/index.js

@@ -0,0 +1,28 @@
+import "antd/lib/col/style";
+import _Col from "antd/lib/col";
+import "antd/lib/row/style";
+import _Row from "antd/lib/row";
+import React from 'react';
+import TwoColumnBox from './TwoColumnBox';
+import InfoBox from './InfoBox';
+import defaultContentGrid from './deps/content-grid';
+import BetweenBox from './BetweenBox';
+import "./index.css";
+
+function ContentBox(_ref) {
+  var _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$contentGrid = _ref.contentGrid,
+      contentGrid = _ref$contentGrid === void 0 ? defaultContentGrid : _ref$contentGrid,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement(_Row, {
+    className: "single-column-layout-container ".concat(className)
+  }, /*#__PURE__*/React.createElement(_Col, Object.assign({
+    className: "single-column-content"
+  }, contentGrid), children));
+}
+
+ContentBox.TwoColumnBox = TwoColumnBox;
+ContentBox.InfoBox = InfoBox;
+ContentBox.BetweenBox = BetweenBox;
+export default ContentBox;

package/es/DeviceIcon/icon.js

@@ -1,8 +1,8 @@
-import _Dict from "@cloud-app-dev/basic-components/es/Dict";
-
+import Dict from '../Dict';
 /**根据设备类型和状态获取设备展示图标 */
+
 export var getCameraTypeIcon = function getCameraTypeIcon(type, status) {
-  var _Dict$device = _Dict.device,
+  var _Dict$device = Dict.device,
       znxj = _Dict$device.znxj,
       qj = _Dict$device.qj,
       db = _Dict$device.db,
@@ -13,7 +13,7 @@ export var getCameraTypeIcon = function getCameraTypeIcon(type, status) {
       xfs = _Dict$device.xfs,
       znjg = _Dict$device.znjg,
       qt = _Dict$device.qt;
-  var _Dict$device2 = _Dict.device,
+  var _Dict$device2 = Dict.device,
       ptjk = _Dict$device2.ptjk,
       rlzp = _Dict$device2.rlzp,
       zpj = _Dict$device2.zpj,
@@ -127,7 +127,7 @@ export var getCameraTypeIcon = function getCameraTypeIcon(type, status) {
   }
 
   if (Object.keys(option).length === 0) {
-    console.debug('未获取到设备类型！返回默认');
+    console.debug('未获取到设备类型!,返回默认');
     option.color = !onLine ? '#ccc' : 'rgba(255, 156, 84, 1)';
     option.bgColor = !onLine ? '#ccc' : '#29CCCC';
     option.icon = 'icon-S_Point_CameraSmart';

package/es/DeviceIcon/index.js

@@ -1,6 +1,6 @@
-import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
 import { __rest } from "tslib";
 import React, { useMemo } from 'react';
+import IconFont from '../IconFont';
 import { getCameraTypeIcon } from './icon';
 import "./index.css";
 
@@ -27,7 +27,7 @@ function DeviceIcon(_a) {
   var iconClassName = useMemo(function () {
     return onLine ? onlineClass : offlineClass;
   }, [offlineClass, onLine, onlineClass]);
-  return /*#__PURE__*/React.createElement(_IconFont, Object.assign({
+  return /*#__PURE__*/React.createElement(IconFont, Object.assign({
     style: style,
     type: options.icon,
     className: "".concat(iconClassName, " ").concat(className ? className : '')

package/es/DeviceList/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { CheckListProps } from '../List';
 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>;

package/es/DeviceList/index.js

@@ -1,7 +1,7 @@
-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 List from '../List';
+import IconFont from '../IconFont';
 import DeviceIcon from '../DeviceIcon';
 import TreeTitle from '../TreeTitle';
 import "./index.css";
@@ -30,7 +30,7 @@ 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",
@@ -51,7 +51,7 @@ function DeviceList(_a) {
         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/DeviceSelect/index.js

@@ -1,4 +1,3 @@
-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";
@@ -33,6 +32,7 @@ import TreeMode from '../TreeMode';
 import DynamicDeviceList from '../DynamicDeviceList';
 import DeviceList from '../DeviceList';
 import { uniq, uniqBy } from 'lodash';
+import IconFont from '../IconFont';
 import "./index.css";
 
 function DeviceSelect(_ref) {
@@ -192,7 +192,7 @@ function DeviceSelect(_ref) {
         },
         key: "Place"
       }, "\u884C\u653F\u533A\u5212"))
-    }, /*#__PURE__*/React.createElement("span", null, state.mode === 'Place' ? '行政区划' : '设备业务树', " ", /*#__PURE__*/React.createElement(_IconFont, {
+    }, /*#__PURE__*/React.createElement("span", null, state.mode === 'Place' ? '行政区划' : '设备业务树', " ", /*#__PURE__*/React.createElement(IconFont, {
       style: {
         position: 'relative',
         top: 1

package/es/Dict/cache.d.ts

@@ -0,0 +1,3 @@
+import { CacheDictType } from './interface';
+declare const LMDict: CacheDictType;
+export default LMDict;

package/es/Dict/cache.js

@@ -0,0 +1,21 @@
+import produce from 'immer';
+var dictMap = {
+  data: produce({}, function () {}),
+  updateDictMap: function updateDictMap(key, value) {
+    this.data = produce(this.data, function (draft) {
+      draft[key] = value;
+    });
+  }
+};
+var _global = window;
+
+var LMDict = function () {
+  if (_global._LM_DICT_) {
+    return _global._LM_DICT_;
+  } else {
+    _global._LM_DICT_ = dictMap;
+    return dictMap;
+  }
+}();
+
+export default LMDict;

package/es/Dict/desc.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+import { DictItem } from './interface';
+export declare function withDict(codes?: any[], isWebVisible?: boolean): (Component: any) => (props: any) => JSX.Element;
+export declare function withTypeCodes(Component: any): {
+    new (props: any): {
+        componentDidMount(): void;
+        render(): JSX.Element;
+        context: any;
+        setState<K extends "typeCodes" | "isInit">(state: {
+            typeCodes: DictItem[];
+            isInit: boolean;
+        } | ((prevState: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>, props: Readonly<any>) => {
+            typeCodes: DictItem[];
+            isInit: boolean;
+        } | Pick<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }, K>) | Pick<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }, K>, callback?: () => void): void;
+        forceUpdate(callback?: () => void): void;
+        readonly props: Readonly<any> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>): any;
+        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<{
+            typeCodes: DictItem[];
+            isInit: boolean;
+        }>, nextContext: any): void;
+    };
+    contextType?: React.Context<any>;
+};