@cloud-app-dev/vidc 3.2.11 → 3.2.14

package/es/AppContext/index.js

@@ -1,76 +1,110 @@
 import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
 import _nextTick from "@cloud-app-dev/utils/es/nextTick";
 import _cache from "@cloud-app-dev/utils/es/cache";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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, useState } from 'react';
-import Sync from './Sync';
-import * as Static from './static';
+import Sync from "./Sync";
+import * as Static from "./static";
 import { isEmpty } from 'lodash-es';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var _USER_SESSION_ = Static._USER_SESSION_,
-  _OPERATION_SESSION_ = Static._OPERATION_SESSION_,
-  _LOGIN_STATUS_SESSION_ = Static._LOGIN_STATUS_SESSION_,
-  _USER_EVENT_CHANGE_ = Static._USER_EVENT_CHANGE_,
-  _OPERATION_EVENT_CHANGE_ = Static._OPERATION_EVENT_CHANGE_,
-  _LOGIN_STATUS_EVENT_CHANGE_ = Static._LOGIN_STATUS_EVENT_CHANGE_,
-  _STORE_SESSION_ = Static._STORE_SESSION_,
-  _STORE_EVENT_CHANGE_ = Static._STORE_EVENT_CHANGE_;
+    _OPERATION_SESSION_ = Static._OPERATION_SESSION_,
+    _LOGIN_STATUS_SESSION_ = Static._LOGIN_STATUS_SESSION_,
+    _USER_EVENT_CHANGE_ = Static._USER_EVENT_CHANGE_,
+    _OPERATION_EVENT_CHANGE_ = Static._OPERATION_EVENT_CHANGE_,
+    _LOGIN_STATUS_EVENT_CHANGE_ = Static._LOGIN_STATUS_EVENT_CHANGE_,
+    _STORE_SESSION_ = Static._STORE_SESSION_,
+    _STORE_EVENT_CHANGE_ = Static._STORE_EVENT_CHANGE_;
 var Context = /*#__PURE__*/React.createContext(null);
+
 function Provider(_ref) {
   var children = _ref.children;
+
   var _useState = useState({
-      user: _cache.getCache(_USER_SESSION_, 'session') || {},
-      operation: _cache.getCache(_OPERATION_SESSION_, 'session') || {},
-      loginStatus: _cache.getCache(_LOGIN_STATUS_SESSION_, 'session') || false,
-      store: _cache.getCache(_STORE_SESSION_, 'session') || {}
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    state = _useState2[0],
-    setState = _useState2[1];
+    user: _cache.getCache(_USER_SESSION_, 'session') || {},
+    operation: _cache.getCache(_OPERATION_SESSION_, 'session') || {},
+    loginStatus: _cache.getCache(_LOGIN_STATUS_SESSION_, 'session') || false,
+    store: _cache.getCache(_STORE_SESSION_, 'session') || {}
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
   function updateUser() {
     var user = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var newUser = Object.assign(Object.assign({}, state.user), user);
+
+    var newUser = _objectSpread(_objectSpread({}, state.user), user);
+
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         user: newUser
       });
     });
+
     _nextTick(function () {
       _SocketEmitter.emit(_USER_EVENT_CHANGE_, newUser);
+
       _cache.setCache(_USER_SESSION_, newUser, 'session');
+
       console.info('AppContext updateUser is run !', user);
     });
   }
+
   function updateOperation() {
     var operation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var newOperation = Object.assign(Object.assign({}, state.operation), operation);
+
+    var newOperation = _objectSpread(_objectSpread({}, state.operation), operation);
+
     setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
+      return _objectSpread(_objectSpread({}, old), {}, {
         operation: newOperation
       });
     });
+
     _nextTick(function () {
       _SocketEmitter.emit(_OPERATION_EVENT_CHANGE_, newOperation);
+
       _cache.setCache(_OPERATION_SESSION_, newOperation, 'session');
+
       console.info('AppContext updateOperation is run !', operation);
     });
   }
