@king-design/intact 3.0.0-beta.1 → 3.0.0

package/es/components/table/styles.js

@@ -31,6 +31,10 @@ var defaults = {
       return theme.color.bg;
     },
 
+    get color() {
+      return theme.color.lightBlack;
+    },
+
     padding: "0 5px 0 12px",
     fontSize: "12px",
     fontWeight: "bold",
@@ -51,10 +55,9 @@ var defaults = {
   stripeBgColor: '#f9f9fc',
   // group
   group: {
-    width: "14px",
-    gap: "10px",
-    color: "#a6a6a6",
+    gap: "8px",
     menuMaxHeight: '200px',
+    menuMinWidth: '200px',
 
     get activeColor() {
       return theme.color.primary;
@@ -70,9 +73,13 @@ var defaults = {
   // sort
   sort: {
     iconHeight: "7px",
-    gap: "10px",
-    color: "#d0d5d9",
-    disabledColor: "#ddd"
+    gap: "8px",
+
+    // color: `#d0d5d9`,
+    get enabledColor() {
+      return theme.color.primary;
+    }
+
   },
   expandBgColor: '#fdfcff',
 
@@ -95,10 +102,10 @@ setDefault(function () {
   }).table;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.k-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;td,th{transition:all ", table.transition, ";}}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:first-of-type:before{display:none;}}.k-table-title{display:inline-flex;align-items:center;max-width:100%;color:", theme.color.lightBlack, ";}.k-table-title-text{flex:1;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.k-fixed-left,.k-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.k-fixed-left:after{right:-11px;}.k-fixed-right:after{left:-11px;}&.k-scroll-left .k-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.k-scroll-right .k-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.k-scroll-middle{.k-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.k-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.k-fixed-right+.k-fixed-right:after{display:none;}.k-table-affix-header{position:sticky;top:0;left:0;.k-affix-wrapper{overflow:hidden;}&.k-fixed{position:relative;}}&.k-border,&.k-grid{.k-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.k-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.k-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.k-table-group{width:", table.group.width, "!important;height:", table.group.width, "!important;margin-left:", table.group.gap, ";position:relative;color:", table.group.color, ";&:hover{color:", theme.color.primary, ";}.k-icon{transition:transform ", table.transition, ";}&.k-dropdown-open .k-icon{transform:rotate(180deg);}}.k-table-check{.k-checkbox,.k-radio{position:relative;top:-1px;}}.k-column-sortable{cursor:pointer;}.k-column-sort{.k-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin-left:", _sortInstanceProperty(table).gap, ";color:", _sortInstanceProperty(table).color, ";}&.k-asc .k-icon.k-desc,&.k-desc .k-icon.k-asc{color:", _sortInstanceProperty(table).disabledColor, ";}}.k-table-spin.k-overlay{z-index:2;}.k-table-empty{text-align:center;}tr.k-expand{td{padding:0;background:#fdfcff;}}&.k-with-expand{tr:not(.k-expand){td{border-bottom:none;}}}.k-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.k-selected td{background:", table.selectedBgColor, ";}.k-table-arrow{margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.k-spreaded{.k-table-arrow{transform:rotate(90deg);}}.k-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.k-dragging{opacity:", table.draggingOpacity, ";}.k-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.k-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
+  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.k-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-spacing:0;table-layout:fixed;td,th{transition:all ", table.transition, ";}}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";position:sticky;top:0;z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&:first-of-type:before{display:none;}}.k-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.k-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.k-fixed-left,.k-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.k-fixed-left:after{right:-11px;}.k-fixed-right:after{left:-11px;}&.k-scroll-left .k-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.k-scroll-right .k-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.k-scroll-middle{.k-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.k-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.k-fixed-right+.k-fixed-right:after{display:none;}.k-table-affix-header{position:sticky;top:0;left:0;.k-affix-wrapper{overflow:hidden;}&.k-fixed{position:relative;}}&.k-border,&.k-grid{.k-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.k-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.k-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.k-table-group{margin-left:", table.group.gap, ";}.k-table-check{.k-checkbox,.k-radio{position:relative;top:-1px;}}.k-column-sortable{cursor:pointer;}.k-column-sort{.k-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.k-desc .k-icon.k-desc,&.k-asc .k-icon.k-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.k-table-spin.k-overlay{z-index:2;}.k-table-empty{text-align:center;}tr.k-expand{td{padding:0;background:#fdfcff;}}&.k-with-expand{tr:not(.k-expand){td{border-bottom:none;}}}.k-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.k-selected td{background:", table.selectedBgColor, ";}.k-table-arrow{margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.k-spreaded{.k-table-arrow{transform:rotate(90deg);}}.k-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.k-dragging{opacity:", table.draggingOpacity, ";}.k-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.k-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
     return /*#__PURE__*/css(".k-align-", type, "{text-align:", type, ";}");
   }), ">.k-pagination{margin:16px 0;}");
 }
 export function makeGroupMenuStyles() {
-  return /*#__PURE__*/css("max-height:", table.group.menuMaxHeight, ";overflow:auto;.k-dropdown-item.k-active{color:", table.group.activeColor, ";}.k-table-group-header{padding:", table.group.headerPadding, ";border-bottom:", table.group.headerBorder, ";}");
+  return /*#__PURE__*/css("max-height:", table.group.menuMaxHeight, ";min-width:", table.group.menuMinWidth, "!important;overflow:auto;.k-dropdown-item.k-active{color:", table.group.activeColor, ";}.k-table-group-header{padding:", table.group.headerPadding, ";border-bottom:", table.group.headerBorder, ";}.k-table-group-footer{text-align:right;border-top:", table.group.headerBorder, ";padding:8px;.k-btn{margin-left:8px;}}");
 }

package/es/components/table/table.js

@@ -74,7 +74,8 @@ var defaults = function defaults() {
     childrenKey: 'children',
     indent: 32,
     minColWidth: 40,
-    animation: true
+    animation: true,
+    showIndeterminate: true
   };
 };
 

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

