@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

package/lib/cjs/scrollList/rtl.scss

@@ -1,47 +0,0 @@
-$module: #{$prefix}-scrolllist;
-
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
-    .#{$module} {
-        direction: rtl;
-
-        &-body {
-            .#{$module}-item {
-
-                &:not(:last-child) {
-                    border-right: 0;
-                    border-left: $width-scrollList_item-border solid $color-scrollList-border;
-                }
-            }
-            .#{$module}-item,
-            .#{$module}-item-wheel .#{$module}-list-outer {
-
-                & > ul {
-
-                    & > li {
-                        &.#{$module}-item-sel {
-
-                            > svg {
-                                margin-right: 0;
-                                margin-left: $spacing-scrollList_item_sel_svg-marginRight;
-                            }
-                        }
-                    }
-                }
-            }
-
-            .#{$module}-item-wheel {
-
-                &:not(:last-child) {
-                    border-right: 0;
-                    border-left: $width-scrollList_item_wheel-border solid $color-scrollList-border;
-                }
-
-                .#{$module}-list-outer {
-                    padding-right: 0;
-                    padding-left: $spacing-scrollList_item_wheel_list_outer-paddingRight;
-                }
-            }
-        }
-    }
-}

package/lib/cjs/scrollList/scrollList.css

@@ -1,181 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-scrolllist {
-  width: 100%;
-  height: 100%;
-  background: var(--semi-color-bg-3);
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 14px rgba(0, 0, 0, 0.1);
-  border-radius: var(--semi-border-radius-medium);
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  user-select: none;
-  display: flex;
-  flex-direction: column;
-}
-.semi-scrolllist-header {
-  text-align: center;
-  padding: 0 16px;
-}
-.semi-scrolllist-header-title {
-  padding: 16px 0;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 20px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.semi-scrolllist-body {
-  display: flex;
-  height: 300px;
-  padding: 0 16px;
-  overflow: hidden;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer-nocycle > ul:before,
-.semi-scrolllist-body .semi-scrolllist-item > ul:before {
-  content: "";
-  display: block;
-  width: 100%;
-  height: 132px;
-}
-.semi-scrolllist-body .semi-scrolllist-item {
-  position: relative;
-  flex: 1;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
-  border-right: 1px solid var(--semi-color-border);
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul {
-  box-sizing: border-box;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  padding-bottom: 132px;
-  list-style: none;
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li {
-  list-style: none;
-  height: 36px;
-  box-sizing: border-box;
-  color: var(--semi-color-text-0);
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  background-color: transparent;
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel {
-  background: var(--semi-color-primary-light-default);
-  color: var(--semi-color-text-0);
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg {
-  color: var(--semi-color-text-2);
-  width: 16px;
-  height: 16px;
-  margin-right: 12px;
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected),
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected) {
-  cursor: pointer;
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):hover {
-  background-color: var(--semi-color-fill-1);
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li:not(.disabled):not(.semi-scrolllist-item-disabled):not(.semi-scrolllist-item-sel):not(.semi-scrolllist-item-selected):active {
-  background-color: var(--semi-color-fill-2);
-}
-.semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-disabled,
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-disabled {
-  color: var(--semi-color-disabled-text);
-  cursor: not-allowed;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel {
-  position: relative;
-  flex: 1;
-  overflow: hidden;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
-  border-right: 1px solid var(--semi-color-border);
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-item-selected {
-  font-weight: 600;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
-  overflow-x: hidden;
-  overflow-y: auto;
-  height: 100%;
-  width: 100%;
-  padding-right: 18px;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade {
-  width: 100%;
-  height: 50%;
-  pointer-events: none;
-  position: absolute;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-pre {
-  top: 0;
-  margin-top: -19px;
-  background: var(--semi-color-bg-3);
-  opacity: 0.5;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-shade-post {
-  top: 50%;
-  margin-top: 19px;
-  background: var(--semi-color-bg-3);
-  opacity: 0.5;
-}
-.semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-selector {
-  pointer-events: none;
-  position: absolute;
-  top: 50%;
-  border-top: 1px solid var(--semi-color-border);
-  border-bottom: 1px solid var(--semi-color-border);
-  height: 36px;
-  width: 100%;
-  transform: translateY(-50%);
-}
-.semi-scrolllist .semi-scrolllist-footer {
-  border-top: 1px solid var(--semi-color-border);
-  padding: 10px;
-}
-.semi-scrolllist .semi-scrolllist-line {
-  background: var(--semi-color-border);
-  height: 1px;
-}
-
-.semi-rtl .semi-scrolllist,
-.semi-portal-rtl .semi-scrolllist {
-  direction: rtl;
-}
-.semi-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child),
-.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item:not(:last-child) {
-  border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
-}
-.semi-rtl .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg,
-.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg,
-.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item > ul > li.semi-scrolllist-item-sel > svg,
-.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer > ul > li.semi-scrolllist-item-sel > svg {
-  margin-right: 0;
-  margin-left: 12px;
-}
-.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child),
-.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel:not(:last-child) {
-  border-right: 0;
-  border-left: 1px solid var(--semi-color-border);
-}
-.semi-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer,
-.semi-portal-rtl .semi-scrolllist-body .semi-scrolllist-item-wheel .semi-scrolllist-list-outer {
-  padding-right: 0;
-  padding-left: 18px;
-}

package/lib/cjs/scrollList/scrollList.scss

@@ -1,182 +0,0 @@
-//@import '../theme/variables.scss';
-// @import '../theme/_font.scss';
-@import "./variables.scss";
-
-$module: #{$prefix}-scrolllist;
-
-.#{$module} {
-    width: 100%;
-    height: 100%;
-    background: $color-scrollList-bg;
-    box-shadow: $shadow-scrollList;
-    border-radius: $radius-scrollList;
-
-    @include font-size-regular;
-    user-select: none;
-
-    display: flex;
-    flex-direction: column;
-
-    &-header {
-        text-align: center;
-        padding: $spacing-scrollList_header-paddingY $spacing-scrollList_header-paddingX;
-
-        &-title {
-            padding: $spacing-scrollList_header_title-paddingY $spacing-scrollList_header_title-paddingX;
-            font-weight: $font-scrollList_header_title-fontWeight;
-
-            @include font-size-regular;
-        }
-    }
-
-    &-body {
-        display: flex;
-        height: $height-scrollList;
-        padding: $spacing-scrollList_body-paddingY $spacing-scrollList_body-paddingX;
-        overflow: hidden;
-
-        .#{$module}-item-wheel .#{$module}-list-outer-nocycle,
-        .#{$module}-item {
-
-            & > ul {
-
-                &:before {
-                    content: "";
-                    display: block;
-                    width: 100%;
-                    height: ($height-scrollList - $height-scrollList_item) / 2;
-                }
-            }
-        }
-
-        .#{$module}-item {
-            position: relative;
-            flex: 1;
-            overflow-x: hidden;
-            overflow-y: auto;
-
-            &:not(:last-child) {
-                border-right: $width-scrollList_item-border solid $color-scrollList-border;
-            }
-        }
-
-        .#{$module}-item,
-        .#{$module}-item-wheel .#{$module}-list-outer {
-
-            & > ul {
-                box-sizing: border-box;
-                width: 100%;
-                margin: $spacing-scrollList_item_ul-margin;
-                padding: $spacing-scrollList_item_ul-padding;
-                padding-bottom: $spacing-scrollList_item_ul-paddingBottom;
-                list-style: none;
-
-                & > li {
-                    list-style: none;
-                    height: $height-scrollList_item;
-                    box-sizing: border-box;
-                    color: $color-scrollList_item-text;
-                    text-align: center;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    // padding: 8px 18px;
-                    cursor: pointer;
-                    background-color: $color-scrollList_item-bg;
-
-                    &.#{$module}-item-sel {
-                        background: $color-scrollList_selected_item-bg;
-                        color: $color-scrollList_selected_item-text;
-
-                        > svg {
-                            color: $color-scrollList_selected_item-icon;
-                            width: $width-scrollList_item_sel_svg;
-                            height: $width-scrollList_item_sel_svg;
-                            margin-right: $spacing-scrollList_item_sel_svg-marginRight;
-                        }
-                    }
-
-                    &:not(.disabled):not(.#{$module}-item-disabled):not(.#{$module}-item-sel):not(.#{$module}-item-selected) {
-                        cursor: pointer;
-
-                        &:hover {
-                            background-color: $color-scrollList_item-text-hover;
-                        }
-
-                        &:active {
-                            background-color: $color-scrollList_item-bg-active;
-                        }
-                    }
-                    &.#{$module}-item-disabled {
-                        color: $color-scrollList_disabled_item-text;
-                        cursor: not-allowed;
-                    }
-                }
-            }
-        }
-
-        .#{$module}-item-wheel {
-            position: relative;
-            flex: 1;
-            overflow: hidden;
-
-            &:not(:last-child) {
-                border-right: $border-thickness-control solid $color-scrollList-border;
-            }
-
-            .#{$module}-item-selected {
-                font-weight: $font-scrollList_item_wheel_item_selected-fontWeight;
-            }
-
-            .#{$module}-list-outer {
-                overflow-x: hidden;
-                overflow-y: auto;
-                height: 100%;
-                width: 100%;
-                padding-right: $spacing-scrollList_item_wheel_list_outer-paddingRight;
-            }
-
-            .#{$module}-shade {
-                width: 100%;
-                height: 50%;
-                pointer-events: none;
-                position: absolute;
-
-                &-pre {
-                    top: 0;
-                    margin-top: $spacing-scrollList_item_wheel_list_shade_pre-marginTop;
-                    background: $color-scrollList-bg;
-                    opacity: .5;
-                }
-
-                &-post {
-                    top: 50%;
-                    margin-top: $spacing-scrollList_item_wheel_list_shade_post-marginTop;
-                    background: $color-scrollList-bg;
-                    opacity: .5;
-                }
-            }
-
-            .#{$module}-selector {
-                pointer-events: none;
-                position: absolute;
-                top: 50%;
-                border-top: $width-scrollList_item_wheel_selector-border solid $color-scrollList-border;
-                border-bottom: $width-scrollList_item_wheel_selector-border solid $color-scrollList-border;
-                height: $height-scrollList_item;
-                width: 100%;
-                transform: translateY(-50%);
-            }
-        }
-    }
-    .#{$module}-footer {
-        border-top: $width-scrollList_footer-border solid $color-scrollList_footer-border;
-        padding: $spacing-scrollList_footer-padding;
-    }
-    .#{$module}-line {
-        background: $color-scrollList-border;
-        height: $height-scrollList_line;
-    }
-}
-
-@import "./rtl.scss";

