cloud-b2b 1.0.3 → 1.0.6

package/lib/SuperTable/SuperTable.js

@@ -104,13 +104,13 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 
 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; } }
 
-/**
- * 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 = {
   key: _propTypes["default"].string.isRequired,
@@ -128,13 +128,13 @@ var ColType = {
 var ItemType = {
   checked: _propTypes["default"].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 = {
@@ -145,22 +145,22 @@ var CallbackType = {
   onTableChange: _propTypes["default"].func,
   onMoveRow: _propTypes["default"].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) {
@@ -623,24 +623,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 (0, _includes["default"])(checkedRows).call(checkedRows, record.key) ? s.select : '';
+        if (items[record.key].__total) return (0, _variables["default"])('SuperTable').totalRow;
+        if (items[record.key].__warningRow) return (0, _variables["default"])('SuperTable').warningRow;
+        return (0, _includes["default"])(checkedRows).call(checkedRows, record.key) ? (0, _variables["default"])('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 (0, _variables["default"])('SuperTable').totalRow;
+        if (items[record.key].__warningRow) return (0, _variables["default"])('SuperTable').warningRow;
 
         if (isEmphasized && items[record.key].__isEmphasized) {
-          return items[record.key].checked ? s.emphasizedSelectRow : s.emphasizedUnselectRow;
+          return items[record.key].checked ? (0, _variables["default"])('SuperTable').emphasizedSelectRow : (0, _variables["default"])('SuperTable').emphasizedUnselectRow;
         }
 
         if (isWeaken && items[record.key].__isWeaken) {
-          return items[record.key].checked ? s.weakenedSelectRow : s.weakenedUnselectRow;
+          return items[record.key].checked ? (0, _variables["default"])('SuperTable').weakenedSelectRow : (0, _variables["default"])('SuperTable').weakenedUnselectRow;
         }
 
-        return items[record.key].checked ? s.select : '';
+        return items[record.key].checked ? (0, _variables["default"])('SuperTable').select : '';
       };
 
       if (checkbox) {

package/lib/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/lib/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/lib/SuperTable2/SuperTable2.js

@@ -114,17 +114,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 = {
@@ -139,14 +139,14 @@ var ColType = {
   hide: _propTypes["default"].bool,
   props: _propTypes["default"].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 = {
@@ -159,9 +159,9 @@ var CallbackType = {
   onRenderCustom: _propTypes["default"].func,
   onToolbar: _propTypes["default"].func
 };
-/**
- * base[可选]：序号的开始数字，所有回调函数中的序号值都会加上这个值，默认值为0
- * isEmphasized: [可选]，是否强调，行字体加粗显示， 除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
+/**
+ * base[可选]：序号的开始数字，所有回调函数中的序号值都会加上这个值，默认值为0
+ * isEmphasized: [可选]，是否强调，行字体加粗显示， 除了isEmphasized设置为true之外，加粗行数据里要设置__isEmphasized为true
  */
 
 var SuperTable2 = /*#__PURE__*/function (_React$Component) {

package/lib/SuperTable2/SuperTable2.less

@@ -1,100 +1,100 @@
-@import '../variables.less';
-
-.@{cloudlink-prefix}-SuperTable2 {
-  border-spacing: 0;
-  cursor: default;
-
-  :global(.ant-checkbox-input) {
-    z-index: -1;
-  }
-
-  :global(.ant-select-selection--multiple) {
-    max-width: 200px;
-    max-height: 22px;
-    overflow: auto;
-  }
-
-  :global(.ant-select-search__field) {
-    z-index: 0;
-  }
-
-  :global(.ant-switch-disabled) {
-    background: #e4e4e4;
-  }
-
-  :global(.ant-switch-checked) {
-    background: #2CBB45!important;
-  }
-
-  th [role='add'] {
-    color: @primary-color;
-    margin-left: 4px;
-    cursor: pointer;
-  }
-
-  td [role='imgBox']{
-    color: @primary-color;
-
-    span {
-      margin-left: 10px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      max-width: 100px;
-    }
-  }
-
-  :global(.ant-table-placeholder) {
-    padding: 0;
-
-    > div {
-      margin: 0;
-
-      :global(.ant-empty-image) {
-        display: none;
-      }
-    }
-  }
-
-  .emphasizedSelectRow{
-    background-color: @table-row-hover-bg;
-    color :#000;
-    font-weight: 700;
-  }
-  .emphasizedUnselectRow{
-    color :#000;
-    font-weight: 700;
-  }
-
-  .select {
-    background-color: @table-row-hover-bg;
-  }
-
-  .center {
-    text-align: center !important;
-  }
-
-  .left {
-    text-align: left !important;
-  }
-
-  .right {
-    text-align: right !important;
-  }
-
-  .noTransition{
-    tr {
-      transition: all 0s!important;
-      >td{
-        transition: all 0s!important;
-      }
-    }
-  }
-}
-
-.weakenedSelectRow{
-  background-color: @table-row-hover-bg;
-  color :#999;
-}
-.weakenedUnselectRow{
-  color :#999;
-}
+@import '../variables.less';
+
+.@{cloudlink-prefix}-SuperTable2 {
+  border-spacing: 0;
+  cursor: default;
+
+  :global(.ant-checkbox-input) {
+    z-index: -1;
+  }
+
+  :global(.ant-select-selection--multiple) {
+    max-width: 200px;
+    max-height: 22px;
+    overflow: auto;
+  }
+
+  :global(.ant-select-search__field) {
+    z-index: 0;
+  }
+
+  :global(.ant-switch-disabled) {
+    background: #e4e4e4;
+  }
+
+  :global(.ant-switch-checked) {
+    background: #2CBB45!important;
+  }
+
+  th [role='add'] {
+    color: @primary-color;
+    margin-left: 4px;
+    cursor: pointer;
+  }
+
+  td [role='imgBox']{
+    color: @primary-color;
+
+    span {
+      margin-left: 10px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100px;
+    }
+  }
+
+  :global(.ant-table-placeholder) {
+    padding: 0;
+
+    > div {
+      margin: 0;
+
+      :global(.ant-empty-image) {
+        display: none;
+      }
+    }
+  }
+
+  .emphasizedSelectRow{
+    background-color: @table-row-hover-bg;
+    color :#000;
+    font-weight: 700;
+  }
+  .emphasizedUnselectRow{
+    color :#000;
+    font-weight: 700;
+  }
+
+  .select {
+    background-color: @table-row-hover-bg;
+  }
+
+  .center {
+    text-align: center !important;
+  }
+
+  .left {
+    text-align: left !important;
+  }
+
+  .right {
+    text-align: right !important;
+  }
+
+  .noTransition{
+    tr {
+      transition: all 0s!important;
+      >td{
+        transition: all 0s!important;
+      }
+    }
+  }
+}
+
+.weakenedSelectRow{
+  background-color: @table-row-hover-bg;
+  color :#999;
+}
+.weakenedUnselectRow{
+  color :#999;
+}