@king-design/intact 3.4.3-beta.2 → 3.4.3

package/es/components/table/table.d.ts

@@ -38,6 +38,8 @@ export interface TableProps<T = any, K extends TableRowKey = TableRowKey, C exte
     animation?: boolean | [boolean, boolean];
     hideHeader?: boolean;
     pagination?: boolean | PaginationProps;
+    fixFooter?: boolean;
+    load?: (value: T) => Promise<void> | void;
 }
 export interface TableEvents<T = any, K extends TableRowKey = number> {
     clickRow: [T, number, K];
@@ -60,6 +62,7 @@ export interface TableBlocks<T = unknown> {
     empty: null;
     tooltip: [T, number];
     expand: [T, number];
+    footer: null;
 }
 type CheckType = 'checkbox' | 'radio' | 'none';
 export type TableCheckType = CheckType;

package/es/components/table/table.js

@@ -61,7 +61,9 @@ var typeDefs = {
   draggable: Boolean,
   animation: [Boolean, Array],
   hideHeader: Boolean,
-  pagination: [Boolean, Object]
+  pagination: [Boolean, Object],
+  fixFooter: Boolean,
+  load: Function
 };
 var defaults = function defaults() {
   return {

package/es/components/table/table.vdt.js

@@ -54,7 +54,8 @@ export default function ($props, $blocks, $__proto__) {
     draggable = _this$get.draggable,
     _animation = _this$get.animation,
     hideHeader = _this$get.hideHeader,
-    pagination = _this$get.pagination;
+    pagination = _this$get.pagination,
+    fixFooter = _this$get.fixFooter;
   var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
   var _this$columns$getData = this.columns.getData(),
     columns = _this$columns$getData.columns,
@@ -73,7 +74,7 @@ export default function ($props, $blocks, $__proto__) {
     elementRef = _this$stickyHeader.elementRef,
     headRef = _this$stickyHeader.headRef;
   var k = this.config.k;
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-table"] = true, _classNameObj[k + "-fix-header"] = fixHeader, _classNameObj[k + "-scroll-" + scrollPosition.value] = scrollPosition.value, _classNameObj[k + "-fix-columns"] = hasFixed.value, _classNameObj[k + "-" + type] = type && type !== 'default', _classNameObj[k + "-stripe"] = stripe, _classNameObj[k + "-with-expand"] = $blocks.expand, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-table"] = true, _classNameObj[k + "-fix-header"] = fixHeader, _classNameObj[k + "-fix-footer"] = fixFooter, _classNameObj[k + "-scroll-" + scrollPosition.value] = scrollPosition.value, _classNameObj[k + "-fix-columns"] = hasFixed.value, _classNameObj[k + "-" + type] = type && type !== 'default', _classNameObj[k + "-stripe"] = stripe, _classNameObj[k + "-with-expand"] = $blocks.expand, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var style = isStringOrNumber(fixHeader) ? {
     maxHeight: fixHeader + "px"
   } : null;
@@ -183,6 +184,7 @@ export default function ($props, $blocks, $__proto__) {
         'key': key,
         'cols': cols,
         'data': value,
+        'loaded': value.loaded,
         'checkType': checkType,
         'hasFixedLeft': hasFixedLeft,
         'onClick': _this.clickRow,
@@ -265,6 +267,20 @@ export default function ($props, $blocks, $__proto__) {
       'children': rows
     }) : rows;
   }(), 0);
+  var tfooter = null;
+  if ($blocks.footer) {
+    tfooter = _$ce(2, 'tfoot', _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['footer'] = function ($super) {
+      return null;
+    }, __$blocks['footer'] = function ($super, data) {
+      var block = $blocks['footer'];
+      var callBlock = function callBlock() {
+        return _$blocks['footer'].call($this, $super, data);
+      };
+      return block ? block.call($this, callBlock, data) : callBlock();
+    }, __$blocks['footer'](_$no)), 0, _$cn(k + "-table-footer"), {
+      'colspan': colCount
+    }), 2, null, null, 'table-footer'), 2);
+  }
   var tableWidthPx = tableWidth.value ? tableWidth.value + "px" : null;
   var _this$stickyScrollbar = this.stickyScrollbar,
     shouldStickScrollbar = _this$stickyScrollbar.shouldStickScrollbar,
