@king-design/intact 3.1.1 → 3.1.3

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

@@ -70,7 +70,7 @@ export default function ($props, $blocks, $__proto__) {
       scrollPosition = _this$fixedColumns.scrollPosition,
       hasFixed = _this$fixedColumns.hasFixed,
       getHasFixedLeft = _this$fixedColumns.getHasFixedLeft,
-      getOffsetMap = _this$fixedColumns.getOffsetMap;
+      offsetMap = _this$fixedColumns.offsetMap;
   var scrollRef = this.scroll.scrollRef;
   var _this$stickyHeader = this.stickyHeader,
       stickHeader = _this$stickyHeader.stickHeader,
@@ -107,7 +107,6 @@ export default function ($props, $blocks, $__proto__) {
       getAllStatus = _this$checked.getAllStatus,
       onChangeChecked = _this$checked.onChangeChecked;
   var allCheckedStatus = getAllCheckedStatus();
-  var offsetMap = getOffsetMap();
   var thead = hideHeader ? null : _$cc(TableContext.Provider, {
     'value': checkType,
     'children': _$cc(GroupContext.Provider, {
@@ -126,7 +125,7 @@ export default function ($props, $blocks, $__proto__) {
             onStart: onStart
           },
           'children': _$cc(FixedColumnsContext.Provider, {
-            'value': offsetMap,
+            'value': offsetMap.value,
             'children': _$ce(2, 'thead', _$ma(columns, function ($value, $key) {
               return _$ce(2, 'tr', function () {
                 var ths = [$key === 0 && checkType !== 'none' ? _$cv('th', _extends({}, getClassAndStyleForFixed({
@@ -214,7 +213,7 @@ export default function ($props, $blocks, $__proto__) {
         'indent': indentSize,
         'onToggleSpreadRow': toggleSpreadRow,
         'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
-        'offsetMap': offsetMap,
+        'offsetMap': offsetMap.value,
         'animation': animation[1],
         'draggable': draggable,
         'draggingKey': draggingKey.value,

package/es/components/table/useColumns.js

@@ -41,6 +41,7 @@ export function useColumns() {
 
         ret = true;
         var clonedVNode = directClone(vNode);
+        if (currentVNode) currentVNode.props.nextVNode = clonedVNode;
 
         var props = _extends({}, clonedVNode.props, {
           cols: 0,

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

@@ -1,4 +1,4 @@
-import { VNodeComponentClass, Props, RefObject, Key } from 'intact';
+import { VNodeComponentClass, Props, Key } from 'intact';
 import { TableColumn, TableColumnProps } from './column';
 import type { TableProps, TableRowKey } from './table';
 import { State } from '../../hooks/useState';
@@ -7,14 +7,14 @@ 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<import("../context").ConsumerProps<any>, {}, {}, {}>>;
-    useContext: () => RefObject<any>;
+    useContext: () => import("intact").RefObject<any>;
 };
 export declare function useFixedColumns(getColumns: () => VNodeComponentClass<TableColumn>[][], { scrollRef, callbacks }: ReturnType<typeof useScroll>, widthMap: State<Record<TableRowKey, number>>): {
     scrollPosition: State<ScrollPosition | null>;
     setScrollPosition: (scrollLeft: number) => void;
     hasFixed: State<boolean>;
+    offsetMap: State<Record<Key, number>>;
     getHasFixedLeft: () => boolean;
-    getOffsetMap: () => Record<Key, number>;
 };
 export declare function getClassAndStyleForFixed({ className, fixed, align }: Props<TableColumnProps>, offset: number, k: string, checkType?: TableProps['checkType']): {
     className: string;

package/es/components/table/useFixedColumns.js

@@ -1,10 +1,10 @@
-import { useInstance, onMounted, onUnmounted } from 'intact';
+import { useInstance, findDomFromVNode, nextTick } from 'intact';
 import { useState } from '../../hooks/useState';
 import { cx } from '@emotion/css';
-import { isNullOrUndefined, isString, error } from 'intact-shared';
-import { throttle } from '../utils';
 import { watchState } from '../../hooks/useState';
 import { createContext } from '../context';
+import { useResizeObserver } from '../../hooks/useResizeObserver';
+import { isEqualObject } from '../utils';
 export var context = createContext();
 export function useFixedColumns(getColumns, _ref, widthMap) {
   var scrollRef = _ref.scrollRef,
@@ -12,38 +12,32 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
   var instance = useInstance();
   var scrollPosition = useState(null);
   var hasFixed = useState(false);
+  var offsetMap = useState({}, isEqualObject);
   var hasFixedLeft = false;
   var hasFixedRight = false;
-  var offsetMap = {};
   callbacks.push(setScrollPosition);
-  instance.on('$receive:children', handleFixedColumns);
+  instance.watch('children', handleFixedColumnsAndUpdate, {
+    presented: true
+  });
   watchState(widthMap, function () {
-    handleFixedColumns();
-    updateScrollPositionOnResize();
+    return nextTick(handleFixedColumnsAndUpdate);
   });
-  var throttleUpdate = throttle(function () {
-    if (instance.$unmounted) return;
-    updateScrollPositionOnResize();
-  }, 100);
-  onMounted(function () {
+  useResizeObserver(scrollRef, handleFixedColumnsAndUpdate, true);
+
+  function handleFixedColumnsAndUpdate() {
+    handleFixedColumns();
     updateScrollPositionOnResize();
-    window.addEventListener('resize', throttleUpdate);
-  });
-  onUnmounted(function () {
-    window.removeEventListener('resize', throttleUpdate);
-  });
+  }
 
   function handleFixedColumns() {
     var columns = getColumns();
+    var _offsetMap = {};
     hasFixedLeft = false;
     hasFixedRight = false;
-    offsetMap = {};
     columns.forEach(function (columns, row) {
-      var offset = 0;
       columns.forEach(function (vNode, col) {
         var props = vNode.props;
         var key = props.key;
-        offsetMap[key] = 0;
         var fixed = props.fixed;
 
         if (fixed === 'left') {
@@ -54,41 +48,34 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
             var _props = prevVNode.props;
 
             if (_props.fixed === 'left') {
-              if (process.env.NODE_ENV !== 'production') {
-                validateWidth(_props);
-              }
-
-              value += widthMap.value[_props.key] || parseInt(_props.width, 10) || 0;
+              value += getWidth(prevVNode);
             }
 
             prevVNode = _props.prevVNode;
           }
 
-          offsetMap[key] = value;
+          _offsetMap[key] = value;
           hasFixedLeft = true;
         } else if (fixed === 'right') {
           var _value = 0;
-          var lastVNode = columns[columns.length - 1];
+          var nextVNode = props.nextVNode;
 
-          while (vNode !== lastVNode) {
-            var _props2 = lastVNode.props;
+          while (nextVNode) {
+            var _props2 = nextVNode.props;
 
             if (_props2.fixed === 'right') {
-              if (process.env.NODE_ENV !== 'production') {
-                validateWidth(_props2);
-              }
-
-              _value += widthMap.value[_props2.key] || parseInt(_props2.width, 10) || 0;
+              _value += getWidth(nextVNode);
             }
 
-            lastVNode = _props2.prevVNode;
+            nextVNode = _props2.nextVNode;
           }
 
-          offsetMap[key] = _value;
+          _offsetMap[key] = _value;
           hasFixedRight = true;
         }
       });
     });
+    offsetMap.set(_offsetMap);
     hasFixed.set(hasFixedLeft || hasFixedRight);
   }
 
@@ -113,11 +100,9 @@ export function useFixedColumns(getColumns, _ref, widthMap) {
     scrollPosition: scrollPosition,
     setScrollPosition: setScrollPosition,
     hasFixed: hasFixed,
+    offsetMap: offsetMap,
     getHasFixedLeft: function getHasFixedLeft() {
       return hasFixedLeft;
-    },
-    getOffsetMap: function getOffsetMap() {
-      return offsetMap;
     }
   };
 }
@@ -134,11 +119,7 @@ export function getClassAndStyleForFixed(_ref2, offset, k, checkType) {
   };
 }
 
-function validateWidth(_ref4) {
-  var width = _ref4.width,
-      key = _ref4.key;
-
-  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 + "\" />");
-  }
+function getWidth(vNode) {
+  var dom = findDomFromVNode(vNode, true);
+  return dom.offsetWidth;
 }

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

@@ -20,5 +20,6 @@ export declare function useGroup(): {
     dropdownRef: import("intact").RefObject<Dropdown>;
     localGroupValue: import("../../hooks/useState").State<any>;
     isEmptyValue: (groupValue: any) => boolean | undefined;
+    checkAll: () => void;
 };
 export {};

package/es/components/table/useGroup.js

@@ -1,4 +1,5 @@
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import { useInstance, createRef } from 'intact';
@@ -62,6 +63,14 @@ export function useGroup() {
     confirm(onChange);
   }
 
+  function checkAll() {
+    var _filteredGroup$value;
+
+    localGroupValue.set((_filteredGroup$value = filteredGroup.value) == null ? void 0 : _mapInstanceProperty(_filteredGroup$value).call(_filteredGroup$value, function (item) {
+      return item.value;
+    }));
+  }
+
   function isEmptyValue(groupValue) {
     var _instance$get4 = instance.get(),
         multiple = _instance$get4.multiple;
@@ -98,6 +107,7 @@ export function useGroup() {
     confirm: confirm,
     dropdownRef: dropdownRef,
     localGroupValue: localGroupValue,
-    isEmptyValue: isEmptyValue
+    isEmptyValue: isEmptyValue,
+    checkAll: checkAll
   };
 }

package/es/components/table/useResizable.js

@@ -9,15 +9,17 @@ export function useResizable(scrollRef, tableRef, tableWidth, widthMap, storeWid
   var x;
   var prevVNode;
   var prevTh;
+  var prevMinWidth;
   var currentVNode;
   var currentTh;
-  var minWidth;
+  var currentMinWidth;
+  var nextVNode;
 
   function onStart(e) {
     containerWidth = scrollRef.value.clientWidth;
     x = e.clientX; // find the previous column but exclude the hidden columns, #467
 
-    prevVNode = currentVNode = e._vNode;
+    prevVNode = nextVNode = currentVNode = e._vNode;
     prevTh;
 
     do {
@@ -26,7 +28,20 @@ export function useResizable(scrollRef, tableRef, tableWidth, widthMap, storeWid
     } while (window.getComputedStyle(prevTh).display === 'none');
 
     currentTh = findDomFromVNode(currentVNode, true);
-    minWidth = prevVNode.props.minWidth || instance.get('minColWidth');
+    prevMinWidth = prevVNode.props.minWidth || instance.get('minColWidth');
+    currentMinWidth = currentVNode.props.minWidth || instance.get('minColWidth');
+
+    while (nextVNode = (_nextVNode = nextVNode) == null ? void 0 : _nextVNode.props.nextVNode) {
+      var _nextVNode;
+
+      var th = findDomFromVNode(nextVNode, true);
+
+      if (window.getComputedStyle(th).display === 'none') {
+        continue;
+      }
+
+      break;
+    }
   }
 
   function onMove(e) {
@@ -35,14 +50,35 @@ export function useResizable(scrollRef, tableRef, tableWidth, widthMap, storeWid
     var delX = e.clientX - x;
     if (delX === 0) return;
     var newPrevWidth = prevTh.offsetWidth + delX;
-    if (newPrevWidth < minWidth && delX < 0) return;
     var newCurrentWidth = currentTh.offsetWidth - delX;
     var newTableWidth = tableRef.value.offsetWidth + delX;
+    var isCurrentFixedRight = currentVNode.props.fixed === 'right'; // const isPrevFixedRight = prevVNode.props!.fixed === 'right';
+
+    if ((newPrevWidth < prevMinWidth || isCurrentFixedRight) && delX < 0) {
+      // if (nextVNode) return;
+      // the last column, we should expand its width
+      if (newPrevWidth < prevMinWidth) {
+        newPrevWidth -= delX;
+        newTableWidth -= delX;
+      }
+    }
+
     var currentKey = currentVNode.props.key;
     var prevKey = prevVNode.props.key;
-    x = e.clientX;
     var map = (_map = {}, _map[prevKey] = newPrevWidth, _map);
 
+    if (!nextVNode || isCurrentFixedRight) {
+      newTableWidth -= delX;
+
+      if (newCurrentWidth < currentMinWidth && delX > 0) {
+        newCurrentWidth = currentMinWidth;
+      }
+
+      map[currentKey] = newCurrentWidth;
+    }
+
+    x = e.clientX;
+
     if (containerWidth > newTableWidth) {
       map[currentKey] = newCurrentWidth;
     } else {

package/es/components/table/useWidth.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _JSON$stringify from "@babel/runtime-corejs3/core-js/json/stringify";
 import { useInstance, onMounted, createRef } from 'intact';
@@ -100,6 +101,8 @@ export function useWidth(scrollRef, getColumns) {
     });
 
     if (shouldUpdate) {
+      // let useFixedColumns to update scroll position
+      widthMap.set(_extends({}, widthMap.value));
       instance.forceUpdate(function () {
         // check again because it may affect other columns
         if (!isStop) {

package/es/components/tabs/styles.d.ts

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

package/es/components/tabs/styles.js

@@ -3,6 +3,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, sizes } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var closeFontSizeMap = {
   large: '24px',
   default: '20px',
@@ -107,10 +108,11 @@ setDefault(function () {
   tabs = deepDefaults(theme, {
     tabs: defaults
   }).tabs;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css(makeCommonStyles(k), ";", makeScrollStyles(k), ";&.", k, "-type-default{", makeDefaultStyles(k), ";}&.", k, "-type-card{", makeCardStyles(k), ";}&.", k, "-type-flat-card{", makeFlatCardStyles(k), ";}");
-}
+});
 
 function makeCommonStyles(k) {
   var active = tabs.active;

package/es/components/tag/styles.d.ts

@@ -65,5 +65,11 @@ declare const defaults: {
 };
 declare let tag: typeof defaults;
 export { tag };
-export declare function makeStyles(k: string): string;
-export declare function makeTagsStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
+export declare const makeTagsStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/es/components/tag/styles.js

@@ -3,6 +3,7 @@ import { css } from '@emotion/css';
 import { deepDefaults, sizes, palette } from '../../styles/utils';
 import { theme, setDefault } from '../../styles/theme';
 import '../../styles/global';
+import { cache } from '../utils';
 var types = ['primary', 'warning', 'danger', 'success', 'disabled'];
 var defaults = deepDefaults({
   get border() {
@@ -112,9 +113,11 @@ setDefault(function () {
   tag = deepDefaults(theme, {
     tag: defaults
   }).tag;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeTagsStyles == null ? void 0 : makeTagsStyles.clearCache();
 });
 export { tag };
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-flex;align-items:center;padding:", tag.padding, ";border:", tag.border, ";border-radius:", tag.borderRadius, ";font-size:", tag.fontSize, ";height:", tag.height, ";.", k, "-tag-close{font-size:", tag.close.fontSize, ";margin-left:", tag.close.gap, ";width:", tag.close.width, ";}&.", 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, ";}");
@@ -123,7 +126,7 @@ export function makeStyles(k) {
     var styles = tag[s];
     return /*#__PURE__*/css("&.", k, "-", s, "{padding:", styles.padding, ";height:", styles.height, ";font-size:", styles.fontSize, ";.", k, "-tag-close{font-size:", styles.close.fontSize, ";margin-left:", styles.close.gap, ";}}");
   }), "&.", k, "-dashed{border-style:dashed;}&.", k, "-dragging{opacity:0;}");
-}
-export function makeTagsStyles(k) {
+});
+export var makeTagsStyles = cache(function makeTagsStyles(k) {
   return /*#__PURE__*/css("display:flex;flex-wrap:wrap;gap:", defaults.tags.gap, ";position:relative;overflow:hidden;&.", k, "-nowrap{flex-wrap:nowrap;.", k, "-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;}}.", k, "-tags-more{cursor:default;font-family:monospace;}.", k, "-tag.", k, "-draggable{cursor:move;}");
-}
+});

package/es/components/timeline/styles.d.ts

@@ -2,6 +2,12 @@ import '../../styles/global';
 declare type ValueOf<T extends readonly any[]> = T[number];
 export declare type Types = ValueOf<typeof types>;
 export declare const types: readonly ["primary", "warning", "danger", "success"];
-export declare function makeStyles(k: string): string;
-export declare function makeItemStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
+export declare const makeItemStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
 export {};

package/es/components/timeline/styles.js

@@ -3,6 +3,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, sizes } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var widthMap = {
   large: '13px',
   default: '9px',
@@ -47,11 +48,13 @@ setDefault(function () {
   timeline = deepDefaults(theme, {
     timeline: defaults
   }).timeline;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeItemStyles == null ? void 0 : makeItemStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", timeline.fontSize, ";padding-top:calc(", theme.lineHeight, "em / 2);");
-}
-export function makeItemStyles(k) {
+});
+export var makeItemStyles = cache(function makeItemStyles(k) {
   return /*#__PURE__*/css("position:relative;padding:", timeline.padding, ";.", k, "-timeline-indicator{width:", timeline.indicator.width, ";position:absolute;left:0;top:0;height:100%;text-align:center;}.", k, "-timeline-dot{position:relative;z-index:1;transform:translateY(-50%);}.", k, "-timeline-circle{position:relative;background:", theme.color.primary, ";border-radius:50%;left:50%;}.", k, "-timeline-line{position:absolute;height:100%;border-left:", timeline.lineBorder, ";top:0;left:50%;}.", k, "-timeline-content{position:relative;top:calc(-0.5 * ", theme.lineHeight, "em);}&:last-of-type{.", k, "-timeline-line{display:none;}}", _mapInstanceProperty(types).call(types, function (type) {
     var typeStyles = timeline[type];
     return /*#__PURE__*/css("&.", k, "-", type, "{.", k, "-timeline-indicator{color:", typeStyles.color, ";}.", k, "-timeline-circle{background:", typeStyles.color, ";}}");
@@ -61,5 +64,4 @@ export function makeItemStyles(k) {
     if (size === 'default') return sizeClassName;
     return /*#__PURE__*/css("&.", k, "-", size, "{", sizeClassName, ";}");
   }), ";");
-}
-;
+});

package/es/components/timepicker/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export declare function makePanelStyles(k: string): string;
+export declare const makePanelStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/es/components/timepicker/styles.js

@@ -3,6 +3,7 @@ import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
 import { datepicker, makePanelStyles as makePanelStylesBase } from '../datepicker/styles';
+import { cache } from '../utils';
 var defaults = {
   get border() {
     return datepicker.border;
@@ -23,7 +24,8 @@ setDefault(function () {
   timepicker = deepDefaults(theme, {
     timepicker: defaults
   }).timepicker;
+  makePanelStyles == null ? void 0 : makePanelStyles.clearCache();
 });
-export function makePanelStyles(k) {
+export var makePanelStyles = cache(function makePanelStyles(k) {
   return cx(makePanelStylesBase(k), /*#__PURE__*/css("&.", k, "-time-content{.", k, "-datepicker-time{padding:", timepicker.padding, ";}.", k, "-scroll-select{height:", timepicker.scrollHeight, ";}}&.", k, "-range{.", k, "-datepicker-time{width:auto;border:", timepicker.border, ";}.", k, "-scroll-select{height:", timepicker.range.scrollHeight, ";}.", k, "-datepicker-calendar-wrapper{padding:", timepicker.range.padding, ";width:", timepicker.range.width, ";border:none;}.", k, "-timepicker-title{text-align:center;margin-bottom:", timepicker.range.titleGap, ";}}"));
-}
+});

package/es/components/tip/styles.d.ts

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

package/es/components/tip/styles.js

@@ -2,6 +2,7 @@ import { theme, setDefault } from '../../styles/theme';
 import { css } from '@emotion/css';
 import '../../styles/global';
 import { deepDefaults } from '../../styles/utils';
+import { cache } from '../utils';
 var defaults = {
   title: {
     fontSize: '14px',
@@ -23,7 +24,8 @@ setDefault(function () {
   tip = deepDefaults(theme, {
     tip: defaults
   }).tip;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+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;}");
-}
+});

package/es/components/tooltip/content.vdt.js

@@ -1,6 +1,6 @@
 import { superCall as _$su, className as _$cn, extend as _$ex, EMPTY_OBJ as _$em, noop as _$no, createElementVNode as _$ce, createUnknownComponentVNode as _$cc } from 'intact';
 import { Button } from '../button';
-import makeStyles from './styles';
+import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 

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

@@ -23,5 +23,8 @@ declare const defaults: {
 export declare let tooltip: typeof defaults;
 export declare type Theme = 'dark' | 'light';
 export declare const themes: Theme[];
-export default function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
 export {};

package/es/components/tooltip/styles.js

@@ -4,6 +4,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   padding: '8px 12px',
 
@@ -48,6 +49,7 @@ setDefault(function () {
   tooltip = deepDefaults(theme, {
     tooltip: defaults
   }).tooltip;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
 export var themes = ['dark', 'light'];
 var directionMap = {
@@ -56,7 +58,7 @@ var directionMap = {
   left: 'right',
   right: 'left'
 };
-export default function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   var arrowLong = tooltip.arrow.width;
   var arrowShort = "calc(" + arrowLong + " - 1px)"; // use &.${k}-tooltip-content to override css in dropdown menu
 
@@ -82,4 +84,4 @@ export default function makeStyles(k) {
       return /*#__PURE__*/css("&.", k, "-", direction, "{border-", borderDirection, "-color:", borderColor, ";&: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/es/components/transfer/styles.d.ts

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

package/es/components/transfer/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   fontSize: '12px',
   searchGap: '16px',
@@ -61,7 +62,8 @@ setDefault(function () {
   transfer = deepDefaults(theme, {
     transfer: defaults
   }).transfer;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", transfer.fontSize, ";.", k, "-transfer-panel,.", k, "-transfer-arrows{display:inline-block;vertical-align:middle;}.", k, "-transfer-panel{width:", transfer.panel.width, ";border:", transfer.panel.border, ";border-radius:", transfer.panel.borderRadius, ";height:", transfer.panel.height, ";display:inline-flex;flex-direction:column;overflow:auto;}.", k, "-transfer-title{line-height:", transfer.title.lineHeight, ";background:", transfer.title.bgColor, ";padding:", transfer.title.padding, ";.", k, "-checkbox{color:", transfer.title.color, ";font-size:", transfer.title.fontSize, ";}}.", k, "-transfer-count{float:right;margin-left:", transfer.title.countGap, ";}.", k, "-transfer-list{overflow:auto;position:relative;flex:1;}.", k, "-transfer-item{color:", transfer.item.color, ";background:", transfer.item.bgColor, ";user-select:none;width:100%;&:not(.", k, "-disabled):hover{background:", transfer.item.hoverBgColor, ";color:", transfer.item.hoverColor, ";p{color:", transfer.item.hoverColor, ";}}.", k, "-checkbox{padding:", transfer.item.padding, ";display:flex;}p{margin:0;color:", transfer.item.descColor, ";}&.", k, "-disabled{p{color:", theme.color.disabled, ";}}}.", k, "-input{width:auto;margin:", transfer.searchGap, ";}.", k, "-transfer-arrows{.", k, "-btn{display:flex;margin:", transfer.arrow.gap, ";}}");
-}
+});

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

@@ -108,8 +108,20 @@ describe('Tree', function () {
 
           case 35:
             expect(element.outerHTML).to.matchSnapshot();
+            checkbox4.click();
+            _context2.next = 39;
+            return wait();
+
+          case 39:
+            instance.set('checkedKeys', ['floor-2']);
+            _context2.next = 42;
+            return wait();
+
+          case 42:
+            expect(checkbox2.classList.contains('k-checked')).to.be.true;
+            expect(checkbox2.classList.contains('k-indeterminate')).to.be.false;
 
-          case 36:
+          case 44:
           case "end":
             return _context2.stop();
         }

package/es/components/tree/styles.d.ts

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