cloud-b2b 1.0.0

package/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2020 zhangyanwei.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+b2b_web-component

package/es/Title/Title.js

@@ -0,0 +1,36 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Icon from "antd/es/icon";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+var _excluded = ["title", "children", "className", "required", "fold", "isFold", "noBorder", "onFold"];
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import React from 'react';
+import variables from '../variables';
+
+function Title(_ref) {
+  var title = _ref.title,
+      children = _ref.children,
+      className = _ref.className,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$fold = _ref.fold,
+      fold = _ref$fold === void 0 ? false : _ref$fold,
+      _ref$isFold = _ref.isFold,
+      isFold = _ref$isFold === void 0 ? false : _ref$isFold,
+      _ref$noBorder = _ref.noBorder,
+      noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
+      onFold = _ref.onFold,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: variables('title')
+  }, props), /*#__PURE__*/React.createElement("span", {
+    "data-border": !noBorder,
+    "data-fold": fold,
+    "data-required": required,
+    onClick: fold && onFold ? _bindInstanceProperty(onFold).call(onFold, null, !isFold) : undefined
+  }, title, fold ? /*#__PURE__*/React.createElement(_Icon, {
+    type: isFold ? 'down' : 'up'
+  }) : null), isFold ? null : children);
+}
+
+export default Title;

package/es/Title/Title.less

@@ -0,0 +1,35 @@
+@import '../variables';
+
+.@{cloudlink-prefix}-title {
+  > *:first-child {
+    display: inline-block;
+    color: @brand-primary;
+    line-height: 1.2;
+
+    &[data-border='true'] {
+      padding: 0 5px;
+      border-left: @brand-primary solid 3px;
+    }
+
+    &[data-fold='true'] {
+      cursor: pointer;
+      margin: 8px 0;
+    }
+
+    &[data-required='true'] {
+      &::after {
+        display: inline-block;
+        margin-left: 4px;
+        color: #f5222d;
+        font-size: 12px;
+        font-family: SimSun, sans-serif;
+        line-height: 1;
+        content: '*';
+      }
+    }
+  }
+
+  > [role = 'toolbar'] {
+    display: inline-block;
+  }
+}

package/es/Title/package.json

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

package/es/index.js

@@ -0,0 +1 @@
+export { default as Title } from './Title';

package/es/style.less

@@ -0,0 +1 @@
+@import "./Title/Title.less";

package/es/variables.js

@@ -0,0 +1,4 @@
+var PREFIX = 'cloudlink';
+export default (function (name) {
+  return "".concat(PREFIX, "-").concat(name);
+});

package/es/variables.less

@@ -0,0 +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;

package/lib/Title/Title.js

@@ -0,0 +1,54 @@
+"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 _bind = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/bind"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _variables = _interopRequireDefault(require("../variables"));
+
+var _excluded = ["title", "children", "className", "required", "fold", "isFold", "noBorder", "onFold"];
+
+function Title(_ref) {
+  var title = _ref.title,
+      children = _ref.children,
+      className = _ref.className,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      _ref$fold = _ref.fold,
+      fold = _ref$fold === void 0 ? false : _ref$fold,
+      _ref$isFold = _ref.isFold,
+      isFold = _ref$isFold === void 0 ? false : _ref$isFold,
+      _ref$noBorder = _ref.noBorder,
+      noBorder = _ref$noBorder === void 0 ? false : _ref$noBorder,
+      onFold = _ref.onFold,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _variables["default"])('title')
+  }, props), /*#__PURE__*/_react["default"].createElement("span", {
+    "data-border": !noBorder,
+    "data-fold": fold,
+    "data-required": required,
+    onClick: fold && onFold ? (0, _bind["default"])(onFold).call(onFold, null, !isFold) : undefined
+  }, title, fold ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+    type: isFold ? 'down' : 'up'
+  }) : null), isFold ? null : children);
+}
+
+var _default = Title;
+exports["default"] = _default;

package/lib/Title/Title.less

@@ -0,0 +1,35 @@
+@import '../variables';
+
+.@{cloudlink-prefix}-title {
+  > *:first-child {
+    display: inline-block;
+    color: @brand-primary;
+    line-height: 1.2;
+
+    &[data-border='true'] {
+      padding: 0 5px;
+      border-left: @brand-primary solid 3px;
+    }
+
+    &[data-fold='true'] {
+      cursor: pointer;
+      margin: 8px 0;
+    }
+
+    &[data-required='true'] {
+      &::after {
+        display: inline-block;
+        margin-left: 4px;
+        color: #f5222d;
+        font-size: 12px;
+        font-family: SimSun, sans-serif;
+        line-height: 1;
+        content: '*';
+      }
+    }
+  }
+
+  > [role = 'toolbar'] {
+    display: inline-block;
+  }
+}

package/lib/Title/package.json

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

package/lib/index.js

@@ -0,0 +1,18 @@
+"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
+});
+
+_Object$defineProperty(exports, "Title", {
+  enumerable: true,
+  get: function get() {
+    return _Title["default"];
+  }
+});
+
+var _Title = _interopRequireDefault(require("./Title"));

package/lib/index.less

@@ -0,0 +1,3 @@
+@import "./style.less";
+@import "./Title/Title.less";
+@import "./variables.less";

package/lib/style.less

@@ -0,0 +1 @@
+@import "./Title/Title.less";

package/lib/variables.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+var PREFIX = 'cloudlink';
+
+var _default = function _default(name) {
+  return "".concat(PREFIX, "-").concat(name);
+};
+
+exports["default"] = _default;

package/lib/variables.less

@@ -0,0 +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;

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "cloud-b2b",
+  "version": "1.0.0",
+  "description": "A react component library dependent antd",
+  "keywords": [
+    "react",
+    "component",
+    "antd"
+  ],
+  "author": "pxj",
+  "license": "ISC",
+  "dependencies": {
+    "@babel/runtime-corejs3": "^7.11.2",
+    "antd": "3.13.6",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.2",
+    "react-dom": "^16.8.2"
+  },
+  "main": "lib/index.js",
+  "module": "es/index.js"
+}