@@ -1,4 +1,5 @@
 import type { TableColumnGroupItem } from './column';
+import type { Dropdown } from '../dropdown';
 declare type ContextValue = {
     groupValue: any;
     onChange: (key: string, groupValue: any) => void;
@@ -8,10 +9,15 @@ export declare const context: {
     Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<ContextValue>, {}, {}, {}>>;
 };
 export declare function useGroup(): {
-    onSelect: (value: any, groupValue: any, onChange: ContextValue['onChange']) => void;
-    isChecked: (value: any, groupValue: any) => any;
-    getGroupText: (groupValue: any) => string | null;
+    onSelect: (value: any, onChange: ContextValue['onChange']) => void;
+    isChecked: (value: any) => any;
     keywords: import("../../hooks/useState").State<string>;
     filteredGroup: import("../../hooks/useState").State<TableColumnGroupItem[] | undefined>;
+    onShow: (groupValue: any) => void;
+    reset: (onChange: ContextValue['onChange']) => void;
+    confirm: (onChange: ContextValue['onChange']) => void;
+    dropdownRef: import("intact").RefObject<Dropdown>;
+    localGroupValue: import("../../hooks/useState").State<any>;
+    isEmptyValue: (groupValue: any) => boolean | undefined;
 };
 export {};

package/es/components/table/useGroup.js

@@ -1,9 +1,8 @@
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
-import { useInstance } from 'intact';
-import { isNullOrUndefined } from 'intact-shared';
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import { useInstance, createRef } from 'intact';
+import { isArray } from 'intact-shared';
 import { toggleArray } from '../utils';
 import { createContext } from '../context';
 import { useState, watchState } from '../../hooks/useState';
@@ -12,26 +11,37 @@ export function useGroup() {
   var instance = useInstance();
   var keywords = useState('');
   var filteredGroup = useState(instance.get('group'));
+  var localGroupValue = useState(null);
+  var dropdownRef = createRef();
   instance.on('$receive:group', function (group) {
     return filteredGroup.set(group);
   });
 
-  function onSelect(value, groupValue, onChange) {
+  function onShow(groupValue) {
+    keywords.set('');
+    localGroupValue.set(groupValue);
+  }
+
+  function onSelect(value, onChange) {
     var _instance$get = instance.get(),
         multiple = _instance$get.multiple,
         key = _instance$get.key;
 
     if (multiple) {
-      value = toggleArray(groupValue, value);
+      // should click confirm button when it is multiple selection
+      localGroupValue.set(toggleArray(localGroupValue.value, value));
+    } else {
+      // change immediately when it is single selection
+      onChange(key, value);
     }
-
-    onChange(key, value);
   }
 
-  function isChecked(value, groupValue) {
+  function isChecked(value) {
     var _instance$get2 = instance.get(),
         multiple = _instance$get2.multiple;
 
+    var groupValue = localGroupValue.value;
+
     if (multiple) {
       return groupValue && _includesInstanceProperty(groupValue).call(groupValue, value);
     }
@@ -39,38 +49,32 @@ export function useGroup() {
     return groupValue === value;
   }
 
-  function getGroupText(groupValue) {
+  function confirm(onChange) {
     var _instance$get3 = instance.get(),
-        multiple = _instance$get3.multiple,
-        group = _instance$get3.group;
-
-    if (isNullOrUndefined(groupValue)) return null;
+        key = _instance$get3.key;
 
-    if (!multiple) {
-      groupValue = [groupValue];
-    }
-
-    if (group) {
-      var _context;
+    onChange(key, localGroupValue.value);
+    dropdownRef.value.hide(true);
+  }
 
-      var ret = _mapInstanceProperty(_context = _filterInstanceProperty(group).call(group, function (item) {
-        return _includesInstanceProperty(groupValue).call(groupValue, item.value);
-      })).call(_context, function (item) {
-        return item.label;
-      }).join(', ');
+  function reset(onChange) {
+    localGroupValue.set([]);
+    confirm(onChange);
+  }
 
-      if (ret) {
-        return "(" + ret + ")";
-      }
-    }
+  function isEmptyValue(groupValue) {
+    var _instance$get4 = instance.get(),
+        multiple = _instance$get4.multiple;
 
-    return null;
+    return !groupValue || multiple && (!isArray(groupValue) || groupValue.every(function (value) {
+      return !value;
+    }));
   }
 
   watchState(keywords, function (v) {
-    var _instance$get4 = instance.get(),
-        _instance$get4$group = _instance$get4.group,
-        group = _instance$get4$group === void 0 ? [] : _instance$get4$group;
+    var _instance$get5 = instance.get(),
+        _instance$get5$group = _instance$get5.group,
+        group = _instance$get5$group === void 0 ? [] : _instance$get5$group;
 
     v = _trimInstanceProperty(v).call(v);
 
@@ -78,17 +82,22 @@ export function useGroup() {
       filteredGroup.set(group);
     } else {
       filteredGroup.set(_filterInstanceProperty(group).call(group, function (item) {
-        var _context2, _context3;
+        var _context, _context2;
 
-        return _includesInstanceProperty(_context2 = String(item.label)).call(_context2, v) || _includesInstanceProperty(_context3 = String(item.value)).call(_context3, v);
+        return _includesInstanceProperty(_context = String(item.label)).call(_context, v) || _includesInstanceProperty(_context2 = String(item.value)).call(_context2, v);
       }));
     }
   });
   return {
     onSelect: onSelect,
     isChecked: isChecked,
-    getGroupText: getGroupText,
     keywords: keywords,
-    filteredGroup: filteredGroup
+    filteredGroup: filteredGroup,
+    onShow: onShow,
+    reset: reset,
+    confirm: confirm,
+    dropdownRef: dropdownRef,
+    localGroupValue: localGroupValue,
+    isEmptyValue: isEmptyValue
   };
 }

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

@@ -3,6 +3,7 @@ import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as
 import { Button } from '../button';
 import { getRestProps } from '../utils';
 import { makeStyles } from './styles';
+import { Icon } from '../icon';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 
@@ -39,7 +40,9 @@ export default function ($props, $blocks, $__proto__) {
     'size': size,
     'disabled': !enablePrev.value,
     'ev-click': prev,
-    'children': _$ce(2, 'i', null, 1, _$cn(vertical ? "ion-ios-arrow-up" : "ion-ios-arrow-left"))
+    'children': _$cc(Icon, {
+      'className': _$cn(vertical ? "k-icon-up" : "k-icon-left")
+    })
   }, 'prev') : undefined, _$ce(2, 'div', _$ce(2, 'div', [children, _$ce(2, 'div', null, 1, 'k-tabs-active-bar', {
     'style': this.activeBar.value
   })], 0, 'k-tabs-wrapper', {
@@ -54,7 +57,9 @@ export default function ($props, $blocks, $__proto__) {
     'size': size,
     'disabled': !enableNext.value,
     'ev-click': next,
-    'children': _$ce(2, 'i', null, 1, _$cn(vertical ? "ion-ios-arrow-down" : "ion-ios-arrow-right"))
+    'children': _$cc(Icon, {
+      'className': _$cn(vertical ? "k-icon-down" : "k-icon-right")
+    })
   }, 'next') : undefined]);
 }
 ;

package/es/components/tag/styles.js

@@ -125,5 +125,5 @@ export function makeStyles() {
   }), "&.k-dashed{border-style:dashed;}&.k-dragging{opacity:0;}");
 }
 export function makeTagsStyles() {
-  return /*#__PURE__*/css("display:flex;flex-wrap:wrap;gap:", defaults.tags.gap, ";position:relative;overflow:hidden;&.k-nowrap{flex-wrap:nowrap;}.k-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;}.k-tags-more{cursor:default;font-family:monospace;}.k-tag.k-draggable{cursor:move;}");
+  return /*#__PURE__*/css("display:flex;flex-wrap:wrap;gap:", defaults.tags.gap, ";position:relative;overflow:hidden;&.k-nowrap{flex-wrap:nowrap;.k-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;}}.k-tags-more{cursor:default;font-family:monospace;}.k-tag.k-draggable{cursor:move;}");
 }

