@king-design/vue 2.0.0-beta.0 → 2.0.1

package/components/table/useExpandable.d.ts

@@ -2,6 +2,3 @@ import type { TableRowKey } from './table';
 export declare function useExpandable(): {
     isExpanded: (key: TableRowKey) => boolean;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useExpandable.js

@@ -21,6 +21,4 @@ export function useExpandable() {
   return {
     isExpanded: isExpanded
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useFixedColumns.d.ts

@@ -6,7 +6,7 @@ import type { useScroll } from './useScroll';
 declare type ScrollPosition = 'left' | 'middle' | 'right';
 export declare const context: {
     Provider: import("intact").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<{}, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };
 export declare function useFixedColumns(getColumns: () => VNodeComponentClass<TableColumn>[][], { scrollRef, callbacks }: ReturnType<typeof useScroll>, widthMap: State<Record<TableRowKey, number>>): {
     scrollPosition: State<ScrollPosition | null>;
@@ -22,6 +22,3 @@ export declare function getClassAndStyleForFixed({ className, fixed }: Props<Tab
     } | null;
 };
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useFixedColumns.js

@@ -17,7 +17,10 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
   var offsetMap = {};
   callbacks.push(setScrollPosition);
   instance.on('$receive:children', handleFixedColumns);
-  watchState(widthMap, handleFixedColumns);
+  watchState(widthMap, function () {
+    handleFixedColumns();
+    updateScrollPositionOnResize();
+  });
   var throttleUpdate = throttle(function () {
     if (instance.$unmounted) return;
     updateScrollPositionOnResize();
@@ -102,7 +105,7 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
     if (scrollDom.scrollWidth - scrollDom.offsetWidth <= 0) {
       scrollPosition.set(null);
     } else {
-      scrollPosition.set('left');
+      setScrollPosition(scrollRef.value.scrollLeft);
     }
   }
 
@@ -137,6 +140,4 @@ function validateWidth(_ref4) {
   if (isNullOrUndefined(width) || isString(width) && !/\d+(px)?/.test(width)) {
     error("The width must be specified with 'px' when the column has fixed. <TableColumn key=\"" + key + "\" />");
   }
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useGroup.d.ts

@@ -4,7 +4,7 @@ declare type ContextValue = {
 };
 export declare const context: {
     Provider: import('intact-vue-next').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<ContextValue>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<{}, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<ContextValue>, {}, {}, {}>>;
 };
 export declare function useGroup(): {
     onSelect: (value: any, groupValue: any, onChange: ContextValue['onChange']) => void;
@@ -12,6 +12,3 @@ export declare function useGroup(): {
     getGroupText: (groupValue: any) => string | null;
 };
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useGroup.js

@@ -65,6 +65,4 @@ export function useGroup() {
     isChecked: isChecked,
     getGroupText: getGroupText
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useMerge.d.ts

@@ -13,6 +13,3 @@ export declare type TableGrid = TableGridItem[][];
 export declare function useMerge(getCols: () => Props<TableColumnProps>[]): {
     getGrid: () => TableGrid;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useMerge.js

@@ -74,6 +74,4 @@ export function useMerge(getCols) {
   return {
     getGrid: getGrid
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useResizable.d.ts

@@ -3,12 +3,9 @@ import type { TableRowKey } from './table';
 import { State } from '../../hooks/useState';
 export declare const context: {
     Provider: import("intact").ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<{}, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };
 export declare function useResizable(scrollRef: RefObject<HTMLElement>, tableRef: RefObject<HTMLElement>, tableWidth: State<number | null>, widthMap: State<Record<TableRowKey, number>>, storeWidth: () => void): {
     start: (e: MouseEvent) => void;
     dragging: State<boolean>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useResizable.js

@@ -57,6 +57,4 @@ export function useResizable(scrollRef, tableRef, tableWidth, widthMap, storeWid
     onMove: onMove,
     onEnd: storeWidth
   });
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useRestRowStatus.d.ts

@@ -2,6 +2,3 @@ import type { TableRowKey } from './table';
 export declare function useRestRowStatus(getAllKeys: () => TableRowKey[]): {
     onRowBeforeUnmount: (key: TableRowKey) => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useRestRowStatus.js

@@ -42,6 +42,4 @@ export function useRestRowStatus(getAllKeys) {
   return {
     onRowBeforeUnmount: onRowBeforeUnmount
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useScroll.d.ts

@@ -4,6 +4,3 @@ export declare function useScroll(): {
     callbacks: ScrollCallback[];
     scrollRef: RefObject<HTMLElement>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useScroll.js

@@ -27,6 +27,4 @@ export function useScroll() {
     callbacks: callbacks,
     scrollRef: scrollRef
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useSelected.d.ts

@@ -2,6 +2,3 @@ import type { TableRowKey } from './table';
 export declare function useSelected(): {
     isSelected: (key: TableRowKey) => boolean;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useSelected.js

@@ -26,6 +26,4 @@ export function useSelected() {
   return {
     isSelected: isSelected
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useSortable.d.ts

@@ -1,10 +1,7 @@
 export declare const context: {
     Provider: import('intact-vue-next').ComponentConstructor<import("intact").Component<import("../context").ProviderProps<any>, {}, {}, {}>>;
-    Consumer: import("intact").ComponentConstructor<import("intact").Component<{}, {}, {}, {}>>;
+    Consumer: import("intact").ComponentConstructor<import("intact").Component<import("../context").ConsumerProps<any>, {}, {}, {}>>;
 };
 export declare function useSortable(): {
     onChange: (key: string) => void;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useSortable.js

@@ -31,6 +31,4 @@ export function useSortable() {
   return {
     onChange: onChange
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useStickyHeader.d.ts

@@ -7,6 +7,3 @@ export declare function useStickyHeader(callbacks: ScrollCallback[]): {
     elementRef: RefObject<HTMLElement>;
     headRef: RefObject<HTMLElement>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useStickyHeader.js

@@ -31,6 +31,4 @@ export function useStickyHeader(callbacks) {
     elementRef: elementRef,
     headRef: headRef
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useStickyScrollbar.d.ts

@@ -10,6 +10,3 @@ export declare function useStickyScrollbar(elementRef: RefObject<HTMLElement>, {
     onScroll: (e: Event) => void;
     tableActualWidth: State<string | null>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useStickyScrollbar.js

@@ -81,6 +81,4 @@ export function useStickyScrollbar(elementRef, _ref, tableRef, tableScroll, tabl
     onScroll: onScroll,
     tableActualWidth: tableActualWidth
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useTree.d.ts

@@ -5,6 +5,3 @@ export declare function useTree(): {
     loopData: <T>(cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak?: boolean) => void;
 };
 export declare function loopDataWithChildrenKey<T>(data: any[] | undefined, childrenKey: string | undefined, cb: (value: any, index: number, level: number, meta: T | null) => T, shouldBreak: boolean): void;
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useTree.js

@@ -56,6 +56,4 @@ export function loopDataWithChildrenKey(data, childrenKey, cb, shouldBreak) {
   };
 
   loop(data, 0, null);
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/table/useWidth.d.ts

@@ -8,6 +8,3 @@ export declare function useWidth(scrollRef: RefObject<HTMLElement>, getColumns:
     storeWidth: () => void;
     getWidth: (key: TableRowKey) => string | null;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/table/useWidth.js

@@ -4,6 +4,7 @@ import { useInstance, onMounted, onBeforeUnmount, createRef } from 'intact-vue-n
 import ResizeObserver from 'resize-observer-polyfill';
 import { useState } from '../../hooks/useState';
 import { debounce } from '../utils';
+import { scrollbarWidth } from '../position';
 var hasLocalStorage = typeof localStorage !== 'undefined';
 export function useWidth(scrollRef, getColumns) {
   var instance = useInstance();
@@ -68,9 +69,19 @@ export function useWidth(scrollRef, getColumns) {
   function checkTableWidth(isMount) {
     checkColumnMinWidth(false);
 
-    if (instance.get('resizable')) {
+    var _instance$get3 = instance.get(),
+        resizable = _instance$get3.resizable,
+        type = _instance$get3.type;
+
+    if (resizable) {
+      var hasBorder = type === 'grid' || type === 'border';
       var _tableWidth = tableRef.value.offsetWidth;
-      var containerWidth = scrollRef.value.offsetWidth;
+      var container = scrollRef.value;
+      var containerWidth = container.offsetWidth + (hasBorder ? -2 : 0); // detect whether the table has vertical scrollbar or not
+
+      if (container.scrollHeight > container.clientHeight) {
+        containerWidth = containerWidth - scrollbarWidth();
+      }
 
       if (_tableWidth < containerWidth) {
         tableWidth.set(isMount ? null : containerWidth);
@@ -124,6 +135,4 @@ export function useWidth(scrollRef, getColumns) {
     storeWidth: storeWidth,
     getWidth: getWidth
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tabs/constants.d.ts

@@ -1,4 +1 @@
 export declare const TABS = "Tabs";
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/constants.js

@@ -1,3 +1 @@
-export var TABS = 'Tabs';
-
-export {normalize} from 'intact-vue-next';
+export var TABS = 'Tabs';

package/components/tabs/index.d.ts

@@ -25,6 +25,3 @@ export declare class Tabs<T = any> extends Component<TabsProps<T>, TabsEvents<T>
     changeTab(tabProps: TabProps): Promise<void>;
     remove(value: T): void;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/index.js

@@ -114,6 +114,4 @@ export var Tabs = /*#__PURE__*/function (_Component) {
 Tabs.template = template;
 Tabs.typeDefs = typeDefs;
 Tabs.defaults = defaults;
-Tabs.events = events;
-
-export {normalize} from 'intact-vue-next';
+Tabs.events = events;

package/components/tabs/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/index.spec.js

@@ -22,7 +22,7 @@ describe('Tabs', function () {
             instance._add();
 
             _context.next = 7;
-            return wait(300);
+            return wait(500);
 
           case 7:
             expect(tabs.outerHTML).to.matchSnapshot(); // prev & next
@@ -93,6 +93,4 @@ describe('Tabs', function () {
       }
     }, _callee2);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/tabs/index.vdt.js

@@ -57,6 +57,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': _$ce(2, 'i', null, 1, 'ion-ios-arrow-right')
   }, 'next') : undefined]);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/tabs/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/styles.js

@@ -10,6 +10,10 @@ var closeFontSizeMap = {
   mini: '16px'
 };
 var defaults = deepDefaults({
+  get transition() {
+    return theme.transition.middle;
+  },
+
   get borderColor() {
     return theme.color.border;
   },
@@ -55,7 +59,10 @@ var defaults = deepDefaults({
   },
   // no-border-card
   noBorderCard: {
-    bgColor: "#eee",
+    get bgColor() {
+      return theme.color.bg;
+    },
+
     gutter: "4px"
   }
 }, sizes.reduce(function (memo, size) {
@@ -86,10 +93,8 @@ setDefault(function () {
   }).tabs;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("border-bottom:", tabs.border, ";position:relative;line-height:1;.k-tab{margin:", tabs.margin, ";cursor:pointer;display:inline-block;text-align:center;color:", tabs.color, ";position:relative;vertical-align:middle;&:hover,&.k-active{color:", tabs.activeColor, ";}&.k-disabled{color:", theme.color.disabled, ";cursor:not-allowed;}}.k-tab-close{margin-right:-", tabs.closeGutter, ";margin-left:", tabs.closeGutter, ";position:relative;top:-1px;}.k-tabs-active-bar{transition:all ", theme.transition, ";position:absolute;left:0;height:", tabs.highlight.height, ";background:", tabs.highlight.bgColor, ";bottom:calc(-", tabs.highlight.height, " / 2);}&.k-vertical{display:inline-block;border-bottom:none;border-right:", tabs.border, ";.k-tab{display:block;margin:0;padding:", tabs.verticalPadding, ";}.k-tabs-active-bar{left:auto;top:0;right:calc(-", tabs.highlight.height, " / 2);width:", tabs.highlight.height, ";height:auto;}}&.k-tabs-card{.k-tab{margin:0;}.k-tabs-active-bar{background:#fff;top:0;height:auto;z-index:-1;border-left:", tabs.border, ";border-right:", tabs.border, ";&:before{content:'';display:block;position:absolute;height:", tabs.highlight.height, ";background:", theme.color.primary, ";top:0;left:-", tabs.borderWidth, ";right:-", tabs.borderWidth, ";}}&.k-vertical{.k-tabs-active-bar{left:0;width:auto;border-left:none;border-right:none;border-top:", tabs.border, ";border-bottom:", tabs.border, ";&:before{width:", tabs.highlight.height, ";left:0;right:auto;bottom:0;height:auto;}}}}&.k-tabs-border-card{border:", tabs.border, ";border-bottom:none;background:", tabs.borderCard.bgColor, ";.k-tab{margin:0;}.k-tabs-active-bar{background:#fff;top:0;height:auto;z-index:-1;}&.k-vertical{border-right:none;border-bottom:", tabs.border, ";.k-tabs-active-bar{width:auto;height:0;left:0;bottom:0;right:0;}}}&.k-tabs-no-border-card{border-bottom:none;.k-tab{margin-right:", tabs.noBorderCard.gutter, ";&:before{content:'';display:block;position:absolute;background:", tabs.noBorderCard.bgColor, ";top:0;bottom:0;left:0;right:0;z-index:-1;}}.k-tabs-acitve-bar{border:none;&:before{left:0;right:0;}}.k-vertical{border-right:none;.k-tab{margin-top:", tabs.noBorderCard.gutter, ";}.k-tabs-active-bar{border:none;}}}&:not(.k-vertical){.k-tabs-scroll{overflow:hidden;position:relative;padding-bottom:1px;margin-bottom:-1px;}&.k-tabs-border-card,&.k-tabs-no-border-card{.k-tabs-scroll{padding-bottom:0;margin-bottom:0;}}.k-tabs-wrapper{white-space:nowrap;float:left;transition:transform ", theme.transition, ";}.k-tabs-prev,.k-tabs-next{position:absolute;top:0;width:", tabs.navigatorWidth, "!important;}.k-tabs-prev{left:0;}.k-tabs-next{right:0;}&.k-is-scroll{padding:0 ", tabs.navigatorWidth, ";}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  return /*#__PURE__*/css("border-bottom:", tabs.border, ";position:relative;line-height:1;.k-tab{margin:", tabs.margin, ";cursor:pointer;display:inline-block;text-align:center;color:", tabs.color, ";position:relative;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;&:hover,&.k-active{color:", tabs.activeColor, ";}&.k-disabled{color:", theme.color.disabled, ";cursor:not-allowed;}}.k-tab-close{margin-right:-", tabs.closeGutter, ";margin-left:", tabs.closeGutter, ";position:relative;top:-1px;}.k-tabs-active-bar{transition:all ", tabs.transition, ";position:absolute;left:0;height:", tabs.highlight.height, ";background:", tabs.highlight.bgColor, ";bottom:calc(-", tabs.highlight.height, " / 2);}&.k-vertical{display:inline-block;border-bottom:none;border-right:", tabs.border, ";.k-tab{display:block;margin:0;padding:", tabs.verticalPadding, ";}.k-tabs-active-bar{left:auto;top:0;right:calc(-", tabs.highlight.height, " / 2);width:", tabs.highlight.height, ";height:auto;}}&.k-tabs-card{.k-tab{margin:0;}.k-tabs-active-bar{background:#fff;top:0;height:auto;z-index:-1;border-left:", tabs.border, ";border-right:", tabs.border, ";&:before{content:'';display:block;position:absolute;height:", tabs.highlight.height, ";background:", theme.color.primary, ";top:0;left:-", tabs.borderWidth, ";right:-", tabs.borderWidth, ";}}&.k-vertical{.k-tabs-active-bar{left:0;width:auto;border-left:none;border-right:none;border-top:", tabs.border, ";border-bottom:", tabs.border, ";&:before{width:", tabs.highlight.height, ";left:0;right:auto;bottom:0;height:auto;}}}}&.k-tabs-border-card{border:", tabs.border, ";border-bottom:none;background:", tabs.borderCard.bgColor, ";.k-tab{margin:0;}.k-tabs-active-bar{background:#fff;top:0;height:auto;z-index:-1;}&.k-vertical{border-right:none;border-bottom:", tabs.border, ";.k-tabs-active-bar{width:auto;height:0;left:0;bottom:0;right:0;}}}&.k-tabs-no-border-card{border-bottom:none;.k-tab{margin-right:", tabs.noBorderCard.gutter, ";&:before{content:'';display:block;position:absolute;background:", tabs.noBorderCard.bgColor, ";top:0;bottom:0;left:0;right:0;z-index:-1;}}.k-tabs-acitve-bar{border:none;&:before{left:0;right:0;}}&.k-vertical{border-right:none;.k-tab:not(:first-of-type){margin:", tabs.noBorderCard.gutter, " 0 0;}.k-tabs-active-bar{border:none;}}}&:not(.k-vertical){.k-tabs-scroll{overflow:hidden;position:relative;padding-bottom:1px;margin-bottom:-1px;}&.k-tabs-border-card,&.k-tabs-no-border-card{.k-tabs-scroll{padding-bottom:0;margin-bottom:0;}}.k-tabs-wrapper{white-space:nowrap;float:left;transition:transform ", tabs.transition, ";}.k-tabs-prev,.k-tabs-next{position:absolute;top:0;width:", tabs.navigatorWidth, "!important;}.k-tabs-prev{left:0;}.k-tabs-next{right:0;}&.k-is-scroll{padding:0 ", tabs.navigatorWidth, ";}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = tabs[size];
     return "\n                &.k-" + size + " {\n                    .k-tab {\n                        font-size: " + styles.fontSize + ";\n                        height: " + styles.height + ";\n                        line-height: " + styles.height + ";\n                        padding: " + styles.padding + ";\n                    }\n                    .k-tab-close .k-icon {\n                        font-size: " + styles.closeFontSize + ";\n                    }\n                }\n            ";
   }), ";");
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tabs/tab.d.ts

@@ -14,6 +14,3 @@ export declare class Tab extends Component<TabProps, TabEvents> {
     private onClick;
     private remove;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/tab.js

@@ -50,6 +50,4 @@ Tab.template = template;
 
 __decorate([bind], Tab.prototype, "onClick", null);
 
-__decorate([bind], Tab.prototype, "remove", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], Tab.prototype, "remove", null);

package/components/tabs/tab.vdt.js

@@ -5,7 +5,8 @@ import { Icon } from '../icon';
 import { getRestProps } from '../utils';
 import { isNullOrUndefined } from 'intact-shared';
 var _$tmp0 = {
-  'className': 'ion-ios-close-empty'
+  'className': 'ion-ios-close-empty',
+  'hoverable': true
 };
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
@@ -41,6 +42,4 @@ export default function ($props, $blocks, $__proto__) {
     'children': _$cc(Icon, _$tmp0)
   }) : undefined]);
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/tabs/useActiveBar.d.ts

@@ -1,4 +1 @@
 export declare function useActiveBar(): import("../../hooks/useState").State<Record<string, string> | null>;
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/useActiveBar.js

@@ -1,4 +1,4 @@
-import { useInstance, onMounted, onUpdated, findDomFromVNode } from 'intact-vue-next';
+import { useInstance, onMounted, onUpdated, findDomFromVNode, nextTick } from 'intact-vue-next';
 import { useState } from '../../hooks/useState';
 export function useActiveBar() {
   var instance = useInstance();
@@ -53,9 +53,10 @@ export function useActiveBar() {
     }
   }
 
-  onMounted(generateStyle);
-  onUpdated(generateStyle);
-  return styles;
-}
+  onMounted(generateStyle); // Tabs maybe embed into Transition, therefore handle style nextTick
 
-export {normalize} from 'intact-vue-next';
+  onUpdated(function () {
+    return nextTick(generateStyle);
+  });
+  return styles;
+}

package/components/tabs/useScroll.d.ts

@@ -8,6 +8,3 @@ export declare function useScroll(): {
     scrollRef: import('intact-vue-next').RefObject<HTMLElement>;
     wrapperRef: import("intact").RefObject<HTMLElement>;
 };
-
-
-export {normalize} from 'intact-vue-next';

package/components/tabs/useScroll.js

@@ -111,6 +111,4 @@ export function useScroll() {
     scrollRef: scrollRef,
     wrapperRef: wrapperRef
   };
-}
-
-export {normalize} from 'intact-vue-next';
+}

package/components/tag/base.d.ts

@@ -21,6 +21,3 @@ export declare class Tag<T extends TagProps = TagProps, E extends TagEvents = Ta
     static events: Events<TagEvents>;
     private onClose;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/tag/base.js

@@ -35,6 +35,7 @@ export var Tag = /*#__PURE__*/function (_Component) {
 
   _proto.onClose = function onClose(e) {
     e.stopPropagation();
+    if (this.get('disabled')) return;
     this.trigger('close', e);
 
     if (!e.defaultPrevented) {
@@ -49,6 +50,4 @@ Tag.typeDefs = typeDefs;
 Tag.defaults = defaults;
 Tag.events = events;
 
-__decorate([bind], Tag.prototype, "onClose", null);
-
-export {normalize} from 'intact-vue-next';
+__decorate([bind], Tag.prototype, "onClose", null);

package/components/tag/index.d.ts

@@ -2,6 +2,3 @@ import { TagProps, TagEvents, TagBlocks, Tag as BaseTag } from './base';
 export type { TagProps, TagEvents, TagBlocks };
 export declare class Tag extends BaseTag<TagProps, TagEvents, TagBlocks> {
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/tag/index.js

@@ -14,6 +14,4 @@ export var Tag = /*#__PURE__*/function (_BaseTag) {
   }
 
   return Tag;
-}(BaseTag);
-
-export {normalize} from 'intact-vue-next';
+}(BaseTag);

package/components/tag/index.spec.d.ts

@@ -1,4 +1 @@
 export {};
-
-
-export {normalize} from 'intact-vue-next';

package/components/tag/index.spec.js

@@ -37,6 +37,4 @@ describe('Tag', function () {
       }
     }, _callee);
   })));
-});
-
-export {normalize} from 'intact-vue-next';
+});

package/components/tag/index.vdt.js

@@ -58,6 +58,4 @@ export default function ($props, $blocks, $__proto__) {
     }, __$blocks['_close'](_$no))]) : undefined
   });
 }
-;
-
-export {normalize} from 'intact-vue-next';
+;

package/components/tag/styles.d.ts

@@ -1,5 +1,2 @@
 import '../../styles/global';
 export declare function makeStyles(): string;
-
-
-export {normalize} from 'intact-vue-next';

package/components/tag/styles.js

@@ -60,6 +60,12 @@ var defaults = deepDefaults({
       fontSize: '16px',
       gap: '2px'
     }
+  },
+  none: {
+    get bgColor() {
+      return theme.color.bg;
+    }
+
   }
 }, types.reduce(function (memo, type) {
   if (type === 'disabled') return memo;
@@ -82,14 +88,12 @@ setDefault(function () {
   }).tag;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("display:inline-flex;align-items:center;padding:", tag.padding, ";border:1px solid ", tag.borderColor, ";border-radius:", tag.borderRadius, ";font-size:", tag.fontSize, ";height:", tag.height, ";.k-tag-close{font-size:", tag.close.fontSize, ";margin-left:", tag.close.gap, ";}", _mapInstanceProperty(types).call(types, function (t) {
+  return /*#__PURE__*/css("display:inline-flex;align-items:center;padding:", tag.padding, ";border:1px solid ", tag.borderColor, ";border-radius:", tag.borderRadius, ";font-size:", tag.fontSize, ";height:", tag.height, ";.k-tag-close{font-size:", tag.close.fontSize, ";margin-left:", tag.close.gap, ";}&.k-none{border:none;background:", tag.none.bgColor, ";}", _mapInstanceProperty(types).call(types, function (t) {
     var styles = tag[t];
     return /*#__PURE__*/css("&.k-", t, "{color:", styles.color, ";border-color:", styles.color, ";background:", styles.bgColor, ";}");
   }), " ", _mapInstanceProperty(sizes).call(sizes, function (s) {
     if (s === 'default') return;
     var styles = tag[s];
     return /*#__PURE__*/css("&.k-", s, "{padding:", styles.padding, ";height:", styles.height, ";.k-tag-close{font-size:", styles.close.fontSize, ";margin-left:", styles.close.gap, ";}}");
-  }), "&.k-dashed{border-style:dashed;}&.k-none{border:none;}");
-}
-
-export {normalize} from 'intact-vue-next';
+  }), "&.k-dashed{border-style:dashed;}");
+}

package/components/timeline/index.d.ts

@@ -1,5 +1,2 @@
 export * from './timeline';
 export * from './item';
-
-
-export {normalize} from 'intact-vue-next';

package/components/timeline/index.js

@@ -1,4 +1,2 @@
 export * from './timeline';
-export * from './item';
-
-export {normalize} from 'intact-vue-next';
+export * from './item';

package/components/timeline/item.d.ts

@@ -15,6 +15,3 @@ export declare class TimelineItem extends Component<TimelineItemProps, TimelineI
     static typeDefs: Required<TypeDefs<TimelineItemProps>>;
     static defaults: () => Partial<TimelineItemProps>;
 }
-
-
-export {normalize} from 'intact-vue-next';

package/components/timeline/item.js

@@ -26,6 +26,4 @@ export var TimelineItem = /*#__PURE__*/function (_Component) {
 }(Component);
 TimelineItem.template = template;
 TimelineItem.typeDefs = typeDefs;
-TimelineItem.defaults = defaults;
-
-export {normalize} from 'intact-vue-next';
+TimelineItem.defaults = defaults;