@@ -287,7 +303,7 @@ export default function ($props, $blocks, $__proto__) {
         width: tableWidthPx
       }
     }, null, headRef)
-  }) : undefined, _$ce(2, 'table', [colgroup, isNull(stickHeader.value) ? thead : undefined, tbody], 0, null, {
+  }) : undefined, _$ce(2, 'table', [colgroup, isNull(stickHeader.value) ? thead : undefined, tbody, $blocks.footer ? tfooter : undefined], 0, null, {
     'style': {
       width: tableWidthPx
     }

package/es/components/table/useTree.d.ts

@@ -2,7 +2,7 @@ import type { TableRowKey } from './table';
 import { State } from '../../hooks/useState';
 export declare function useTree(data: State<any[] | undefined>): {
     isSpreaded: (key: TableRowKey) => boolean;
-    toggleSpreadRow: (key: TableRowKey) => void;
+    toggleSpreadRow: (key: TableRowKey, rowData?: any) => Promise<void>;
     loopData: <T>(cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak?: boolean) => void;
 };
 export declare function loopDataWithChildrenKey<T>(data: any[] | undefined, childrenKey: string | undefined, cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak: boolean): void;

package/es/components/table/useTree.js

@@ -1,3 +1,5 @@
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import { useInstance } from 'intact';
 import { inArray } from './useChecked';
 import { toggleArray } from '../utils';
@@ -6,8 +8,34 @@ export function useTree(data) {
   function isSpreaded(key) {
     return inArray(instance.get('spreadKeys'), key);
   }
-  function toggleSpreadRow(key) {
-    instance.set('spreadKeys', toggleArray(instance.get('spreadKeys'), key));
+  function toggleSpreadRow(_x, _x2) {
+    return _toggleSpreadRow.apply(this, arguments);
+  }
+  function _toggleSpreadRow() {
+    _toggleSpreadRow = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(key, rowData) {
+      var _instance$get2, spreadKeys, load;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _instance$get2 = instance.get(), spreadKeys = _instance$get2.spreadKeys, load = _instance$get2.load;
+            instance.set('spreadKeys', toggleArray(spreadKeys, key));
+            if (!(load && data.value && !rowData.loaded)) {
+              _context.next = 8;
+              break;
+            }
+            rowData.loaded = false;
+            _context.next = 6;
+            return load(rowData);
+          case 6:
+            rowData.loaded = true;
+            instance.forceUpdate();
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return _toggleSpreadRow.apply(this, arguments);
   }
   function loopData(cb, shouldBreak) {
     if (shouldBreak === void 0) {

package/es/components/tooltip/index.spec.js

@@ -223,13 +223,13 @@ describe('Tooltip', function () {
     }, _callee4, this);
   })));
   it('should custom content correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-    var _mount5, element, _Array$from4, btn, content;
+    var _mount5, element, _Array$from4, btn1, content;
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
         case 0:
           _mount5 = mount(ContentDemo), element = _mount5[1];
-          _Array$from4 = _Array$from2(element.querySelectorAll('.k-btn')), btn = _Array$from4[0];
-          btn.click();
+          _Array$from4 = _Array$from2(element.querySelectorAll('.k-btn')), btn1 = _Array$from4[0];
+          btn1.click();
           _context5.next = 5;
           return wait(500);
         case 5:
@@ -241,34 +241,66 @@ describe('Tooltip', function () {
       }
     }, _callee5);
   })));
