cloud-b2b 1.0.0 → 1.0.1

package/lib/Header/Vertical.less

@@ -0,0 +1,60 @@
+@import '../variables.less';
+
+@width: @header-height;
+@height: 40px;
+
+.@{cloudlink-prefix}-Vertical {
+  position: relative;
+  z-index: 100;
+  background: #000717;
+  width: @width;
+  height: ~'calc(100vh - @{header-height})';
+  transition: width 0.4s;
+
+  > a {
+    display: block;
+    height: @height;
+    color: white;
+    overflow: hidden;
+    white-space: nowrap;
+    transition: none;
+
+    > :first-child {
+      display: inline-block;
+      vertical-align: top;
+      width: @width;
+      line-height: @height;
+      text-align: center;
+      font-size: 16px;
+      padding-top: 1px;
+      color: #d3eafd;
+    }
+
+    > :last-child {
+      line-height: @height;
+      font-size: 14px;
+    }
+
+    &:hover > :first-child {
+      color: white;
+    }
+
+    &[data-select='true'] {
+      background: @primary-color;
+      color: white;
+
+      > :first-child {
+        color: white;
+      }
+    }
+  }
+
+  &:hover {
+    width: @width + @sidebar-width;
+  }
+
+  &[data-click='true'] {
+    width: @width;
+    transition: none;
+  }
+}

package/lib/Header/package.json

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

package/lib/HomeHeader/Header.js

@@ -0,0 +1,95 @@
+"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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _datePicker = _interopRequireDefault(require("antd/lib/date-picker"));
+
+var _radio = _interopRequireDefault(require("antd/lib/radio"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+var RadioGroup = _radio["default"].Group;
+var RadioButton = _radio["default"].Button;
+var FILTERS = [{
+  key: 'day',
+  title: '日'
+}, {
+  key: 'week',
+  title: '周'
+}, {
+  key: 'month',
+  title: '月'
+}, {
+  key: 'year',
+  title: '年'
+}];
+
+function Tabs(_ref) {
+  var items = _ref.items,
+      activeKey = _ref.activeKey,
+      onKeyChange = _ref.onKeyChange;
+  return /*#__PURE__*/_react["default"].createElement(RadioGroup, {
+    value: activeKey,
+    onChange: function onChange(e) {
+      return onKeyChange(e.target.value);
+    },
+    buttonStyle: "solid",
+    size: "small"
+  }, (0, _map["default"])(items).call(items, function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(RadioButton, {
+      key: index,
+      value: item.key
+    }, item.title + (item.unit || ''));
+  }));
+}
+
+function Header(_ref2) {
+  var title = _ref2.title,
+      activeKey = _ref2.activeKey,
+      tabs = _ref2.tabs,
+      onPageChange = _ref2.onPageChange,
+      filterKey = _ref2.filterKey,
+      filterDate = _ref2.filterDate,
+      onFilterChange = _ref2.onFilterChange;
+
+  var onChange = function onChange(date, strDate) {
+    onFilterChange && onFilterChange('date', strDate);
+  };
+
+  var dateValue = filterDate ? (0, _moment["default"])(filterDate) : null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _variables["default"])('HomeHeader')
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, title)), /*#__PURE__*/_react["default"].createElement(Tabs, {
+    items: tabs,
+    activeKey: activeKey,
+    onKeyChange: onPageChange
+  }), /*#__PURE__*/_react["default"].createElement("div", null, false ? /*#__PURE__*/_react["default"].createElement(Tabs, {
+    items: FILTERS,
+    activeKey: filterKey,
+    onKeyChange: (0, _bind["default"])(onFilterChange).call(onFilterChange, null, 'tab')
+  }) : null, activeKey === 'platform' ? /*#__PURE__*/_react["default"].createElement(_datePicker["default"], {
+    onChange: onChange,
+    size: "small",
+    allowClear: false,
+    value: dateValue
+  }) : null));
+}
+
+var _default = Header;
+exports["default"] = _default;

package/lib/HomeHeader/Header.less

