cloud-b2b 1.0.4 → 1.0.5

package/es/LayoutLink/LayoutLink.js

@@ -37,7 +37,7 @@ function Search(_ref) {
   };
 
   return /*#__PURE__*/React.createElement(Card, {
-    className: s.search
+    className: variables('LayoutLink').search
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FormItem, {
     validateStatus: status
   }, /*#__PURE__*/React.createElement(_Input, {
@@ -52,7 +52,7 @@ function Search(_ref) {
 function Title(_ref2) {
   var title = _ref2.title;
   return /*#__PURE__*/React.createElement("div", {
-    className: s.title
+    className: variables('LayoutLink').title
   }, /*#__PURE__*/React.createElement("div", null, title), /*#__PURE__*/React.createElement("div", null));
 }
 

package/es/Sidebar2/Sidebar.js

@@ -135,7 +135,7 @@ var Sidebar = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(Link, _extends({}, _this.linkProps(item), {
         "data-role": "child-item"
       }), /*#__PURE__*/React.createElement("span", null, item.title), item.unreadTotal && item.unreadTotal > 0 && /*#__PURE__*/React.createElement("span", {
-        className: s.unreadTotal
+        className: variables('Sidebar2').unreadTotal
       }, item.unreadTotal)));
     });
 

package/es/SuperForm/SuperForm.js

@@ -608,11 +608,11 @@ var SuperForm = /*#__PURE__*/function (_React$Component2) {
         span: span * factor,
         key: control.key
       }, checkable && /*#__PURE__*/React.createElement(_Checkbox, {
-        className: s.checkbox,
+        className: variables('SuperForm').checkbox,
         onChange: _bindInstanceProperty(onCheckItem).call(onCheckItem, _assertThisInitialized(_this2), control),
         checked: control.checked
       }), /*#__PURE__*/React.createElement(FormItem, _extends({}, itemProps, {
-        className: checkable ? s.formItemWithCheckbox : ''
+        className: checkable ? variables('SuperForm').formItemWithCheckbox : ''
       }), _this2.toControl(controlProps, control))) : /*#__PURE__*/React.createElement(_Col, {
         span: span * factor,
         key: control.key,

package/es/SuperTable/DragSortRow.less

@@ -1,17 +1,17 @@
-@import '../../components/variables';
-
-.@{cloudlink-prefix}-DragSortRow {
-  cursor: move;
-
-  &[data-drag-hover='up'] {
-    td {
-      border-top: 2px dashed @primary-color !important;
-    }
-  }
-
-  &[data-drag-hover='down'] {
-    td {
-      border-bottom: 2px dashed @primary-color !important;
-    }
-  }
-}
+@import '../../components/variables';
+
+.@{cloudlink-prefix}-DragSortRow {
+  cursor: move;
+
+  &[data-drag-hover='up'] {
+    td {
+      border-top: 2px dashed @primary-color !important;
+    }
+  }
+
+  &[data-drag-hover='down'] {
+    td {
+      border-bottom: 2px dashed @primary-color !important;
+    }
+  }
+}

package/es/SuperTable/FilterDropDown.less

@@ -1,30 +1,30 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-FilterDropDown {
-  background: white;
-  padding: @padding-vertical @padding-horizontal;
-  border-radius: @border-radius-base;
-  border: 1px solid #d9d9d9;
-
-  > :first-child {
-    width: 135px;
-    margin-right: 10px;
-  }
-  .date{
-    background: white;
-    padding: @padding-vertical @padding-horizontal;
-    border-radius: @border-radius-base;
-    border: 1px solid #d9d9d9;
-
-    > :first-child > div {
-      display: inline-block;
-    }
-
-    > :last-child {
-      text-align: right;
-      margin-top: 5px;
-    }
-  }
-}
-
-
+@import '../variables.less';
+
+.@{cloudlink-prefix}-FilterDropDown {
+  background: white;
+  padding: @padding-vertical @padding-horizontal;
+  border-radius: @border-radius-base;
+  border: 1px solid #d9d9d9;
+
+  > :first-child {
+    width: 135px;
+    margin-right: 10px;
+  }
+  .date{
+    background: white;
+    padding: @padding-vertical @padding-horizontal;
+    border-radius: @border-radius-base;
+    border: 1px solid #d9d9d9;
+
+    > :first-child > div {
+      display: inline-block;
+    }
+
+    > :last-child {
+      text-align: right;
+      margin-top: 5px;
+    }
+  }
+}
+
+

package/es/SuperTable/SuperTable.js

@@ -50,13 +50,13 @@ import FilterDropDown from './FilterDropDown';
 import fixed from './fixed';
 import DragSortRow from './DragSortRow';
 import variables from '../variables';
-/**
- * sorter: [可选]，不传表示该列不支持排序；为string表示按字符串排序；为number表示按数字大小排序
- * filter: [可选],是否支持过滤，默认为false
- * link: [可选],为true表示超链接，内容来至items;为字符串表示超链接，内容就是该字符串;为字符串‘list’表示超链接数组，内容就是该items对应key对象数组的linkTitleKey属性拼接
- * linkTitleKey: [可选],当link为'list'表示超链接组时，该值表示要拼接展示的属性key值
- * isDateFilterByStartAndEnd: [可选]，为true时做过滤操作会显示时间段搜索，默认为false
- *
+/**
+ * sorter: [可选]，不传表示该列不支持排序；为string表示按字符串排序；为number表示按数字大小排序
+ * filter: [可选],是否支持过滤，默认为false
+ * link: [可选],为true表示超链接，内容来至items;为字符串表示超链接，内容就是该字符串;为字符串‘list’表示超链接数组，内容就是该items对应key对象数组的linkTitleKey属性拼接
+ * linkTitleKey: [可选],当link为'list'表示超链接组时，该值表示要拼接展示的属性key值
+ * isDateFilterByStartAndEnd: [可选]，为true时做过滤操作会显示时间段搜索，默认为false
+ *
  */
 
 var ColType = {
@@ -75,13 +75,13 @@ var ColType = {
 var ItemType = {
   checked: PropTypes.bool
 };
-/**
- * onCheck：点击复选框时触发，原型func(isAll, checked, rowIndex);isolation为true时，原型为onCheck(checkedRows)
- * onRadio: 点击单选按钮时触发，原型为func(checkedRows)
- * onDoubleClick: 行双击时触发，原型func(rowIndex)
- * onLink: 点击超链接时触发，原型为func(key, rowIndex, item)
- * onTableChange: 排序信息改变时触发，原型为func(sortInfo, filterInfo)
- * onMoveRow：行拖曳排序时触发，原型为func(dragIndex, targetIndex)
+/**
+ * onCheck：点击复选框时触发，原型func(isAll, checked, rowIndex);isolation为true时，原型为onCheck(checkedRows)
+ * onRadio: 点击单选按钮时触发，原型为func(checkedRows)
+ * onDoubleClick: 行双击时触发，原型func(rowIndex)
+ * onLink: 点击超链接时触发，原型为func(key, rowIndex, item)
+ * onTableChange: 排序信息改变时触发，原型为func(sortInfo, filterInfo)
+ * onMoveRow：行拖曳排序时触发，原型为func(dragIndex, targetIndex)
  */
 
 var CallbackType = {
@@ -92,22 +92,22 @@ var CallbackType = {
   onTableChange: PropTypes.func,
   onMoveRow: PropTypes.func
 };
-/**
- * checkbox: [可选]，是否有复选框，默认为true
- * isPaging: [可选]，是否分页，默认为false
- * radio: [可选]，是否为单选按钮，当checkbox为true时生效，默认值为false
- * isolation: [可选]，为true时，复选框的选中行采用checkedRows存储
- * checkedRows: [可选]，选中的行数，radio为true时生效
- * index: [可选]，是否有序号，默认值为true
- * indexTitle：[可选]，序号标题，默认为'序号'
- * sortInfo: [可选]，排序信息，默认为null
- * filterInfo: [可选]，过滤信息，默认为null
- * maxHeight: [可选]，设置表格的最大高度
- * dragSort: [可选], 为true表示支持行拖曳排序，且不支持行单击选中复选或单选按钮和双击事件，默认为false
- * isEmphasized: [可选]，是否强调，行字体加粗显示；要实现字体加粗显示除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
- * isWeaken: [可选]，是否弱化行字体置灰显示，除了isWeaken设置为true之外，置灰行数据里要设置__isWeaken为true
- * pageTotal: [可选], 为true表示开启表格末行自动汇总表格列数据，默认为false || searchTotal，当开启时，需要汇总的列需设置属性total为true,当dragSort为true时，该选项失效
- * searchTotal: [可选], 表格汇总数据对象，该属性不为空时pageTotal默认开启，当dragSort为true时，该选项失效
+/**
+ * checkbox: [可选]，是否有复选框，默认为true
+ * isPaging: [可选]，是否分页，默认为false
+ * radio: [可选]，是否为单选按钮，当checkbox为true时生效，默认值为false
+ * isolation: [可选]，为true时，复选框的选中行采用checkedRows存储
+ * checkedRows: [可选]，选中的行数，radio为true时生效
+ * index: [可选]，是否有序号，默认值为true
+ * indexTitle：[可选]，序号标题，默认为'序号'
+ * sortInfo: [可选]，排序信息，默认为null
+ * filterInfo: [可选]，过滤信息，默认为null
+ * maxHeight: [可选]，设置表格的最大高度
+ * dragSort: [可选], 为true表示支持行拖曳排序，且不支持行单击选中复选或单选按钮和双击事件，默认为false
+ * isEmphasized: [可选]，是否强调，行字体加粗显示；要实现字体加粗显示除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
+ * isWeaken: [可选]，是否弱化行字体置灰显示，除了isWeaken设置为true之外，置灰行数据里要设置__isWeaken为true
+ * pageTotal: [可选], 为true表示开启表格末行自动汇总表格列数据，默认为false || searchTotal，当开启时，需要汇总的列需设置属性total为true,当dragSort为true时，该选项失效
+ * searchTotal: [可选], 表格汇总数据对象，该属性不为空时pageTotal默认开启，当dragSort为true时，该选项失效
  */
 
 var SuperTable = /*#__PURE__*/function (_React$Component) {
@@ -605,24 +605,24 @@ var SuperTable = /*#__PURE__*/function (_React$Component) {
           isWeaken = _this$props6$isWeaken === void 0 ? true : _this$props6$isWeaken;
 
       var rowClassName1 = function rowClassName1(record) {
-        if (items[record.key].__total) return s.totalRow;
-        if (items[record.key].__warningRow) return s.warningRow;
-        return _includesInstanceProperty(checkedRows).call(checkedRows, record.key) ? s.select : '';
+        if (items[record.key].__total) return variables('SuperTable').totalRow;
+        if (items[record.key].__warningRow) return variables('SuperTable').warningRow;
+        return _includesInstanceProperty(checkedRows).call(checkedRows, record.key) ? variables('SuperTable').select : '';
       };
 
       var rowClassName2 = function rowClassName2(record) {
-        if (items[record.key].__total) return s.totalRow;
-        if (items[record.key].__warningRow) return s.warningRow;
+        if (items[record.key].__total) return variables('SuperTable').totalRow;
+        if (items[record.key].__warningRow) return variables('SuperTable').warningRow;
 
         if (isEmphasized && items[record.key].__isEmphasized) {
-          return items[record.key].checked ? s.emphasizedSelectRow : s.emphasizedUnselectRow;
+          return items[record.key].checked ? variables('SuperTable').emphasizedSelectRow : variables('SuperTable').emphasizedUnselectRow;
         }
 
         if (isWeaken && items[record.key].__isWeaken) {
-          return items[record.key].checked ? s.weakenedSelectRow : s.weakenedUnselectRow;
+          return items[record.key].checked ? variables('SuperTable').weakenedSelectRow : variables('SuperTable').weakenedUnselectRow;
         }
 
-        return items[record.key].checked ? s.select : '';
+        return items[record.key].checked ? variables('SuperTable').select : '';
       };
 
       if (checkbox) {

package/es/SuperTable/SuperTable.less

@@ -1,135 +1,132 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-SuperTable {
-  border-spacing: 0;
-  cursor: default;
-
-  table {
-    white-space: pre;
-
-    :global(.ant-checkbox-input) {
-      z-index: -1;
-    }
-  }
-
-  :global(.ant-table-placeholder) {
-    padding: 0;
-
-    > div {
-      margin: 0;
-    }
-  }
-  .select {
-    background-color: @primary-1;
-  }
-
-  .center {
-    text-align: center !important;
-  }
-
-  .left {
-    text-align: left !important;
-  }
-
-  .right {
-    text-align: right !important;
-  }
-
-  .emphasizedSelectRow{
-    background-color: @table-row-hover-bg;
-    color :#000;
-    font-weight: 700;
-  }
-  .emphasizedUnselectRow{
-    color :#000;
-    font-weight: 700;
-  }
-
-  .weakenedSelectRow{
-    background-color: @table-row-hover-bg;
-    color :#999;
-  }
-  .weakenedUnselectRow{
-    color :#999;
-  }
-
-  .warningRow{
-    color: red;
-  }
-
-  .noTransition{
-    tr {
-      transition: all 0s!important;
-      >td{
-        transition: all 0s!important;
-      }
-    }
-  }
-
-  .noWrap{
-    white-space: nowrap;
-  }
-
-  .totalRow {
-    color: #222!important;
-    background-color: #f0f0f0!important;
-    transition: all 0s!important;
-    td {
-      border-top: 1px solid #ddd!important;
-      background-color: #f0f0f0!important;
-      border-bottom: 0!important;
-      transition: all 0s!important;
-    }
-  }
-
-}
-
-
-
-
-
-:global(.ant-table-footer) {
-  padding: 0!important;
-}
-
-.footer {
-  vertical-align: middle;
-  overflow: auto;
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-  scrollbar-color: transparent transparent;
-  scrollbar-track-color: transparent;
-  -ms-scrollbar-track-color: transparent;
-  .footerItem {
-    white-space: pre;
-    > span {
-      display: inline-block;
-      color: #222;
-      position: relative;
-      vertical-align: middle;
-      border-top: 1px solid #dedede;
-      display: inline-block;
-      box-sizing: border-box;
-      height: 35px;
-      padding: 8px 8px 7px !important;
-      border-right: 1px solid transparent;
-    }
-    .ghost {
-      opacity: 0;
-      filter: alpha(opacity=0);
-    }
-    .content {
-      position: absolute;
-      left: 0;
-    }
-  }
-}
-
-.footer::-webkit-scrollbar {
-  display: none;
-  width: 0!important;
-  height: 0!important;
-  opacity: 0;
-  filter: alpha(opacity=0);
-}
-
+@import '../variables.less';
+
+.@{cloudlink-prefix}-SuperTable {
+  border-spacing: 0;
+  cursor: default;
+
+  table {
+    white-space: pre;
+
+    :global(.ant-checkbox-input) {
+      z-index: -1;
+    }
+  }
+
+  :global(.ant-table-placeholder) {
+    padding: 0;
+
+    > div {
+      margin: 0;
+    }
+  }
+
+  .select {
+    background-color: @primary-1;
+  }
+
+  .center {
+    text-align: center !important;
+  }
+
+  .left {
+    text-align: left !important;
+  }
+
+  .right {
+    text-align: right !important;
+  }
+
+  .emphasizedSelectRow{
+    background-color: @table-row-hover-bg;
+    color :#000;
+    font-weight: 700;
+  }
+  .emphasizedUnselectRow{
+    color :#000;
+    font-weight: 700;
+  }
+
+  .weakenedSelectRow{
+    background-color: @table-row-hover-bg;
+    color :#999;
+  }
+  .weakenedUnselectRow{
+    color :#999;
+  }
+
+  .warningRow{
+    color: red;
+  }
+
+  .noTransition{
+    tr {
+      transition: all 0s!important;
+      >td{
+        transition: all 0s!important;
+      }
+    }
+  }
+
+  .noWrap{
+    white-space: nowrap;
+  }
+
+  .totalRow {
+    color: #222!important;
+    background-color: #f0f0f0!important;
+    transition: all 0s!important;
+    td {
+      border-top: 1px solid #ddd!important;
+      background-color: #f0f0f0!important;
+      border-bottom: 0!important;
+      transition: all 0s!important;
+    }
+  }
+
+  :global(.ant-table-footer) {
+    padding: 0!important;
+  }
+
+  .footer {
+    vertical-align: middle;
+    overflow: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    scrollbar-color: transparent transparent;
+    scrollbar-track-color: transparent;
+    -ms-scrollbar-track-color: transparent;
+    .footerItem {
+      white-space: pre;
+      > span {
+        display: inline-block;
+        color: #222;
+        position: relative;
+        vertical-align: middle;
+        border-top: 1px solid #dedede;
+        display: inline-block;
+        box-sizing: border-box;
+        height: 35px;
+        padding: 8px 8px 7px !important;
+        border-right: 1px solid transparent;
+      }
+      .ghost {
+        opacity: 0;
+        filter: alpha(opacity=0);
+      }
+      .content {
+        position: absolute;
+        left: 0;
+      }
+    }
+  }
+
+  .footer::-webkit-scrollbar {
+    display: none;
+    width: 0!important;
+    height: 0!important;
+    opacity: 0;
+    filter: alpha(opacity=0);
+  }
+}
+
+

package/es/SuperTable/package.json

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

package/es/SuperTable2/SuperTable2.js

@@ -61,17 +61,17 @@ var TypeEnum = ['readonly', 'index', 'checkbox', 'text', 'number', 'select', //
 'date', 'button', 'custom', 'switch', 'textArea', 'link', 'toolbar', //按钮组
 'img' //图片标题组 value为{src,title}时显示图片标题   为字符串时   只显示图片
 ];
-/**
- * key：标识所在列，在一个表格中必须唯一
- * title：列的标题，type为checkbox时，title为空字符串时，表头才会显示为复选框
- * type：嵌入的表单元素类型
- * link: 是否为超链接，type未设置时，该属性才生效。为true表示内容来至items，为字符串表示超链接内容就是该字符串
- * options: 对象(包含value和title)数组
- * props：传递参数给被嵌入的组件
- * width: 嵌入的组件的宽度，默认值为100
- * align：对齐方式，index默认center，其他类型默认为left
- * showAdd: 表头是否显示+号，默认为false，加号会触发onAdd事件
- * hide: 为true时隐藏该列
+/**
+ * key：标识所在列，在一个表格中必须唯一
+ * title：列的标题，type为checkbox时，title为空字符串时，表头才会显示为复选框
+ * type：嵌入的表单元素类型
+ * link: 是否为超链接，type未设置时，该属性才生效。为true表示内容来至items，为字符串表示超链接内容就是该字符串
+ * options: 对象(包含value和title)数组
+ * props：传递参数给被嵌入的组件
+ * width: 嵌入的组件的宽度，默认值为100
+ * align：对齐方式，index默认center，其他类型默认为left
+ * showAdd: 表头是否显示+号，默认为false，加号会触发onAdd事件
+ * hide: 为true时隐藏该列
  */
 
 var ColType = {
@@ -86,14 +86,14 @@ var ColType = {
   hide: PropTypes.bool,
   props: PropTypes.any
 };
-/**
- * onCheck：点击复选框时触发，原型func(rowIndex, keyName, checked)
- * onContentChange: 输入框内容改变时触发，原型为function(rowIndex, keyName, value)
- * onSearch：search组件输入内容时触发，原型为function(rowIndex, keyName, value)
- * onLink: 点击超链接时触发，原型为function(keyName, rowIndex, item)
- * onAdd：点击+号时触发，原型为function(keyName)
- * onRenderCustom：(废弃)用于渲染type为custom类型的单元格，原型为function(rowIndex, keyName, value，props)
- * onToolbar:点击表格列按钮组时触发，原型为function(按钮组列的key,rowIndex,该行数据的值,按钮key)
+/**
+ * onCheck：点击复选框时触发，原型func(rowIndex, keyName, checked)
+ * onContentChange: 输入框内容改变时触发，原型为function(rowIndex, keyName, value)
+ * onSearch：search组件输入内容时触发，原型为function(rowIndex, keyName, value)
+ * onLink: 点击超链接时触发，原型为function(keyName, rowIndex, item)
+ * onAdd：点击+号时触发，原型为function(keyName)
+ * onRenderCustom：(废弃)用于渲染type为custom类型的单元格，原型为function(rowIndex, keyName, value，props)
+ * onToolbar:点击表格列按钮组时触发，原型为function(按钮组列的key,rowIndex,该行数据的值,按钮key)
  */
 
 var CallbackType = {
@@ -106,9 +106,9 @@ var CallbackType = {
   onRenderCustom: PropTypes.func,
   onToolbar: PropTypes.func
 };
-/**
- * base[可选]：序号的开始数字，所有回调函数中的序号值都会加上这个值，默认值为0
- * isEmphasized: [可选]，是否强调，行字体加粗显示， 除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
+/**
+ * base[可选]：序号的开始数字，所有回调函数中的序号值都会加上这个值，默认值为0
+ * isEmphasized: [可选]，是否强调，行字体加粗显示， 除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
  */
 
 var SuperTable2 = /*#__PURE__*/function (_React$Component) {