package/lib/cjs/scrollList/scrollTo.d.ts

@@ -1,3 +0,0 @@
-import { Animation } from '@douyinfe/semi-animation';
-declare const scrollTo: (element: HTMLElement, to: number, duration: number) => Animation;
-export default scrollTo;

package/lib/cjs/scrollList/scrollTo.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _semiAnimation = require("@douyinfe/semi-animation");
-
-const scrollTo = (element, to, duration) => {
-  const animation = new _semiAnimation.Animation({
-    from: {
-      scrollTop: element.scrollTop
-    },
-    to: {
-      scrollTop: to
-    }
-  }, {
-    duration
-  });
-  animation.on('frame', _ref => {
-    let {
-      scrollTop
-    } = _ref;
-    element.scrollTop = scrollTop;
-  }); // animation.start();
-
-  return animation;
-};
-
-var _default = scrollTo;
-exports.default = _default;

package/lib/cjs/scrollList/variables.scss

@@ -1,48 +0,0 @@
-// Color
-$color-scrollList-bg: var(--semi-color-bg-3);
-$color-scrollList-border: var(--semi-color-border);
-$color-scrollList_item-bg: transparent;
-$color-scrollList_item-text: var(--semi-color-text-0);
-$color-scrollList_disabled_item-text: var(--semi-color-disabled-text);
-$color-scrollList_item-text-hover: var(--semi-color-fill-1);
-$color-scrollList_item-bg-active: var(--semi-color-fill-2);
-$color-scrollList_selected_item-bg: var(--semi-color-primary-light-default);
-$color-scrollList_selected_item-text: var(--semi-color-text-0);
-$color-scrollList_selected_item-icon: var(--semi-color-text-2);
-$color-scrollList_footer-border: var(--semi-color-border);
-
-// Width/Height
-$height-scrollList: 300px;
-$height-scrollList_item: 36px;
-$width-scrollList_item-border: $border-thickness-control;
-$width-scrollList_item_sel_svg: 16px;
-$width-scrollList_item_wheel-border: $border-thickness-control;
-$width-scrollList_item_wheel_selector-border: $border-thickness-control;
-$height-scrollList_line: 1px;
-$width-scrollList_footer-border: $border-thickness-control;
-
-// Spacing
-$spacing-scrollList_header-paddingY: 0;
-$spacing-scrollList_header-paddingX: 16px;
-$spacing-scrollList_header_title-paddingY: $spacing-base;
-$spacing-scrollList_header_title-paddingX: 0;
-$spacing-scrollList_body-paddingY: 0;
-$spacing-scrollList_body-paddingX: 16px;
-$spacing-scrollList_item_ul-padding: 0;
-$spacing-scrollList_item_ul-margin: 0;
-$spacing-scrollList_item_ul-paddingBottom: ($height-scrollList - $height-scrollList_item) / 2;
-$spacing-scrollList_item_sel_svg-marginRight: 12px;
-$spacing-scrollList_item_wheel_list_outer-paddingRight: $height-scrollList_item / 2;
-$spacing-scrollList_item_wheel_list_shade_pre-marginTop: -($height-scrollList_item / 2 + $border-thickness-control);
-$spacing-scrollList_item_wheel_list_shade_post-marginTop: $height-scrollList_item / 2 + $border-thickness-control;
-$spacing-scrollList_footer-padding: 10px;
-
-// Radius
-$radius-scrollList: var(--semi-border-radius-medium);
-
-// Font
-$font-scrollList_header_title-fontWeight: $font-weight-bold;
-$font-scrollList_item_wheel_item_selected-fontWeight: $font-weight-bold;
-
-// Other
-$shadow-scrollList: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);

