@cloud-app-dev/vidc 3.2.11 → 3.2.13

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;
 }

package/es/Box/index.js

@@ -1,25 +1,38 @@
-import "antd/lib/col/style";
-import _Col from "antd/lib/col";
 import "antd/lib/row/style";
 import _Row from "antd/lib/row";
+import "antd/lib/col/style";
+import _Col from "antd/lib/col";
+
+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; }
+
 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";
+import TwoColumnBox from "./TwoColumnBox";
+import InfoBox from "./InfoBox";
+import defaultContentGrid from "./deps/content-grid";
+import BetweenBox from "./BetweenBox";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+
 function Box(_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));
+      className = _ref$className === void 0 ? '' : _ref$className,
+      _ref$contentGrid = _ref.contentGrid,
+      contentGrid = _ref$contentGrid === void 0 ? defaultContentGrid : _ref$contentGrid,
+      children = _ref.children;
+  return /*#__PURE__*/_jsx(_Row, {
+    className: "single-column-layout-container ".concat(className),
+    children: /*#__PURE__*/_jsx(_Col, _objectSpread(_objectSpread({
+      className: "single-column-content"
+    }, contentGrid), {}, {
+      children: children
+    }))
+  });
 }
+
 Box.TwoColumnBox = TwoColumnBox;
 Box.InfoBox = InfoBox;
 Box.BetweenBox = BetweenBox;

package/es/Box/{index.css → index.less}

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

package/es/CheckGroupFixed/demo.d.ts

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

package/es/CheckGroupFixed/demo.js

@@ -0,0 +1,28 @@
+import "antd/lib/config-provider/style";
+import _ConfigProvider from "antd/lib/config-provider";
+import React from 'react';
+import CheckGroupFixed from "./index";
+import { jsx as _jsx } from "react/jsx-runtime";
+var defaultSource = Array.from(new Array(100)).map(function (_, i) {
+  return {
+    label: "\u9009\u9879".concat(i),
+    value: i
+  };
+});
+
+var App = function App() {
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: "cloudapp",
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        width: '100%'
+      },
+      children: /*#__PURE__*/_jsx(CheckGroupFixed, {
+        label: "\u6807\u9898",
+        source: defaultSource
+      })
+    })
+  });
+};
+
+export default App;