package/es/components/tag/tags.vdt.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
-import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createTextVNode as _$ct, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce } from 'intact';
+import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createTextVNode as _$ct, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce, noop as _$no } from 'intact';
 import { TransitionGroup } from 'intact';
 import { getRestProps } from '../utils';
 import { makeTagsStyles } from './styles';
@@ -13,6 +13,8 @@ export default function ($props, $blocks, $__proto__) {
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
+  var _$blocks = {};
+  var __$blocks = {};
 
   var _this$get = this.get(),
       className = _this$get.className,
@@ -74,6 +76,16 @@ export default function ($props, $blocks, $__proto__) {
         return block ? block.call($this, callBlock, data) : callBlock();
       }), __$blocks;
     }.call($this, _$em)
-  }, '$tooltip') : undefined]);
+  }, '$tooltip') : undefined, (_$blocks['append'] = function ($super) {
+    return null;
+  }, __$blocks['append'] = function ($super, data) {
+    var block = $blocks['append'];
+
+    var callBlock = function callBlock() {
+      return _$blocks['append'].call($this, $super, data);
+    };
+
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['append'](_$no))]);
 }
 ;

package/es/components/tag/useNowrap.js

@@ -21,7 +21,7 @@ export function useNowrap(originVNodes) {
   useResizeObserver(containerRef, refresh);
 
   function refresh() {
-    if (!instance.get('nowrap')) return;
+    if (!instance.get('nowrap') || instance.$unmounted) return;
     var container = containerRef.value;
     var containerWidth = container.offsetWidth;
     var vNodes = [];

package/es/components/tip/styles.js

@@ -10,7 +10,7 @@ var defaults = {
   },
 
   get color() {
-    return theme.color.title;
+    return theme.color.text;
   },
 
   get padding() {

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

@@ -14,6 +14,7 @@ import { Tooltip } from './';
 import { Dialog } from '../dialog';
 import { mount, unmount, dispatchEvent, getElement, wait } from '../../test/utils';
 import { tooltip as tooltipTheme } from './styles';
+import { Select, Option } from '../select';
 describe('Tooltip', function () {
   afterEach(function (done) {
     unmount();
@@ -633,4 +634,60 @@ describe('Tooltip', function () {
       }
     }, _callee10);
   })));
+  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) {
+          case 0:
+            Demo = /*#__PURE__*/function (_Component5) {
+              _inheritsLoose(Demo, _Component5);
+
+              function Demo() {
+                var _context15;
+
+                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.Tooltip = Tooltip;
+                _this5.Select = Select;
+                _this5.Option = Option;
+                return _this5;
+              }
+
+              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];
+            dispatchEvent(element, 'mouseenter');
+            _context16.next = 6;
+            return wait();
+
+          case 6:
+            dispatchEvent(element, 'click');
+            _context16.next = 9;
+            return wait();
+
+          case 9:
+            menu = getElement(".k-select-menu");
+            dispatchEvent(element, 'mouseleave');
+            _context16.next = 13;
+            return wait(500);
+
+          case 13:
+            expect(menu.style.display).to.eql('');
+
+          case 14:
+          case "end":
+            return _context16.stop();
+        }
+      }
+    }, _callee11);
+  })));
 });