-  it('should always show tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
-    var _mount6, element, content;
+  it('Internal dropdown closing should not affect tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
+    var _mount6, element, _Array$from5, btn2, content, trigger, dropdown, item;
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
       while (1) switch (_context6.prev = _context6.next) {
         case 0:
-          _mount6 = mount(AlwaysDemo), element = _mount6[1];
+          _mount6 = mount(ContentDemo), element = _mount6[1];
+          _Array$from5 = _Array$from2(element.querySelectorAll('.k-btn')), btn2 = _Array$from5[1];
+          btn2.click();
+          _context6.next = 5;
+          return wait(500);
+        case 5:
+          content = getElement('.k-tooltip-content');
+          trigger = content.querySelector('.k-select');
+          trigger.click();
+          _context6.next = 10;
+          return wait();
+        case 10:
+          expect(element.outerHTML).to.matchSnapshot();
+          dropdown = getElement('.k-select-menu');
+          expect(dropdown.innerHTML).to.matchSnapshot();
+          item = dropdown.querySelector('.k-dropdown-item');
+          item.click();
+          _context6.next = 17;
+          return wait(500);
+        case 17:
+          expect(content.style.display).to.eql('');
+        case 18:
+        case "end":
+          return _context6.stop();
+      }
+    }, _callee6);
+  })));
+  it('should always show tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
+    var _mount7, element, content;
+    return _regeneratorRuntime.wrap(function _callee7$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _mount7 = mount(AlwaysDemo), element = _mount7[1];
           content = getElement('.k-tooltip-content');
           expect(content.textContent).eql('hello');
           document.body.click();
-          _context6.next = 6;
+          _context7.next = 6;
           return wait(500);
         case 6:
           expect(getElement('.k-tooltip-content')).eql(content);
           element.querySelector('span').click();
-          _context6.next = 10;
+          _context7.next = 10;
           return wait(500);
         case 10:
           expect(getElement('.k-tooltip-content')).eql(content);
           dispatchEvent(content, 'mouseleave');
-          _context6.next = 14;
+          _context7.next = 14;
           return wait(600);
         case 14:
           expect(getElement('.k-tooltip-content')).eql(content);
         case 15:
         case "end":
-          return _context6.stop();
+          return _context7.stop();
       }
-    }, _callee6);
+    }, _callee7);
   })));
   // it('should hide tooltip when v-show is false in Vue', async () => {
   //     interface IData {
@@ -338,20 +370,20 @@ describe('Tooltip', function () {
   //     app.$destroy();
   //     document.body.removeChild(app.$el);
   // });
-  it('should hide layer when we have disabled Tooltip and also hide on next updating', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
-    var Demo, _mount7, i, content;
-    return _regeneratorRuntime.wrap(function _callee7$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
+  it('should hide layer when we have disabled Tooltip and also hide on next updating', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
+    var Demo, _mount8, i, content;
+    return _regeneratorRuntime.wrap(function _callee8$(_context9) {
+      while (1) switch (_context9.prev = _context9.next) {
         case 0:
           Demo = /*#__PURE__*/function (_Component) {
             _inheritsLoose(Demo, _Component);
             function Demo() {
-              var _context7;
+              var _context8;
               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(_context7 = [this]).call(_context7, args)) || this;
+              _this = _Component.call.apply(_Component, _concatInstanceProperty(_context8 = [this]).call(_context8, args)) || this;
               _this.Tooltip = Tooltip;
               return _this;
             }
@@ -363,45 +395,45 @@ describe('Tooltip', function () {
               disabled: false
             };
           };
-          _mount7 = mount(Demo), i = _mount7[0];
+          _mount8 = mount(Demo), i = _mount8[0];
           dispatchEvent(i.refs.test, 'mouseenter');
-          _context8.next = 7;
+          _context9.next = 7;
           return wait();
         case 7:
           content = getElement('.k-tooltip-content');
           expect(content.textContent).eql('hello');
           i.set('disabled', true);
-          _context8.next = 12;
+          _context9.next = 12;
           return wait(500);
         case 12:
           content = getElement('.k-tooltip-content');
           expect(content).eql(undefined);
           i.set('disabled', false);
-          _context8.next = 17;
+          _context9.next = 17;
           return wait();
         case 17:
           content = getElement('.k-tooltip-content');
           expect(content).eql(undefined);
         case 19:
         case "end":
-          return _context8.stop();
+          return _context9.stop();
       }
-    }, _callee7);
+    }, _callee8);
   })));
