@king-design/vue 3.4.3 → 3.4.5

package/components/button/group.d.ts

@@ -5,6 +5,7 @@ export interface ButtonGroupProps {
     checkType?: 'none' | 'radio' | 'checkbox';
     fluid?: boolean;
     seperate?: boolean;
+    separate?: boolean;
     btnWidth?: number | string;
 }
 export declare class ButtonGroup extends Component<ButtonGroupProps> {

package/components/button/group.js

@@ -11,6 +11,7 @@ var typeDefs = {
   fluid: Boolean,
   checkType: ['none', 'radio', 'checkbox'],
   seperate: Boolean,
+  separate: Boolean,
   btnWidth: [Number, String]
 };
 var defaults = function defaults() {
@@ -33,6 +34,9 @@ export var ButtonGroup = /*#__PURE__*/function (_Component) {
   var _proto = ButtonGroup.prototype;
   _proto.init = function init() {
     provide(BUTTON_GROUP, this);
+    if (typeof this.get().seperate === 'boolean') {
+      console.warn("`seperate` is a typo which will be removed in next version, please using `separate` instead");
+    }
   };
   _proto.setValue = function setValue(v) {
     var _this$get = this.get(),

package/components/button/group.vdt.js

@@ -12,9 +12,10 @@ export default function ($props, $blocks, $__proto__) {
     vertical = _this$get.vertical,
     children = _this$get.children,
     fluid = _this$get.fluid,
-    seperate = _this$get.seperate;
+    seperate = _this$get.seperate,
+    separate = _this$get.separate;
   var k = this.config.k;
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-btns"] = true, _classNameObj[k + "-vertical"] = vertical, _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-seperate"] = seperate, _classNameObj[className] = className, _classNameObj[makeButtonGroupStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-btns"] = true, _classNameObj[k + "-vertical"] = vertical, _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-separate"] = typeof separate === 'boolean' ? separate : separate, _classNameObj[className] = className, _classNameObj[makeButtonGroupStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), children);

package/components/button/styles.js

@@ -219,13 +219,13 @@ export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide, color
   }), ";.", k, "-icon-loading{margin-left:-1em;}}}"), ";"));
 });
 export var makeButtonGroupStyles = cache(function makeButtonGroupStyles(k) {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;flex-wrap:wrap;vertical-align:middle;.", k, "-btn{margin:0;vertical-align:middle;&:hover,&:focus,&.", k, "-active{z-index:1;position:relative;}}&.", k, "-fluid{width:100%;}&:not(.", k, "-vertical):not(.", k, "-seperate){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;flex-wrap:wrap;vertical-align:middle;.", k, "-btn{margin:0;vertical-align:middle;&:hover,&:focus,&.", k, "-active{z-index:1;position:relative;}}&.", k, "-fluid{width:100%;}&:not(.", k, "-vertical):not(.", k, "-separate){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     var borderColor = button.group[type].borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, ":not(:first-child){border-left-color:", borderColor, ";}&.", k, "-", type, ":not(:last-child){border-right-color:", borderColor, ";}");
-  }), ";&:not(:first-child){margin-left:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;}}&.", k, "-fluid{display:flex;>.", k, "-btn{flex:1;}}}&.", k, "-vertical:not(.", k, "-seperate){flex-direction:column;>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
+  }), ";&:not(:first-child){margin-left:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;}}&.", k, "-fluid{display:flex;>.", k, "-btn{flex:1;}}}&.", k, "-vertical:not(.", k, "-separate){flex-direction:column;>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     var borderColor = button.group[type].borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, ":not(:first-child){border-top-color:", borderColor, ";}&.", k, "-", type, ":not(:last-child){border-bottom-color:", borderColor, ";}");
-  }), ";&:not(.", k, "-btn-icon){width:100%;}&:not(:first-child){margin-top:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;}}}&.", k, "-seperate{gap:8px;}");
+  }), ";&:not(.", k, "-btn-icon){width:100%;}&:not(:first-child){margin-top:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;}}}&.", k, "-separate{gap:8px;}");
 });

