@king-design/react 2.1.2 → 2.1.4

package/components/table/table.vdt.js

@@ -30,58 +30,53 @@ 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
@@ -90,14 +85,12 @@ 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': {
@@ -105,14 +98,13 @@ 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, {
@@ -167,24 +159,21 @@ 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
@@ -198,7 +187,6 @@ 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,
@@ -229,17 +217,14 @@ 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, {
@@ -249,25 +234,20 @@ 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, {
@@ -275,11 +255,9 @@ 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, {
@@ -289,7 +267,6 @@ export default function ($props, $blocks, $__proto__) {
           'k-expanded': expanded
         }), null, key + ".$expand"));
       }
-
       return hidden || !spreaded;
     });
     return animation[0] ? _$cc(TransitionGroup, {
@@ -298,20 +275,19 @@ 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';
-declare type RowStatus = {
+type RowStatus = {
     checked: boolean;
     indeterminate: boolean;
     disabled: boolean;

package/components/table/useChecked.js

@@ -5,49 +5,40 @@ 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);
@@ -59,10 +50,8 @@ 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');
@@ -71,12 +60,9 @@ 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);
@@ -84,23 +70,18 @@ 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) {
@@ -113,25 +94,20 @@ 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++;
               }
@@ -139,13 +115,10 @@ 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) {
@@ -153,7 +126,6 @@ export function useChecked(getEnableKeys, getAllKeys, isDisabledKey, getGrid, lo
             }
           } else {
             status.allDisabled = false;
-
             if (enabledCheckedCount + disabledCount === rowspan) {
               status.checked = true;
             } else if (enabledCheckedCount > 0) {
@@ -161,40 +133,32 @@ 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);
         }
@@ -202,25 +166,21 @@ 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);
@@ -240,7 +200,6 @@ 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,11 +12,9 @@ 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;
@@ -24,7 +22,6 @@ 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
@@ -38,16 +35,13 @@ 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);
@@ -55,10 +49,8 @@ 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;
@@ -76,22 +68,18 @@ 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,
@@ -100,7 +88,6 @@ export function useColumns() {
       maxCols: maxCols
     };
   }
-
   return {
     getColumns: getColumns,
     getCols: getCols,

package/components/table/useDisableRow.js

@@ -5,47 +5,37 @@ 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 {