-  it('should not detect collison when target is not in viewport', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
-    var Demo, _mount8, i, content;
-    return _regeneratorRuntime.wrap(function _callee8$(_context10) {
-      while (1) switch (_context10.prev = _context10.next) {
+  it('should not detect collison when target is not in viewport', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
+    var Demo, _mount9, i, content;
+    return _regeneratorRuntime.wrap(function _callee9$(_context11) {
+      while (1) switch (_context11.prev = _context11.next) {
         case 0:
           Demo = /*#__PURE__*/function (_Component2) {
             _inheritsLoose(Demo, _Component2);
             function Demo() {
-              var _context9;
+              var _context10;
               var _this2;
               for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
                 args[_key2] = arguments[_key2];
               }
-              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context9 = [this]).call(_context9, args)) || this;
+              _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
               _this2.Tooltip = Tooltip;
               return _this2;
             }
@@ -422,10 +454,10 @@ describe('Tooltip', function () {
               show: false
             };
           };
-          _mount8 = mount(Demo), i = _mount8[0]; // await wait(500);
+          _mount9 = mount(Demo), i = _mount9[0]; // await wait(500);
           // window.scrollTo(0, 10000);
           i.set('show', true);
-          _context10.next = 7;
+          _context11.next = 7;
           return wait(500);
         case 7:
           content = getElement('.k-tooltip-content');
@@ -434,59 +466,59 @@ describe('Tooltip', function () {
           expect(content.getBoundingClientRect().top < 0).to.be.true;
         case 11:
         case "end":
-          return _context10.stop();
+          return _context11.stop();
       }
-    }, _callee8);
+    }, _callee9);
   })));
-  it('should add className', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee9() {
-    var Demo, _mount9, instance, element, trigger, dropdown;
-    return _regeneratorRuntime.wrap(function _callee9$(_context12) {
-      while (1) switch (_context12.prev = _context12.next) {
+  it('should add className', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
+    var Demo, _mount10, instance, element, trigger, dropdown;
+    return _regeneratorRuntime.wrap(function _callee10$(_context13) {
+      while (1) switch (_context13.prev = _context13.next) {
         case 0:
           Demo = /*#__PURE__*/function (_Component3) {
             _inheritsLoose(Demo, _Component3);
             function Demo() {
-              var _context11;
+              var _context12;
               var _this3;
               for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
                 args[_key3] = arguments[_key3];
               }
-              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context11 = [this]).call(_context11, args)) || this;
+              _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context12 = [this]).call(_context12, args)) || this;
               _this3.Tooltip = Tooltip;
               return _this3;
             }
             return Demo;
           }(Component);
           Demo.template = "\n                const Tooltip = this.Tooltip;\n                <div>\n                    <Tooltip content=\"hello\" class=\"a\">\n                        <div ref=\"test\" class=\"b\">test</div>\n                    </Tooltip>\n                </div>\n            ";
-          _mount9 = mount(Demo), instance = _mount9[0], element = _mount9[1];
+          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
           trigger = instance.refs.test;
           expect(trigger.className).to.eql('b a');
           dispatchEvent(trigger, 'mouseenter');
-          _context12.next = 8;
+          _context13.next = 8;
           return wait();
         case 8:
           dropdown = getElement('.k-tooltip-content');
           expect(dropdown.classList.contains('a')).to.be.true;
         case 10:
         case "end":
-          return _context12.stop();
+          return _context13.stop();
       }
-    }, _callee9);
+    }, _callee10);
   })));