package/lib/cjs/select/constants.d.ts

@@ -1,16 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-    PREFIX_OPTION: string;
-    PREFIX_GROUP: string;
-};
-declare const strings: {
-    readonly SIZE_SET: readonly ["small", "large", "default"];
-    readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver"];
-    readonly MODE_SELECT: "select";
-    readonly MODE_AUTOCOMPLETE: "autoComplete";
-    readonly STATUS: readonly ["default", "error", "warning", "success"];
-};
-declare const numbers: {
-    LIST_HEIGHT: number;
-};
-export { cssClasses, strings, numbers };

package/lib/cjs/select/constants.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.strings = exports.numbers = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-var _constants2 = require("../tooltip/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-select"),
-  PREFIX_OPTION: "".concat(_constants.BASE_CLASS_PREFIX, "-select-option"),
-  PREFIX_GROUP: "".concat(_constants.BASE_CLASS_PREFIX, "-select-group")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  SIZE_SET: ['small', 'large', 'default'],
-  POSITION_SET: _constants2.strings.POSITION_SET,
-  MODE_SELECT: 'select',
-  MODE_AUTOCOMPLETE: 'autoComplete',
-  // MODE_TAGS: 'tags',
-  STATUS: _constants.VALIDATE_STATUS
-};
-exports.strings = strings;
-const numbers = {
-  LIST_HEIGHT: 300
-};
-exports.numbers = numbers;