+
   function updateLoginStatus(status) {
     if (typeof status !== 'boolean') {
       throw new Error('status type is boolean ！');
     }
+
     setState(function (old) {
-      return status !== old.loginStatus ? Object.assign(Object.assign({}, old), {
+      return status !== old.loginStatus ? _objectSpread(_objectSpread({}, old), {}, {
         loginStatus: status
       }) : old;
     });
+
     _nextTick(function () {
       _SocketEmitter.emit(_LOGIN_STATUS_EVENT_CHANGE_, status);
+
       _cache.setCache(_LOGIN_STATUS_SESSION_, status, 'session');
+
       console.info('AppContext updateLoginStatus is run !', status);
     });
   }
@@ -78,39 +112,48 @@ function Provider(_ref) {
    * @desc 用于全局自定义状态存储，依赖sessionStorage持久化能力，不建议存储大数据量
    * @param data
    */
+
+
   function updateStore() {
     var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     setState(function (old) {
-      var newData = {};
-      //获取变更项
-      for (var key in data) {
-        if (data[key] !== old.store[key]) {
-          newData[key] = data[key];
+      var newData = {}; //获取变更项
+
+      for (var _key in data) {
+        if (data[_key] !== old.store[_key]) {
+          newData[_key] = data[_key];
         }
       }
+
       if (isEmpty(newData)) {
         return old;
       }
-      var newStore = Object.assign(Object.assign({}, old.store), newData);
+
+      var newStore = _objectSpread(_objectSpread({}, old.store), newData);
+
       _cache.setCache(_STORE_SESSION_, newStore, 'session');
-      return Object.assign(Object.assign({}, old), {
+
+      return _objectSpread(_objectSpread({}, old), {}, {
         store: newStore
       });
     });
+
     _nextTick(function () {
       _SocketEmitter.emit(_STORE_EVENT_CHANGE_, data);
+
       console.info('AppContext updateStore is run !', data);
     });
   }
+
   var stateChange = useCallback(function (options) {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), options);
+      return _objectSpread(_objectSpread({}, old), options);
     });
   }, []);
   var storeChange = useCallback(function (store) {
     return setState(function (old) {
-      return Object.assign(Object.assign({}, old), {
-        store: Object.assign(Object.assign({}, old.store), store)
+      return _objectSpread(_objectSpread({}, old), {}, {
+        store: _objectSpread(_objectSpread({}, old.store), store)
       });
     });
   }, []);
@@ -125,17 +168,18 @@ function Provider(_ref) {
       updateLoginStatus: updateLoginStatus,
       updateStore: updateStore
     };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
   [state.user, state.operation, state.loginStatus]);
-  return /*#__PURE__*/React.createElement(Context.Provider, {
-    value: providerValue
-  }, children, /*#__PURE__*/React.createElement(Sync, {
-    stateChange: stateChange,
-    storeChange: storeChange
-  }));
-}
-// eslint-disable-next-line import/no-anonymous-default-export
+  return /*#__PURE__*/_jsxs(Context.Provider, {
+    value: providerValue,
+    children: [children, /*#__PURE__*/_jsx(Sync, {
+      stateChange: stateChange,
+      storeChange: storeChange
+    })]
+  });
+} // eslint-disable-next-line import/no-anonymous-default-export
+
+
 export default {
   Provider: Provider,
   Context: Context

package/es/AppContext/static.js

@@ -1,8 +1,15 @@
 export var _USER_EVENT_CHANGE_ = '_USER_EVENT_CHANGE_'; //用户信息变化
+
 export var _OPERATION_EVENT_CHANGE_ = '_OPERATION_EVENT_CHANGE_'; //应用系统信息变化
+
 export var _LOGIN_STATUS_EVENT_CHANGE_ = '_LOGIN_STATUS_EVENT_CHANGE_'; //登录状态变化
+
 export var _STORE_EVENT_CHANGE_ = '_STORE_EVENT_CHANGE_'; //登录状态变化
+
 export var _USER_SESSION_ = '_USER_SESSION_'; //用户信息 缓存key
+
 export var _OPERATION_SESSION_ = '_OPERATION_SESSION_'; //应用系统信息 缓存key
+
 export var _LOGIN_STATUS_SESSION_ = '_LOGIN_STATUS_SESSION_'; //登录状态 缓存key
+
 export var _STORE_SESSION_ = '_STORE_SESSION_'; //登录状态 缓存key

package/es/Auth/index.js

@@ -1,14 +1,21 @@
 import React, { useMemo } from 'react';
-import Config from '../Config';
+import Config from "../Config";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function Auth(_ref) {
   var featureId = _ref.featureId,
-    noAuthContent = _ref.noAuthContent,
-    children = _ref.children;
+      noAuthContent = _ref.noAuthContent,
+      children = _ref.children;
   var action = useMemo(function () {
     return !!Config.feature.find(function (v) {
       return v === featureId;
     });
   }, [featureId]); //获取按钮权限
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !action ? noAuthContent ? noAuthContent : null : children);
+
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: !action ? noAuthContent ? noAuthContent : null : children
+  });
 }
+
 export default Auth;

package/es/AutoExit/index.js

