cloud-b2b 1.1.51 → 1.1.53

package/lib/Viewer/ImageViews.js

@@ -0,0 +1,266 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _variables = _interopRequireDefault(require("../variables"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var addEvent = function addEvent(el, event, handler) {
+  if (!el) return;
+  if (el.attachEvent) {
+    el.attachEvent('on' + event, handler);
+  } else if (el.addEventListener) {
+    el.addEventListener(event, handler, false);
+  } else {
+    el['on' + event] = handler;
+  }
+};
+var removeEvent = function removeEvent(el, event, handler) {
+  if (!el) return;
+  if (el.detachEvent) {
+    el.detachEvent('on' + event, handler);
+  } else if (el.removeEventListener) {
+    el.removeEventListener(event, handler, false);
+  } else {
+    el['on' + event] = null;
+  }
+};
+var getCss = function getCss(o, key) {
+  return o.currentStyle ? o.currentStyle[key] : document.defaultView.getComputedStyle(o)[key];
+};
+
+// 获取元素旋转的角度
+var getRotateDeg = function getRotateDeg(target) {
+  var rotateMatrix = getCss(target, 'transform');
+  var _rotateMatrix$split$ = rotateMatrix.split('(')[1].split(')')[0].split(','),
+    _rotateMatrix$split$2 = (0, _slicedToArray2["default"])(_rotateMatrix$split$, 2),
+    a = _rotateMatrix$split$2[0],
+    b = _rotateMatrix$split$2[1];
+  return Math.round(Math.atan2(b, a) * (180 / Math.PI));
+};
+var ImageViews = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ImageViews, _React$Component);
+  var _super = _createSuper(ImageViews);
+  function ImageViews(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, ImageViews);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onwheel", function (e) {
+      var zoom = _this.state.zoom;
+      /*事件兼容*/
+      var event = e || window.event;
+      var imageDOM = _this.imgRef;
+      var delta;
+      if (event.nativeEvent.wheelDelta) {
+        delta = event.nativeEvent.wheelDelta / 1200;
+      } else if (event.nativeEvent.deltaY) {
+        delta = -event.nativeEvent.deltaY / 1200;
+      }
+      var zoomVal = zoom + delta;
+      if (zoomVal >= 0.2) {
+        imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
+      } else {
+        zoomVal = 0.2;
+        imageDOM.style.transform = "translate(-50%,-50%) scale(".concat(zoomVal, ")");
+      }
+      _this.setState({
+        zoom: zoomVal
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMouseDown", function (e) {
+      /*事件兼容*/
+      var event = e || window.event;
+      var imageDOM = _this.imgRef;
+      event.preventDefault(); //阻止浏览器的默认事件
+
+      var startTouch = {};
+      startTouch.initiated = true; //initiated为true表示开始滑动
+      /*获取鼠标按下的地方距离元素左侧和上侧的距离*/
+      startTouch.startX = event.nativeEvent.clientX - imageDOM.offsetLeft;
+      startTouch.startY = event.nativeEvent.clientY - imageDOM.offsetTop;
+      _this.setState({
+        startTouch: startTouch
+      });
+      addEvent(document, 'mousemove', _this._onMouseMove);
+      addEvent(document, 'mouseup', _this._onMouseUp);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMouseMove", function (e) {
+      var event = e || window.event;
+      var imageDOM = _this.imgRef;
+      var startTouch = _this.state.startTouch;
+      if (!startTouch.initiated) return;
+      //滑动距离
+      var deltaX = event.clientX - startTouch.startX;
+      var deltaY = event.clientY - startTouch.startY;
+      imageDOM.style.left = "".concat(deltaX, "px");
+      imageDOM.style.top = "".concat(deltaY, "px");
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMouseUp", function () {
+      var startTouch = _this.state.startTouch;
+      if (!startTouch.initiated) return;
+      var endTouch = JSON.parse((0, _stringify["default"])(startTouch));
+      endTouch.initiated = false;
+      _this.setState({
+        startTouch: startTouch
+      });
+      removeEvent(document, 'mousemove', _this._onMouseMove);
+      removeEvent(document, 'mouseup', _this._onMouseDown);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onPlus", function (event) {
+      var zoom = _this.state.zoom;
+      var imageDOM = _this.imgRef;
+      var zoomVal = zoom + 0.1;
+      var originDeg = getRotateDeg(imageDOM);
+      event.stopPropagation();
+      if (zoomVal >= 0.2) {
+        var _context;
+        imageDOM.style.transform = (0, _concat["default"])(_context = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context, originDeg, "deg)");
+      }
+      _this.setState({
+        zoom: zoomVal
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onMinus", function () {
+      var _context2;
+      var zoom = _this.state.zoom;
+      var imageDOM = _this.imgRef;
+      var zoomVal = zoom - 0.1;
+      var originDeg = getRotateDeg(imageDOM);
+      if (zoomVal < 0.2) {
+        zoomVal = 0.2;
+      }
+      imageDOM.style.transform = (0, _concat["default"])(_context2 = "translate(-50%,-50%) scale(".concat(zoomVal, ") rotate(")).call(_context2, originDeg, "deg)");
+      _this.setState({
+        zoom: zoomVal
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_reload", function () {
+      var imageDOM = _this.imgRef;
+      imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
+      imageDOM.style.left = "50%";
+      imageDOM.style.top = "50%";
+      _this.setState({
+        zoom: 1
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_arrowLeft", function () {
+      var onLeft = _this.props.onLeft;
+      onLeft && onLeft();
+      var imageDOM = _this.imgRef;
+      imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
+      imageDOM.style.left = "50%";
+      imageDOM.style.top = "50%";
+      _this.setState({
+        zoom: 1
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_arrowRight", function () {
+      var onRight = _this.props.onRight;
+      onRight && onRight();
+      var imageDOM = _this.imgRef;
+      imageDOM.style.transform = "translate(-50%,-50%) scale(1) rotate(0deg)";
+      imageDOM.style.left = "50%";
+      imageDOM.style.top = "50%";
+      _this.setState({
+        zoom: 1
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "rotate", function (isLeft) {
+      return function () {
+        var _context3;
+        var imageDOM = _this.imgRef;
+        var originDeg = getRotateDeg(imageDOM);
+        var zoom = _this.state.zoom;
+        var rotateDeg = isLeft ? originDeg - 90 : originDeg + 90;
+        imageDOM.style.transform = (0, _concat["default"])(_context3 = "translate(-50%,-50%) rotate(".concat(rotateDeg, "deg) scale(")).call(_context3, zoom, ")");
+      };
+    });
+    _this.state = {
+      zoom: 1,
+      startTouch: {}
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(ImageViews, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var image = this.props.image;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('ImageViews')
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        role: "imgWrapper"
+      }, /*#__PURE__*/_react["default"].createElement("img", {
+        src: image.src,
+        alt: image.alt,
+        ref: function ref(imgRef) {
+          _this2.imgRef = imgRef;
+        },
+        onWheel: this._onwheel //缩放事件
+        ,
+        onMouseDown: this._onMouseDown //拖拽事件
+      })), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('ImageViews').footer
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('ImageViews').toolBar
+      }, /*#__PURE__*/_react["default"].createElement("ul", null, /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u653E\u5927",
+        onClick: this._onPlus,
+        onDoubleClick: function onDoubleClick(event) {
+          return event.preventDefault();
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "plus"
+      })), /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u7F29\u5C0F",
+        onClick: this._onMinus
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "minus"
+      })), /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u4E0A\u4E00\u5F20",
+        onClick: this._arrowLeft
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "arrow-left"
+      })), /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u4E0B\u4E00\u5F20",
+        onClick: this._arrowRight
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "arrow-right"
+      })), /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u5411\u5DE6\u65CB\u8F6C",
+        onClick: this.rotate(true)
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "pld-rotateleft"
+      })), /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u5411\u53F3\u65CB\u8F6C",
+        onClick: this.rotate(false)
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "pld-rotateright"
+      })), /*#__PURE__*/_react["default"].createElement("li", {
+        title: "\u590D\u539F",
+        onClick: this._reload
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "delete"
+      }))))));
+    }
+  }]);
+  return ImageViews;
+}(_react["default"].Component);
+var _default = exports["default"] = ImageViews;