package/es/components/tooltip/tooltip.js

@@ -64,7 +64,11 @@ export var Tooltip = /*#__PURE__*/function (_Dropdown) {
 
     if (this.get('hoverable')) {
       return _Dropdown.prototype.hide.call(this, immediately);
-    }
+    } // tooltip can show any number sub-tooltips, we should not close the showed tooltip
+    // #885
+
+
+    this.showedDropdown = null;
 
     _Dropdown.prototype.hide.call(this, true);
   };

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

@@ -8,6 +8,17 @@ import { Input } from '../input';
 import { Checkbox } from '../checkbox';
 import { Button } from '../button';
 import { Tree } from '../tree';
+import { Icon } from '../icon';
+var _$tmp0 = {
+  'className': 'k-icon-search',
+  'size': 'small'
+};
+var _$tmp1 = {
+  'className': 'k-transfer-icon k-icon-left'
+};
+var _$tmp2 = {
+  'className': 'k-transfer-icon k-icon-right'
+};
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj,
       _this = this;
@@ -73,7 +84,7 @@ export default function ($props, $blocks, $__proto__) {
               __$blocks = _$ex({}, $blocks);
 
           return (_$blocks['prefix'] = function ($super) {
-            return _$ce(2, 'i', null, 1, 'ion-ios-search');
+            return _$cc(Icon, _$tmp0);
           }, __$blocks['prefix'] = function ($super, data) {
             var block = $blocks['prefix'];
 
@@ -147,7 +158,7 @@ export default function ($props, $blocks, $__proto__) {
     'ev-click': remove,
     'type': 'primary',
     'size': 'large',
-    'children': _$ce(2, 'i', null, 1, 'k-transfer-icon ion-ios-arrow-left')
+    'children': _$cc(Icon, _$tmp1)
   }), _$cc(Button, {
     'circle': true,
     'icon': true,
@@ -155,7 +166,7 @@ export default function ($props, $blocks, $__proto__) {
     'ev-click': add,
     'type': 'primary',
     'size': 'large',
-    'children': _$ce(2, 'i', null, 1, 'k-transfer-icon ion-ios-arrow-right')
+    'children': _$cc(Icon, _$tmp2)
   })], 4, 'k-transfer-arrows'), Panel('right')]);
 }
 ;

