@king-design/vue 3.5.0-beta.0 → 3.5.0

package/components/table/table.vdt.js

@@ -20,6 +20,7 @@ import { AllCheckedStatus } from './useChecked';
 import { context as ResizableContext } from './useResizable';
 import { context as FixedColumnsContext } from './useFixedColumns';
 import { Pagination } from '../pagination';
+import { VirtualListContainer, VirtualListWrapper, VirtualListRows, VirtualListPhantom } from '../virtualList';
 var _$tmp0 = {
   'width': '40'
 };
@@ -56,6 +57,7 @@ export default function ($props, $blocks, $__proto__) {
     hideHeader = _this$get.hideHeader,
     pagination = _this$get.pagination,
     fixFooter = _this$get.fixFooter,
+    virtual = _this$get.virtual,
     spreadArrowIndex = _this$get.spreadArrowIndex;
   var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
   var _this$columns$getData = this.columns.getData(),
@@ -168,114 +170,119 @@ export default function ($props, $blocks, $__proto__) {
     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 _$('暂无数据');
-  }, __$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, _$cn(k + "-table-empty"), {
-    'colspan': colCount
-  }), 2, null, null, 'table-empty') : function () {
-    var rows = [];
-    loopData(function (value, index, level, hidden) {
-      // don't render if row is hidden
-      if (hidden) return hidden;
-      var status = allStatus[index];
-      var key = allKeys[index];
-      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,
-        'data': value,
-        'loaded': value.loaded,
-        'checkType': checkType,
-        'hasFixedLeft': hasFixedLeft,
-        'onClick': _this.clickRow,
-        'checked': status.checked,
-        'indeterminate': status.indeterminate,
-        'index': index,
-        'disabled': status.disabled,
-        'allDisabled': status.allDisabled,
-        'className': _$cn(rowClassName && rowClassName(value, index, key)),
-        'merge': merge,
-        'grid': getGrid(),
-        'onChangeChecked': onChangeChecked,
-        'selected': isSelected(key),
-        'spreaded': spreaded,
-        'hasChildren': hasChildren,
-        'indent': indentSize,
-        'onToggleSpreadRow': toggleSpreadRow,
-        'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
-        'offsetMap': offsetMap.value,
-        'animation': animation[1],
-        'spreadArrowIndex': spreadArrowIndex,
-        'draggable': draggable,
-        'draggingKey': draggingKey.value,
-        'onRowDragStart': onRowDragStart,
-        '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, {
+  var tbody = _$cc(VirtualListWrapper, {
+    'tagName': 'tbody',
+    'children': !hasData ? _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['empty'] = function ($super) {
+      return _$('暂无数据');
+    }, __$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, _$cn(k + "-table-empty"), {
+      'colspan': colCount
+    }), 2, null, null, 'table-empty') : function () {
+      var rows = [];
+      loopData(function (value, index, level, hidden) {
+        // don't render if row is hidden
+        if (hidden) return hidden;
+        var status = allStatus[index];
+        var key = allKeys[index];
+        var spreaded = isSpreaded(key);
+        var hasChildren = !!childrenKey && Array.isArray(value[childrenKey]);
+        var indentSize = indent ? indent * level : 0;
+        var row = _$cc(TableRow, {
           'key': key,
-          'position': tooltipPosition,
-          'container': tooltipContainer,
-          'children': row,
-          '$blocks': function ($blocks) {
-            var _$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)
+          'cols': cols,
+          'data': value,
+          'loaded': value.loaded,
+          'checkType': checkType,
+          'hasFixedLeft': hasFixedLeft,
+          'onClick': _this.clickRow,
+          'checked': status.checked,
+          'indeterminate': status.indeterminate,
+          'index': index,
+          'disabled': status.disabled,
+          'allDisabled': status.allDisabled,
+          'className': _$cn(rowClassName && rowClassName(value, index, key)),
+          'merge': merge,
+          'grid': getGrid(),
+          'onChangeChecked': onChangeChecked,
+          'selected': isSelected(key),
+          'spreaded': spreaded,
+          'hasChildren': hasChildren,
+          'indent': indentSize,
+          'onToggleSpreadRow': toggleSpreadRow,
+          'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
+          'offsetMap': offsetMap.value,
+          'animation': animation[1],
+          'spreadArrowIndex': spreadArrowIndex,
+          'draggable': draggable,
+          'draggingKey': draggingKey.value,
+          'onRowDragStart': onRowDragStart,
+          'onRowDragEnd': onRowDragEnd,
+          'onRowDragOver': onRowDragOver
         }, key);
-      }
-      rows.push(row);
-      if ($blocks.expand) {
-        var _$cn3;
-        var expanded = isExpanded(key);
-        rows.push(_$ce(2, 'tr', _$ce(2, 'td', _$cc(Transition, _extends({}, expandAnimationCallbacks, {
-          'children': expanded ? _$ce(2, 'div', (_$blocks['expand'] = function ($super) {
+        if ($blocks.tooltip) {
+          var content = (_$blocks['tooltip'] = function ($super) {
             return null;
-          }, __$blocks['expand'] = function ($super, data) {
-            var block = $blocks['expand'];
+          }, __$blocks['tooltip'] = function ($super, data) {
+            var block = $blocks['tooltip'];
             var callBlock = function callBlock() {
-              return _$blocks['expand'].call($this, $super, data);
+              return _$blocks['tooltip'].call($this, $super, data);
             };
             return block ? block.call($this, callBlock, data) : callBlock();
-          }, __$blocks['expand'](_$no, [value, index])), 0, _$cn(k + "-table-expand")) : undefined
-        })), 2, null, {
-          'colspan': colCount
-        }), 2, _$cn((_$cn3 = {}, _$cn3[k + "-expand"] = true, _$cn3[k + "-expanded"] = expanded, _$cn3)), null, key + ".$expand"));
-      }
-      return hidden || !spreaded;
-    });
-    return animation[0] ? _$cc(TransitionGroup, {
-      'name': 'k-fade-in-left',
-      'move': !draggingKey.value,
-      'children': rows
-    }) : rows;
-  }(), 0);
+          }, __$blocks['tooltip'](_$no, [value, index]));
+          row = _$cc(Tooltip, {
+            'key': key,
+            'position': tooltipPosition,
+            'container': tooltipContainer,
+            'children': row,
+            '$blocks': function ($blocks) {
+              var _$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 _$cn3;
+          var expanded = isExpanded(key);
+          rows.push(_$ce(2, 'tr', _$ce(2, 'td', _$cc(Transition, _extends({}, expandAnimationCallbacks, {
+            'children': expanded ? _$ce(2, 'div', (_$blocks['expand'] = function ($super) {
+              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, _$cn(k + "-table-expand")) : undefined
+          })), 2, null, {
+            'colspan': colCount
+          }), 2, _$cn((_$cn3 = {}, _$cn3[k + "-expand"] = true, _$cn3[k + "-expanded"] = expanded, _$cn3)), null, key + ".$expand"));
+        }
+        return hidden || !spreaded;
+      });
+      return animation[0] && !virtual ? _$cc(TransitionGroup, {
+        'name': 'k-fade-in-left',
+        'move': !draggingKey.value,
+        'children': rows
+      }) : _$cc(VirtualListRows, {
+        'children': rows
+      });
+    }()
+  });
   var tfooter = null;
   if ($blocks.footer) {
     tfooter = _$ce(2, 'tfoot', _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['footer'] = function ($super) {
@@ -303,21 +310,26 @@ export default function ($props, $blocks, $__proto__) {
     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,
-    'className': _$cn(k + "-table-affix-header"),
-    'children': _$ce(2, 'table', [colgroup, thead], 0, null, {
+  return _$ce(2, 'div', [_$cc(VirtualListContainer, {
+    'className': _$cn(k + "-table-wrapper"),
+    'disabled': !virtual,
+    'style': style,
+    'ref': scrollRef,
+    'children': [_$cc(VirtualListPhantom), !isNull(stickHeader.value) || fixHeader ? _$cc(Affix, {
+      'top': stickHeader.value,
+      'exclude': excludeStickHeader,
+      'className': _$cn(k + "-table-affix-header"),
+      'disabled': !!fixHeader,
+      'children': _$ce(2, 'table', [colgroup, thead], 0, null, {
+        'style': {
+          width: tableWidthPx
+        }
+      }, null, headRef)
+    }) : undefined, _$ce(2, 'table', [colgroup, isNull(stickHeader.value) && !fixHeader ? thead : undefined, tbody, $blocks.footer ? tfooter : undefined], 0, null, {
       'style': {
         width: tableWidthPx
       }
-    }, null, headRef)
-  }) : undefined, _$ce(2, 'table', [colgroup, isNull(stickHeader.value) ? thead : undefined, tbody, $blocks.footer ? tfooter : undefined], 0, null, {
-    'style': {
-      width: tableWidthPx
-    }
-  }, null, tableRef)], 0, _$cn(k + "-table-wrapper"), {
-    'style': style
+    }, null, tableRef)]
   }, null, scrollRef), pagination ? _$cc(Pagination, _extends({
     'ref': paginationRef,
     'total': data ? data.length : 0,

package/components/treeSelect/index.js

@@ -2,6 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _findInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import { __decorate } from "tslib";
@@ -98,14 +99,14 @@ export var TreeSelect = /*#__PURE__*/function (_BaseSelect) {
     return label;
   };
   _proto.filter = function filter(data) {
-    var _context2, _context3;
-    var keywords = this.input.keywords.value;
+    var _context2, _context3, _context4;
+    var keywords = _trimInstanceProperty(_context2 = this.input.keywords.value).call(_context2);
     if (!keywords) return true;
     var _this$get3 = this.get(),
       filter = _filterInstanceProperty(_this$get3);
     if (filter) return filter(keywords, data);
     keywords = keywords.toLowerCase();
-    return isStringOrNumber(data.label) && _includesInstanceProperty(_context2 = String(data.label).toLowerCase()).call(_context2, keywords) || _includesInstanceProperty(_context3 = String(data.key).toLowerCase()).call(_context3, keywords);
+    return isStringOrNumber(data.label) && _includesInstanceProperty(_context3 = String(data.label).toLowerCase()).call(_context3, keywords) || _includesInstanceProperty(_context4 = String(data.key).toLowerCase()).call(_context4, keywords);
   };
   return TreeSelect;
 }(BaseSelect);

package/components/virtualList/container.d.ts

@@ -0,0 +1,10 @@
+import { Component, TypeDefs } from 'intact-vue-next';
+export interface VirtualListContainerProps {
+    disabled?: boolean;
+}
+export declare class VirtualListContainer extends Component<VirtualListContainerProps> {
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<VirtualListContainerProps>>;
+    private config;
+    private virtualRows;
+}

package/components/virtualList/container.js

@@ -0,0 +1,26 @@
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
+import { Component } from 'intact-vue-next';
+import template from './container.vdt';
+import { useConfigContext } from '../config';
+import { useVirtualRows } from './useVirtualRows';
+var typeDefs = {
+  disabled: Boolean
+};
+export var VirtualListContainer = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(VirtualListContainer, _Component);
+  function VirtualListContainer() {
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.config = useConfigContext();
+    _this.virtualRows = useVirtualRows();
+    return _this;
+  }
+  return VirtualListContainer;
+}(Component);
+VirtualListContainer.template = template;
+VirtualListContainer.typeDefs = typeDefs;

package/components/virtualList/container.vdt.js

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createUnknownComponentVNode as _$cc, createVNode as _$cv, className as _$cn } from 'intact-vue-next';
+import { addStyle, getRestProps } from '../utils';
+import { makeContainerStyles } from './styles';
+import { context as VirtualRowsContext } from './useVirtualRows';
+export default function ($props, $blocks, $__proto__) {
+  var _classNameObj;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _this$get = this.get(),
+    children = _this$get.children,
+    className = _this$get.className,
+    disabled = _this$get.disabled,
+    ref = _this$get.ref;
+  var k = this.config.k;
+  var _this$virtualRows = this.virtualRows,
+    notifyRows = _this$virtualRows.notifyRows,
+    startIndex = _this$virtualRows.startIndex,
+    length = _this$virtualRows.length,
+    getTotalHeight = _this$virtualRows.getTotalHeight,
+    translateY = _this$virtualRows.translateY;
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-virtual"] = !disabled, _classNameObj[k + "-virtual-container"] = !disabled, _classNameObj[makeContainerStyles(k)] = !disabled, _classNameObj[className] = className, _classNameObj);
+  return _$cc(VirtualRowsContext.Provider, {
+    'value': {
+      disabled: disabled,
+      notifyRows: notifyRows,
+      getTotalHeight: getTotalHeight,
+      startIndex: startIndex.value,
+      length: length.value,
+      translateY: translateY.value
+    },
+    'children': _$cv('div', _extends({}, getRestProps(this), {
+      'className': _$cn(classNameObj),
+      'ref': ref
+    }), children)
+  });
+}
+;

package/components/virtualList/index.d.ts

@@ -0,0 +1,5 @@
+export * from './container';
+export * from './wrapper';
+export * from './rows';
+export * from './virtual';
+export * from './phantom';

package/components/virtualList/index.js

@@ -0,0 +1,5 @@
+export * from './container';
+export * from './wrapper';
+export * from './rows';
+export * from './virtual';
+export * from './phantom';

package/components/virtualList/index.spec.d.ts

@@ -0,0 +1 @@
+export {};