@king-design/vue 2.0.12 → 2.0.13

package/components/table/table.vdt.js

@@ -57,7 +57,10 @@ export default function ($props, $blocks, $__proto__) {
       tooltipContainer = _this$get.tooltipContainer,
       showIndeterminate = _this$get.showIndeterminate,
       resizable = _this$get.resizable,
-      draggable = _this$get.draggable;
+      draggable = _this$get.draggable,
+      _animation = _this$get.animation;
+
+  var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
 
   var _this$columns$getData = this.columns.getData(),
       columns = _this$columns$getData.columns,
@@ -130,10 +133,8 @@ export default function ($props, $blocks, $__proto__) {
           'children': _$cc(FixedColumnsContext.Provider, {
             'value': offsetMap,
             'children': _$ce(2, 'thead', _$ma(columns, function ($value, $key) {
-              return _$ce(2, 'tr', _$cc(TransitionGroup, {
-                'name': 'k-fade-expand',
-                'move': false,
-                'children': [$key === 0 && checkType !== 'none' ? _$cv('th', _extends({}, getClassAndStyleForFixed({
+              return _$ce(2, 'tr', function () {
+                var ths = [$key === 0 && checkType !== 'none' ? _$cv('th', _extends({}, getClassAndStyleForFixed({
                   fixed: hasFixedLeft ? 'left' : false
                 }, 0), {
                   'rowspan': maxRows,
@@ -143,8 +144,13 @@ export default function ($props, $blocks, $__proto__) {
                   'indeterminate': showIndeterminate && allCheckedStatus == AllCheckedStatus.Indeterminate,
                   'ev-$change:value': toggleCheckedAll,
                   'disabled': !hasData
-                }) : undefined) : undefined, $value]
-              }), 2);
+                }) : undefined) : undefined, $value];
+                return animation[1] ? _$cc(TransitionGroup, {
+                  'name': 'k-fade-expand',
+                  'move': false,
+                  'children': ths
+                }) : ths;
+              }(), 0);
             }, $this), 4)
           })
         })
@@ -181,115 +187,116 @@ export default function ($props, $blocks, $__proto__) {
     return block ? block.call($this, callBlock, data) : callBlock();
   }, __$blocks['empty'](_$no)), 0, 'k-table-empty', {
     'colspan': colCount
-  }), 2, null, null, 'table-empty') : _$cc(TransitionGroup, {
-    'name': 'k-fade-in-left',
-    'move': !draggingKey.value,
-    'children': 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;
+  }), 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,
-          '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,
-          'draggable': draggable,
-          'draggingKey': draggingKey.value,
-          'onRowDragStart': onRowDragStart,
-          'onRowDragEnd': onRowDragEnd,
-          'onRowDragOver': onRowDragOver
-        }, key);
+      var row = _$cc(TableRow, {
+        'key': key,
+        'cols': cols,
+        'data': value,
+        '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,
+        'animation': animation[1],
+        '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'];
+      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);
-            };
+          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, {
-            'key': key,
-            'position': tooltipPosition,
-            'container': tooltipContainer,
-            'children': row,
-            '$blocks': function ($blocks) {
-              var _$blocks = {},
-                  __$blocks = _$ex({}, $blocks);
+          return block ? block.call($this, callBlock, data) : callBlock();
+        }, __$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'];
+            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);
-                };
+              var callBlock = function callBlock() {
+                return _$blocks['content'].call($this, $super, data);
+              };
 
-                return block ? block.call($this, callBlock, data) : callBlock();
-              }), __$blocks;
-            }.call($this, _$em)
-          }, key);
-        }
+              return block ? block.call($this, callBlock, data) : callBlock();
+            }), __$blocks;
+          }.call($this, _$em)
+        }, key);
+      }
 
-        rows.push(row);
+      rows.push(row);
 
-        if ($blocks.expand) {
-          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'];
+      if ($blocks.expand) {
+        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);
-              };
+            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, {
-            'colspan': colCount
-          }), 2, _$cn({
-            "k-expand": true,
-            'k-expanded': expanded
-          }), null, key + ".$expand"));
-        }
+            return block ? block.call($this, callBlock, data) : callBlock();
+          }, __$blocks['expand'](_$no, [value, index])), 0, 'k-table-expand') : undefined
+        })), 2, null, {
+          'colspan': colCount
+        }), 2, _$cn({
+          "k-expand": true,
+          'k-expanded': expanded
+        }), null, key + ".$expand"));
+      }
 