package/es/components/types.d.ts

@@ -6,5 +6,6 @@ export interface CommonInputHTMLAttributes {
     form?: string;
     name?: string;
     required?: boolean;
+    maxlength?: string | number;
 }
 export declare type Events<T> = Record<keyof T, true>;

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

@@ -13,20 +13,20 @@ var _$tmp0 = {
   'className': 'k-icon-upload'
 };
 var _$tmp1 = {
-  'className': 'k-icon-add-big'
+  'className': 'k-icon-add-bold'
 };
 var _$tmp2 = {
-  'className': 'k-icon-add-big',
+  'className': 'k-icon-add-bold',
   'size': 'large'
 };
 var _$tmp3 = {
   'className': 'k-upload-file-icon ion-document'
 };
 var _$tmp4 = {
-  'className': 'k-upload-status-icon ion-ios-checkmark-outline'
+  'className': 'k-upload-status-icon k-icon-success-fill'
 };
 var _$tmp5 = {
-  'className': 'k-upload-status-icon ion-ios-close-outline'
+  'className': 'k-upload-status-icon k-icon-error-fill'
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj, _$cn2;

package/es/index.d.ts

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

package/es/index.js

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

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

@@ -22,11 +22,14 @@ var Demo = /*#__PURE__*/function (_React$Component) {
       icon: true,
       circle: true
     }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-ios-search"
+      className: "k-icon k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       disabled: true,
       type: "link"
-    }, "link"));
+    }, "link"), /*#__PURE__*/React.createElement(Button, {
+      disabled: true,
+      type: "flat"
+    }, "flat"));
   };
 
   return Demo;

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