@@ -1,11 +1,16 @@
 import _nextTick from "@cloud-app-dev/utils/es/nextTick";
 import React, { useContext, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
-import AppContext from '../AppContext';
+import AppContext from "../AppContext";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function AutoExit(_ref) {
   var children = _ref.children;
+
   var _useContext = useContext(AppContext.Context),
-    loginStatus = _useContext.loginStatus;
+      loginStatus = _useContext.loginStatus;
+
   var navigate = useNavigate();
   useEffect(function () {
     if (!loginStatus) {
@@ -14,6 +19,9 @@ function AutoExit(_ref) {
       });
     }
   }, [loginStatus, navigate]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, loginStatus ? children : null);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: loginStatus ? children : null
+  });
 }
+
 export default AutoExit;

package/es/Box/BetweenBox/index.js

@@ -1,22 +1,31 @@
 import React, { useMemo } from 'react';
-import "./index.css";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 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;
+      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", {
+  return /*#__PURE__*/_jsxs("div", {
     className: "lm-between-box ".concat(className),
-    style: style
-  }, title && /*#__PURE__*/React.createElement("div", null, title), other && /*#__PURE__*/React.createElement("div", null, other));
+    style: style,
+    children: [title && /*#__PURE__*/_jsx("div", {
+      children: title
+    }), other && /*#__PURE__*/_jsx("div", {
+      children: other
+    })]
+  });
 }
+
 export default BetweenBox;

package/es/Box/InfoBox/index.js

@@ -1,24 +1,30 @@
 import React from 'react';
-import BetweenBox from '../BetweenBox';
-import "./index.css";
+import BetweenBox from "../BetweenBox";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 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", {
+      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__*/_jsxs("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));
+    style: style,
+    children: [(!!title || !!titleExt) && /*#__PURE__*/_jsx(BetweenBox, {
+      className: "info-box-title-wrapper",
+      left: title,
+      right: titleExt
+    }), /*#__PURE__*/_jsx("div", {
+      className: "info-box-content-wrapper",
+      style: contentStyle,
+      children: children
+    })]
+  });
 }
+
 export default InfoBox;

package/es/Box/InfoBox/index.less

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

package/es/Box/TwoColumnBox/index.js

@@ -1,37 +1,54 @@
 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 "./index.css";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+
 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;
+      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("div", {
-    className: "two-column-content"
-  }, children));
+      _useState2 = _slicedToArray(_useState, 2),
+      collapsed = _useState2[0],
+      setCollapsed = _useState2[1];
+
+  return /*#__PURE__*/_jsxs("div", {
+    className: "two-column-layout-container ".concat(className),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: "two-column-aside ".concat(collapsed ? 'hide-left-aside' : ''),
+      children: /*#__PURE__*/_jsx("div", {
+        className: "two-colum-left-wrapper",
+        children: /*#__PURE__*/_jsxs("div", {
+          className: "two-colum-left-content",
+          children: [leftContent, collapsible && /*#__PURE__*/_jsx("span", {
+            onClick: function onClick() {
+              return setCollapsed(!collapsed);
+            },
+            className: "left-aside-slider-btn"
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: "two-column-content",
+      children: children
+    })]
+  });
 }
+
 export default TwoColumnBox;

package/es/Box/TwoColumnBox/index.less

@@ -0,0 +1,70 @@
+.two-column-layout-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  color: var(--color1);
+  .two-column-aside {
+    transition: width 0.1s ease-in;
+    width: 30%;
+    height: 100%;
+    z-index: 9;
+    position: absolute;
+    left: 0;
+    top: 0;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    .two-colum-left-wrapper {
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    }
+    .two-colum-left-content {
+      width: 100%;
+      height: 100%;
+      background-color: var(--gray1);
+    }
+    .left-aside-slider-btn {
+      position: absolute;
+      width: 8px;
+      height: 20px;
+      right: -8px;
+      top: 50%;
+      margin-top: -8px;
+      font-size: var(--fs-large);
+      background-color: var(--gray5);
+      cursor: pointer;
+      z-index: 9;
+      &:before,
+      &:after {
+        content: '';
+        width: 1px;
+        height: 16px;
+        z-index: 2;
+        background-color: var(--gray1);
+        position: absolute;
+      }
+      &:before {
+        left: 2px;
+        bottom: 2px;
+      }
+      &:after {
+        right: 2px;
+        top: 2px;
+      }
+    }
+    &.hide-left-aside {
+      width: 0;
+      & + .two-column-content {
+        padding-left: 0;
+      }
+    }
+  }
+  .two-column-content {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    padding-left: 30%;
+    background-color: var(--gray2);
+    transition: padding-left 0.3s ease-in-out;
+    box-sizing: border-box;
+  }
+}

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

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

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

@@ -1,8 +1,10 @@
 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) {
@@ -14,6 +16,7 @@ export function computedGrid(grid) {
     sm: 0,
     xs: 0
   };
+
   if (Array.isArray(grid)) {
     grid.forEach(function (item) {
       for (var k in item) {
@@ -29,32 +32,41 @@ export function computedGrid(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;
 }