package/lib/cjs/select/foundation.d.ts

@@ -1,106 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { BasicOptionProps } from './optionFoundation';
-export interface SelectAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    getTriggerWidth(): number;
-    setOptionsWidth?(): any;
-    updateFocusState(focus: boolean): void;
-    focusTrigger(): void;
-    unregisterClickOutsideHandler(): void;
-    setOptionWrapperWidth(width: string | number): void;
-    getOptionsFromChildren(): BasicOptionProps[];
-    updateOptions(options: BasicOptionProps[]): void;
-    rePositionDropdown(): void;
-    updateFocusIndex(index: number): void;
-    updateSelection(selection: Map<any, any>): void;
-    openMenu(): void;
-    notifyDropdownVisibleChange(visible: boolean): void;
-    registerClickOutsideHandler(event: any): void;
-    toggleInputShow(show: boolean, cb: () => void): void;
-    closeMenu(): void;
-    notifyCreate(option: BasicOptionProps): void;
-    getMaxLimit(): number;
-    getSelections(): Map<any, any>;
-    notifyMaxLimit(arg: BasicOptionProps): void;
-    notifyClear(): void;
-    updateInputValue(inputValue: string): void;
-    focusInput(): void;
-    notifySearch(inputValue: string): void;
-    registerKeyDown(handler: () => void): void;
-    unregisterKeyDown(): void;
-    notifyChange(value: string | BasicOptionProps | (string | BasicOptionProps)[]): void;
-    notifySelect(value: BasicOptionProps['value'], option: BasicOptionProps): void;
-    notifyDeselect(value: BasicOptionProps['value'], option: BasicOptionProps): void;
-    notifyBlur(event: any): void;
-    notifyFocus(event: any): void;
-    notifyListScroll(event: any): void;
-    notifyMouseLeave(event: any): void;
-    notifyMouseEnter(event: any): void;
-    updateHovering(isHover: boolean): void;
-    updateScrollTop(): void;
-}
-declare type PropValue = string | number | Record<string, any>;
-export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
-    constructor(adapter: SelectAdapter);
-    _keydownHandler: (...arg: any[]) => void | null;
-    init(): void;
-    focus(): void;
-    _focusTrigger(): void;
-    destroy(): void;
-    _setDropdownWidth(): void;
-    _collectOptions(): BasicOptionProps[];
-    _setDefaultSelection(originalOptions: BasicOptionProps[]): void;
-    handleOptionListChange(): void;
-    handleOptionListChangeHadDefaultValue(): void;
-    handleValueChange(value: PropValue): void;
-    _update(propValue: PropValue, originalOptions: BasicOptionProps[]): void;
-    _updateSingle(propValue: PropValue, originalOptions: BasicOptionProps[]): Map<any, any>;
-    _updateMultiple(propValue: PropValue[], originalOptions: BasicOptionProps[]): Map<any, any>;
-    _isMultiple(): any;
-    _isDisabled(): any;
-    _isFilterable(): boolean;
-    handleClick(e: any): void;
-    open(acInput?: string, originalOptions?: BasicOptionProps[]): void;
-    toggle2SearchInput(isShow: boolean): void;
-    close(e?: any): void;
-    onSelect(option: BasicOptionProps, optionIndex: number, event: MouseEvent | KeyboardEvent): void;
-    _handleSingleSelect({ value, label, ...rest }: BasicOptionProps, event: any): void;
-    _handleMultipleSelect({ value, label, ...rest }: BasicOptionProps, event: MouseEvent | KeyboardEvent): void;
-    clearSelected(): void;
-    updateOptionsActiveStatus(selections: Map<any, any>, options?: BasicOptionProps[]): void;
-    removeTag(item: BasicOptionProps): void;
-    clearInput(): void;
-    focusInput(): void;
-    handleInputChange(sugInput: string): void;
-    _filterOption(originalOptions: BasicOptionProps[], sugInput: string): BasicOptionProps[];
-    _createOptionByInput(allowCreate: boolean, optionsAfterFilter: BasicOptionProps[], sugInput: string): BasicOptionProps[];
-    bindKeyBoardEvent(): void;
-    unBindKeyBoardEvent(): void;
-    _handleKeyDown(event: KeyboardEvent): void;
-    _getEnableFocusIndex(offset: number): void;
-    _handleArrowKeyDown(offset: number): void;
-    _handleEnterKeyDown(event: KeyboardEvent): void;
-    _handleBackspaceKeyDown(): void;
-    _notifyChange(selections: Map<any, any>): void;
-    _removeInternalKey(option: BasicOptionProps): BasicOptionProps;
-    _notifySelect(value: BasicOptionProps['value'], option: BasicOptionProps): void;
-    _notifyDeselect(value: BasicOptionProps['value'], option: BasicOptionProps): void;
-    _diffSelections(selections: Map<any, any>, oldSelections: Map<any, any>, isMultiple: boolean): boolean;
-    _notifyChangeWithObject(selections: Map<any, any>): void;
-    _notifyBlur(e: FocusEvent): void;
-    _notifyFocus(e: FocusEvent): void;
-    handleMouseEnter(e: MouseEvent): void;
-    handleMouseLeave(e: MouseEvent): void;
-    handleClearClick(e: MouseEvent): void;
-    handleOptionMouseEnter(optionIndex: number): void;
-    handleListScroll(e: any): void;
-    handleTriggerBlur(e: FocusEvent): void;
-    selectAll(): void;
-    /**
-     * Check whether the props
-     *  -defaultValue/value in multiple selection mode is array
-     * @param {Object} props
-     */
-    checkMultipleProps(props?: Record<string, any>): void;
-    updateScrollTop(): void;
-}
-export {};