@@ -46,11 +46,11 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "\u91CD\u542F")), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
       type: "primary"
     }, /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-ios-arrow-left"
+      className: "k-icon k-icon-left"
     }), "\u4E0A\u4E00\u9875"), /*#__PURE__*/React.createElement(Button, {
       type: "primary"
     }, "\u4E0B\u4E00\u9875", /*#__PURE__*/React.createElement("i", {
-      className: "k-icon ion-ios-arrow-right"
+      className: "k-icon k-icon-right"
     }))), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("p", null, "\u7EB5\u5411\u6309\u94AE\u7EC4"), /*#__PURE__*/React.createElement(ButtonGroup, {
       vertical: true
     }, /*#__PURE__*/React.createElement(Button, {
@@ -121,6 +121,23 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
       value: "shenzhen",
       size: "small"
+    }, "\u6DF1\u5733")), /*#__PURE__*/React.createElement("p", null, "\u6709\u95F4\u9694\u7684\u6309\u94AE\u7EC4"), /*#__PURE__*/React.createElement(ButtonGroup, {
+      checkType: "radio",
+      value: this.state.city,
+      onChangeValue: function onChangeValue(city) {
+        return _this2.setState({
+          city: city
+        });
+      },
+      seperate: true
+    }, /*#__PURE__*/React.createElement(Button, {
+      value: "beijing"
+    }, "\u5317\u4EAC"), /*#__PURE__*/React.createElement(Button, {
+      value: "shanghai"
+    }, "\u4E0A\u6D77"), /*#__PURE__*/React.createElement(Button, {
+      value: "guangzhou"
+    }, "\u5E7F\u5DDE"), /*#__PURE__*/React.createElement(Button, {
+      value: "shenzhen"
     }, "\u6DF1\u5733")));
   };
 

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

@@ -16,42 +16,42 @@ var Demo = /*#__PURE__*/function (_React$Component) {
     return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
       icon: true
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search"
+      className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       icon: true,
       circle: true
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search"
+      className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       icon: true,
       circle: true,
       type: "none"
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search"
+      className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       icon: true,
       circle: true,
       type: "flat"
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search"
+      className: "k-icon-search"
     })), /*#__PURE__*/React.createElement(Button, {
       type: "danger",
       size: "large",
       icon: true,
       circle: true
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search",
+      className: "k-icon-search",
       size: "large"
     })), /*#__PURE__*/React.createElement(Button, {
       type: "primary"
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search",
+      className: "k-icon-search",
       size: "small"
     }), "\u641C\u7D22"), /*#__PURE__*/React.createElement(Button, {
       circle: true,
       type: "primary"
     }, /*#__PURE__*/React.createElement(Icon, {
-      className: "ion-ios-search",
+      className: "k-icon-search",
       size: "small"
     }), "\u641C\u7D22"));
   };