package/components/table/cell.d.ts

@@ -16,6 +16,7 @@ export interface TableCellProps {
     onClickArrow: (e: MouseEvent) => void;
     hasChildren: boolean;
     loaded: boolean;
+    spreadArrowIndex: number;
 }
 export declare class TableCell extends Component<TableCellProps> {
     static template: string | import('intact-vue-next').Template<any>;

package/components/table/cell.vdt.js

@@ -23,10 +23,12 @@ export default function ($props, $blocks, $__proto__) {
     rowspan = _this$get.rowspan,
     onClickArrow = _this$get.onClickArrow,
     hasChildren = _this$get.hasChildren,
-    loaded = _this$get.loaded;
+    loaded = _this$get.loaded,
+    spreadArrowIndex = _this$get.spreadArrowIndex;
   var k = this.config.k;
   var blocks = props.$blocks;
   var children = get(data, props.key);
+  var isTree = !spreadArrowIndex ? columnIndex === 0 : columnIndex === spreadArrowIndex;
   if (blocks) {
     var template = blocks.template || blocks.default;
     if (template) {
@@ -41,12 +43,12 @@ export default function ($props, $blocks, $__proto__) {
   var _getClassAndStyleForF = getClassAndStyleForFixed(props, offset, k, checkType),
     className = _getClassAndStyleForF.className,
     style = _getClassAndStyleForF.style;
-  if (columnIndex === 0 && indent) {
+  if (isTree && indent) {
     style || (style = {});
     style.paddingLeft = indent + "px";
   }
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-hidden"] = props.hidden, _classNameObj[className] = className, _classNameObj);
-  return _$ce(2, 'td', [columnIndex === 0 && hasChildren ? _$cc(Button, {
+  return _$ce(2, 'td', [hasChildren && isTree ? _$cc(Button, {
     'type': 'none',
     'icon': true,
     'circle': true,

package/components/table/column.vdt.js

@@ -13,7 +13,7 @@ import { linkEvent } from 'intact-vue-next';
 import { context as TableContext } from './useColumns';
 import { context as ResizableContext } from './useResizable';
 import { context as FixedColumnsContext } from './useFixedColumns';
-import { stopPropagation } from '../utils';
+import { stopPropagation, addStyle } from '../utils';
 import { Input } from '../input';
 import { _$ } from '../../i18n';
 import { ignoreSortable } from './useSortable';
@@ -49,19 +49,22 @@ export default function ($props, $blocks, $__proto__) {
     checkAll = _this$group.checkAll;
   var k = this.config.k;
   return _$cc(TableContext.Consumer, {
-    'children': function children(checkType) {
+    'children': function children(_ref) {
+      var checkType = _ref.checkType,
+        lastCellKey = _ref.lastCellKey,
+        lastCellStyle = _ref.lastCellStyle;
       return _$cc(GroupContext.Consumer, {
-        'children': function children(_ref) {
-          var currentGroup = _ref.group,
-            onChange = _ref.onChange;
+        'children': function children(_ref2) {
+          var currentGroup = _ref2.group,
+            onChange = _ref2.onChange;
           return _$cc(SortableContext.Consumer, {
-            'children': function children(_ref2) {
-              var sort = _sortInstanceProperty(_ref2),
-                onChangeSort = _ref2.onChange;
+            'children': function children(_ref3) {
+              var sort = _sortInstanceProperty(_ref3),
+                onChangeSort = _ref3.onChange;
               return _$cc(ResizableContext.Consumer, {
-                'children': function children(_ref3) {
-                  var resizable = _ref3.resizable,
-                    onStart = _ref3.onStart;
+                'children': function children(_ref4) {
+                  var resizable = _ref4.resizable,
+                    onStart = _ref4.onStart;
                   return _$cc(FixedColumnsContext.Consumer, {
                     'children': function children(offsetMap) {
                       var _classNameObj, _$cn2, _$cn4;
@@ -168,7 +171,7 @@ export default function ($props, $blocks, $__proto__) {
                         'className': _$cn(k + "-icon-down-bold " + k + "-desc"),
                         'size': 'mini'
                       })], 4, _$cn((_$cn4 = {}, _$cn4[k + "-column-sort"] = true, _$cn4[k + "-" + type] = type, _$cn4))) : undefined], 0, _$cn(k + "-table-title"))], 0, _$cn(classNameObj), {
-                        'style': style,
+                        'style': key === lastCellKey ? addStyle(style, lastCellStyle) : style,
                         'title': isStringOrNumber(title) ? title : null,
                         'ev-click': sortable ? linkEvent(key, onChangeSort) : null,
                         'colspan': cols,

package/components/table/row.d.ts

@@ -24,6 +24,7 @@ export interface TableRowProps {
     onBeforeUnmount: (key: TableRowKey) => void;
     offsetMap: Record<Key, number>;
     animation: boolean;
+    spreadArrowIndex: number;
     loaded: boolean;
     draggable: boolean;
     draggingKey: TableRowKey | null;

package/components/table/row.vdt.js

@@ -34,7 +34,8 @@ export default function ($props, $blocks, $__proto__) {
     draggable = _this$get.draggable,
     draggingKey = _this$get.draggingKey,
     animation = _this$get.animation,
-    loaded = _this$get.loaded;
+    loaded = _this$get.loaded,
+    spreadArrowIndex = _this$get.spreadArrowIndex;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-checked"] = checked, _classNameObj[k + "-selected"] = selected, _classNameObj[k + "-spreaded"] = spreaded, _classNameObj[k + "-dragging"] = draggingKey === key, _classNameObj[className] = className, _classNameObj);
   var getGridItem = function getGridItem(columnIndex) {
@@ -92,7 +93,8 @@ export default function ($props, $blocks, $__proto__) {
       'rowspan': spans ? spans.rowspan : undefined,
       'onClickArrow': _this.onClickArrow,
       'hasChildren': hasChildren,
-      'key': columnKey
+      'key': columnKey,
+      'spreadArrowIndex': spreadArrowIndex
     }, columnKey));
   });
   var rows = animation ? _$cc(TransitionGroup, {

package/components/table/styles.d.ts

@@ -1,4 +1,53 @@
 import '../../styles/global';
+declare const defaults: {
+    readonly transition: string;
+    border: string;
+    readonly borderRadius: string;
+    fontSize: string;
+    bgColor: string;
+    readonly color: string;
+    fixLeftShadow: string;
+    fixRightShadow: string;
+    thead: {
+        readonly bgColor: string;
+        readonly color: string;
+        padding: string;
+        fontSize: string;
+        fontWeight: string;
+        textAlign: string;
+        height: string;
+        delimiterHeight: string;
+        delimiterColor: string;
+    };
+    tbody: {
+        readonly hoverBgcolor: string;
+        padding: string;
+    };
+    stripeBgColor: string;
+    group: {
+        gap: string;
+        menuMaxHeight: string;
+        menuMinWidth: string;
+        readonly activeColor: string;
+        headerPadding: string;
+        readonly headerBorder: string;
+    };
+    sort: {
+        iconHeight: string;
+        gap: string;
+        readonly enabledColor: string;
+    };
+    expandBgColor: string;
+    readonly selectedBgColor: string;
+    arrow: {
+        gap: string;
+        width: string;
+    };
+    resizeWidth: string;
+    draggingOpacity: string;
+};
+declare let table: typeof defaults;
+export { table };
 export declare const makeStyles: {
     (k: string): string;
     clearCache(): {};

package/components/table/styles.js

@@ -89,8 +89,9 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
   makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
 });
+export { table };
 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-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}tfoot{z-index:2;tr{td{border-top:", 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, "-hidden{display:none;}.", 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-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}tfoot{z-index:2;tr{td{border-top:", table.border, ";border-bottom-color:transparent;}}}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, "-hidden{display:none;}.", 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%;}thead{position:sticky;top:0;}}&.", k, "-fix-footer{min-height:0;.", k, "-table-wrapper{height:100%;}tfoot{position:sticky;bottom:0;}}");
 });

package/components/table/table.d.ts

@@ -39,6 +39,7 @@ export interface TableProps<T = any, K extends TableRowKey = TableRowKey, C exte
     hideHeader?: boolean;
     pagination?: boolean | PaginationProps;
     fixFooter?: boolean;
+    spreadArrowIndex?: number;
     load?: (value: T) => Promise<void> | void;
 }
 export interface TableEvents<T = any, K extends TableRowKey = number> {

package/components/table/table.js

@@ -63,6 +63,7 @@ var typeDefs = {
   hideHeader: Boolean,
   pagination: [Boolean, Object],
   fixFooter: Boolean,
+  spreadArrowIndex: Number,
   load: Function
 };
 var defaults = function defaults() {

package/components/table/table.vdt.js

@@ -55,13 +55,17 @@ export default function ($props, $blocks, $__proto__) {
     _animation = _this$get.animation,
     hideHeader = _this$get.hideHeader,
     pagination = _this$get.pagination,
-    fixFooter = _this$get.fixFooter;
+    fixFooter = _this$get.fixFooter,
+    spreadArrowIndex = _this$get.spreadArrowIndex;
   var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
   var _this$columns$getData = this.columns.getData(),
     columns = _this$columns$getData.columns,
     cols = _this$columns$getData.cols,
     maxRows = _this$columns$getData.maxRows,
     maxCols = _this$columns$getData.maxCols;
+  var _this$columns$getStyl = this.columns.getStyleForLastColumn(),
+    lastCellKey = _this$columns$getStyl.lastCellKey,
+    lastCellStyle = _this$columns$getStyl.lastCellStyle;
   var _this$fixedColumns = this.fixedColumns,
     scrollPosition = _this$fixedColumns.scrollPosition,
     hasFixed = _this$fixedColumns.hasFixed,
@@ -101,7 +105,11 @@ export default function ($props, $blocks, $__proto__) {
     onChangeChecked = _this$checked.onChangeChecked;
   var allCheckedStatus = getAllCheckedStatus();
   var thead = hideHeader ? null : _$cc(TableContext.Provider, {
-    'value': checkType,
+    'value': {
+      checkType: checkType,
+      lastCellKey: lastCellKey,
+      lastCellStyle: lastCellStyle
+    },
     'children': _$cc(GroupContext.Provider, {
       'value': {
         group: group,
@@ -205,6 +213,7 @@ export default function ($props, $blocks, $__proto__) {
         'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
         'offsetMap': offsetMap.value,
         'animation': animation[1],
+        'spreadArrowIndex': spreadArrowIndex,
         'draggable': draggable,
         'draggingKey': draggingKey.value,
         'onRowDragStart': onRowDragStart,

package/components/table/useColumns.d.ts

@@ -14,4 +14,13 @@ export declare function useColumns(): {
         maxRows: number;
         maxCols: number;
     };
+    getStyleForLastColumn: () => {
+        lastCellKey: null;
+        lastCellStyle: null;
+    } | {
+        lastCellKey: import('intact-vue-next').Key | null;
+        lastCellStyle: {
+            'border-right': string;
+        };
+    };
 };

package/components/table/useColumns.js

@@ -3,6 +3,7 @@ import { useInstance, directClone } from 'intact-vue-next';
 import { eachChildren, isComponentVNode } from '../utils';
 import { TableColumn } from './column';
 import { createContext } from '../context';
+import { table as theme } from './styles';
 export var context = createContext();
 export function useColumns() {
   var instance = useInstance();
@@ -89,9 +90,36 @@ export function useColumns() {
       maxCols: maxCols
     };
   }
+  function getStyleForLastColumn() {
+    if (instance.get('type') !== 'grid' || !columns.length || !cols.length) {
+      return {
+        lastCellKey: null,
+        lastCellStyle: null
+      };
+    }
+    var lastRow = columns[columns.length - 1];
+    var lastTrItem = lastRow[lastRow.length - 1];
+    var lastCol = cols[cols.length - 1];
+    if (!lastTrItem || !lastCol) {
+      return {
+        lastCellKey: null,
+        lastCellStyle: null
+      };
+    }
+    return lastCol.key === lastTrItem.key ? {
+      lastCellKey: null,
+      lastCellStyle: null
+    } : {
+      lastCellKey: lastTrItem.key,
+      lastCellStyle: {
+        'border-right': "" + theme.border
+      }
+    };
+  }
   return {
     getColumns: getColumns,
     getCols: getCols,
-    getData: getData
+    getData: getData,
+    getStyleForLastColumn: getStyleForLastColumn
   };
 }

package/components/tip/index.d.ts

@@ -1,12 +1,17 @@
+import { TypeDefs } from 'intact-vue-next';
 import { Tag, TagProps, TagEvents, TagBlocks } from '../tag/base';
 export interface TipProps extends TagProps {
+    showIcon?: boolean;
 }
 export interface TipEvents extends TagEvents {
 }
 export interface TipBlocks extends TagBlocks {
     title: null;
     close: null;
+    icon: null;
 }
 export declare class Tip extends Tag<TipProps, TipEvents, TipBlocks> {
-    static template: string | import("vdt").Template<any>;
+    static template: string | import('intact-vue-next').Template<any>;
+    static typeDefs: Required<TypeDefs<TipProps>>;
+    static defaults: () => Partial<TipProps>;
 }

package/components/tip/index.js

@@ -1,6 +1,15 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import template from './index.vdt';
 import { Tag } from '../tag/base';
+var typeDefs = _extends({}, Tag.typeDefs, {
+  showIcon: Boolean
+});
+var defaults = function defaults() {
+  return _extends({}, Tag.defaults(), {
+    showIcon: false
+  });
+};
 export var Tip = /*#__PURE__*/function (_Tag) {
   _inheritsLoose(Tip, _Tag);
   function Tip() {
@@ -8,4 +17,6 @@ export var Tip = /*#__PURE__*/function (_Tag) {
   }
   return Tip;
 }(Tag);
-Tip.template = template;
+Tip.template = template;
+Tip.typeDefs = typeDefs;
+Tip.defaults = defaults;

package/components/tip/index.vdt.js

@@ -1,9 +1,9 @@
-import { superCall as _$su, className as _$cn, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce, noop as _$no, createUnknownComponentVNode as _$cc } from 'intact-vue-next';
+import { createUnknownComponentVNode as _$cc, className as _$cn, noop as _$no, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce } from 'intact-vue-next';
 import { Button } from '../button';
 import { Icon } from '../icon';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj;
+  var _classNameObj, _$cn2;
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
@@ -13,9 +13,28 @@ export default function ($props, $blocks, $__proto__) {
     children = _this$get.children,
     closable = _this$get.closable,
     type = _this$get.type,
-    disabled = _this$get.disabled;
+    disabled = _this$get.disabled,
+    showIcon = _this$get.showIcon;
   var k = this.config.k;
+  var iconMap = {
+    default: 'information-fill',
+    info: 'information-fill',
+    warning: 'warning-fill',
+    success: 'success-fill',
+    error: 'error-fill'
+  };
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-tip"] = true, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var iconWrapper = !$blocks.icon ? _$cc(Icon, {
+    'className': _$cn((_$cn2 = {}, _$cn2[k + "-icon-" + (iconMap[type] || iconMap.info)] = true, _$cn2[k + "-tip-icon"] = true, _$cn2))
+  }) : (_$blocks['icon'] = function ($super) {
+    return null;
+  }, __$blocks['icon'] = function ($super, data) {
+    var block = $blocks['icon'];
+    var callBlock = function callBlock() {
+      return _$blocks['icon'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['icon'](_$no));
   return _$su.call($this, {
     'className': _$cn(classNameObj),
     'name': 'k-fade'
@@ -23,7 +42,8 @@ export default function ($props, $blocks, $__proto__) {
     var _$blocks = {},
       __$blocks = _$ex({}, $blocks);
     return (_$blocks['body'] = function ($super) {
-      return _$ce(2, 'div', [$blocks.title ? _$ce(2, 'div', (_$blocks['title'] = function ($super) {
+      var _$cn3, _$cn4;
+      return _$ce(2, 'div', [!$blocks.title && (showIcon || $blocks.icon) ? iconWrapper : undefined, $blocks.title ? _$ce(2, 'div', [showIcon ? iconWrapper : undefined, _$ce(2, 'span', (_$blocks['title'] = function ($super) {
         return null;
       }, __$blocks['title'] = function ($super, data) {
         var block = $blocks['title'];
@@ -31,7 +51,7 @@ export default function ($props, $blocks, $__proto__) {
           return _$blocks['title'].call($this, $super, data);
         };
         return block ? block.call($this, callBlock, data) : callBlock();
-      }, __$blocks['title'](_$no)), 0, _$cn(k + "-tip-title")) : undefined, children], 0, _$cn(k + "-tip-wrapper"));
+      }, __$blocks['title'](_$no)), 0, _$cn(k + "-title-content"))], 0, _$cn((_$cn3 = {}, _$cn3[k + "-tip-title"] = true, _$cn3[k + "-with-icon"] = showIcon, _$cn3))) : undefined, _$ce(2, 'div', children, 0, _$cn(k + "-tip-content"))], 0, _$cn((_$cn4 = {}, _$cn4[k + "-tip-wrapper"] = true, _$cn4[k + "-with-icon"] = !$blocks.title && (showIcon || $blocks.icon), _$cn4)));
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
       var callBlock = function callBlock() {

package/components/tip/styles.js

@@ -1,7 +1,8 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { theme, setDefault } from '../../styles/theme';
 import { css } from '@emotion/css';
 import '../../styles/global';
-import { deepDefaults } from '../../styles/utils';
+import { deepDefaults, sizes } from '../../styles/utils';
 import { cache } from '../utils';
 var defaults = {
   title: {
@@ -14,6 +15,39 @@ var defaults = {
   },
   get padding() {
     return "6px " + theme.default.padding;
+  },
+  content: {
+    padding: '7px 33px 8px 8px'
+  },
+  icon: {
+    fontSize: "18px",
+    left: "16px",
+    top: "6px"
+  },
+  large: {
+    padding: "12px",
+    get fontSize() {
+      return theme.default.fontSize;
+    },
+    close: {
+      height: '42px'
+    }
+  },
+  small: {
+    padding: "4px 12px",
+    get fontSize() {
+      return theme.small.fontSize;
+    },
+    close: {
+      height: '26px'
+    }
+  },
+  mini: {
+    padding: "2px 12px",
+    fontSize: '11px',
+    close: {
+      height: '20px'
+    }
   }
 };
 var tip;
@@ -24,5 +58,13 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("&.", k, "-tip{display:flex;height:auto;padding:0;color:", tip.color, "!important;align-items:flex-start;}.", k, "-tip-wrapper{flex:1;padding:", tip.padding, ";}.", k, "-tip-title{font-size:", tip.title.fontSize, ";margin-bottom:", tip.title.gap, ";font-weight:", tip.title.fontWeight, ";}&.", k, "-fade-leave-active{position:relative;}.", k, "-tip-close:hover{background:none;}");
+  var _context;
+  return /*#__PURE__*/css("&.", k, "-tip{display:flex;height:auto;padding:0;color:", tip.color, "!important;align-items:flex-start;", _mapInstanceProperty(sizes).call(sizes, function (s) {
+    if (s === 'default') return;
+    var styles = tip[s];
+    return /*#__PURE__*/css("&.", k, "-", s, "{padding:0;height:auto;font-size:", styles.fontSize, ";.", k, "-tip-wrapper{padding:", styles.padding, ";}.", k, "-tip-close{height:", styles.close.height, ";}}");
+  }), ";}.", k, "-tip-wrapper{flex:1;padding:", tip.padding, ";}.", k, "-tip-title{font-size:", tip.title.fontSize, ";margin-bottom:", tip.title.gap, ";font-weight:", tip.title.fontWeight, " display:flex;align-items:center;}&.", k, "-fade-leave-active{position:relative;}.", k, "-tip-close{height:30px;&:hover{background:none;}}.", k, "-with-icon{display:flex;.", k, "-tip-icon{font-size:18px;vertical-align:middle;}.", k, "-title-content{display:inline-block;padding-left:8px;}.", k, "-tip-content{display:inline-block;padding-left:8px;vertical-align:middle;word-break:break-word;overflow-wrap:break-word;}}", _mapInstanceProperty(_context = ['primary', 'danger', 'success', 'warning']).call(_context, function (type) {
+    var color = theme.color[type];
+    return /*#__PURE__*/css("&.", k, "-", type, "{.", k, "-tip-icon{color:", color, ";}}");
+  }), ";");
 });

package/components/tooltip/tooltip.js

@@ -54,7 +54,11 @@ export var Tooltip = /*#__PURE__*/function (_Dropdown) {
     if (shouldFocus === void 0) {
       shouldFocus = false;
     }
-    if (this.get('disabled')) return;
+    var _this$get = this.get(),
+      disabled = _this$get.disabled,
+      always = _this$get.always,
+      value = _this$get.value;
+    if (disabled || always && !value) return;
     clearTimeout(this.timer);
     this.set('value', true);
   };

package/components/transfer/index.vdt.js

@@ -128,8 +128,7 @@ export default function ($props, $blocks, $__proto__) {
     'icon': true,
     'disabled': !enableRemove(),
     'ev-click': remove,
-    'type': 'primary',
-    'size': 'large',
+    'type': 'secondary',
     'children': _$cc(Icon, {
       'className': _$cn(k + "-transfer-icon " + k + "-icon-left")
     })
@@ -138,8 +137,7 @@ export default function ($props, $blocks, $__proto__) {
     'icon': true,
     'disabled': !enableAdd(),
     'ev-click': add,
-    'type': 'primary',
-    'size': 'large',
+    'type': 'secondary',
     'children': _$cc(Icon, {
       'className': _$cn(k + "-transfer-icon " + k + "-icon-right")
     })

package/components/upload/index.vdt.js

@@ -3,6 +3,7 @@ import { createVNode as _$cv, className as _$cn, noop as _$no, createUnknownComp
 import { Button } from '../button';
 import { Progress } from '../progress';
 import { Dialog } from '../dialog';
+import { Ellipsis } from '../ellipsis';
 import { expandAnimationCallbacks, getRestProps } from '../utils';
 import { makeStyles, makeUploadDialogStyles } from './styles';
 import { TransitionGroup, Transition, linkEvent } from 'intact-vue-next';
@@ -128,7 +129,9 @@ export default function ($props, $blocks, $__proto__) {
       var _$cn3;
       return _$ce(2, 'div', [_$ce(2, 'div', [_$ce(2, 'div', [_$cc(Icon, {
         'className': _$cn(k + "-upload-file-icon ion-document")
-      }), _$ce(2, 'span', $value.name, 0, _$cn(k + "-upload-file-name")), $value.status === UploadFileStatus.Done ? _$cc(Icon, {
+      }), _$ce(2, 'span', _$cc(Ellipsis, {
+        'children': $value.name
+      }), 2, _$cn(k + "-upload-file-name")), $value.status === UploadFileStatus.Done ? _$cc(Icon, {
         'className': _$cn(k + "-upload-status-icon " + k + "-icon-success-fill")
       }) : $value.status === UploadFileStatus.Error ? _$cc(Icon, {
         'className': _$cn(k + "-upload-status-icon " + k + "-icon-error-fill")

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%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
+  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;min-width:0;}.", 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" ? {