@king-design/react 2.1.4 → 2.1.5

package/components/table/table.vdt.js

@@ -30,53 +30,58 @@ var _$tmp1 = {
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
-    _this = this;
+      _this = this;
+
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
   var _$blocks = {};
   var __$blocks = {};
+
   var _this$get = this.get(),
-    data = _this$get.data,
-    children = _this$get.children,
-    className = _this$get.className,
-    fixHeader = _this$get.fixHeader,
-    checkType = _this$get.checkType,
-    rowKey = _this$get.rowKey,
-    type = _this$get.type,
-    stripe = _this$get.stripe,
-    rowClassName = _this$get.rowClassName,
-    group = _this$get.group,
-    sort = _sortInstanceProperty(_this$get),
-    loading = _this$get.loading,
-    merge = _this$get.merge,
-    childrenKey = _this$get.childrenKey,
-    indent = _this$get.indent,
-    tooltipPosition = _this$get.tooltipPosition,
-    tooltipContainer = _this$get.tooltipContainer,
-    showIndeterminate = _this$get.showIndeterminate,
-    resizable = _this$get.resizable,
-    draggable = _this$get.draggable,
-    _animation = _this$get.animation,
-    hideHeader = _this$get.hideHeader,
-    pagination = _this$get.pagination;
+      data = _this$get.data,
+      children = _this$get.children,
+      className = _this$get.className,
+      fixHeader = _this$get.fixHeader,
+      checkType = _this$get.checkType,
+      rowKey = _this$get.rowKey,
+      type = _this$get.type,
+      stripe = _this$get.stripe,
+      rowClassName = _this$get.rowClassName,
+      group = _this$get.group,
+      sort = _sortInstanceProperty(_this$get),
+      loading = _this$get.loading,
+      merge = _this$get.merge,
+      childrenKey = _this$get.childrenKey,
+      indent = _this$get.indent,
+      tooltipPosition = _this$get.tooltipPosition,
+      tooltipContainer = _this$get.tooltipContainer,
+      showIndeterminate = _this$get.showIndeterminate,
+      resizable = _this$get.resizable,
+      draggable = _this$get.draggable,
+      _animation = _this$get.animation,
+      hideHeader = _this$get.hideHeader,
+      pagination = _this$get.pagination;
+
   var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
+
   var _this$columns$getData = this.columns.getData(),
-    columns = _this$columns$getData.columns,
-    cols = _this$columns$getData.cols,
-    maxRows = _this$columns$getData.maxRows,
-    maxCols = _this$columns$getData.maxCols;
+      columns = _this$columns$getData.columns,
+      cols = _this$columns$getData.cols,
+      maxRows = _this$columns$getData.maxRows,
+      maxCols = _this$columns$getData.maxCols;
+
   var _this$fixedColumns = this.fixedColumns,
-    scrollPosition = _this$fixedColumns.scrollPosition,
-    hasFixed = _this$fixedColumns.hasFixed,
-    getHasFixedLeft = _this$fixedColumns.getHasFixedLeft,
-    getOffsetMap = _this$fixedColumns.getOffsetMap;
+      scrollPosition = _this$fixedColumns.scrollPosition,
+      hasFixed = _this$fixedColumns.hasFixed,
+      getHasFixedLeft = _this$fixedColumns.getHasFixedLeft,
+      getOffsetMap = _this$fixedColumns.getOffsetMap;
   var scrollRef = this.scroll.scrollRef;
   var _this$stickyHeader = this.stickyHeader,
-    stickHeader = _this$stickyHeader.stickHeader,
-    excludeStickHeader = _this$stickyHeader.excludeStickHeader,
-    elementRef = _this$stickyHeader.elementRef,
-    headRef = _this$stickyHeader.headRef;
+      stickHeader = _this$stickyHeader.stickHeader,
+      excludeStickHeader = _this$stickyHeader.excludeStickHeader,
+      elementRef = _this$stickyHeader.elementRef,
+      headRef = _this$stickyHeader.headRef;
   var classNameObj = (_classNameObj = {
     'k-table': true,
     'k-fix-header': fixHeader
@@ -85,12 +90,14 @@ export default function ($props, $blocks, $__proto__) {
     maxHeight: fixHeader + "px"
   } : null;
   var _this$width = this.width,
-    getWidth = _this$width.getWidth,
-    tableRef = _this$width.tableRef,
-    tableWidth = _this$width.tableWidth;
+      getWidth = _this$width.getWidth,
+      tableRef = _this$width.tableRef,
+      tableWidth = _this$width.tableWidth;
   var onStart = this.resizable.start;
+
   var colgroup = _$ce(2, 'colgroup', [checkType !== 'none' ? _$ce(2, 'col', null, 1, null, _$tmp0) : undefined, _$ma(cols, function ($value, $key) {
     var _$cn2;
+
     return _$ce(2, 'col', null, 1, _$cn((_$cn2 = {}, _$cn2[$value.className] = $value.className, _$cn2)), {
       'width': $value.width,
       'style': {
@@ -98,13 +105,14 @@ export default function ($props, $blocks, $__proto__) {
       }
     });
   }, $this)], 0);
+
   var hasData = data && data.length;
   var hasFixedLeft = getHasFixedLeft();
   var _this$checked = this.checked,
-    getAllCheckedStatus = _this$checked.getAllCheckedStatus,
-    toggleCheckedAll = _this$checked.toggleCheckedAll,
-    getAllStatus = _this$checked.getAllStatus,
-    onChangeChecked = _this$checked.onChangeChecked;
+      getAllCheckedStatus = _this$checked.getAllCheckedStatus,
+      toggleCheckedAll = _this$checked.toggleCheckedAll,
+      getAllStatus = _this$checked.getAllStatus,
+      onChangeChecked = _this$checked.onChangeChecked;
   var allCheckedStatus = getAllCheckedStatus();
   var offsetMap = getOffsetMap();
   var thead = hideHeader ? null : _$cc(TableContext.Provider, {
@@ -159,21 +167,24 @@ export default function ($props, $blocks, $__proto__) {
   var isExpanded = this.expandable.isExpanded;
   var isSelected = this.selected.isSelected;
   var _this$tree = this.tree,
-    loopData = _this$tree.loopData,
-    isSpreaded = _this$tree.isSpreaded,
-    toggleSpreadRow = _this$tree.toggleSpreadRow;
+      loopData = _this$tree.loopData,
+      isSpreaded = _this$tree.isSpreaded,
+      toggleSpreadRow = _this$tree.toggleSpreadRow;
   var _this$draggable = this.draggable,
-    onRowDragStart = _this$draggable.onRowDragStart,
-    onRowDragOver = _this$draggable.onRowDragOver,
-    onRowDragEnd = _this$draggable.onRowDragEnd,
-    draggingKey = _this$draggable.draggingKey;
+      onRowDragStart = _this$draggable.onRowDragStart,
+      onRowDragOver = _this$draggable.onRowDragOver,
+      onRowDragEnd = _this$draggable.onRowDragEnd,
+      draggingKey = _this$draggable.draggingKey;
+
   var tbody = _$ce(2, 'tbody', !hasData ? _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['empty'] = function ($super) {
     return _$('/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~');
   }, __$blocks['empty'] = function ($super, data) {
     var block = $blocks['empty'];
+
     var callBlock = function callBlock() {
       return _$blocks['empty'].call($this, $super, data);
     };
+
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['empty'](_$no)), 0, 'k-table-empty', {
     'colspan': colCount
@@ -187,6 +198,7 @@ export default function ($props, $blocks, $__proto__) {
       var spreaded = isSpreaded(key);
       var hasChildren = !!childrenKey && Array.isArray(value[childrenKey]);
       var indentSize = indent ? indent * level : 0;
+
       var row = _$cc(TableRow, {
         'key': key,
         'cols': cols,
@@ -217,14 +229,17 @@ export default function ($props, $blocks, $__proto__) {
         'onRowDragEnd': onRowDragEnd,
         'onRowDragOver': onRowDragOver
       }, key);
+
       if ($blocks.tooltip) {
         var content = (_$blocks['tooltip'] = function ($super) {
           return null;
         }, __$blocks['tooltip'] = function ($super, data) {
           var block = $blocks['tooltip'];
+
           var callBlock = function callBlock() {
             return _$blocks['tooltip'].call($this, $super, data);
           };
+
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['tooltip'](_$no, [value, index]));
         row = _$cc(Tooltip, {
@@ -234,20 +249,25 @@ export default function ($props, $blocks, $__proto__) {
           'children': row,
           '$blocks': function ($blocks) {
             var _$blocks = {},
-              __$blocks = _$ex({}, $blocks);
+                __$blocks = _$ex({}, $blocks);
+
             return (_$blocks['content'] = function ($super) {
               return content;
             }, __$blocks['content'] = function ($super, data) {
               var block = $blocks['content'];
+
               var callBlock = function callBlock() {
                 return _$blocks['content'].call($this, $super, data);
               };
+
               return block ? block.call($this, callBlock, data) : callBlock();
             }), __$blocks;
           }.call($this, _$em)
         }, key);
       }
+
       rows.push(row);
+
       if ($blocks.expand) {
         var expanded = isExpanded(key);
         rows.push(_$ce(2, 'tr', _$ce(2, 'td', _$cc(Transition, _extends({}, expandAnimationCallbacks, {
@@ -255,9 +275,11 @@ export default function ($props, $blocks, $__proto__) {
             return null;
           }, __$blocks['expand'] = function ($super, data) {
             var block = $blocks['expand'];
+
             var callBlock = function callBlock() {
               return _$blocks['expand'].call($this, $super, data);
             };
+
             return block ? block.call($this, callBlock, data) : callBlock();
           }, __$blocks['expand'](_$no, [value, index])), 0, 'k-table-expand') : undefined
         })), 2, null, {
@@ -267,6 +289,7 @@ export default function ($props, $blocks, $__proto__) {
           'k-expanded': expanded
         }), null, key + ".$expand"));
       }
+
       return hidden || !spreaded;
     });
     return animation[0] ? _$cc(TransitionGroup, {
@@ -275,19 +298,20 @@ export default function ($props, $blocks, $__proto__) {
       'children': rows
     }) : rows;
   }(), 0);
+
   var tableWidthPx = tableWidth.value ? tableWidth.value + "px" : null;
   var _this$stickyScrollbar = this.stickyScrollbar,
-    shouldStickScrollbar = _this$stickyScrollbar.shouldStickScrollbar,
-    stickScrollbar = _this$stickyScrollbar.stick,
-    stickScrollbarStyle = _this$stickyScrollbar.style,
-    scrollbarRef = _this$stickyScrollbar.scrollbarRef,
-    onScrollbarScroll = _this$stickyScrollbar.onScroll,
-    tableActualWidth = _this$stickyScrollbar.tableActualWidth;
+      shouldStickScrollbar = _this$stickyScrollbar.shouldStickScrollbar,
+      stickScrollbar = _this$stickyScrollbar.stick,
+      stickScrollbarStyle = _this$stickyScrollbar.style,
+      scrollbarRef = _this$stickyScrollbar.scrollbarRef,
+      onScrollbarScroll = _this$stickyScrollbar.onScroll,
+      tableActualWidth = _this$stickyScrollbar.tableActualWidth;
   var _this$pagination = this.pagination,
-    pageValue = _this$pagination.value,
-    pageLimit = _this$pagination.limit,
-    onPageChange = _this$pagination.onChange,
-    paginationRef = _this$pagination.paginationRef;
+      pageValue = _this$pagination.value,
+      pageLimit = _this$pagination.limit,
+      onPageChange = _this$pagination.onChange,
+      paginationRef = _this$pagination.paginationRef;
   return _$ce(2, 'div', [_$ce(2, 'div', [!isNull(stickHeader.value) ? _$cc(Affix, {
     'top': stickHeader.value,
     'exclude': excludeStickHeader,

package/components/table/useChecked.d.ts

@@ -2,7 +2,7 @@ import { State } from '../../hooks/useState';
 import type { TableRowKey } from './';
 import type { TableGrid } from './useMerge';
 import type { useTree } from './useTree';
-type RowStatus = {
+declare type RowStatus = {
     checked: boolean;
     indeterminate: boolean;
     disabled: boolean;

package/components/table/useChecked.js

@@ -5,40 +5,49 @@ import { useInstance } from 'intact-react';
 import { watchState } from '../../hooks/useState';
 import { toggleArray } from '../utils';
 export var AllCheckedStatus;
+
 (function (AllCheckedStatus) {
   AllCheckedStatus[AllCheckedStatus["All"] = 0] = "All";
   AllCheckedStatus[AllCheckedStatus["Indeterminate"] = 1] = "Indeterminate";
   AllCheckedStatus[AllCheckedStatus["None"] = 2] = "None";
 })(AllCheckedStatus || (AllCheckedStatus = {}));
+
 export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, loopData, data) {
   var instance = useInstance();
   var allStatus = [];
+
   function isChecked(key) {
     return inArray(instance.get('checkedKeys'), key);
   }
+
   function toggleChecked(key, rowIndex) {
     if (instance.get('checkType') === 'checkbox') {
-      instance.set('checkedKeys', toggleArray(instance.get('checkedKeys'), key));
-      // trigger check event for checkbox,
+      instance.set('checkedKeys', toggleArray(instance.get('checkedKeys'), key)); // trigger check event for checkbox,
       // radio check event trigger in onChangeChecked function
+
       triggerEvent(isChecked(key), key, rowIndex);
     } else {
       if (isChecked(key)) return;
       var grid = getGrid();
       var gridRow = grid[rowIndex];
+
       if (gridRow) {
         // find the row index that has grouped radio
         while (!grid[rowIndex][0].render) {
           rowIndex--;
         }
       }
+
       onChangeChecked(rowIndex, true, key);
     }
   }
+
   function getAllCheckedStatus() {
     var _instance$get = instance.get(),
-      checkedKeys = _instance$get.checkedKeys;
+        checkedKeys = _instance$get.checkedKeys;
+
     var enabledKeys = getEnableKeys();
+
     if (enabledKeys.length && checkedKeys) {
       if (enabledKeys.every(function (key) {
         return _includesInstanceProperty(checkedKeys).call(checkedKeys, key);
@@ -50,8 +59,10 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
         return AllCheckedStatus.Indeterminate;
       }
     }
+
     return AllCheckedStatus.None;
   }
+
   function toggleCheckedAll(v) {
     instance.set('checkedKeys', getCheckedAllOrUncheckedAllKeys(v));
     instance.trigger(v ? 'checkAll' : 'uncheckAll');
@@ -60,9 +71,12 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
    * keep the original keys which don't exist in the enableKeys,
    * and add or remove the enableKeys
    */
+
+
   function getCheckedAllOrUncheckedAllKeys(isChecked) {
     var checkedKeys = instance.get('checkedKeys');
     var enabledKeys = getEnableKeys();
+
     if (!checkedKeys) {
       if (isChecked) {
         return _sliceInstanceProperty(enabledKeys).call(enabledKeys);
@@ -70,18 +84,23 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
         return [];
       }
     }
+
     var results = _sliceInstanceProperty(checkedKeys).call(checkedKeys);
+
     enabledKeys.forEach(function (key) {
       addOrRemove(results, key, isChecked);
     });
     return results;
   }
+
   function updateAllCheckedStatus() {
     allStatus = [];
+
     var _instance$get2 = instance.get(),
-      rowKey = _instance$get2.rowKey,
-      checkType = _instance$get2.checkType,
-      merge = _instance$get2.merge;
+        rowKey = _instance$get2.rowKey,
+        checkType = _instance$get2.checkType,
+        merge = _instance$get2.merge;
+
     if (!data.value || !data.value.length) return;
     var allKeys = getAllKeys();
     allKeys.forEach(function (key) {
@@ -94,20 +113,25 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
       });
     });
     var grid = getGrid();
+
     if (merge && checkType !== 'none') {
       loopData(function (data, rowIndex) {
         var _grid$rowIndex$ = grid[rowIndex][0],
-          spans = _grid$rowIndex$.spans,
-          render = _grid$rowIndex$.render;
+            spans = _grid$rowIndex$.spans,
+            render = _grid$rowIndex$.render;
         var rowspan;
+
         if (render && spans && (rowspan = spans.rowspan) > 1) {
           var enabledCheckedCount = 0;
           var disabledCheckedCount = 0;
           var disabledCount = 0;
+
           for (var i = rowIndex; i < rowspan + rowIndex; i++) {
             var _status = allStatus[i];
+
             if (isDisabledKey(allKeys[i])) {
               disabledCount++;
+
               if (_status.checked) {
                 disabledCheckedCount++;
               }
@@ -115,10 +139,13 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
               enabledCheckedCount++;
             }
           }
+
           var status = allStatus[rowIndex];
+
           if (disabledCount === rowspan) {
             // all rows are disabled
             status.allDisabled = true;
+
             if (disabledCheckedCount === rowspan) {
               status.checked = true;
             } else if (disabledCheckedCount > 0) {
@@ -126,6 +153,7 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
             }
           } else {
             status.allDisabled = false;
+
             if (enabledCheckedCount + disabledCount === rowspan) {
               status.checked = true;
             } else if (enabledCheckedCount > 0) {
@@ -133,32 +161,40 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
             }
           }
         }
-      });
-      // console.log(allStatus);
+      }); // console.log(allStatus);
     }
   }
+
   function onChangeChecked(rowIndex, v, key) {
     var _context;
+
     // should check or uncheck all grouped rows
     var checkType = instance.get('checkType');
-    var checkedKeys = _sliceInstanceProperty(_context = instance.get('checkedKeys') || []).call(_context);
-    // if is radio check, remove all enabled keys
+
+    var checkedKeys = _sliceInstanceProperty(_context = instance.get('checkedKeys') || []).call(_context); // if is radio check, remove all enabled keys
+
+
     if (checkType === 'radio') {
       for (var i = 0; i < checkedKeys.length; i++) {
-        var _key = checkedKeys[i];
-        // FIXME: should ignore the disabled status, if we remove the radio keys
+        var _key = checkedKeys[i]; // FIXME: should ignore the disabled status, if we remove the radio keys
+
         if (isDisabledKey(_key)) continue;
+
         _spliceInstanceProperty(checkedKeys).call(checkedKeys, i, 1);
+
         i--;
       }
     }
+
     var grid = getGrid();
     var allKeys = getAllKeys();
     var rowspan;
+
     if ((rowspan = grid[rowIndex]) && (rowspan = rowspan[0]) && (rowspan = rowspan.spans) && (rowspan = rowspan.rowspan) && rowspan > 1) {
       for (var _i = rowIndex; _i < rowspan + rowIndex; _i++) {
         var status = allStatus[_i];
         var _key2 = allKeys[_i];
+
         if (!status.disabled) {
           addOrRemove(checkedKeys, _key2, v);
         }
@@ -166,21 +202,25 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
     } else {
       addOrRemove(checkedKeys, allKeys[rowIndex], v);
     }
-    instance.set('checkedKeys', checkedKeys);
-    // onChangeChecked will be called in clickRow and check in Row component
+
+    instance.set('checkedKeys', checkedKeys); // onChangeChecked will be called in clickRow and check in Row component
+
     triggerEvent(v, key, rowIndex);
   }
+
   function getAllStatus() {
     return allStatus;
   }
+
   function triggerEvent(isChecked, key, rowIndex) {
     instance.trigger(isChecked ? 'checkRow' : 'uncheckRow', data.value[rowIndex], rowIndex, key);
   }
+
   instance.on('$receive:children', updateAllCheckedStatus);
-  instance.on('$change:checkedKeys', updateAllCheckedStatus);
-  // for draggable
-  watchState(data, updateAllCheckedStatus);
-  // instance.on('$change:data', updateAllCheckedStatus);
+  instance.on('$change:checkedKeys', updateAllCheckedStatus); // for draggable
+
+  watchState(data, updateAllCheckedStatus); // instance.on('$change:data', updateAllCheckedStatus);
+
   instance.on('clickRow', function (data, index, key) {
     if (instance.get('rowCheckable') && instance.get('checkType') !== 'none') {
       toggleChecked(key, index);
@@ -200,6 +240,7 @@ export function inArray(arr, v) {
 }
 export function addOrRemove(keys, key, isAdd) {
   var index = keys.indexOf(key);
+
   if (isAdd) {
     if (index === -1) {
       keys.push(key);

package/components/table/useColumns.js

@@ -12,9 +12,11 @@ export function useColumns() {
   var cols = [];
   var currentVNode = null;
   instance.on('$receive:children', handleChildren);
+
   function handleChildren() {
     var _instance$get = instance.get(),
-      children = _instance$get.children;
+        children = _instance$get.children;
+
     columns = [];
     maxRows = 0;
     maxCols = 0;
@@ -22,6 +24,7 @@ export function useColumns() {
     currentVNode = null;
     loopColumn(children, null, 0);
   }
+
   function loopColumn(children, parentProps, row) {
     // add a flag, when we enter to the map callback set it to true,
     // because it may have children but it has not TableColumn
@@ -35,13 +38,16 @@ export function useColumns() {
           if (!columns[row]) columns[row] = [];
           isFirstColumn = false;
         }
+
         ret = true;
         var clonedVNode = directClone(vNode);
+
         var props = _extends({}, clonedVNode.props, {
           cols: 0,
           rows: 0,
           prevVNode: currentVNode
         });
+
         clonedVNode.props = props;
         columns[row].push(clonedVNode);
         handleProps(props, parentProps, row, clonedVNode);
@@ -49,8 +55,10 @@ export function useColumns() {
     });
     return ret;
   }
+
   function handleProps(props, parentProps, row, vNode) {
     var children = props.children;
+
     if (children && loopColumn(children, props, row + 1)) {
       // if the column has children columns, then set the row to 1
       props.rows = 1;
@@ -68,18 +76,22 @@ export function useColumns() {
         enumerable: true
       });
       currentVNode = vNode;
-    }
-    // update the parent's cols after hanlding all children columns
+    } // update the parent's cols after hanlding all children columns
+
+
     if (parentProps) {
       parentProps.cols += props.cols;
     }
   }
+
   function getColumns() {
     return columns;
   }
+
   function getCols() {
     return cols;
   }
+
   function getData() {
     return {
       columns: columns,
@@ -88,6 +100,7 @@ export function useColumns() {
       maxCols: maxCols
     };
   }
+
   return {
     getColumns: getColumns,
     getCols: getCols,

package/components/table/useDisableRow.js

@@ -5,37 +5,47 @@ export function useDisableRow(loopData, data) {
   var enabledKeys = [];
   var disabledKeys = [];
   var allKeys = [];
+
   function setDisabledKeys() {
     var _instance$get = instance.get(),
-      rowKey = _instance$get.rowKey;
+        rowKey = _instance$get.rowKey;
+
     enabledKeys = [];
     disabledKeys = [];
     allKeys = [];
     loopData(function (item, index) {
       var key = rowKey(item, index);
+
       if (isDisabled(item, index, key)) {
         disabledKeys.push(key);
       } else {
         enabledKeys.push(key);
       }
+
       allKeys.push(key);
     });
   }
+
   function isDisabled(data, index, key) {
     var _instance$get2 = instance.get(),
-      disableRow = _instance$get2.disableRow;
+        disableRow = _instance$get2.disableRow;
+
     if (disableRow && disableRow(data, index, key)) return true;
     return false;
   }
+
   function isDisabledKey(key) {
     return disabledKeys.indexOf(key) > -1;
   }
+
   function getEnableKeys() {
     return enabledKeys;
   }
+
   function getAllKeys() {
     return allKeys;
   }
+
   instance.on('$receive:children', setDisabledKeys);
   watchState(data, setDisabledKeys);
   return {