cloud-b2b 1.0.0 → 1.0.1

package/es/Viewer/Viewer.js

@@ -0,0 +1,149 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Icon from "antd/es/icon";
+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 _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+
+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 PropTypes from 'prop-types';
+import ImageViews from "./ImageViews";
+import variables from '../variables';
+
+var Viewers = /*#__PURE__*/function (_React$Component) {
+  _inherits(Viewers, _React$Component);
+
+  var _super = _createSuper(Viewers);
+
+  function Viewers(props) {
+    var _this;
+
+    _classCallCheck(this, Viewers);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "componentWillUnmount", function () {
+      _this.timeout = null;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "closeViewers", function () {
+      var _this$props = _this.props,
+          onCancel = _this$props.onCancel,
+          onClose = _this$props.onClose;
+      _this.containerRef.style['opacity'] = 0;
+      _this.timeout = _setTimeout(function () {
+        onCancel && onCancel(onClose);
+      }, 1000);
+    });
+
+    _defineProperty(_assertThisInitialized(_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
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_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
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "_onSelect", function (index) {
+      _this.setState({
+        imageIndex: index
+      });
+    });
+
+    _this.state = {
+      imageIndex: props.imageIndex
+    };
+    return _this;
+  } //修复Warning报错
+
+
+  _createClass(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.createElement("div", null, visible ? /*#__PURE__*/React.createElement("div", {
+        className: variables('Viewers'),
+        ref: function ref(container) {
+          _this2.containerRef = container;
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: variables('Viewers').mask
+      }), /*#__PURE__*/React.createElement("div", {
+        className: variables('Viewers').title
+      }, _mapInstanceProperty(titles).call(titles, function (item, index) {
+        var _context;
+
+        return /*#__PURE__*/React.createElement("div", {
+          key: index,
+          onClick: _bindInstanceProperty(_context = _this2._onSelect).call(_context, _this2, index),
+          className: index === imageIndex ? s.selectTitle : ''
+        }, item);
+      })), /*#__PURE__*/React.createElement(ImageViews, {
+        image: images[imageIndex],
+        onLeft: this._onLeft,
+        onRight: this._onRight
+      }), /*#__PURE__*/React.createElement("div", {
+        className: variables('Viewers').close,
+        onClick: function onClick() {
+          return _this2.closeViewers();
+        }
+      }, /*#__PURE__*/React.createElement(_Icon, {
+        type: "close"
+      }))) : null);
+    }
+  }]);
+
+  return Viewers;
+}(React.Component);
+
+_defineProperty(Viewers, "propTypes", {
+  /** viewer是否可见 */
+  visible: PropTypes.bool.isRequired,
+
+  /** 点击关闭按钮的回调 */
+  onCancel: PropTypes.func.isRequired,
+
+  /** 需要进行浏览的图片地址集合 */
+  images: PropTypes.array.isRequired,
+
+  /** 需要进行浏览的图片名称集合 */
+  titles: PropTypes.array.isRequired
+});
+
+export default Viewers;

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

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

package/es/WingBlank/WingBlank.js

@@ -0,0 +1,20 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import React from 'react';
+import variables from '../variables';
+
+function WingBlank(_ref) {
+  var _context;
+
+  var className = _ref.className,
+      children = _ref.children,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: _concatInstanceProperty(_context = "".concat(className, " ")).call(_context, variables('DragTable'))
+  }, props), /*#__PURE__*/React.createElement("div", null, children));
+}
+
+export default WingBlank;

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

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

package/es/helper.js