@@ -0,0 +1,73 @@
+@import '../variables';
+
+@header-height: @one-pixel * 80;
+
+.@{cloudlink-prefix}-HomeHeader {
+  > div:first-child {
+    position: relative;
+    height: @header-height;
+    line-height: @header-height - @one-pixel * 6;
+    text-align: center;
+    background: url('/platformHome/head_bg.png') no-repeat;
+    background-size: 100% 100%;
+    color: #33EDFC;
+    font-size: @one-pixel * 32;
+    font-weight: bold;
+    margin: 0 280 * @one-pixel;
+  }
+
+  > div:nth-child(2) {
+    color: white;
+    float: left;
+    margin-top: -@header-height + 20 * @one-pixel;
+  }
+
+  > div:last-child {
+    float: right;
+    margin-top: -@header-height + 20 * @one-pixel;
+    color: white;
+
+    > div {
+      display: inline-block;
+      margin-right: 5 * @one-pixel;
+    }
+
+    > span > div {
+      > input {
+        background-color: transparent;
+        color: white;
+        border-color: #33edfc;
+        width: 100px;
+      }
+
+      > i {
+        color: white;
+      }
+    }
+  }
+
+  :global {
+    .ant-radio-button-wrapper {
+      background: transparent;
+      color: white;
+      border-radius: 0;
+      border-color: #33EDFC;
+      transition: none;
+    }
+
+    .ant-radio-button-wrapper-checked,
+    .ant-radio-button-wrapper-checked:hover {
+      background: #33EDFC;
+      color: #162C55;
+      border-color: #33EDFC;
+    }
+
+    .ant-radio-button-wrapper-checked {
+      box-shadow: none;
+    }
+
+    .ant-radio-button-wrapper:hover {
+      border-color: #33EDFC;
+    }
+  }
+}

package/lib/HomeHeader/package.json

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

package/lib/ImageView/ImageView.js

@@ -0,0 +1,134 @@
+"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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _empty = _interopRequireDefault(require("antd/lib/empty"));
+
+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 _index = require("../index");
+
+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 ImageView = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ImageView, _React$Component);
+
+  var _super = _createSuper(ImageView);
+
+  function ImageView(_props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ImageView);
+    _this = _super.call(this, _props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "ClosePreview", function () {
+      _this.setState({
+        previewVisible: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showBigImg", function () {
+      var imgList = _this.props.imgList;
+      var _this$state = _this.state,
+          previewVisible = _this$state.previewVisible,
+          index = _this$state.index;
+      var props = {
+        width: 900,
+        title: imgList[index].fileName,
+        onCancel: _this.ClosePreview,
+        visible: previewVisible,
+        maskClosable: true,
+        footer: null
+      };
+      return /*#__PURE__*/_react["default"].createElement(_index.ModalWithDrag, props, /*#__PURE__*/_react["default"].createElement("img", {
+        alt: "example",
+        style: {
+          width: '100%'
+        },
+        src: imgList[index].fileUrl
+      }));
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "toSeeImg", function (e) {
+      if (_this.props.toSeeImg) {
+        _this.props.toSeeImg(e);
+      } else {
+        _this.myClick(e.index);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "myClick", function (index) {
+      _this.setState({
+        previewVisible: true,
+        index: index
+      });
+    });
+    _this.state = {
+      previewVisible: false,
+      index: 0
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ImageView, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          imgList = _this$props.imgList,
+          title = _this$props.title,
+          toSeeImg = _this$props.toSeeImg;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _variables["default"])('ImageView')
+      }, title ? /*#__PURE__*/_react["default"].createElement(_index.Title, {
+        title: title
+      }) : null, imgList.length === 0 ? /*#__PURE__*/_react["default"].createElement(_empty["default"], {
+        image: _empty["default"].PRESENTED_IMAGE_SIMPLE
+      }) : (0, _map["default"])(imgList).call(imgList, function (item, index) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          className: 'imgBox',
+          key: index,
+          onClick: function onClick() {
+            return _this2.toSeeImg({
+              imgArr: imgList,
+              index: index
+            });
+          }
+        }, /*#__PURE__*/_react["default"].createElement("img", {
+          src: item.fileUrl
+        }), /*#__PURE__*/_react["default"].createElement("p", null, item.fileName));
+      }), toSeeImg ? null : this.showBigImg());
+    }
+  }]);
+  return ImageView;
+}(_react["default"].Component);
+
+var _default = ImageView;
+exports["default"] = _default;