package/lib/Viewer/Viewer.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ImageViews = _interopRequireDefault(require("./ImageViews"));
+var _variables = _interopRequireDefault(require("../variables"));
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var Viewers = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Viewers, _React$Component);
+  var _super = _createSuper(Viewers);
+  function Viewers(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Viewers);
+    _this = _super.call(this, props);
+    //修复Warning报错
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "componentWillUnmount", function () {
+      _this.timeout = null;
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "closeViewers", function () {
+      var _this$props = _this.props,
+        onCancel = _this$props.onCancel,
+        onClose = _this$props.onClose;
+      _this.containerRef.style['opacity'] = 0;
+      _this.timeout = (0, _setTimeout2["default"])(function () {
+        onCancel && onCancel(onClose);
+      }, 1000);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onLeft", function () {
+      var imageIndex = _this.state.imageIndex;
+      var images = _this.props.images;
+      var index = imageIndex - 1;
+      if (index < 0) {
+        index = images.length - 1;
+      }
+      _this.setState({
+        imageIndex: index
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onRight", function () {
+      var imageIndex = _this.state.imageIndex;
+      var images = _this.props.images;
+      var index = imageIndex + 1;
+      if (index > images.length - 1) {
+        index = 0;
+      }
+      _this.setState({
+        imageIndex: index
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_onSelect", function (index) {
+      _this.setState({
+        imageIndex: index
+      });
+    });
+    _this.state = {
+      imageIndex: props.imageIndex
+    };
+    return _this;
+  }
+  (0, _createClass2["default"])(Viewers, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props2 = this.props,
+        visible = _this$props2.visible,
+        images = _this$props2.images,
+        titles = _this$props2.titles;
+      var imageIndex = this.state.imageIndex;
+      return /*#__PURE__*/_react["default"].createElement("div", null, visible ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('Viewers'),
+        ref: function ref(container) {
+          _this2.containerRef = container;
+        }
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('Viewers').mask
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('Viewers').title
+      }, (0, _map["default"])(titles).call(titles, function (item, index) {
+        var _context;
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          key: index,
+          onClick: (0, _bind["default"])(_context = _this2._onSelect).call(_context, _this2, index),
+          className: index === imageIndex ? (0, _variables["default"])('Viewers').selectTitle : ''
+        }, item);
+      })), /*#__PURE__*/_react["default"].createElement(_ImageViews["default"], {
+        image: images[imageIndex],
+        onLeft: this._onLeft,
+        onRight: this._onRight
+      }), /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('Viewers').close,
+        onClick: function onClick() {
+          return _this2.closeViewers();
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+        type: "close"
+      }))) : null);
+    }
+  }]);
+  return Viewers;
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Viewers, "propTypes", {
+  /** viewer是否可见 */
+  visible: _propTypes["default"].bool.isRequired,
+  /** 点击关闭按钮的回调 */
+  onCancel: _propTypes["default"].func.isRequired,
+  /** 需要进行浏览的图片地址集合 */
+  images: _propTypes["default"].array.isRequired,
+  /** 需要进行浏览的图片名称集合 */
+  titles: _propTypes["default"].array.isRequired
+});
+var _default = exports["default"] = Viewers;

