cloud-b2b 1.0.0 → 1.0.1

package/es/HomeHeader/Header.js

@@ -0,0 +1,75 @@
+import _DatePicker from "antd/es/date-picker";
+import _Radio from "antd/es/radio";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import React from 'react';
+import moment from 'moment';
+import variables from '../variables';
+var RadioGroup = _Radio.Group;
+var RadioButton = _Radio.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.createElement(RadioGroup, {
+    value: activeKey,
+    onChange: function onChange(e) {
+      return onKeyChange(e.target.value);
+    },
+    buttonStyle: "solid",
+    size: "small"
+  }, _mapInstanceProperty(items).call(items, function (item, index) {
+    return /*#__PURE__*/React.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 ? moment(filterDate) : null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: variables('HomeHeader')
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, title)), /*#__PURE__*/React.createElement(Tabs, {
+    items: tabs,
+    activeKey: activeKey,
+    onKeyChange: onPageChange
+  }), /*#__PURE__*/React.createElement("div", null, false ? /*#__PURE__*/React.createElement(Tabs, {
+    items: FILTERS,
+    activeKey: filterKey,
+    onKeyChange: _bindInstanceProperty(onFilterChange).call(onFilterChange, null, 'tab')
+  }) : null, activeKey === 'platform' ? /*#__PURE__*/React.createElement(_DatePicker, {
+    onChange: onChange,
+    size: "small",
+    allowClear: false,
+    value: dateValue
+  }) : null));
+}
+
+export default Header;

package/es/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/es/HomeHeader/package.json

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

package/es/ImageView/ImageView.js

