@douyinfe/semi-foundation 2.28.0-beta.0 → 2.28.0

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,32 @@
+"use strict";
+
+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/select/constants.d.ts

@@ -0,0 +1,16 @@
+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", "leftBottomOver", "rightBottomOver"];
+    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

@@ -0,0 +1,30 @@
+"use strict";
+
+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: `${_constants.BASE_CLASS_PREFIX}-select`,
+  PREFIX_OPTION: `${_constants.BASE_CLASS_PREFIX}-select-option`,
+  PREFIX_GROUP: `${_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: 270
+};
+exports.numbers = numbers;

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

@@ -0,0 +1,137 @@
+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;
+    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(index?: number): void;
+    updateOverflowItemCount(count: number): void;
+    getContainer(): any;
+    getFocusableElements(node: any): any[];
+    getActiveElement(): any;
+    setIsFocusInContainer(isFocusInContainer: boolean): void;
+    getIsFocusInContainer(): boolean;
+    on(eventName: string, eventCallback: () => void): void;
+    off(eventName: string): void;
+    emit(eventName: string): void;
+    once(eventName: string, eventCallback: () => void): void;
+}
+declare type LabelValue = string | number;
+declare type PropValue = LabelValue | 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, closeCb?: () => void): 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;
+    handleContainerKeyDown(event: any): void;
+    _getEnableFocusIndex(offset: number): void;
+    _handleArrowKeyDown(offset: number): void;
+    _handleTabKeyDown(event: any): void;
+    _handlePanelOpenTabKeyDown(focusableElements: any[], event: any): void;
+    _handlePanelOpenShiftTabKeyDown(focusableElements: any[], event: any): void;
+    _handleEnterKeyDown(event: KeyboardEvent): void;
+    _handleBackspaceKeyDown(): void;
+    _notifyChange(selections: Map<any, any>): void;
+    _removeInternalKey(option: BasicOptionProps): {
+        [x: string]: any;
+        value?: string | number;
+        label?: unknown;
+        children?: unknown;
+        disabled?: boolean;
+        showTick?: boolean;
+        className?: string;
+        style?: Record<string, any>;
+    };
+    _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;
+    handleKeyPress(e: KeyboardEvent): void;
+    handleClearBtnEnterPress(e: KeyboardEvent): void;
+    handleOptionMouseEnter(optionIndex: number): void;
+    handleListScroll(e: any): void;
+    handleTriggerFocus(e: any): void;
+    handleTriggerBlur(e: FocusEvent): void;
+    handleInputBlur(e: any): 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;
+    updateOverflowItemCount(selectionLength: number, overFlowCount?: number): void;
+    updateIsFullTags(): void;
+    handlePopoverClose(): void;
+    handleSlotMouseEnter(): void;
+}
+export {};