@king-design/intact 2.0.16 → 2.1.0

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

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "style", "type", "value", "defaultValue", "placeholder", "clearable", "disabled", "size", "rows", "autoWidth", "fluid", "width", "stackClearIcon", "frozenOnInput", "readonly", "inline", "waveDisabled", "ev-click", "ev-mounseenter", "ev-mouseleave"];
+var _excluded = ["className", "style", "type", "value", "defaultValue", "placeholder", "clearable", "disabled", "size", "rows", "autoWidth", "fluid", "width", "stackClearIcon", "frozenOnInput", "readonly", "inline", "waveDisabled", "resize", "ev-click", "ev-mounseenter", "ev-mouseleave"];
 import { createElementVNode as _$ce, className as _$cn, createUnknownComponentVNode as _$cc, noop as _$no, createVNode as _$cv } from 'intact';
 import { Icon } from '../icon';
 import { addStyle, isTextBlock, getRestProps } from '../utils';
 import { makeStyles } from './styles';
-import { noop, isNullOrUndefined } from 'intact-shared';
+import { noop, isNullOrUndefined, isStringOrNumber } from 'intact-shared';
 import { Wave } from '../wave';
 import { context as ErrorContext } from '../form/useError';
 export default function ($props, $blocks, $__proto__) {
@@ -39,6 +39,7 @@ export default function ($props, $blocks, $__proto__) {
       readonly = _this$get.readonly,
       inline = _this$get.inline,
       waveDisabled = _this$get.waveDisabled,
+      resize = _this$get.resize,
       click = _this$get['ev-click'],
       mouseenter = _this$get['ev-mounseenter'],
       mouseleave = _this$get['ev-mouseleave'],
@@ -50,12 +51,19 @@ export default function ($props, $blocks, $__proto__) {
       startInput = _this$frozen.startInput,
       onInput = _this$frozen.onInput,
       endInput = _this$frozen.endInput;
+  var isNotAutoRows = isStringOrNumber(rows) && rows !== 'auto';
   var classNameObj = (_classNameObj = {
     'k-input': true
-  }, _classNameObj["k-" + size] = size !== 'default', _classNameObj['k-group'] = $blocks.prepend || $blocks.append, _classNameObj['k-disabled'] = disabled, _classNameObj['k-with-prefix'] = $blocks.prefix, _classNameObj['k-with-suffix'] = $blocks.suffix, _classNameObj['k-clearable'] = clearable, _classNameObj['k-auto-width'] = autoWidth, _classNameObj['k-fluid'] = fluid, _classNameObj['k-stack-clear'] = stackClearIcon, _classNameObj['k-inline'] = inline, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);
+  }, _classNameObj["k-" + size] = size !== 'default', _classNameObj['k-group'] = $blocks.prepend || $blocks.append, _classNameObj['k-disabled'] = disabled, _classNameObj['k-with-prefix'] = $blocks.prefix, _classNameObj['k-with-suffix'] = $blocks.suffix, _classNameObj['k-clearable'] = clearable, _classNameObj['k-auto-width'] = autoWidth, _classNameObj['k-fluid'] = fluid, _classNameObj['k-stack-clear'] = stackClearIcon, _classNameObj['k-inline'] = inline, _classNameObj["k-resize-" + resize] = type === 'textarea' && isNotAutoRows, _classNameObj["k-resize-none"] = type === 'textarea' && !isNotAutoRows, _classNameObj[className] = className, _classNameObj[makeStyles()] = true, _classNameObj);
+  var _this$showPassword = this.showPassword,
+      isShowPassword = _this$showPassword.isShow,
+      toggleShowPassword = _this$showPassword.toggleShow,
+      showPasswordType = _this$showPassword.type,
+      showPasswordIcon = _this$showPassword.showIcon;
   var _this$autoWidth = this.autoWidth,
       fakeRef = _this$autoWidth.fakeRef,
       fakeWidth = _this$autoWidth.width.value;
+  var height = this.autoRows;
   var inputValue = frozenOnInput && inputing ? originalValue : value;
   var hasInputValue = !isNullOrUndefined(inputValue);
   var hasValue = hasInputValue && inputValue !== '';
@@ -69,7 +77,7 @@ export default function ($props, $blocks, $__proto__) {
     placeholder: placeholder,
     disabled: disabled,
     ref: this.inputRef,
-    style: autoWidth ? {
+    style: autoWidth && fakeWidth ? {
       width: fakeWidth + 'px'
     } : undefined
   }); // if we pass value to input element, the input is controlled and the
@@ -100,11 +108,22 @@ export default function ($props, $blocks, $__proto__) {
           return block ? block.call($this, callBlock, data) : callBlock();
         }, __$blocks['prefix'](_$no)), 0, 'k-input-prefix') : undefined, type !== 'textarea' ? _$cv('input', _extends({}, inputProps, {
           'className': 'k-input-inner',
-          'type': type
+          'type': showPasswordType.value
         })) : _$cv('textarea', _extends({}, inputProps, {
           'className': 'k-input-inner k-textarea',
-          'rows': rows
-        })), $blocks.suffix || clearable && !disabled ? _$ce(2, 'div', [clearable && !disabled ? _$cc(Icon, {
+          'rows': isNotAutoRows ? rows : 1,
+          'style': height.value ? addStyle(inputProps.style, {
+            height: height.value + 'px'
+          }) : inputProps.style
+        })), $blocks.suffix || clearable && !disabled || showPasswordIcon.value ? _$ce(2, 'div', [showPasswordIcon.value ? [_$cc(Icon, {
+          'hoverable': true,
+          'className': _$cn({
+            "k-input-show-password": true,
+            "ion-eye-disabled": !isShowPassword.value,
+            "ion-eye": isShowPassword.value
+          }),
+          'ev-click': toggleShowPassword
+        }), ' '] : undefined, clearable && !disabled ? _$cc(Icon, {
           'className': _$cn({
             "k-input-clear ion-ios-close": true,
             "k-input-show": hasValue

package/es/components/input/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 { Input } from './';
 var defaults = deepDefaults({
   get transition() {
     return theme.transition.middle;
@@ -58,7 +59,7 @@ var defaults = deepDefaults({
 
   // textarea
   get textareaPadding() {
-    return "5px " + input.paddingGap;
+    return "6px " + input.paddingGap;
   },
 
   // group
@@ -120,12 +121,16 @@ setDefault(function () {
   }).input;
 });
 export function makeStyles() {
-  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";vertical-align:middle;.k-input-wrapper{display:inline-block;width:100%;position:relative;}.k-input-inner{display:inline-block;width:100%;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";outline:none;position:relative;color:", input.color, ";&:hover{border:", input.hoverBorder, ";z-index:1;}&:focus{border:", input.focusBorder, ";z-index:1;}&::placeholder{color:", input.placeholderColor, ";}}&.k-fluid{width:100%;}.k-input-prefix,.k-input-suffix{position:absolute;top:50%;transform:translateY(-50%);z-index:2;}.k-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";+*{margin-left:", input.clearIconGap, ";}}&:hover .k-input-clear.k-input-show{opacity:1;pointer-events:all;}&.k-stack-clear{.k-input-clear{position:absolute;z-index:1;right:0;&.k-input-show+i{transition:opacity ", input.transition, ";}}&:hover{.k-input-clear.k-input-show+i{opacity:0;}}}&.k-group{display:table;.k-input-inner{border-radius:0;}.k-input-wrapper:first-child{.k-input-inner{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.k-input-wrapper:last-child{.k-input-inner{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}}.k-input-prepend,.k-input-append{display:table-cell;width:1px;vertical-align:middle;background-color:", input.groupBgColor, ";border:", input.border, ";text-align:center;white-space:nowrap;.k-btn{margin:-1px 0;border-radius:0;border:none;}.k-select{margin:-1px;text-align:left;}}.k-input-prepend{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";.k-select{z-index:1;.k-select-wrapper{border-radius:", theme.borderRadius, " 0 0 ", theme.borderRadius, ";}}}.k-input-append{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;.k-select{.k-select-wrapper{border-radius:0 ", theme.borderRadius, " ", theme.borderRadius, " 0;}}}.k-input-padding{padding:0 ", input.groupPaddingGap, ";}.k-input-prepend{border-right:none;}.k-input-append{border-left:none;}&.k-disabled{color:", input.disabledColor, ";cursor:not-allowed;.k-input-inner{color:", input.disabledColor, ";border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
+  var _context;
+
+  return /*#__PURE__*/css("display:inline-block;width:", input.width, ";vertical-align:middle;.k-input-wrapper{display:inline-block;width:100%;position:relative;}.k-input-inner{display:inline-block;width:100%;border:", input.border, ";background-color:", input.bgColor, ";transition:border ", input.transition, ",background ", input.transition, ",box-shadow ", input.transition, ";border-radius:", input.borderRadius, ";outline:none;position:relative;color:", input.color, ";&:hover{border:", input.hoverBorder, ";z-index:1;}&:focus{border:", input.focusBorder, ";z-index:1;}&::placeholder{color:", input.placeholderColor, ";}}&.k-fluid{width:100%;}.k-input-prefix,.k-input-suffix{position:absolute;top:50%;transform:translateY(-50%);z-index:2;}.k-input-clear{opacity:0;transition:opacity ", input.transition, ";pointer-events:none;color:", input.clearIconColor, ";+*{margin-left:", input.clearIconGap, ";}}&:hover .k-input-clear.k-input-show{opacity:1;pointer-events:all;}.k-input-show-password{color:", input.clearIconColor, ";}&.k-stack-clear{.k-input-clear{position:absolute;z-index:1;right:0;&.k-input-show+i{transition:opacity ", input.transition, ";}}&:hover{.k-input-clear.k-input-show+i{opacity:0;}}}&.k-group{display:table;.k-input-inner{border-radius:0;}.k-input-wrapper:first-child{.k-input-inner{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";}}.k-input-wrapper:last-child{.k-input-inner{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;}}}.k-input-prepend,.k-input-append{display:table-cell;width:1px;vertical-align:middle;background-color:", input.groupBgColor, ";border:", input.border, ";text-align:center;white-space:nowrap;.k-btn{margin:-1px 0;border-radius:0;border:none;}.k-select{margin:-1px;text-align:left;}}.k-input-prepend{border-radius:", input.borderRadius, " 0 0 ", input.borderRadius, ";.k-select{z-index:1;.k-select-wrapper{border-radius:", theme.borderRadius, " 0 0 ", theme.borderRadius, ";}}}.k-input-append{border-radius:0 ", input.borderRadius, " ", input.borderRadius, " 0;.k-select{.k-select-wrapper{border-radius:0 ", theme.borderRadius, " ", theme.borderRadius, " 0;}}}.k-input-padding{padding:0 ", input.groupPaddingGap, ";}.k-input-prepend{border-right:none;}.k-input-append{border-left:none;}&.k-disabled{color:", input.disabledColor, ";cursor:not-allowed;.k-input-inner{color:", input.disabledColor, ";border-color:", input.disabledBorderColor, ";background:", input.disabledBgColor, ";cursor:not-allowed;}}", _mapInstanceProperty(sizes).call(sizes, function (size) {
     var styles = input[size];
     var sizeClassName = /*#__PURE__*/css("font-size:", styles.fontSize, ";.k-input-inner{height:", styles.height, ";line-height:", styles.height, ";font-size:", styles.fontSize, ";padding:0 ", styles.paddingGap, ";}.k-input-prefix{left:", styles.paddingGap, ";}.k-input-suffix{right:", styles.paddingGap, ";}&.k-with-prefix{.k-input-inner{padding-left:calc(", styles.paddingGap, " + 1rem + ", input.clearIconGap, ");}}&.k-with-suffix,&.k-clearable{.k-input-inner{padding-right:calc(", styles.paddingGap, " + 1rem + ", input.clearIconGap, ");}}&:not(.k-stack-clear).k-with-suffix.k-clearable{.k-input-inner{padding-right:calc(", styles.paddingGap, " + 2rem + ", input.clearIconGap, " * 2);}}");
     if (size === 'default') return sizeClassName;
     return /*#__PURE__*/css("&.k-", size, "{", sizeClassName, ";}");
-  }), "&.k-inline{.k-input-inner{height:auto;line-height:inherit;border:none;border-radius:0;padding:0;}}.k-textarea{padding:", input.textareaPadding, ";height:auto;line-height:1.5;vertical-align:top;}.k-input-fake{position:absolute;visibility:hidden;top:0;white-space:nowrap;}&.k-auto-width{width:auto;.k-input-inner{box-sizing:content-box;}}");
+  }), "&.k-inline{.k-input-inner{height:auto;line-height:inherit;border:none;border-radius:0;padding:0;}}.k-textarea{padding:", input.textareaPadding, ";height:auto;line-height:1.5;vertical-align:top;}", _mapInstanceProperty(_context = Input.typeDefs.resize).call(_context, function (type) {
+    return /*#__PURE__*/css("&.k-resize-", type, "{.k-textarea{resize:", type, ";}}");
+  }), ".k-input-fake{position:absolute;visibility:hidden;top:0;white-space:nowrap;}&.k-auto-width{width:auto;max-width:100%;.k-input-inner{max-width:100%;box-sizing:content-box;}}");
 }
 export function makeSearchStyles() {
   return /*#__PURE__*/css("position:relative;display:inline-block;.k-input{transition:width ", input.transition, ";}.k-btn{position:absolute;top:0;right:0;z-index:1;}.k-input-suffix{margin-right:", input.search.suffixMarginRight, ";}&.k-hide{", _mapInstanceProperty(sizes).call(sizes, function (size) {

package/es/components/input/useAutoRows.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'intact';
+export declare function useAutoRows(inputRef: RefObject<HTMLInputElement>): import("../../hooks/useState").State<number>;

package/es/components/input/useAutoRows.js

@@ -0,0 +1,79 @@
+import { useInstance, onMounted } from 'intact';
+import { useState } from '../../hooks/useState';
+import { isObject } from 'intact-shared';
+export function useAutoRows(inputRef) {
+  var instance = useInstance();
+  var height = useState(0);
+  var lineHeight;
+  var paddingTop;
+  var paddingBottom;
+  var isBorderBox;
+
+  function getStyles() {
+    if (instance.get('type') === 'textarea') {
+      var styles = getComputedStyle(inputRef.value);
+      lineHeight = parseInt(styles.lineHeight);
+      paddingTop = parseInt(styles.paddingTop);
+      paddingBottom = parseInt(styles.paddingBottom);
+      isBorderBox = styles.boxSizing === 'border-box';
+    }
+  }
+
+  onMounted(getStyles);
+  instance.watch('type', getStyles, {
+    presented: true
+  });
+  instance.watch('value', adjust, {
+    inited: true,
+    presented: true
+  });
+  instance.watch('placeholder', adjust, {
+    inited: true,
+    presented: true
+  });
+  instance.watch('rows', adjust, {
+    inited: true,
+    presented: true
+  });
+  onMounted(adjust);
+
+  function adjust() {
+    var _instance$get = instance.get(),
+        rows = _instance$get.rows,
+        type = _instance$get.type;
+
+    if (type === 'textarea' && (rows === 'auto' || isObject(rows))) {
+      var textarea = inputRef.value;
+      var originheight = textarea.style.height; // we shuold remove height before get scrollHeight,
+      // otherwise we cannot shrink the height when we remove the text
+
+      textarea.style.height = '';
+      var scrollHeight = textarea.scrollHeight;
+      var lines = (scrollHeight - paddingTop - paddingBottom) / lineHeight;
+      textarea.style.height = originheight;
+      var actualLines = lines;
+
+      if (rows !== 'auto') {
+        var min = rows.min,
+            max = rows.max;
+
+        if (min && lines <= min) {
+          actualLines = min;
+        }
+
+        if (max && lines >= max) {
+          actualLines = max;
+        }
+      }
+
+      height.set(lineHeight * actualLines + (isBorderBox ? paddingTop + paddingBottom + 2
+      /* border */
+      : 0));
+      return;
+    }
+
+    height.set(0);
+  }
+
+  return height;
+}

package/es/components/input/useAutoWidth.js

@@ -1,4 +1,4 @@
-import { useInstance, createRef, onMounted } from 'intact';
+import { useInstance, createRef, onMounted, nextTick } from 'intact';
 import { useState } from '../../hooks/useState';
 export function useAutoWidth() {
   var instance = useInstance();
@@ -16,9 +16,15 @@ export function useAutoWidth() {
 
   function adjustWidth() {
     if (instance.get('autoWidth')) {
-      var _width = fakeRef.value.offsetWidth || 1;
+      nextTick(function () {
+        var fakeElem = fakeRef.value;
 
-      width.set(_width);
+        if (isVisible(fakeElem)) {
+          var _width = fakeElem.offsetWidth || 1;
+
+          width.set(_width);
+        }
+      });
     }
   }
 
@@ -26,4 +32,8 @@ export function useAutoWidth() {
     fakeRef: fakeRef,
     width: width
   };
+}
+
+function isVisible(elem) {
+  return elem && (elem.offsetWidth || elem.offsetHeight || elem.getClientRects().length);
 }

package/es/components/input/useShowPassword.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLInputTypes } from './';
+export declare function useShowPassword(): {
+    isShow: import("../../hooks/useState").State<boolean>;
+    type: import("../../hooks/useState").State<HTMLInputTypes | undefined>;
+    toggleShow: () => void;
+    showIcon: import("../../hooks/useState").State<boolean>;
+};

package/es/components/input/useShowPassword.js

@@ -0,0 +1,31 @@
+import { useInstance } from 'intact';
+import { useState } from '../../hooks/useState';
+import { useReceive } from '../../hooks/useReceive';
+export function useShowPassword() {
+  var instance = useInstance();
+  var isShow = useState(false);
+  var type = useState(undefined);
+  var showIcon = useState(false);
+  instance.on('$receive:type', function (_type) {
+    type.set(_type);
+  });
+  useReceive(['type', 'showPassword'], function () {
+    var _instance$get = instance.get(),
+        showPassword = _instance$get.showPassword,
+        type = _instance$get.type;
+
+    showIcon.set(type === 'password' && !!showPassword);
+  });
+
+  function toggleShow() {
+    isShow.set(!isShow.value);
+    type.set(isShow.value ? 'text' : 'password');
+  }
+
+  return {
+    isShow: isShow,
+    type: type,
+    toggleShow: toggleShow,
+    showIcon: showIcon
+  };
+}

package/es/components/pagination/index.js

@@ -105,9 +105,7 @@ export var Pagination = /*#__PURE__*/function (_Component) {
 
     if (page > totalPages) {
       page = totalPages;
-    }
-
-    if (page < 1) {
+    } else if (page < 1) {
       page = 1;
     }
 

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

@@ -4,11 +4,9 @@ import BasicDemo from '~/components/pagination/demos/basic';
 import GotoDemo from '~/components/pagination/demos/goto';
 import CurrentDemo from '~/components/pagination/demos/current';
 import DisableDemo from '~/components/pagination/demos/disable';
-import { mount, unmount, dispatchEvent, wait } from '../../test/utils';
+import { mount, dispatchEvent, wait } from '../../test/utils';
 describe('Pagination', function () {
-  afterEach(function () {
-    return unmount();
-  });
+  // afterEach(() => unmount());
   it('basic test', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, pagination, btns, prev, next;
 

package/es/components/portal.d.ts

@@ -11,8 +11,12 @@ export declare class Portal<T extends PortalProps = PortalProps> extends Compone
     mountedQueue?: Function[];
     mountedDone?: boolean;
     $isPortal: boolean;
-    $render(lastVNode: VNodeComponentClass<this> | null, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[]): void;
-    $update(lastVNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[], force: boolean): void;
+    $render(lastVNode: VNodeComponentClass<this> | null, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[] & {
+        priority?: Function[];
+    }): void;
+    $update(lastVNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this>, parentDom: Element, anchor: IntactDom | null, mountedQueue: Function[] & {
+        priority?: Function[];
+    }, force: boolean): void;
     $unmount(vNode: VNodeComponentClass<this>, nextVNode: VNodeComponentClass<this> | null): void;
     private initContainer;
 }

package/es/components/portal.js

@@ -38,7 +38,8 @@ export var Portal = /*#__PURE__*/function (_Component) {
 
   var _proto = Portal.prototype;
 
-  _proto.$render = function $render(lastVNode, nextVNode, parentDom, anchor, mountedQueue) {
+  _proto.$render = function $render(lastVNode, nextVNode, parentDom, anchor, mountedQueue // in React, it has priority property to add some prior functions
+  ) {
     var _this2 = this;
 
     /**
@@ -47,7 +48,7 @@ export var Portal = /*#__PURE__*/function (_Component) {
      */
     var nextProps = nextVNode.props;
     var fakeContainer = document.createDocumentFragment();
-    mountedQueue.push(function () {
+    (mountedQueue.priority || mountedQueue).push(function () {
       var parentDom = _this2.$lastInput.dom.parentElement;
 
       _this2.initContainer(nextProps.container, parentDom, anchor);
@@ -87,7 +88,7 @@ export var Portal = /*#__PURE__*/function (_Component) {
 
     if (!this.container) {
       // in react, sometimes $update will be called before mountedQueue in $render
-      mountedQueue.push(update);
+      (mountedQueue.priority || mountedQueue).push(update);
     } else {
       update();
     }

package/es/components/position.js

@@ -1,6 +1,7 @@
 import _Object$assign from "@babel/runtime-corejs3/core-js/object/assign";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
 import _atInstanceProperty from "@babel/runtime-corejs3/core-js/instance/at";
+import { isArray } from 'intact-shared';
 var max = Math.max;
 var abs = Math.abs;
 var rHorizontal = /left|center|right/;
@@ -191,7 +192,7 @@ export default function position(elem, options) {
   var basePosition = _Object$assign({}, targetOffset); // don't detect collison if the target is not in viewport
 
 
-  var collision = isInViewport(targetRect) ? (options.collision || 'flip').split(' ') : ['none', 'none'];
+  var collision = isInViewport(targetRect) ? !isArray(options.collision) ? (options.collision || 'flip').split(' ') : options.collision : ['none', 'none'];
   var offsets = {};
   var within = getWithinInfo(options.within);
   var scrollInfo = getScrollInfo(within);

package/es/components/select/base.d.ts

@@ -1,7 +1,7 @@
 import { Component, Children, TypeDefs, RefObject } from 'intact';
 import { Sizes } from '../../styles/utils';
 import type { Input } from '../input';
-import { Dropdown } from '../dropdown';
+import { Dropdown, DropdownProps } from '../dropdown';
 import { State } from '../../hooks/useState';
 import { Container } from '../portal';
 import type { Events } from '../types';
@@ -21,6 +21,7 @@ export interface BaseSelectProps<V, Multipe extends boolean = boolean, Attach =
     container?: Container;
     width?: string | number;
     show?: boolean;
+    position?: DropdownProps['position'];
 }
 export interface BaseSelectEvents {
     keydown: [KeyboardEvent];

package/es/components/select/base.js

@@ -9,6 +9,7 @@ import { sizes } from '../../styles/utils';
 import { SELECT } from './constants';
 import { useShowHideEvents } from '../../hooks/useShowHideEvents';
 import { bind } from '../utils';
+import { Dropdown } from '../dropdown';
 import { useInput } from './useInput';
 import { useFocusout } from './useFocusout';
 import { isNullOrUndefined } from 'intact-shared';
@@ -27,7 +28,8 @@ var typeDefs = {
   placeholder: [String, Number],
   container: [Function, String],
   width: [String, Number],
-  show: Boolean
+  show: Boolean,
+  position: Dropdown.typeDefs.position
 };
 
 var defaults = function defaults() {

package/es/components/select/base.vdt.js

@@ -40,7 +40,8 @@ export default function ($props, $blocks, $__proto__) {
       inline = _this$get.inline,
       style = _this$get.style,
       width = _this$get.width,
-      show = _this$get.show;
+      show = _this$get.show,
+      position = _this$get.position;
 
   var classNameObj = (_classNameObj = {
     'k-select': true,
@@ -67,6 +68,7 @@ export default function ($props, $blocks, $__proto__) {
           'ref': _this.dropdownRef,
           'disabled': disabled,
           'container': container,
+          'position': position,
           'children': [_$cv('div', _extends({}, getRestProps(_this), {
             'className': _$cn(classNameObj),
             'tabindex': disabled ? '-1' : '0',

package/es/components/table/cell.js

@@ -16,12 +16,7 @@ export var TableCell = /*#__PURE__*/function (_Component) {
     var isSame = true;
 
     for (var key in lastProps) {
-      if (lastProps[key] !== nextProps[key]) {
-        isSame = false;
-        break;
-      }
-
-      if (key === 'props' && nextProps.props.$blocks) {
+      if (lastProps[key] !== nextProps[key] || key === 'props' && nextProps.props.$blocks) {
         isSame = false;
         break;
       }