@@ -0,0 +1,117 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Empty from "antd/es/empty";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import React from 'react';
+import { ModalWithDrag, Title } from '../index';
+import variables from '../variables';
+
+var ImageView = /*#__PURE__*/function (_React$Component) {
+  _inherits(ImageView, _React$Component);
+
+  var _super = _createSuper(ImageView);
+
+  function ImageView(_props) {
+    var _this;
+
+    _classCallCheck(this, ImageView);
+
+    _this = _super.call(this, _props);
+
+    _defineProperty(_assertThisInitialized(_this), "ClosePreview", function () {
+      _this.setState({
+        previewVisible: false
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_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.createElement(ModalWithDrag, props, /*#__PURE__*/React.createElement("img", {
+        alt: "example",
+        style: {
+          width: '100%'
+        },
+        src: imgList[index].fileUrl
+      }));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "toSeeImg", function (e) {
+      if (_this.props.toSeeImg) {
+        _this.props.toSeeImg(e);
+      } else {
+        _this.myClick(e.index);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "myClick", function (index) {
+      _this.setState({
+        previewVisible: true,
+        index: index
+      });
+    });
+
+    _this.state = {
+      previewVisible: false,
+      index: 0
+    };
+    return _this;
+  }
+
+  _createClass(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.createElement("div", {
+        className: variables('ImageView')
+      }, title ? /*#__PURE__*/React.createElement(Title, {
+        title: title
+      }) : null, imgList.length === 0 ? /*#__PURE__*/React.createElement(_Empty, {
+        image: _Empty.PRESENTED_IMAGE_SIMPLE
+      }) : _mapInstanceProperty(imgList).call(imgList, function (item, index) {
+        return /*#__PURE__*/React.createElement("div", {
+          className: 'imgBox',
+          key: index,
+          onClick: function onClick() {
+            return _this2.toSeeImg({
+              imgArr: imgList,
+              index: index
+            });
+          }
+        }, /*#__PURE__*/React.createElement("img", {
+          src: item.fileUrl
+        }), /*#__PURE__*/React.createElement("p", null, item.fileName));
+      }), toSeeImg ? null : this.showBigImg());
+    }
+  }]);
+
+  return ImageView;
+}(React.Component);
+
+export default ImageView;

package/es/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/es/ImageView/package.json

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

package/es/InpurCascader/InputCascader.js

@@ -0,0 +1,135 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Cascader from "antd/es/cascader";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(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) { _defineProperty(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 = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+//级联选择input
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getObjectExclude } from '../helper';
+var optionsType = {
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  disabled: PropTypes.bool,
+  children: PropTypes.array,
+  title: PropTypes.string,
+  isLeaf: PropTypes.bool //false 就会触发 loadData 方法，从而在loadData方法中请求下一级数据，
+
+};
+var PROPS = {
+  options: PropTypes.arrayOf(PropTypes.shape(optionsType)).isRequired,
+  value: PropTypes.array.isRequired,
+  placeholder: PropTypes.string,
+  onChange: PropTypes.func,
+  loadData: PropTypes.func,
+  //动态加载 ps：loadData 与 showSearch 无法一起使用
+  showSearch: PropTypes.func
+};
+
+var PROPS_KEYS = _Object$keys(PROPS);
+
+var InputCascader = /*#__PURE__*/function (_React$Component) {
+  _inherits(InputCascader, _React$Component);
+
+  var _super = _createSuper(InputCascader);
+
+  function InputCascader(_props) {
+    var _this;
+
+    _classCallCheck(this, InputCascader);
+
+    _this = _super.call(this, _props);
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
+      var onChange = _this.props.onChange;
+      onChange && onChange(value);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "loadData", function (selectedOptions) {
+      var onSearch = _this.props.onSearch;
+      onSearch && onSearch(selectedOptions[0]);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getOptions", function (options) {
+      return _mapInstanceProperty(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;
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "showSearch", function (inputValue, path) {});
+
+    _defineProperty(_assertThisInitialized(_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 = _Object$assign(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;
+  }
+
+  _createClass(InputCascader, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(_Cascader, this.getProps());
+    }
+  }]);
+
+  return InputCascader;
+}(React.Component);
+
+_defineProperty(InputCascader, "propTypes", PROPS);
+
+export default InputCascader;

package/es/InpurCascader/package.json

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

package/es/InputEditor/InputEditor.js

@@ -0,0 +1,118 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
+
+import React from 'react';
+import variables from '../variables';
+var defaultMenus = ['head', // 标题
+'bold', // 粗体
+'fontSize', // 字号
+'fontName', // 字体
+'italic', // 斜体
+'underline', // 下划线
+'strikeThrough', // 删除线
+'foreColor', // 文字颜色
+'backColor', // 背景颜色
+'link', // 插入链接
+'list', // 列表
+'justify', // 对齐方式
+'quote', // 引用
+'image', // 插入图片
+'table', // 表格
+'code' // 插入代码
+];
+
+var InputEditor = /*#__PURE__*/function (_React$Component) {
+  _inherits(InputEditor, _React$Component);
+
+  var _super = _createSuper(InputEditor);
+
+  function InputEditor() {
+    _classCallCheck(this, InputEditor);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(InputEditor, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$props = this.props,
+          inputKey = _this$props.inputKey,
+          menus = _this$props.menus,
+          color = _this$props.color,
+          _this$props$showLinkI = _this$props.showLinkImg,
+          showLinkImg = _this$props$showLinkI === void 0 ? true : _this$props$showLinkI,
+          _this$props$uploadImg = _this$props.uploadImgShowBase64,
+          uploadImgShowBase64 = _this$props$uploadImg === void 0 ? true : _this$props$uploadImg,
+          onChange = _this$props.onChange,
+          value = _this$props.value,
+          readonly = _this$props.readonly;
+
+      if (!readonly) {
+        var elem = this.refs[inputKey];
+        this[inputKey] = new E(elem); //配置菜单
+
+        menus && (this[inputKey].customConfig.menus = menus); //配置颜色
+
+        color && (this[inputKey].customConfig.menus = color); //配置菜单
+
+        this[inputKey].customConfig.menus = defaultMenus;
+
+        if (menus) {
+          this[inputKey].customConfig.menus = menus;
+        }
+
+        this[inputKey].customConfig.uploadImgShowBase64 = uploadImgShowBase64; //是否可以上传图片
+
+        this[inputKey].customConfig.showLinkImg = showLinkImg; //隐藏网络图片
+
+        this[inputKey].customConfig.onchange = function (html) {
+          onChange && onChange(html);
+        }; //配置编辑区域的 z-index
+
+
+        this[inputKey].customConfig.zIndex = 0;
+        this[inputKey].create();
+        this[inputKey].txt.html(value);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      var _this$props2 = this.props,
+          inputKey = _this$props2.inputKey,
+          _this$props2$value = _this$props2.value,
+          value = _this$props2$value === void 0 ? '' : _this$props2$value,
+          readonly = _this$props2.readonly;
+      !readonly && !value && this[inputKey].txt.html(value); //支持清空操作
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          inputKey = _this$props3.inputKey,
+          readonly = _this$props3.readonly,
+          value = _this$props3.value;
+      return /*#__PURE__*/React.createElement("div", {
+        className: variables('InputEditor')
+      }, readonly ? /*#__PURE__*/React.createElement("div", {
+        dangerouslySetInnerHTML: {
+          __html: "".concat(value)
+        }
+      }) : /*#__PURE__*/React.createElement("div", {
+        ref: inputKey
+      }));
+    }
+  }]);
+
+  return InputEditor;
+}(React.Component);
+
+export default InputEditor;

package/es/InputEditor/inputEditor.less

@@ -0,0 +1,8 @@
+.@{cloudlink-prefix}-InputEditor {
+  ol{
+    list-style-type:decimal;
+  }
+  ul{
+    list-style:outside;
+  }
+}

package/es/InputEditor/package.json

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