-        return hidden || !spreaded;
-      });
-      return rows;
-    }()
-  }), 0);
+      return hidden || !spreaded;
+    });
+    return animation[0] ? _$cc(TransitionGroup, {
+      'name': 'k-fade-in-left',
+      'move': !draggingKey.value,
+      'children': rows
+    }) : rows;
+  }(), 0);
 
   var tableWidthPx = tableWidth.value ? tableWidth.value + "px" : null;
   var _this$stickyScrollbar = this.stickyScrollbar,

package/components/timepicker/index.d.ts

@@ -3,6 +3,7 @@ import { TimepickerProps, TimepickerEvents, TimepickerBlocks } from './constants
 import { SelectPicker } from './selectPicker';
 export type { TimepickerProps, TimepickerEvents, TimepickerBlocks };
 export declare class Timepicker<Multipe extends boolean = false, Range extends boolean = false> extends Component<TimepickerProps<Multipe, Range>, TimepickerEvents, TimepickerBlocks<Range>> {
+    static $doubleVNodes: boolean;
     static template(this: Timepicker): import("intact").VNode<typeof SelectPicker>;
     static typeDefs: Required<import("intact").TypeDefs<TimepickerProps<boolean, boolean>>>;
 }

package/components/timepicker/index.js

@@ -35,4 +35,5 @@ export var Timepicker = /*#__PURE__*/function (_Component) {
 // export const Timepicker: typeof _Timepicker = functionalWrapper ?
 // functionalWrapper(Wrapper) : Wrapper;
 
+Timepicker.$doubleVNodes = true;
 Timepicker.typeDefs = typeDefs;

package/components/tooltip/index.d.ts

@@ -8,6 +8,6 @@ export interface TooltipProps extends BaseTooltipProps {
 export interface TooltipBlocks extends BaseTooltipBlocks, TooltipContentBlocks {
     content: null;
 }
-declare class _Tooltip extends BaseTooltip<TooltipProps, TooltipEvents, TooltipBlocks> {
+export declare class _Tooltip extends BaseTooltip<TooltipProps, TooltipEvents, TooltipBlocks> {
 }
 export declare const Tooltip: typeof _Tooltip;

package/hooks/useDocumentClick.js

@@ -1,12 +1,38 @@
 import { onMounted, onUnmounted } from 'intact-vue-next';
-import { isFunction } from 'intact-shared';
+import { isFunction } from 'intact-shared'; // @reference: Vue3.0
+
+var getNow = Date.now; // Determine what event timestamp the browser is using. Annoyingly, the
+// timestamp can either be hi-res (relative to page load) or low-res
+// (relative to UNIX epoch), so in order to compare time we have to use the
+// same timestamp type when saving the flush timestamp.
+
+if (getNow() > document.createEvent('Event').timeStamp) {
+  // if the low-res timestamp which is bigger than the event timestamp
+  // (which is evaluated AFTER) it means the event is using a hi-res timestamp,
+  // and we need to use the hi-res version for event listeners as well.
+  getNow = function getNow() {
+    return performance.now();
+  };
+} // #3485: Firefox <= 53 has incorrect Event.timeStamp implementation
+// and does not fire microtasks in between event propagation, so safe to exclude.
+
+
+var ffMatch = navigator.userAgent.match(/firefox\/(\d+)/i);
+var skipTimestampCheck = !!(ffMatch && Number(ffMatch[1]) <= 53);
 export function useDocumentClick(ref, callback, manual) {
   if (manual === void 0) {
     manual = false;
   }
 
   var onDocumentClick = function onDocumentClick(e) {
-    if (e._ignore) return;
+    if (e._ignore) return; // https://github.com/ksc-fe/kpc/issues/788
+
+    var timeStamp = e.timeStamp || getNow();
+
+    if (!skipTimestampCheck && onDocumentClick.timeStamp > timeStamp + 1) {
+      return;
+    }
+
     var target = e.target;
     var elem = isFunction(ref) ? ref() : ref.value;
     if (containsOrEqual(elem, target)) return;
@@ -14,6 +40,7 @@ export function useDocumentClick(ref, callback, manual) {
   };
 
   var add = function add() {
+    onDocumentClick.timeStamp = getNow();
     document.addEventListener('click', onDocumentClick);
     document.addEventListener('contextmenu', onDocumentClick);
   };

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.12
+ * @king-design v2.0.13
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -57,7 +57,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export declare const version = "2.0.12";
+export declare const version = "2.0.13";
 
 
 export {normalize} from 'intact-vue-next';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v2.0.12
+ * @king-design v2.0.13
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -59,7 +59,7 @@ export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/wave';
-export var version = '2.0.12';
+export var version = '2.0.13';
 /* generate end */
 
 export {normalize} from 'intact-vue-next';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/vue",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "King-Design UI components for Vue3.0.",
   "keywords": [
     "component",