@king-design/react 3.2.2-beta.0 → 3.3.1

package/components/ellipsis/index.vdt.js

@@ -0,0 +1,50 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import { createElementVNode as _$ce, className as _$cn, createVNode as _$cv, createUnknownComponentVNode as _$cc, extend as _$ex, EMPTY_OBJ as _$em } from 'intact-react';
+import { makeStyles } from './styles';
+import { Tooltip } from '../tooltip';
+import { getRestProps, addStyle } from '../utils';
+export default function ($props, $blocks, $__proto__) {
+  var _$cn2, _$cn3;
+  $blocks || ($blocks = {});
+  $props || ($props = {});
+  var $this = this;
+  var _this$get = this.get(),
+    children = _this$get.children,
+    className = _this$get.className,
+    maxLines = _this$get.maxLines,
+    disabled = _this$get.disabled,
+    position = _this$get.position,
+    theme = _this$get.theme,
+    style = _this$get.style;
+  var k = this.config.k;
+  var _this$ellipsis = this.ellipsis,
+    showTooltip = _this$ellipsis.showTooltip,
+    ellipsisRef = _this$ellipsis.ellipsisRef;
+  var tooltip = showTooltip.value && !disabled;
+  var wrapper = _$ce(2, 'div', children, 0, _$cn((_$cn2 = {
+    'c-ellipsis': true
+  }, _$cn2[k + "-ellipsis-wrapper"] = true, _$cn2[className] = className && !tooltip, _$cn2)));
+  return _$cv('div', _extends({}, getRestProps(this), {
+    'className': _$cn((_$cn3 = {}, _$cn3[k + "-ellipsis"] = true, _$cn3[k + "-multiline"] = maxLines, _$cn3[makeStyles(k, maxLines)] = true, _$cn3)),
+    'ref': ellipsisRef
+  }), tooltip ? _$cc(Tooltip, {
+    'position': position,
+    'theme': theme,
+    'className': _$cn(className),
+    'children': wrapper,
+    '$blocks': function ($blocks) {
+      var _$blocks = {},
+        __$blocks = _$ex({}, $blocks);
+      return (_$blocks['content'] = function ($super) {
+        return children;
+      }, __$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)
+  }) : wrapper);
+}
+;

package/components/ellipsis/styles.d.ts

@@ -0,0 +1,5 @@
+import '../../styles/global';
+export declare const makeStyles: {
+    (k: string, maxLines: number): string;
+    clearCache(): {};
+};

package/components/ellipsis/styles.js

@@ -0,0 +1,10 @@
+import { css } from '@emotion/css';
+import { setDefault } from '../../styles/theme';
+import '../../styles/global';
+import { cache } from '../utils';
+setDefault(function () {
+  makeStyles == null || makeStyles.clearCache();
+});
+export var makeStyles = cache(function makeStyles(k, maxLines) {
+  return /*#__PURE__*/css("width:100%;&.", k, "-multiline{.k-ellipsis-wrapper{white-space:normal;display:-webkit-box;-webkit-line-clamp:", maxLines, ";-webkit-box-orient:vertical;}}");
+});

package/components/ellipsis/useEllipsis.d.ts

@@ -0,0 +1,4 @@
+export declare function useEllipsis(): {
+    ellipsisRef: import('intact-react').RefObject<HTMLDivElement>;
+    showTooltip: import("../../hooks/useState").State<boolean>;
+};

package/components/ellipsis/useEllipsis.js

@@ -0,0 +1,21 @@
+import { useInstance, createRef } from 'intact-react';
+import { useResizeObserver } from '../../hooks/useResizeObserver';
+import { useState } from '../../hooks/useState';
+export function useEllipsis() {
+  var instance = useInstance();
+  var ellipsisRef = createRef();
+  var showTooltip = useState(false);
+  useResizeObserver(ellipsisRef, isShowTooltip);
+  function isShowTooltip() {
+    var isMulti = instance.get('maxLines');
+    var element = ellipsisRef.value.children[0];
+    var _showTooltip = isMulti ? element.scrollHeight > element.clientHeight : element.offsetWidth < element.scrollWidth;
+    requestAnimationFrame(function () {
+      showTooltip.set(_showTooltip);
+    });
+  }
+  return {
+    ellipsisRef: ellipsisRef,
+    showTooltip: showTooltip
+  };
+}

package/components/input/index.d.ts

@@ -15,7 +15,7 @@ export interface InputProps<V extends Value = Value> extends InputHTMLAttributes
     type?: HTMLInputTypes;
     value?: V;
     defaultValue?: string | number;
-    placeholder?: string;
+    placeholder?: string | number;
     readonly?: boolean;
     clearable?: boolean;
     disabled?: boolean;

package/components/input/index.js

@@ -16,7 +16,7 @@ var typeDefs = {
   type: String,
   value: [String, Number],
   defaultValue: [String, Number],
-  placeholder: String,
+  placeholder: [String, Number],
   readonly: Boolean,
   clearable: Boolean,
   disabled: Boolean,

package/components/input/index.vdt.js

@@ -58,7 +58,9 @@ export default function ($props, $blocks, $__proto__) {
     isFocus = _this$focusHook.isFocus,
     focusInputOnClick = _this$focusHook.focusInputOnClick;
   var isNotAutoRows = isStringOrNumber(rows) && rows !== 'auto';
-  var k = this.config.k;
+  var _this$config = this.config,
+    k = _this$config.k,
+    disableWave = _this$config.disableWave;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-input"] = true, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[k + "-group"] = $blocks.prepend || $blocks.append, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-clearable"] = clearable, _classNameObj[k + "-auto-width"] = autoWidth, _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-stack-clear"] = stackClearIcon, _classNameObj[k + "-inline"] = inline, _classNameObj[k + "-flat"] = flat, _classNameObj[k + "-type-textarea"] = type === 'textarea', _classNameObj[k + "-focus"] = isFocus.value, _classNameObj[k + "-resize-" + resize] = type === 'textarea' && isNotAutoRows, _classNameObj[k + "-resize-none"] = type === 'textarea' && !isNotAutoRows, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var _this$showPassword = this.showPassword,
     isShowPassword = _this$showPassword.isShow,
@@ -96,7 +98,7 @@ export default function ($props, $blocks, $__proto__) {
     'children': function children(isInvalid) {
       var _$cn3, _$cn4;
       return _$cc(Wave, {
-        'disabled': waveDisabled || disabled || isInvalid,
+        'disabled': waveDisabled || disabled || isInvalid || disableWave,
         'inset': '-2px',
         'children': _$ce(2, 'div', [$blocks.prefix ? _$ce(2, 'div', (_$blocks['prefix'] = function ($super) {
           return null;

package/components/menu/item.vdt.js

@@ -5,6 +5,7 @@ import { Dropdown, DropdownItem } from '../dropdown';
 import { Tooltip } from '../tooltip';
 import { Icon } from '../icon';
 import { Menu } from './menu';
+import { Ellipsis } from '../ellipsis';
 import { getRestProps, expandAnimationCallbacks } from '../utils';
 import { isNullOrUndefined } from 'intact-shared';
 import { makeItemStyles, makeTitleStyles, makeNestedMenuStyles } from './styles';
@@ -18,7 +19,8 @@ export default function ($props, $blocks, $__proto__) {
   var _rootMenu$get = rootMenu.get(),
     theme = _rootMenu$get.theme,
     type = _rootMenu$get.type,
-    rootDot = _rootMenu$get.dot;
+    rootDot = _rootMenu$get.dot,
+    size = _rootMenu$get.size;
   var _this$get = this.get(),
     children = _this$get.children,
     key = _this$get.key,
@@ -46,7 +48,10 @@ export default function ($props, $blocks, $__proto__) {
     var _$cn2;
     return _$ce(2, 'div', [showDot ? _$cc(Icon, {
       'className': _$cn(k + "-menu-dot ion-record")
-    }) : undefined, _$ce(2, 'div', children, 0, _$cn(k + "-menu-name")), subMenuVNode ? _$cc(Icon, {
+    }) : undefined, _$ce(2, 'div', _$cc(Ellipsis, {
+      'position': 'bottom',
+      'children': children
+    }), 2, _$cn(k + "-menu-name")), subMenuVNode ? _$cc(Icon, {
       'className': _$cn(k + "-menu-item-arrow ion-arrow-down-b")
     }) : undefined], 0, _$cn((_$cn2 = {}, _$cn2[k + "-menu-item-title"] = true, _$cn2[makeTitleStyles(k)] = true, _$cn2)), {
       'ev-click': _this.onClick.bind(_this, subMenuVNode)
@@ -62,7 +67,7 @@ export default function ($props, $blocks, $__proto__) {
       if (subMenuVNode) {
         var _$cn3;
         var paddingLeft = _this.parentMenu.get('_paddingLeft');
-        var _makeNestedMenuStyles = makeNestedMenuStyles(k, showDot || !!iconVNode, paddingLeft),
+        var _makeNestedMenuStyles = makeNestedMenuStyles(k, showDot || !!iconVNode, paddingLeft, size),
           _classname = _makeNestedMenuStyles[0],
           _paddingLeft = _makeNestedMenuStyles[1];
         var _className = _$cn((_$cn3 = {}, _$cn3[_classname] = true, _$cn3[subMenuVNode.className] = subMenuVNode.className, _$cn3[k + "-sub-menu"] = true, _$cn3));

package/components/menu/styles.d.ts

@@ -78,6 +78,6 @@ export declare const makeItemStyles: {
     clearCache(): {};
 };
 export declare const makeNestedMenuStyles: {
-    (k: string, hasIcon: boolean, parentPaddingLeft?: string | undefined): string;
+    (k: string, hasIcon: boolean, parentPaddingLeft: string | undefined, size: "small" | "large" | "default" | undefined): string;
     clearCache(): {};
 };

package/components/menu/styles.js

@@ -20,7 +20,7 @@ var defaults = {
   },
   item: {
     height: '40px',
-    padding: '0 17px',
+    padding: '0 12px',
     bodyPadding: '0 4px',
     color: '#aeaeb9',
     hoverColor: '#fff',
@@ -36,7 +36,7 @@ var defaults = {
   },
   title: {
     height: '40px',
-    padding: '0 17px',
+    padding: '0 12px',
     color: '#fff'
   },
   icon: {
@@ -112,7 +112,7 @@ export { menu };
 export var makeMenuStyles = cache(function makeMenuStyles(k) {
   // we must increase the priority by adding &.${k}-menu
   // to override the css of dropdownMenu
-  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";position:relative;}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";padding:0 21px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100vh - ", menu.header.height, ");overflow-y:auto;overflow-x:hidden;}.", k, "-menu-title{height:", menu.title.height, ";border-top:", menu.border, ";margin-top:4px;.", k, "-menu-name{transition:all ", menu.transition, ";height:", menu.title.height, ";color:", menu.title.color, ";font-weight:bold;}}.", k, "-menu-arrow-box{width:14px;height:60px;cursor:pointer;background:", menu.bgColor, ";border-radius:0 8px 8px 0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:calc(", menu.width, " - 2px);transition:left ", menu.transition, ";transform:translateY(-50%);border:", menu.border, ";border-left:none;.", k, "-icon{margin-right:0;}&:hover{.", k, "-menu-arrow:before{color:", menu.item.activeBgColor, ";}}}&.", k, "-light{border:1px solid ", theme.color.disabledBg, ";background:", menu.light.bgColor, ";.", k, "-menu-header{color:", menu.light.title.color, ";}.", k, "-menu-item{.", k, "-menu-item-title{color:", menu.light.item.color, ";&:hover{background:", menu.light.item.hoverBg, ";}}.", k, "-menu-item-arrow{color:", menu.light.item.color, ";}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", menu.light.item.disabledColor, "!important;}}}.", k, "-menu-title{border-top:", menu.light.border, ";.", k, "-menu-name{color:", menu.light.title.color, ";}}.", k, "-menu-arrow-box{background:", menu.light.bgColor, ";border:", menu.light.border, ";border-left:none;&:hover{.", k, "-menu-arrow:before{color:", menu.light.active.color, ";}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", menu.light.bgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", menu.light.border, ";}.", k, "-menu-body>.", k, "-menu-title{border-right:", menu.light.border, ";}}.", k, "-menu-item.", k, "-active{>.", k, "-menu-item-title{color:", menu.light.active.color, "!important;background:", menu.light.active.bgColor, ";}}.", k, "-sub-menu{.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.light.item.subTitleColor, "!important;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("&.", k, "-menu{width:", menu.width, ";transition:width ", menu.transition, ";background:", menu.bgColor, ";font-size:", menu.fontSize, ";position:relative;}.", k, "-icon{width:", menu.icon.width, ";margin-right:", menu.icon.gap, ";text-align:center;flex-shrink:0;}.", k, "-menu-header{height:", menu.header.height, ";padding:0 16px;color:", menu.header.color, ";font-size:", menu.header.fontSize, ";font-weight:bold;}.", k, "-menu-body{padding:", menu.item.bodyPadding, ";max-height:calc(100% - ", menu.header.height, ");overflow-y:auto;overflow-x:hidden;scrollbar-width:none;}.", k, "-menu-title{height:", menu.title.height, ";border-top:", menu.border, ";margin-top:4px;.", k, "-menu-name{transition:all ", menu.transition, ";height:", menu.title.height, ";color:", menu.title.color, ";font-weight:bold;}}.", k, "-menu-arrow-box{width:14px;height:60px;cursor:pointer;background:", menu.bgColor, ";border-radius:0 8px 8px 0;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;left:calc(", menu.width, " - 2px);transition:left ", menu.transition, ";transform:translateY(-50%);border:", menu.border, ";border-left:none;.", k, "-icon{margin-right:0;}&:hover{.", k, "-menu-arrow:before{color:", menu.item.activeBgColor, ";}}}&.", k, "-light{border-right:1px solid ", theme.color.disabledBg, ";background:", menu.light.bgColor, ";.", k, "-menu-header{color:", menu.light.title.color, ";}.", k, "-menu-item{.", k, "-menu-item-title{color:", menu.light.item.color, ";&:hover{background:", menu.light.item.hoverBg, ";}}.", k, "-menu-item-arrow{color:", menu.light.item.color, ";}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", menu.light.item.disabledColor, "!important;}}}.", k, "-menu-title{border-top:", menu.light.border, ";.", k, "-menu-name{color:", menu.light.title.color, ";}}.", k, "-menu-arrow-box{background:", menu.light.bgColor, ";border:", menu.light.border, ";border-left:none;&:hover{.", k, "-menu-arrow:before{color:", menu.light.active.color, ";}}}.", k, "-menu:not(.", k, "-dropdown-menu){background:", menu.light.bgColor, ";}&.", k, "-horizontal{.", k, "-menu-header{border-right:", menu.light.border, ";}.", k, "-menu-body>.", k, "-menu-title{border-right:", menu.light.border, ";}}.", k, "-menu-item.", k, "-active{>.", k, "-menu-item-title{color:", menu.light.active.color, "!important;background:", menu.light.active.bgColor, ";}}.", k, "-sub-menu{.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.light.item.subTitleColor, "!important;}}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = menu[size];
     return /*#__PURE__*/css("&.", k, "-", size, "{width:", styles.width, ";font-size:", styles.fontSize, ";.", k, "-menu{font-size:", styles.fontSize, ";}.", k, "-menu-arrow-box{left:calc(", styles.width, " - 2px);}}");
   }), "&.", k, "-collapsed{width:calc(", menu.icon.width, " + (", getLeft(menu.item.padding), " + ", getLeft(menu.item.bodyPadding), ") * 2);.", k, "-icon{margin-right:0;}.", k, "-menu-item-arrow{display:none;}}&.", k, "-collapsed-arrow{width:0px;border-left:none;.", k, "-menu-body{overflow:hidden;padding:0;}.", k, "-menu-arrow-box{left:0;.", k, "-menu-arrow:before{transform:rotateY(180deg);}}}&.", k, "-dropdown-menu{width:fit-content;min-width:", menu.dropdown.minWidth, ";.", k, "-menu-item-arrow{transform:rotate(-90deg);}}&.", k, "-horizontal{width:auto;display:flex;.", k, "-menu-body{display:flex;align-items:center;.", k, "-menu-title{border-top:none;border-right:", menu.border, ";}}}");
@@ -123,12 +123,13 @@ export var makeTitleStyles = cache(function makeTitleStyles(k) {
 });
 export var makeItemStyles = cache(function makeItemStyles(k) {
   var item = menu.item;
-  return /*#__PURE__*/css(".", k, "-menu-item-title{transition:all ", menu.transition, ";cursor:pointer;height:", item.height, ";&:hover{padding:", item.padding, ";border-radius:", menu.borderRadius, ";background:#2a2a30;}&>.", k, "-menu-item-arrow:before{font-size:small;}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;span{overflow:hidden;text-overflow:ellipsis;min-width:0;}.", k, "-icon{color:inherit;}}.", k, "-menu-item-arrow{color:", item.color, ";margin:0 0 0 ", menu.icon.gap, ";transition:transform ", menu.transition, ";}&.", k, "-expanded{>.", k, "-menu-item-title{color:", item.hoverColor, ";.", k, "-menu-item-arrow{transform:rotate(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-item-title{border-radius:", menu.borderRadius, ";color:", item.activeBgColor, "!important;background:", item.hoverBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", item.dotFontSize, ";transform:scale(.4);}");
+  return /*#__PURE__*/css(".", k, "-menu-item-title{transition:all ", menu.transition, ";cursor:pointer;height:", item.height, ";&:hover{padding:", item.padding, ";border-radius:", menu.borderRadius, ";background:#2a2a30;}&>.", k, "-menu-item-arrow:before{font-size:small;}}.", k, "-menu-name{flex:1;display:flex;align-items:center;min-width:0;.", k, "-icon{color:inherit;display:inline-block;}}.", k, "-menu-item-arrow{color:", item.color, ";margin:0 0 0 ", menu.icon.gap, ";transition:transform ", menu.transition, ";}&.", k, "-expanded{>.", k, "-menu-item-title{color:", item.hoverColor, ";.", k, "-menu-item-arrow{transform:rotate(180deg);}}}&.", k, "-highlighted{>.", k, "-menu-item-title{color:", menu.light.item.hoverColor, ";}}&.", k, "-active{>.", k, "-menu-item-title{border-radius:", menu.borderRadius, ";color:", item.activeBgColor, "!important;background:", item.hoverBgColor, ";}}&.", k, "-disabled{>.", k, "-menu-item-title{color:", item.disabledColor, "!important;cursor:not-allowed;}}.", k, "-menu-dot{font-size:", item.dotFontSize, ";transform:scale(.4);}");
 });
-export var makeNestedMenuStyles = cache(function makeNestedMenuStyles(k, hasIcon, parentPaddingLeft) {
+export var makeNestedMenuStyles = cache(function makeNestedMenuStyles(k, hasIcon, parentPaddingLeft, size) {
   if (parentPaddingLeft === void 0) {
     parentPaddingLeft = getLeft(menu.item.padding);
   }
-  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width + ' + ' + menu.icon.gap : '');
-  return [/*#__PURE__*/css("&.", k, "-menu{position:relative;width:auto;background:", menu.bgColor, ";border:none;.", k, "-menu-body{padding:0;.", k, "-menu-item-title{padding-left:calc(", paddingLeft, ");}.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.item.subTitleColor, ";}}}"), paddingLeft];
+  var fontSize = "" + (size === 'small' ? menu.small.fontSize : menu.fontSize);
+  var paddingLeft = "" + parentPaddingLeft + (hasIcon ? ' + ' + menu.icon.width + ' + ' + menu.icon.gap : ' + ' + fontSize);
+  return [/*#__PURE__*/css("&.", k, "-menu{position:relative;width:auto;background:", menu.bgColor, ";border:none;.", k, "-menu-body{padding:0;max-height:100%;.", k, "-menu-item-title{padding-left:calc(", paddingLeft, ");}.", k, "-menu-item-title,.", k, "-menu-item-arrow{color:", menu.item.subTitleColor, ";}}}"), paddingLeft];
 });

package/components/menu/title.vdt.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
-import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-react';
+import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce, createUnknownComponentVNode as _$cc } from 'intact-react';
 import { Icon } from '../icon';
+import { Ellipsis } from '../ellipsis';
 import { getRestProps, findChildren, isComponentVNode } from '../utils';
 import { makeTitleStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
@@ -18,7 +19,10 @@ export default function ($props, $blocks, $__proto__) {
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-menu-title"] = true, _classNameObj[className] = className, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
-  }, getRestProps(this)), _$ce(2, 'div', !collapse ? _$ce(2, 'span', children, 0) : findChildren(children, function (vNode) {
+  }, getRestProps(this)), _$ce(2, 'div', !collapse ? _$cc(Ellipsis, {
+    'position': 'bottom',
+    'children': children
+  }) : findChildren(children, function (vNode) {
     return isComponentVNode(vNode, Icon);
   }), 0, _$cn((_$cn2 = {}, _$cn2[k + "-menu-name"] = true, _$cn2[makeTitleStyles(k)] = true, _$cn2))));
 }

package/components/radio/index.vdt.js

@@ -22,7 +22,9 @@ export default function ($props, $blocks, $__proto__) {
     title = _this$get.title,
     rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
   var isChecked = value === trueValue;
-  var k = this.config.k;
+  var _this$config = this.config,
+    k = _this$config.k,
+    disableWave = _this$config.disableWave;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-radio"] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-checked"] = isChecked, _classNameObj[className] = className, _classNameObj[makeStyles(k)] = true, _classNameObj);
 
   // let evClick;
@@ -47,7 +49,7 @@ export default function ($props, $blocks, $__proto__) {
     'ev-keypress': this.onKeypress,
     'ev-click': this.fixClick
   }), [_$cc(Wave, {
-    'disabled': disabled,
+    'disabled': disabled || disableWave,
     'inset': '-2px',
     'children': _$ce(2, 'span', _$cv('input', _extends({}, getRestProps(this, rest), {
       'type': 'radio',

package/components/select/base.d.ts

@@ -54,6 +54,7 @@ export declare abstract class BaseSelect<T extends BaseSelectProps<any> = BaseSe
     protected config: {
         cls: (name: string) => string;
         readonly k: string;
+        readonly disableWave: boolean;
     };
     init(): void;
     protected abstract getPlaceholder(): Children;

package/components/select/base.vdt.js

@@ -45,7 +45,9 @@ export default function ($props, $blocks, $__proto__) {
     flat = _flatInstanceProperty(_this$get),
     nowrap = _this$get.nowrap,
     draggable = _this$get.draggable;
-  var k = this.config.k;
+  var _this$config = this.config,
+    k = _this$config.k,
+    disableWave = _this$config.disableWave;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-select"] = true, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-" + size] = size !== 'default', _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-inline"] = inline, _classNameObj[k + "-flat"] = flat, _classNameObj[k + "-nowrap"] = nowrap, _classNameObj[className] = className, _classNameObj[$props.className] = $props.className, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var placeholder = this.getPlaceholder();
   var label = this.getLabel();
@@ -77,7 +79,7 @@ export default function ($props, $blocks, $__proto__) {
     'children': function children(isInvalid) {
       var _$cn2;
       return _$cc(Wave, {
-        'disabled': disabled || isInvalid || inline,
+        'disabled': disabled || isInvalid || inline || disableWave,
         'inset': '-2px',
         'children': _$cc(Dropdown, {
           'trigger': 'click',

package/components/select/useInput.js

@@ -36,7 +36,11 @@ export function useInput(resetKeywords) {
       filterable = _component$get.filterable;
     if (multiple && filterable) {
       focusInput();
-      resetKeywords(keywords);
+      /**
+       * don't reset keywords on multiple mode for continue selection
+       * https://github.com/ksc-fe/kpc/issues/983
+       */
+      // resetKeywords(keywords);
     }
   });
   return {

package/components/table/styles.js

@@ -29,7 +29,7 @@ var defaults = {
     get color() {
       return theme.color.lightBlack;
     },
-    padding: "0 5px 0 12px",
+    padding: "0 8px 0 12px",
     fontSize: "12px",
     fontWeight: "bold",
     textAlign: 'left',
@@ -42,7 +42,7 @@ var defaults = {
     get hoverBgcolor() {
       return theme.color.bg;
     },
-    padding: "11px 5px 11px 12px"
+    padding: "11px 8px 11px 12px"
   },
   // stripe
   stripeBgColor: '#f9f9fc',
@@ -90,7 +90,7 @@ setDefault(function () {
   makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  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;}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{width:", table.arrow.width, "!important;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;}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%);}&.", k, "-fixed-right:before{left:-2px;}&: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{width:", table.arrow.width, "!important;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;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}}");
 });

package/components/table/table.vdt.js

@@ -160,7 +160,7 @@ export default function ($props, $blocks, $__proto__) {
     onRowDragEnd = _this$draggable.onRowDragEnd,
     draggingKey = _this$draggable.draggingKey;
   var tbody = _$ce(2, 'tbody', !hasData ? _$ce(2, 'tr', _$ce(2, 'td', (_$blocks['empty'] = function ($super) {
-    return _$('/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~');
+    return _$('暂无数据');
   }, __$blocks['empty'] = function ($super, data) {
     var block = $blocks['empty'];
     var callBlock = function callBlock() {

package/components/tabs/index.d.ts

@@ -24,6 +24,7 @@ export declare class Tabs<T = any> extends Component<TabsProps<T>, TabsEvents<T>
     config: {
         cls: (name: string) => string;
         readonly k: string;
+        readonly disableWave: boolean;
     };
     init(): void;
     changeTab(tabProps: TabProps): Promise<void>;

package/components/tag/index.spec.js

@@ -1,11 +1,13 @@
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
 import ClosableDemo from '~/components/tag/demos/closable';
-import { mount, wait, dispatchEvent, getElement } from '../../test/utils';
+import { mount, unmount, wait, dispatchEvent, getElement } from '../../test/utils';
 import TagsDemo from '~/components/tag/demos/tags';
 import DraggableDemo from '~/components/tag/demos/draggable';
 describe('Tag', function () {
-  // afterEach(() => unmount());
+  afterEach(function () {
+    return unmount();
+  });
   it('should not close tag if we has prevented default', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, btns, preventDefaultBtn, commonBtn;
     return _regeneratorRuntime.wrap(function _callee$(_context) {

package/components/tag/tags.vdt.js

@@ -55,7 +55,8 @@ export default function ($props, $blocks, $__proto__) {
       var _$blocks = {},
         __$blocks = _$ex({}, $blocks);
       return (_$blocks['content'] = function ($super) {
-        return _$ce(2, 'div', hiddenChildren.value, 0, _$cn(classNameObj));
+        var _extends2;
+        return _$ce(2, 'div', hiddenChildren.value, 0, _$cn(_extends({}, classNameObj, (_extends2 = {}, _extends2[k + "-nowrap"] = false, _extends2))));
       }, __$blocks['content'] = function ($super, data) {
         var block = $blocks['content'];
         var callBlock = function callBlock() {

package/components/tooltip/styles.js

@@ -71,7 +71,7 @@ export var makeStyles = cache(function makeStyles(k) {
     }
     return /*#__PURE__*/css("&.", k, "-", theme, "{background:", bgColor, ";color:", color, ";.", k, "-tooltip-arrow{", _mapInstanceProperty(_context = _Object$keys(directionMap)).call(_context, function (direction) {
       var borderDirection = directionMap[direction];
-      return /*#__PURE__*/css("&.", k, "-", direction, "{border-", borderDirection, "-color:", borderColor, ";&:before{border-", borderDirection, "-color:", bgColor, ";}}");
+      return /*#__PURE__*/css("&.", k, "-", direction, "{&:before{border-", borderDirection, "-color:", bgColor, ";}}");
     }), ";}}");
   }), ".", k, "-tooltip-footer{padding-top:", tooltip.confirm.gaps, ";.", k, "-btn:not(:first-of-type){margin-left:", tooltip.confirm.gaps, ";}}&.", k, "-small{padding:", tooltip.smallPadding, ";}}");
 });

package/components/upload/index.vdt.js

@@ -24,10 +24,11 @@ export default function ($props, $blocks, $__proto__) {
     files = _this$get.files,
     children = _this$get.children,
     type = _this$get.type,
-    directory = _this$get.directory;
+    directory = _this$get.directory,
+    disabled = _this$get.disabled;
   var drag = this.drag;
   var k = this.config.k;
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-upload"] = true, _classNameObj[className] = className, _classNameObj[k + "-drag"] = type === 'drag', _classNameObj[k + "-dragover"] = drag.dragOver.value, _classNameObj[k + "-gallery"] = type === 'gallery', _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-upload"] = true, _classNameObj[className] = className, _classNameObj[k + "-drag"] = type === 'drag', _classNameObj[k + "-dragover"] = drag.dragOver.value, _classNameObj[k + "-gallery"] = type === 'gallery', _classNameObj[k + "-disabled"] = disabled, _classNameObj[makeStyles(k)] = true, _classNameObj);
   var events = {
     'ev-click': this.selectFile
   };
@@ -49,6 +50,7 @@ export default function ($props, $blocks, $__proto__) {
       };
       return block ? block.call($this, callBlock, data) : callBlock();
     }, __$blocks['children'](_$no)) : type !== 'gallery' ? type === 'select' ? _$cc(Button, {
+      'disabled': disabled,
       'children': [_$cc(Icon, {
         'className': _$cn(k + "-icon-upload")
       }), _$('点击上传')]

package/components/upload/styles.js

@@ -113,7 +113,7 @@ setDefault(function () {
   makeUploadDialogStyles == null || makeUploadDialogStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}");
+  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
 });
 export var makeUploadDialogStyles = cache(function makeUploadDialogStyles(k) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/components/view/index.d.ts

@@ -0,0 +1,15 @@
+import { Component, TypeDefs } from 'intact-react';
+export interface ViewProps {
+    tag?: string;
+}
+/**
+ * A component only used in React or Vue to bind event, so that
+ * it can use Intact Event system to stop propagation (stopPropagation).
+ */
+export declare class View extends Component<ViewProps> {
+    static template(this: View): import('intact-react').VNode<string>;
+    static typeDefs: Required<TypeDefs<ViewProps>>;
+    static defaults(): {
+        tag: string;
+    };
+}

package/components/view/index.js

@@ -0,0 +1,30 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
+import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+var _excluded = ["tag"];
+import { Component, createVNode as h } from 'intact-react';
+var typeDefs = {
+  tag: String
+};
+/**
+ * A component only used in React or Vue to bind event, so that
+ * it can use Intact Event system to stop propagation (stopPropagation).
+ */
+export var View = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(View, _Component);
+  function View() {
+    return _Component.apply(this, arguments) || this;
+  }
+  View.template = function template() {
+    var _this$get = this.get(),
+      tag = _this$get.tag,
+      rest = _objectWithoutPropertiesLoose(_this$get, _excluded);
+    return h(tag, rest);
+  };
+  View.defaults = function defaults() {
+    return {
+      tag: 'div'
+    };
+  };
+  return View;
+}(Component);
+View.typeDefs = typeDefs;

package/i18n/en-US.d.ts

@@ -73,7 +73,7 @@ declare const i18n: {
     前往: string;
     页: string;
     '\u5171 {n} \u6761': string;
-    '/(\u3112o\u3112)/~~ \u6CA1\u6709\u627E\u5230\u4EB2\u8981\u7684\u6570\u636E\u54E6~': string;
+    暂无数据: string;
     重置: string;
     请输入: string;
     请选择: string;

package/i18n/en-US.js

@@ -80,7 +80,7 @@ var i18n = {
   '页': '',
   '共 {n} 条': 'Total {n}',
   // table
-  '/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~': '/(ㄒoㄒ)/~~ No data to display.',
+  '暂无数据': 'No data to display.',
   '重置': 'Reset',
   // transfer
   '请输入': 'Please enter',

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.2.2-beta.0
+ * @king-design v3.3.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -24,9 +24,11 @@ export * from './components/config';
 export * from './components/copy';
 export * from './components/datepicker';
 export * from './components/dialog';
+export * from './components/divider';
 export * from './components/drawer';
 export * from './components/dropdown';
 export * from './components/editable';
+export * from './components/ellipsis';
 export * from './components/form';
 export * from './components/grid';
 export * from './components/icon';
@@ -59,8 +61,9 @@ export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
+export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.2.2-beta.0";
+export declare const version = "3.3.0";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.2.2-beta.0
+ * @king-design v3.3.0
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -25,9 +25,11 @@ export * from './components/config';
 export * from './components/copy';
 export * from './components/datepicker';
 export * from './components/dialog';
+export * from './components/divider';
 export * from './components/drawer';
 export * from './components/dropdown';
 export * from './components/editable';
+export * from './components/ellipsis';
 export * from './components/form';
 export * from './components/grid';
 export * from './components/icon';
@@ -60,8 +62,9 @@ export * from './components/transfer';
 export * from './components/tree';
 export * from './components/treeSelect';
 export * from './components/upload';
+export * from './components/view';
 export * from './components/wave';
-export var version = '3.2.2-beta.0';
+export var version = '3.3.0';
 /* generate end */
 
 export {normalize} from 'intact-react';