package/lib/ImageView/ImageView.less

@@ -0,0 +1,14 @@
+@import '../variables';
+
+.@{cloudlink-prefix}-ImageView {
+  overflow: hidden;
+  img{
+    width: 200px;
+    height: 200px;
+  }
+  .imgBox{
+    float: left;
+    text-align: center;
+    margin-right: 10px;
+  }
+}

package/lib/ImageView/package.json

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

package/lib/InpurCascader/InputCascader.js

@@ -0,0 +1,156 @@
+"use strict";
+
+var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
+
+var _Object$keys2 = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
+
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+
+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 _cascader = _interopRequireDefault(require("antd/lib/cascader"));
+
+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 _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+
+var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _helper = require("../helper");
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys2(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+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 optionsType = {
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]).isRequired,
+  disabled: _propTypes["default"].bool,
+  children: _propTypes["default"].array,
+  title: _propTypes["default"].string,
+  isLeaf: _propTypes["default"].bool //false 就会触发 loadData 方法，从而在loadData方法中请求下一级数据，
+
+};
+var PROPS = {
+  options: _propTypes["default"].arrayOf(_propTypes["default"].shape(optionsType)).isRequired,
+  value: _propTypes["default"].array.isRequired,
+  placeholder: _propTypes["default"].string,
+  onChange: _propTypes["default"].func,
+  loadData: _propTypes["default"].func,
+  //动态加载 ps：loadData 与 showSearch 无法一起使用
+  showSearch: _propTypes["default"].func
+};
+var PROPS_KEYS = (0, _keys["default"])(PROPS);
+
+var InputCascader = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(InputCascader, _React$Component);
+
+  var _super = _createSuper(InputCascader);
+
+  function InputCascader(_props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, InputCascader);
+    _this = _super.call(this, _props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (value) {
+      var onChange = _this.props.onChange;
+      onChange && onChange(value);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "loadData", function (selectedOptions) {
+      var onSearch = _this.props.onSearch;
+      onSearch && onSearch(selectedOptions[0]);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getOptions", function (options) {
+      return (0, _map["default"])(options).call(options, function (option) {
+        var obj = _objectSpread(_objectSpread({}, option), {}, {
+          label: option.title
+        });
+
+        if (option.children && option.children.length > 0) {
+          obj.children = _this.getOptions(option.children);
+        }
+
+        return obj;
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showSearch", function (inputValue, path) {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getProps", function () {
+      var _this$props = _this.props,
+          _this$props$options = _this$props.options,
+          options = _this$props$options === void 0 ? [] : _this$props$options,
+          placeholder = _this$props.placeholder,
+          size = _this$props.size,
+          value = _this$props.value,
+          loadData = _this$props.loadData,
+          showSearch = _this$props.showSearch;
+      var props = (0, _assign["default"])((0, _helper.getObjectExclude)({}, PROPS_KEYS), {
+        onChange: _this.onChange,
+        value: value,
+        options: _this.getOptions(options),
+        changeOnSelect: true,
+        placeholder: placeholder,
+        size: size
+      }); //动态加载 ps：loadData 与 showSearch 无法一起使用
+
+      if (loadData) {
+        props.loadData = _this.loadData;
+      } else if (showSearch) {
+        props.showSearch = _this.showSearch;
+      }
+
+      return props;
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(InputCascader, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_cascader["default"], this.getProps());
+    }
+  }]);
+  return InputCascader;
+}(_react["default"].Component);
+
+(0, _defineProperty2["default"])(InputCascader, "propTypes", PROPS);
+var _default = InputCascader;
+exports["default"] = _default;

package/lib/InpurCascader/package.json

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