cloud-b2b 1.0.6 → 1.0.9

package/es/Indent/Indent.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+var _excluded = ["children", "style"];
+import _Object$assign from "@babel/runtime-corejs3/core-js-stable/object/assign";
+import React from 'react';
+
+function Indent(_ref) {
+  var children = _ref.children,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  _Object$assign(style, {
+    paddingLeft: 8,
+    paddingRight: 8
+  });
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    style: style
+  }, props), children);
+}
+
+export default Indent;

package/es/Indent/package.json

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

package/es/SuperForm2/SuperForm.js

@@ -46,15 +46,15 @@ var FormItem = _Form.Item;
 var defaultSize = 'small';
 var defaultColNum = 4;
 var TYPE = ['readonly', 'text', 'search', 'searchText', 'select', 'selectText', 'radioGroup', 'number', 'date', 'textArea', 'password', 'editor', 'selectWriting', 'selectSearch', 'empty', 'captcha', 'area', 'uploadImg'];
-/**
- * key：[必须]，用于唯一标识该Form下的一个表单元素
- * title：[必须]，表单元素的标签
- * type：[必须]，表单元素类型
- * required: [可选]，是否为必填项
- * options: [可选]，对象数组(type为readonly，radio，search, searchText，select, selectText时有效)
- * span: [可选]，占据的列数，默认为1
- * showAdd: [可选]，是否显示+号，点击+号会触发onAdd事件，默认为false
- * rule: [可选]，用于设置校验规则
+/**
+ * key：[必须]，用于唯一标识该Form下的一个表单元素
+ * title：[必须]，表单元素的标签
+ * type：[必须]，表单元素类型
+ * required: [可选]，是否为必填项
+ * options: [可选]，对象数组(type为readonly，radio，search, searchText，select, selectText时有效)
+ * span: [可选]，占据的列数，默认为1
+ * showAdd: [可选]，是否显示+号，点击+号会触发onAdd事件，默认为false
+ * rule: [可选]，用于设置校验规则
  */
 
 var ControlType = {
@@ -122,18 +122,18 @@ var Controlled = /*#__PURE__*/function (_React$Component) {
 
   return Controlled;
 }(React.Component);
-/**
- * colNum：[可选]，表单的列数，默认为4
- * readonly: [可选]，为true时，所有表单元素都是只读的; 为字符串数组时，用于指定key的表单元素是只读的
- * hideControls: [可选]，指定key的表单元素被隐藏
- * options: [可选]，键值对，值与ControlType中options作用相同，但优先级更高
- * onChange：内容改变时触发，原型为func(key, value)
- * onSearch：搜索框中用户输入时触发，原型为func(key, title, control)
- * onAdd: 点击+号时触发，原型为func(key)
- * checkable:是否显示checkbox选择框
- * onOpenChange:控制日期框显示隐藏回调func(key, open)
- * onAreaSearch:联级选择器触发，原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
- * OnFileChange:上传组件触发,原型为func（key,{fileList, fileDeleteList}）
+/**
+ * colNum：[可选]，表单的列数，默认为4
+ * readonly: [可选]，为true时，所有表单元素都是只读的; 为字符串数组时，用于指定key的表单元素是只读的
+ * hideControls: [可选]，指定key的表单元素被隐藏
+ * options: [可选]，键值对，值与ControlType中options作用相同，但优先级更高
+ * onChange：内容改变时触发，原型为func(key, value)
+ * onSearch：搜索框中用户输入时触发，原型为func(key, title, control)
+ * onAdd: 点击+号时触发，原型为func(key)
+ * checkable:是否显示checkbox选择框
+ * onOpenChange:控制日期框显示隐藏回调func(key, open)
+ * onAreaSearch:联级选择器触发，原型为func(key - 当前联级key, title - 输入值, parentKey - 主体联级key)
+ * OnFileChange:上传组件触发,原型为func（key,{fileList, fileDeleteList}）
  */
 
 

package/es/SuperForm2/SuperForm.less

@@ -1,52 +1,52 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-SuperForm2 {
-  position: relative;
-
-  > form {
-    overflow: hidden;
-
-    > div {
-      margin-bottom: -6px;
-    }
-
-    [role='add'] {
-      cursor: pointer;
-      margin-left: 4px;
-      color: @primary-color;
-    }
-
-    :global(.ant-form-item-label) {
-      line-height: 16px;
-    }
-
-    :global(.ant-form-item-control) > span > textArea {
-      min-height: 22px !important;
-      margin-bottom: 0 !important;
-    }
-
-    :global(.ant-form-item-control) input,
-    :global(.ant-calendar-picker),
-    :global(.ant-select) {
-      display: block;
-    }
-
-    :global(.ant-select-selection--multiple) {
-      border-top-width: 1px;
-    }
-
-    :global(.ant-radio-group-small) {
-      display: block;
-      height: @input-height-sm;
-    }
-
-    .checkbox {
-      position: absolute;
-      top:15px;
-    }
-
-    .formItemWithCheckbox{
-      margin-left: 20px;
-    }
-  }
-}
+@import '../variables.less';
+
+.@{cloudlink-prefix}-SuperForm2 {
+  position: relative;
+
+  > form {
+    overflow: hidden;
+
+    > div {
+      margin-bottom: -6px;
+    }
+
+    [role='add'] {
+      cursor: pointer;
+      margin-left: 4px;
+      color: @primary-color;
+    }
+
+    :global(.ant-form-item-label) {
+      line-height: 16px;
+    }
+
+    :global(.ant-form-item-control) > span > textArea {
+      min-height: 22px !important;
+      margin-bottom: 0 !important;
+    }
+
+    :global(.ant-form-item-control) input,
+    :global(.ant-calendar-picker),
+    :global(.ant-select) {
+      display: block;
+    }
+
+    :global(.ant-select-selection--multiple) {
+      border-top-width: 1px;
+    }
+
+    :global(.ant-radio-group-small) {
+      display: block;
+      height: @input-height-sm;
+    }
+
+    .checkbox {
+      position: absolute;
+      top:15px;
+    }
+
+    .formItemWithCheckbox{
+      margin-left: 20px;
+    }
+  }
+}

package/es/SuperForm2/package.json

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

package/es/SuperTab/SuperTab.js

@@ -18,10 +18,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import variables from '../variables';
 var TabPane = _Tabs.TabPane;
-/**
- * key: 唯一标识一个tab
- * title: 显示在tab上的标题
- * close: 为true则显示关闭按钮，默认为true
+/**
+ * key: 唯一标识一个tab
+ * title: 显示在tab上的标题
+ * close: 为true则显示关闭按钮，默认为true
  */
 
 var TabType = {
@@ -29,10 +29,10 @@ var TabType = {
   title: PropTypes.string.isRequired,
   close: PropTypes.bool
 };
-/**
- * activeKey: 处于活动状态tab的key值
- * onTabChange: 切换选项卡时触发，原型为function(key)
- * onTabClose: 关闭选项卡时触发，原型为funtion(key)
+/**
+ * activeKey: 处于活动状态tab的key值
+ * onTabChange: 切换选项卡时触发，原型为function(key)
+ * onTabClose: 关闭选项卡时触发，原型为funtion(key)
  */
 
 var SuperTab = /*#__PURE__*/function (_React$Component) {

package/es/SuperTab/SuperTab.less

@@ -1,43 +1,43 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-SuperTab {
-  :global {
-    .ant-tabs-bar {
-      margin-bottom: 0;
-      border-color: @brand-primary;
-    }
-
-    .ant-tabs-nav-container {
-      font-size: @font-size-base;
-      line-height: 16px;
-      height: 27px !important;
-    }
-
-    .ant-tabs-tab {
-      background: @background-color !important;
-      line-height: 25px !important;
-
-      .ant-tabs-close-x {
-        width: 14px !important;
-        height: 14px !important;
-        color: #333 !important;
-        margin-left: 0 !important;
-        padding-top: 1px;
-        vertical-align: -3px !important;
-
-        &:hover {
-          background: #d5d5d8;
-          border-radius: 50% !important;
-        }
-
-        > svg {
-          transform: scale(0.7);
-        }
-      }
-    }
-
-    .ant-tabs-tab-active {
-      border-color: @brand-primary !important;
-    }
-  }
-}
+@import '../variables.less';
+
+.@{cloudlink-prefix}-SuperTab {
+  :global {
+    .ant-tabs-bar {
+      margin-bottom: 0;
+      border-color: @brand-primary;
+    }
+
+    .ant-tabs-nav-container {
+      font-size: @font-size-base;
+      line-height: 16px;
+      height: 27px !important;
+    }
+
+    .ant-tabs-tab {
+      background: @background-color !important;
+      line-height: 25px !important;
+
+      .ant-tabs-close-x {
+        width: 14px !important;
+        height: 14px !important;
+        color: #333 !important;
+        margin-left: 0 !important;
+        padding-top: 1px;
+        vertical-align: -3px !important;
+
+        &:hover {
+          background: #d5d5d8;
+          border-radius: 50% !important;
+        }
+
+        > svg {
+          transform: scale(0.7);
+        }
+      }
+    }
+
+    .ant-tabs-tab-active {
+      border-color: @brand-primary !important;
+    }
+  }
+}

package/es/SuperTab/package.json

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

package/es/SuperTab2/SuperTab2.js

@@ -25,19 +25,19 @@ import ReactDOM from 'react-dom';
 import variables from '../variables';
 var TabPane = _Tabs.TabPane;
 var MenuItem = _Menu.Item;
-/**
- * key: 唯一标识一个tab
- * title: 显示在tab上的标题
+/**
+ * key: 唯一标识一个tab
+ * title: 显示在tab上的标题
  */
 
 var TabType = {
   key: PropTypes.string.isRequired,
   title: PropTypes.string.isRequired
 };
-/**
- * activeKey: 处于活动状态tab的key值
- * menu: 是否需要右侧下拉列表，默认false
- * onTabChange: 切换选项卡时触发，原型为function(key)
+/**
+ * activeKey: 处于活动状态tab的key值
+ * menu: 是否需要右侧下拉列表，默认false
+ * onTabChange: 切换选项卡时触发，原型为function(key)
  */
 
 var SuperTab2 = /*#__PURE__*/function (_React$Component) {

package/es/SuperTab2/SuperTab2.less

@@ -1,18 +1,18 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-SuperTab2 {
-  :global(.ant-tabs-bar) {
-    margin-bottom: 0;
-  }
-
-  :global(.ant-tabs-nav-container) {
-    font-size: @font-size-base;
-    line-height: 16px;
-    height: 32px !important;
-  }
-
-  :global(.ant-tabs-tab) {
-    padding: 8px 6px;
-    margin-right: 4px;
-  }
-}
+@import '../variables.less';
+
+.@{cloudlink-prefix}-SuperTab2 {
+  :global(.ant-tabs-bar) {
+    margin-bottom: 0;
+  }
+
+  :global(.ant-tabs-nav-container) {
+    font-size: @font-size-base;
+    line-height: 16px;
+    height: 32px !important;
+  }
+
+  :global(.ant-tabs-tab) {
+    padding: 8px 6px;
+    margin-right: 4px;
+  }
+}

package/es/SuperTab2/package.json

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

package/es/SuperTable/DragSortRow.less

@@ -1,4 +1,4 @@
-@import '../../components/variables';
+@import '../variables';
 
 .@{cloudlink-prefix}-DragSortRow {
   cursor: move;

package/es/SuperTable2/SuperTable2.less

@@ -26,6 +26,22 @@
     background: #2CBB45!important;
   }
 
+  :global(.ant-table-fixed){
+    width: 100% !important;
+  }
+  :global(.ant-table-tbody){
+    width: 100% !important;
+  }
+
+  :global(.ant-table-thead){
+    -moz-transform: none !important;
+    -webkit-transform: none !important;
+    -o-transform: none !important;
+    -ms-transform: none !important;
+    transform: none !important;
+  }
+
+
   th [role='add'] {
     color: @primary-color;
     margin-left: 4px;
@@ -89,12 +105,14 @@
       }
     }
   }
-}
 
-.weakenedSelectRow{
-  background-color: @table-row-hover-bg;
-  color :#999;
-}
-.weakenedUnselectRow{
-  color :#999;
+  .weakenedSelectRow{
+    background-color: @table-row-hover-bg;
+    color :#999;
+  }
+
+  .weakenedUnselectRow{
+    color :#999;
+  }
 }
+

package/es/SuperTable3/FilterDropDown.js

@@ -0,0 +1,188 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Input from "antd/es/input";
+import _Button from "antd/es/button";
+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 _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 Control from "../Control/Control";
+import variables from '../variables';
+
+var FilterDropDown = /*#__PURE__*/function (_React$Component) {
+  _inherits(FilterDropDown, _React$Component);
+
+  var _super = _createSuper(FilterDropDown);
+
+  function FilterDropDown(_props) {
+    var _this;
+
+    _classCallCheck(this, FilterDropDown);
+
+    _this = _super.call(this, _props);
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
+      _this.setState({
+        value: e.target.value
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onDateChange", function (key, value) {
+      _this.setState(_defineProperty({}, key, value));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "onSearch", function () {
+      var _this$props = _this.props,
+          onSearch = _this$props.onSearch,
+          isDateFilterByStartAndEnd = _this$props.isDateFilterByStartAndEnd;
+
+      if (onSearch) {
+        var value = !_this.state.start && !_this.state.end ? "" : _this.state;
+        var val = isDateFilterByStartAndEnd ? value : _this.state.value;
+        onSearch(val);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "DateInputCreator", function () {
+      var _context, _context2, _context3;
+
+      var props = _this.props.props;
+      var propsStart = {
+        type: "date",
+        size: "small",
+        showTime: props ? props.showTime : true,
+        value: _this.state.start,
+        style: {
+          marginRight: '5px'
+        },
+        onChange: _bindInstanceProperty(_context = _this.onDateChange).call(_context, null, 'start')
+      };
+      var propsEnd = {
+        type: "date",
+        size: "small",
+        showTime: props ? props.showTime : true,
+        value: _this.state.end,
+        style: {
+          marginLeft: '5px'
+        },
+        onChange: _bindInstanceProperty(_context2 = _this.onDateChange).call(_context2, null, 'end')
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: variables('SuperTable3-FilterDropDown').date
+      }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Control, propsStart), "To", /*#__PURE__*/React.createElement(Control, propsEnd)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Button, {
+        size: "small",
+        style: {
+          marginRight: '5px'
+        },
+        onClick: _this.props.onClose
+      }, "\u5173\u95ED"), /*#__PURE__*/React.createElement(_Button, {
+        size: "small",
+        type: "primary",
+        onClick: _bindInstanceProperty(_context3 = _this.onSearch).call(_context3, null, _this.props.type)
+      }, "\u641C\u7D22")));
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "InputCreator", function () {
+      var props = {
+        size: 'small',
+        value: _this.state.value,
+        onChange: _this.onChange,
+        onPressEnter: _this.onSearch,
+        ref: function ref(e) {
+          return _this.input = e;
+        }
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: variables('SuperTable3-FilterDropDown')
+      }, /*#__PURE__*/React.createElement(_Input, props), /*#__PURE__*/React.createElement(_Button, {
+        onClick: _this.onSearch,
+        size: "small",
+        type: "primary"
+      }, "\u641C\u7D22"));
+    });
+
+    _this.state = {
+      value: _props.value || ''
+    };
+
+    if (_props.isDateFilterByStartAndEnd) {
+      var _ref = _props.value || {},
+          _ref$start = _ref.start,
+          start = _ref$start === void 0 ? '' : _ref$start,
+          _ref$end = _ref.end,
+          end = _ref$end === void 0 ? '' : _ref$end;
+
+      _this.state = {
+        start: start,
+        end: end
+      };
+    } else {
+      _this.state = {
+        value: _props.value || ''
+      };
+    }
+
+    return _this;
+  }
+
+  _createClass(FilterDropDown, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(newProps) {
+      if (newProps.isDateFilterByStartAndEnd) {
+        var _ref2 = newProps.value || {},
+            _ref2$start = _ref2.start,
+            start = _ref2$start === void 0 ? '' : _ref2$start,
+            _ref2$end = _ref2.end,
+            end = _ref2$end === void 0 ? '' : _ref2$end;
+
+        this.setState({
+          start: start,
+          end: end
+        });
+      } else {
+        this.setState({
+          value: newProps.value || ''
+        });
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.input) {
+        this.input.focus();
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.input) {
+        this.input.focus();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.isDateFilterByStartAndEnd ? this.DateInputCreator() : this.InputCreator();
+    }
+  }]);
+
+  return FilterDropDown;
+}(React.Component);
+
+_defineProperty(FilterDropDown, "propTypes", {
+  value: PropTypes.any,
+  onSearch: PropTypes.func,
+  onClose: PropTypes.func
+});
+
+export default FilterDropDown;