package/lib/Viewer/Viewer.less

@@ -0,0 +1,67 @@
+@import '../variables.less';
+
+html, body {
+  width: 100vw;
+  overflow: hidden;
+}
+
+.@{cloudlink-prefix}-Viewers {
+  font-size: 13px;
+  opacity: 1;
+  transition: opacity 1s;
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  z-index: 1001;
+  .mask {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    top: 0;
+    height: 100%;
+    width: 100%;
+    background: rgba(55, 55, 55, 0.9);
+    overflow: hidden;
+  }
+  .close{
+    position: fixed;
+    right: 0;
+    top: 0;
+    height: 60px;
+    width: 60px;
+    border-radius: 0 0 0 60px;
+    background: rgba(0,0,0,0.6);
+    z-index: 1050;
+    i{
+      position: absolute;
+      left: 30px;
+      top: 15px;
+      color: white;
+      font-size: 16px;
+    }
+  }
+  .title{
+    position: absolute;
+    top: 15px;
+    left: 15px;
+    z-index: 2000;
+
+    > div {
+      color: white;
+      font-weight: bold;
+      font-size: 24px;
+      cursor: pointer;
+    }
+
+    .selectTitle {
+      color: #4db5ff;
+    }
+  }
+}
+

package/lib/Viewer/imgView.less