@@ -0,0 +1,118 @@
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+import _someInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/some";
+import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
+import message from 'antd/lib/message';
+/**
+ * 功能：从obj中取出不包含keys指定的属性，并组成一个新的子对象
+ */
+
+var getObjectExclude = function getObjectExclude(obj, keys) {
+  var _context;
+
+  var inKeys = function inKeys(key) {
+    return _someInstanceProperty(keys).call(keys, function (k) {
+      return k === key;
+    });
+  };
+
+  return _reduceInstanceProperty(_context = _Object$keys(obj)).call(_context, function (newObj, key) {
+    !inKeys(key) && (newObj[key] = obj[key]);
+    return newObj;
+  }, {});
+}; // 获取当前登录的用户名
+
+
+var getUsername = function getUsername() {
+  var username = 'username=';
+  var cookie = document.cookie;
+  var begin = _indexOfInstanceProperty(cookie).call(cookie, username) + username.length;
+
+  var end = _indexOfInstanceProperty(cookie).call(cookie, ';', begin);
+
+  return unescape(cookie.substring(begin, end < 0 ? cookie.length : end));
+};
+/**
+ * 确保path为数组
+ */
+
+
+var makeArray = function makeArray(path) {
+  if (_Array$isArray(path)) {
+    return path;
+  } else if (!path) {
+    return [];
+  } else {
+    return [path];
+  }
+};
+/**
+ * 功能：获取对象关键路径的值，不存在则返回undefined
+ * obj：对象
+ * path：字符串或字符串数组，指定关键路径
+ */
+
+
+var getPathValue = function getPathValue(obj, path) {
+  if (!path) {
+    return undefined;
+  } else {
+    var _context2;
+
+    return _reduceInstanceProperty(_context2 = makeArray(path)).call(_context2, function (value, key) {
+      return _typeof(value) !== 'object' ? undefined : value[key];
+    }, obj);
+  }
+};
+/**
+ * 功能：判断一个值是否为空(null,undefined和''属于空)
+ */
+
+
+var isEmpty = function isEmpty(value) {
+  var type = _typeof(value);
+
+  if (type === 'number' || type === 'boolean') {
+    return false;
+  } else {
+    return !value;
+  }
+};
+/**
+ * 功能：判断一个值是否为空(null,undefined,''和[]属于空)
+ */
+
+
+var isEmpty2 = function isEmpty2(value) {
+  var type = _typeof(value);
+
+  if (type === 'number' || type === 'boolean') {
+    return false;
+  } else if (_Array$isArray(value)) {
+    return !value.length;
+  } else {
+    return !value;
+  }
+};
+
+var showError = function showError(msg) {
+  message.error(msg);
+};
+
+var showSuccessMsg = function showSuccessMsg(msg) {
+  message.success(msg);
+};
+
+var helper = {
+  getObjectExclude: getObjectExclude,
+  getUsername: getUsername,
+  getPathValue: getPathValue,
+  isEmpty: isEmpty,
+  isEmpty2: isEmpty2,
+  showError: showError,
+  showSuccessMsg: showSuccessMsg
+};
+export { getObjectExclude, getUsername, getPathValue, isEmpty, isEmpty2, showError, showSuccessMsg };
+export default helper;

package/es/history.js

@@ -0,0 +1,5 @@
+// import createBrowserHistory from 'history/createBrowserHistory';
+import { createBrowserHistory } from 'history'; // Navigation manager, e.g. history.push('/home')
+// https://github.com/mjackson/history
+
+export default process.env.BROWSER && createBrowserHistory();

package/es/index.js

@@ -1 +1,24 @@
-export { default as Title } from './Title';
+export { default as Title } from './Title';
+export { default as Card } from './Card';
+export { default as Control } from './Control';
+export { default as Enhance } from './Enhance';
+export { default as Header } from './Header';
+export { default as ImageView } from './ImageView';
+export { default as InpurCascader } from './InpurCascader';
+export { default as InputSearch } from './InputSearch';
+export { default as InputSelect } from './InputSelect';
+export { default as InputWriting } from './InputWriting';
+export { default as Layout } from './Layout';
+export { default as LayoutLink } from './LayoutLink';
+export { default as Link } from './Link';
+export { default as Loading } from './Loading';
+export { default as ModalWithDrag } from './ModalWithDrag';
+export { default as NumberInput } from './NumberInput';
+export { default as Search } from './Search';
+export { default as Sidebar } from './Sidebar';
+export { default as SuperForm } from './SuperForm';
+export { default as SuperIcon } from './SuperIcon';
+export { default as SuperToolbar } from './SuperToolbar';
+export { default as SuperUpload } from './SuperUpload';
+export { default as Viewer } from './Viewer';
+export { default as WingBlank } from './WingBlank';

package/es/variables.less