-  it('should fix the width in small container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee10() {
-    var Demo, _mount10, instance, element, trigger, expecedWidth, content, width, newWidth;
-    return _regeneratorRuntime.wrap(function _callee10$(_context14) {
-      while (1) switch (_context14.prev = _context14.next) {
+  it('should fix the width in small container', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
+    var Demo, _mount11, instance, element, trigger, expecedWidth, content, width, newWidth;
+    return _regeneratorRuntime.wrap(function _callee11$(_context15) {
+      while (1) switch (_context15.prev = _context15.next) {
         case 0:
           Demo = /*#__PURE__*/function (_Component4) {
             _inheritsLoose(Demo, _Component4);
             function Demo() {
-              var _context13;
+              var _context14;
               var _this4;
               for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
                 args[_key4] = arguments[_key4];
               }
-              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context13 = [this]).call(_context13, args)) || this;
+              _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context14 = [this]).call(_context14, args)) || this;
               _this4.Tooltip = Tooltip;
               _this4.Dialog = Dialog;
               return _this4;
@@ -494,46 +526,46 @@ describe('Tooltip', function () {
             return Demo;
           }(Component);
           Demo.template = "\n                const {Tooltip, Dialog} = this;\n                <div style=\"text-align: right; position: relative; width: 350px;\">\n                    <Tooltip content=\"\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u5F88\u957F\u7684\u63CF\u8FF0\u6587\u5B57\" container={dom => dom}>\n                        <span class=\"trigger\">test</span>\n                    </Tooltip>\n                </div>\n            ";
-          _mount10 = mount(Demo), instance = _mount10[0], element = _mount10[1];
+          _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
           trigger = element.querySelector('.trigger');
           expecedWidth = parseInt(tooltipTheme.maxWidth);
           dispatchEvent(trigger, 'mouseenter');
-          _context14.next = 8;
+          _context15.next = 8;
           return wait();
         case 8:
           content = getElement('.k-tooltip-content');
           width = content.offsetWidth;
           expect(width).to.eql(expecedWidth);
           dispatchEvent(trigger, 'mouseleave');
-          _context14.next = 14;
+          _context15.next = 14;
           return wait();
         case 14:
           dispatchEvent(trigger, 'mouseenter');
-          _context14.next = 17;
+          _context15.next = 17;
           return wait();
         case 17:
           newWidth = content.offsetWidth;
           expect(newWidth).to.eql(width);
         case 19:
         case "end":
-          return _context14.stop();
+          return _context15.stop();
       }
-    }, _callee10);
+    }, _callee11);
   })));
-  it('should not impact select when wrap select with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee11() {
-    var Demo, _mount11, instance, element, menu;
-    return _regeneratorRuntime.wrap(function _callee11$(_context16) {
-      while (1) switch (_context16.prev = _context16.next) {
+  it('should not impact select when wrap select with tooltip', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee12() {
+    var Demo, _mount12, instance, element, menu;
+    return _regeneratorRuntime.wrap(function _callee12$(_context17) {
+      while (1) switch (_context17.prev = _context17.next) {
         case 0:
           Demo = /*#__PURE__*/function (_Component5) {
             _inheritsLoose(Demo, _Component5);
             function Demo() {
-              var _context15;
+              var _context16;
               var _this5;
               for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
                 args[_key5] = arguments[_key5];
               }
-              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context15 = [this]).call(_context15, args)) || this;
+              _this5 = _Component5.call.apply(_Component5, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
               _this5.Tooltip = Tooltip;
               _this5.Select = Select;
               _this5.Option = Option;
@@ -542,25 +574,25 @@ describe('Tooltip', function () {
             return Demo;
           }(Component);
           Demo.template = "\n                const {Tooltip, Select, Option} = this;\n                <Tooltip>\n                    <Select>\n                        <Option value=\"1\">Option 1</Option>\n                        <Option value=\"2\">Option 2</Option>\n                    </Select>\n                </Tooltip>\n            ";
-          _mount11 = mount(Demo), instance = _mount11[0], element = _mount11[1];
+          _mount12 = mount(Demo), instance = _mount12[0], element = _mount12[1];
           dispatchEvent(element, 'mouseenter');
-          _context16.next = 6;
+          _context17.next = 6;
           return wait();
         case 6:
           dispatchEvent(element, 'click');
-          _context16.next = 9;
+          _context17.next = 9;
           return wait();
         case 9:
           menu = getElement(".k-select-menu");
           dispatchEvent(element, 'mouseleave');
-          _context16.next = 13;
+          _context17.next = 13;
           return wait(500);
         case 13:
           expect(menu.style.display).to.eql('');
         case 14:
         case "end":
-          return _context16.stop();
+          return _context17.stop();
       }
-    }, _callee11);
+    }, _callee12);
   })));
 });

package/es/components/tooltip/tooltip.d.ts

@@ -23,6 +23,7 @@ export declare class Tooltip<T extends TooltipProps = TooltipProps, E extends To
     static typeDefs: Required<TypeDefs<TooltipProps>>;
     static defaults: () => Partial<TooltipProps>;
     static events: Events<TooltipEvents>;