@@ -0,0 +1,59 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-ImageViews {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  overflow: hidden;
+  z-index: 1050;
+  img{
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    transform-origin: center center;
+    cursor: pointer;
+  }
+  .footer{
+    position: fixed;
+    left: 0;
+    right: 0;
+    bottom: 50px;
+    height: 52px;
+    z-index: 1100;
+    .toolBar{
+      display: flex;
+      height: 58px;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-around;
+      >span{
+        font-size: 18px;
+        opacity:0.8;
+        line-height: 15px;
+        color: #ccc;
+      }
+      >ul{
+        overflow: hidden;
+        display: flex;
+        flex-direction: row;
+        >li{
+          height: 36px;
+          width: 36px;
+          border-radius: 50%;
+          background: rgba(0, 0, 0, 1);
+          margin-left: 5px;
+          text-align: center;
+          line-height: 36px;
+          cursor: pointer;
+          i{
+            color: white;
+          }
+        }
+      }
+    }
+  }
+}
+

package/lib/Viewer/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "Viewer",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./Viewer"
+}
+

package/lib/WingBlank/WingBlank.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _variables = _interopRequireDefault(require("../variables"));
+var _excluded = ["className", "children"];
+function WingBlank(_ref) {
+  var _context;
+  var className = _ref.className,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _concat["default"])(_context = "".concat(className, " ")).call(_context, (0, _variables["default"])('WingBlank'))
+  }, props), /*#__PURE__*/_react["default"].createElement("div", null, children));
+}
+var _default = exports["default"] = WingBlank;

package/lib/WingBlank/WingBlank.less

@@ -0,0 +1,12 @@
+@import '../variables';
+
+.@{cloudlink-prefix}-WingBlank {
+  padding-left: @padding;
+  padding-right: @padding;
+
+  > * {
+    max-width: @max-width;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}

package/lib/WingBlank/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "WingBlank",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./WingBlank.js"
+}

package/lib/adjust.less

@@ -0,0 +1,89 @@
+
+.ant-table-small {
+  .ant-table-thead {
+    background-color: @table-header-bg;
+
+    > tr > th {
+      padding: 12px 8px 11px !important;
+    }
+  }
+
+  .ant-table-tbody > tr > td {
+    padding: 8px 8px 7px !important;
+  }
+
+  .ant-table-tbody > tr.ant-table-row-selected td {
+    background-color: @primary-1 !important;
+  }
+
+  .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
+    background-color: @table-header-bg !important;
+  }
+
+  .ant-table-selection-column {
+    min-width: 62px;
+  }
+
+  table {
+    border-collapse: separate;
+    border-spacing: 0;
+  }
+}
+
+.ant-modal {
+  top: 50px;
+  padding-bottom: 0;
+}
+
+.ant-form-item {
+  margin-bottom: 6px;
+}
+
+.ant-select-sm .ant-select-selection--single {
+  height: @input-height-sm !important;
+  overflow: hidden;
+}
+
+.ant-form-vertical .ant-form-item {
+  padding-bottom: 0;
+}
+
+.ant-form-item-control {
+  line-height: @input-height-sm;
+
+  > .ant-form-explain-holder[aria-hidden='true'] {
+    display: none;
+  }
+}
+
+.ant-form-vertical .ant-form-item-label {
+  padding: 0;
+  line-height: 1.2;
+}
+
+.ant-input-lg {
+  font-size: 12px;
+}
+
+.ant-btn-lg {
+  height: @input-height-lg;
+}
+
+.ant-menu-inline .ant-menu-item {
+  margin-top: 0;
+  margin-bottom: 0 !important;
+}
+
+.ant-modal-header {
+  padding: 13px 16px;
+}
+
+.ant-modal-body {
+  padding: 16px;
+}
+
+.ant-btn-primary:focus {
+  background-color: white;
+  color: @primary-color;
+  text-shadow: none;
+}