@@ -1,73 +1,73 @@
-@cloudlink-prefix: cloudlink;
-@default-font-size: 14px;
-@font-size-base: ceil((@default-font-size * 0.85));
-@default-line-color:#d7d7d7;
-@padding-horizontal: 10px;
-@padding-vertical: 10px;
-@padding-horizontal-sm: 5px;
-@padding-vertical-sm: 5px;
-@background-color: white;
-@box-shadow-color: rgba(0, 0, 0, 0.15);
-@brand-primary: #2196f3;
-@font-family-base: '微软雅黑', '宋体', sans-serif;
-@one-pixel: 0.0625vw;
-@one-pixel-v: 0.1111vh;
-
-// antd变量
-@text-color: rgba(0, 0, 0, 0.80);
-@primary-color: @brand-primary;
-@primary-1: tint(@primary-color, 85%);
-@primary-5: tint(@primary-color, 20%);
-@border-radius-base: 4px;
-@border-radius-sm: 2px;
-@border-radius-lg: 8px;
-@table-header-bg: #f0f0f0;
-@table-row-hover-bg: @primary-1;
-@input-height-base: 28px;
-@input-height-lg: 32px;
-@input-height-sm: 22px;
-@btn-height-base: @input-height-base;
-@btn-height-lg: @input-height-lg;
-@btn-height-sm: @input-height-sm;
-@pagination-item-size: @input-height-base;
-
-// layout外观
-@layout-font-size: @default-font-size;
-@layout-font-family: @font-family-base;
-
-// 页眉外观(header)
-@header-height: 40px;
-@header-font-size: @default-font-size + 2;
-@header-color: #fff;
-@header-color-bg: #0175DA;
-@header-hover-bg: fade(darken(@header-color-bg, 15%), 50%);
-@header-active-bg: @header-hover-bg;
-
-// 侧边栏外观(sidebar)
-@sidebar-width: 160px;
-@sidebar-min-width: 43px;
-@sidebar-color: black;
-@sidebar-border-color: #d7d7d7;
-@sidebar-color-bg: #f7f4f9;
-@sidebar-hover-bg: #e4e4e4;
-@sidebar-active-bg: @sidebar-hover-bg;
-
-// Form
-@form-group-margin-bottom:       0;
-@legend-color:                   black;
-
-//门户相关页面变量
-@max-width: 1180px;
-@padding: 15px;
-
-//媒体查询定义
-@screen-small: 768px;
-@screen-low-middle: 1024px;
-@screen-middle: 1180px;
-
-@screen-sm-max: @screen-small;
-@screen-lm-min: @screen-small + 1;
-@screen-lm-max: @screen-low-middle;
-@screen-md-min: @screen-low-middle + 1;
-@screen-md-max: @screen-middle + 50;
-@screen-lg-min: @screen-middle + 1 + 50;
+@cloudlink-prefix: cloudlink;
+@default-font-size: 14px;
+@font-size-base: ceil((@default-font-size * 0.85));
+@default-line-color:#d7d7d7;
+@padding-horizontal: 10px;
+@padding-vertical: 10px;
+@padding-horizontal-sm: 5px;
+@padding-vertical-sm: 5px;
+@background-color: white;
+@box-shadow-color: rgba(0, 0, 0, 0.15);
+@brand-primary: #fdae63;
+@font-family-base: '微软雅黑', '宋体', sans-serif;
+@one-pixel: 0.0625vw;
+@one-pixel-v: 0.1111vh;
+
+// antd变量
+@text-color: rgba(0, 0, 0, 0.80);
+@primary-color:  #FE7F0B;
+@primary-1: tint(@primary-color, 85%);
+@primary-5: tint(@primary-color, 20%);
+@border-radius-base: 4px;
+@border-radius-sm: 2px;
+@border-radius-lg: 8px;
+@table-header-bg: #f0f0f0;
+@table-row-hover-bg: @primary-1;
+@input-height-base: 28px;
+@input-height-lg: 32px;
+@input-height-sm: 22px;
+@btn-height-base: @input-height-base;
+@btn-height-lg: @input-height-lg;
+@btn-height-sm: @input-height-sm;
+@pagination-item-size: @input-height-base;
+
+// layout外观
+@layout-font-size: @default-font-size;
+@layout-font-family: @font-family-base;
+
+// 页眉外观(header)
+@header-height: 40px;
+@header-font-size: @default-font-size + 2;
+@header-color: #fff;
+@header-color-bg: #0175DA;
+@header-hover-bg: fade(darken(@header-color-bg, 15%), 50%);
+@header-active-bg: @header-hover-bg;
+
+// 侧边栏外观(sidebar)
+@sidebar-width: 160px;
+@sidebar-min-width: 43px;
+@sidebar-color: black;
+@sidebar-border-color: #d7d7d7;
+@sidebar-color-bg: #f7f4f9;
+@sidebar-hover-bg: #e4e4e4;
+@sidebar-active-bg: @sidebar-hover-bg;
+
+// Form
+@form-group-margin-bottom:       0;
+@legend-color:                   black;
+
+//门户相关页面变量
+@max-width: 1180px;
+@padding: 15px;
+
+//媒体查询定义
+@screen-small: 768px;
+@screen-low-middle: 1024px;
+@screen-middle: 1180px;
+
+@screen-sm-max: @screen-small;
+@screen-lm-min: @screen-small + 1;
+@screen-lm-max: @screen-low-middle;
+@screen-md-min: @screen-low-middle + 1;
+@screen-md-max: @screen-middle + 50;
+@screen-lg-min: @screen-middle + 1 + 50;

package/lib/Card/Card.js

@@ -0,0 +1,38 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _excluded = ["children", "className", "noPadding"];
+
+var Card = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      noPadding = _ref.noPadding,
+      other = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var padding = !noPadding ? true : null;
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _classnames["default"])('pld-card', className),
+    "data-padding": padding
+  }, other, {
+    ref: ref
+  }), children);
+});
+
+var _default = Card;
+exports["default"] = _default;

package/lib/Card/package.json

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