+    $isTooltip: boolean;
     show(shouldFocus?: boolean): void;
     hide(immediately: boolean): void;
 }

package/es/components/tooltip/tooltip.js

@@ -1,5 +1,6 @@
 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 { Dropdown } from '../dropdown/dropdown';
 import { _$ } from '../../i18n';
 import { themes } from './styles';
@@ -39,7 +40,14 @@ var events = _extends({}, Dropdown.events, {
 export var Tooltip = /*#__PURE__*/function (_Dropdown) {
   _inheritsLoose(Tooltip, _Dropdown);
   function Tooltip() {
-    return _Dropdown.apply(this, arguments) || this;
+    var _context;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Dropdown.call.apply(_Dropdown, _concatInstanceProperty(_context = [this]).call(_context, args)) || this;
+    _this.$isTooltip = true;
+    return _this;
   }
   var _proto = Tooltip.prototype;
   _proto.show = function show(shouldFocus) {

package/es/components/treeSelect/index.vdt.js

@@ -43,6 +43,7 @@ export default function ($props, $blocks, $__proto__) {
           'multiple': multiple,
           'selectable': !checkbox,
           'load': load,
+          'showLine': showLine,
           'filter': filterable ? _filterInstanceProperty(this) : null,
           'ev-transitionEnd': this.position
         }, null, treeRef)

package/es/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3-beta.2
+ * @king-design v3.4.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,4 +64,4 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.4.3-beta.2";
+export declare const version = "3.4.3";

package/es/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3-beta.2
+ * @king-design v3.4.3
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,5 +65,5 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.4.3-beta.2';
+export var version = '3.4.3';
 /* generate end */

package/es/site/data/components/button/demos/disabled/index.d.ts

@@ -1,5 +1,6 @@
 export { default as data } from './index.json';
 import { Component } from 'intact';
+import './index.styl';
 export default class extends Component {
     static template: string | import("intact").Template<any>;
 }

package/es/site/data/components/button/demos/disabled/index.js

@@ -2,6 +2,7 @@ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 export { default as data } from './index.json';
 import { Component } from 'intact';
 import template from './index.vdt';
+import './index.styl';
 var default_1 = /*#__PURE__*/function (_Component) {
   _inheritsLoose(default_1, _Component);
   function default_1() {

package/es/site/data/components/button/demos/disabled/react.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import './index.styl';
 export default class Demo extends React.Component {
     render(): React.JSX.Element;
 }

package/es/site/data/components/button/demos/disabled/react.js

@@ -1,6 +1,7 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import React from 'react';
 import { Button, Icon } from '@king-design/react';
+import './index.styl';
 var Demo = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Demo, _React$Component);
   function Demo() {
@@ -11,21 +12,39 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
       disabled: true
     }, "disabled"), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      type: "none"
-    }, "disabled text"), /*#__PURE__*/React.createElement(Button, {
       disabled: true,
       icon: true,
       circle: true
     }, /*#__PURE__*/React.createElement(Icon, {
       className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      type: "link"
+      type: "primary",
+      disabled: true
+    }, "primary"), /*#__PURE__*/React.createElement(Button, {
+      type: "secondary",
+      disabled: true
+    }, "secondary"), /*#__PURE__*/React.createElement(Button, {
+      type: "warning",
+      disabled: true
+    }, "warning"), /*#__PURE__*/React.createElement(Button, {
+      type: "danger",
+      disabled: true
+    }, "danger"), /*#__PURE__*/React.createElement(Button, {
+      type: "success",
+      disabled: true
+    }, "success"), /*#__PURE__*/React.createElement(Button, {
+      type: "none",
+      disabled: true
+    }, "none"), /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      disabled: true
     }, "link"), /*#__PURE__*/React.createElement(Button, {
-      disabled: true,
-      type: "flat"
-    }, "flat"));
+      type: "flat",
+      disabled: true
+    }, "flat"), /*#__PURE__*/React.createElement(Button, {
+      color: "red",
+      disabled: true
+    }, "custom"));
   };
   return Demo;
 }(React.Component);