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

package/lib/cjs/modal/modalFoundation.d.ts

@@ -1,68 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { Motion } from '../utils/type';
-export declare type OKType = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
-export declare type Size = 'small' | 'medium' | 'large' | 'full-width';
-export interface ModalAdapter extends DefaultAdapter<ModalProps, ModalState> {
-    disabledBodyScroll: () => void;
-    enabledBodyScroll: () => void;
-    notifyCancel: (e: any) => void;
-    notifyOk: (e: any) => void;
-    notifyClose: () => void;
-    toggleHidden: (hidden: boolean, callback?: (hidden: boolean) => void) => void;
-    notifyFullScreen: (isFullScreen: boolean) => void;
-    getProps: () => ModalProps;
-}
-export interface ModalProps {
-    afterClose?: () => void;
-    bodyStyle?: Record<string, any>;
-    cancelButtonProps?: any;
-    cancelText?: string;
-    centered?: boolean;
-    className?: string;
-    closable?: boolean;
-    confirmLoading?: boolean;
-    cancelLoading?: boolean;
-    content?: any;
-    footer?: any;
-    hasCancel?: boolean;
-    header?: any;
-    height?: number;
-    mask?: boolean;
-    maskClosable?: boolean;
-    maskStyle?: Record<string, any>;
-    maskFixed?: boolean;
-    motion?: Motion;
-    okButtonProps?: any;
-    okText?: string;
-    okType?: OKType;
-    onCancel?: (e: any) => void | Promise<any>;
-    onOk?: (e: any) => void | Promise<any>;
-    style?: Record<string, any>;
-    title?: any;
-    visible?: boolean;
-    width?: number;
-    zIndex?: number;
-    icon?: any;
-    getPopupContainer?: () => HTMLElement;
-    closeIcon?: any;
-    closeOnEsc?: boolean;
-    size?: Size;
-    lazyRender?: boolean;
-    keepDOM?: boolean;
-    direction?: any;
-    fullScreen?: boolean;
-}
-export interface ModalState {
-    hidden: boolean;
-    isFullScreen: boolean;
-}
-export default class ModalFoundation extends BaseFoundation<ModalAdapter> {
-    constructor(adapter: ModalAdapter);
-    destroy(): void;
-    handleCancel(e: any): void;
-    handleOk(e: any): void;
-    beforeShow(): void;
-    afterHide(): void;
-    afterClose(): void;
-    toggleHidden: (hidden: boolean, callback?: (hidden: boolean) => void) => void;
-}

package/lib/cjs/modal/modalFoundation.js

@@ -1,52 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = void 0;
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-class ModalFoundation extends _foundation.default {
-  constructor(adapter) {
-    super((0, _assign.default)({}, adapter));
-
-    this.toggleHidden = (hidden, callback) => {
-      this._adapter.toggleHidden(hidden, callback);
-    };
-  }
-
-  destroy() {
-    this.afterHide();
-  }
-
-  handleCancel(e) {
-    this._adapter.notifyCancel(e);
-  }
-
-  handleOk(e) {
-    this._adapter.notifyOk(e);
-  }
-
-  beforeShow() {
-    this._adapter.disabledBodyScroll();
-  }
-
-  afterHide() {
-    this._adapter.enabledBodyScroll();
-  }
-
-  afterClose() {
-    this._adapter.notifyClose();
-  }
-
-}
-
-exports.default = ModalFoundation;

package/lib/cjs/modal/rtl.scss

@@ -1,48 +0,0 @@
-$module: #{$prefix}-modal;
-
-.#{$module} {
-
-    &-rtl {
-        direction: rtl;
-    }
-
-    &-icon-wrapper {
-        .#{$module}-rtl &,
-        .#{$module}-confirm-rtl & {
-            margin-right: 0;
-            margin-left: $spacing-modal_confirm_icon_wrapper-marginRight;
-        }
-
-    }
-
-    &-withIcon {
-        .#{$module}-rtl &,
-        .#{$module}-confirm-rtl & {
-            margin-left: 0;
-            margin-right: $spacing-modal_content_withicon-marginLeft;
-        }
-    }
-
-    &-footer {
-        .#{$module}-rtl &,
-        .#{$module}-confirm-rtl & {
-            text-align: left;
-            .#{$prefix}-button {
-                margin-left: $spacing-modal_footer_button-marginRight;
-                margin-right: $spacing-modal_footer_button-marginLeft;
-            }
-        }
-    }
-
-    &-confirm {
-
-        &-rtl {
-            direction: rtl;
-        }
-
-        .#{$module}-confirm-rtl .#{$prefix}-button {
-            margin-left: $spacing-modal_footer_button-marginRight;
-            margin-right: $spacing-modal_footer_button-marginLeft;
-        }
-    }
-}

package/lib/cjs/modal/variables.scss

@@ -1,69 +0,0 @@
-// Color
-$color-modal-bg: var(--semi-color-bg-2); // 模态框背景颜色
-$color-modal_mask-bg: var(--semi-overlay-bg); // 模态框蒙层颜色
-$color-modal_main-text: var(--semi-color-text-0); // 模态框文字颜色
-$color-modal_info-icon: var(--semi-color-info); // 模态框信息图标颜色
-$color-modal_primary-icon: var(--semi-color-primary); // 模态框主要图标颜色
-$color-modal_success-icon: var(--semi-color-success); // 模态框成功图标颜色
-$color-modal_danger-icon: var(--semi-color-danger); // 模态框危险图标颜色
-$color-modal_warning-icon: var(--semi-color-warning); // 模态框警告图标颜色
-$color-modal_content-border: var(--semi-color-border); // 模态框描边颜色
-
-// Spacing
-$spacing-modal-marginY: 80px; // 模态框距容器顶部外边距
-$spacing-modal-marginX: auto; // 模态框水平外边距（默认居中）
-$spacing-modal_mask-top: 0;  // 模态框蒙层顶部位置
-$spacing-modal_mask-right: 0; // 模态框蒙层右侧位置
-$spacing-modal_mask-bottom: 0; // 模态框蒙层底部位置
-$spacing-modal_mask-left: 0; // 模态框蒙层左侧位置
-$spacing-modal_content_withicon-marginLeft: 36px; // 模态框蒙层左侧位置
-$spacing-modal_icon_wrapper-marginRight: $spacing-base-tight; // 模态框图标右侧外边距
-$spacing-modal_wrap-top: 0;
-$spacing-modal_wrap-right: 0;
-$spacing-modal_wrap-bottom: 0;
-$spacing-modal_wrap-left: 0;
-$spacing-modal_title-margin: 0; // 模态框标题外边距
-$spacing-modal_content-paddingY: 0; // 模态框内容垂直内边距
-$spacing-modal_content-paddingX: 24px; // 模态框内容水平内边距
-$spacing-modal_header-marginY: 24px; // 模态框标题垂直外边距
-$spacing-modal_header-marginX: 0; // 模态框标题水平外边距
-$spacing-modal_header-paddingY: 0;
-$spacing-modal_header-paddingX: 0;
-$spacing-modal_body_wrapper-marginY: 24px;
-$spacing-modal_body_wrapper-marginX: 0;
-$spacing-modal_body-margin: 0; // 模态框 body 外边距
-$spacing-modal_body-padding: 0; // 模态框 footer 垂直外边距
-$spacing-modal_footer-marginY: 24px; // 模态框 footer 垂直外边距
-$spacing-modal_footer-marginX: 0; // 模态框 footer 水平外边距
-$spacing-modal_footer-paddingY:0;
-$spacing-modal_footer-paddingX: 0;
-$spacing-modal_footer_button-marginLeft: $spacing-base-tight; // 模态框 footer 按钮左侧外边距
-$spacing-modal_footer_button-marginRight: 0; // 模态框 footer 按钮右侧外边距
-$spacing-modal_confirm_header-marginBottom: 8px; // 命令式调用模态框 header 底部外边距
-$spacing-modal_confirm_icon_wrapper-marginRight: $spacing-base-tight; // 命令式调用模态框图标右侧外边距
-
-// Width/Height
-$width-modal_title: 100%; // 模态框标题宽度
-$width-modal_content: 100%; // 模态框内容宽度
-$height-modal_content: 100%; // 模态框内容高度
-$width-modal_content-border: 1px; // 模态框内容描边宽度
-$width-modal_small: 448px; // 模态框宽度 - 小
-$width-modal_medium: 684px; // 模态框宽度 - 中
-$width-modal_large: 920px; // 模态框宽度 - 大
-$width-modal_full_width: calc(100vw - 64px); // 模态框宽度 - 全屏
-
-// Radius
-$radius-modal_content: var(--semi-border-radius-large); // 模态框圆角大小
-$radius-modal_content_fullscreen: 0; // 模态框圆角大小 - 全屏
-$radius-modal_footer: 0 0 5px 5px;; // 模态框 footer 圆角大小
-
-// Font
-$font-modal_header-fontSize: $font-size-regular; // 模态框 title 字号
-$font-modal_header-fontWeight: $font-weight-bold; // 模态框 title 字重
-
-//border
-$color-modal_header-border:transparent;
-$width-modal_header-border:0;
-$color-modal_footer-border:transparent;
-$width-modal_footer-border:0;
-

package/lib/cjs/navigation/NavItem.d.ts

@@ -1,10 +0,0 @@
-export declare const DEFAULT_TOGGLE_ICON: {
-    open: string;
-    closed: string;
-};
-export default class NavItem {
-    items: any[];
-    toggleIcon: any;
-    constructor(options?: any);
-    static isValidToggleIcon(toggleIcon: any): boolean;
-}

package/lib/cjs/navigation/NavItem.js

@@ -1,74 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.default = exports.DEFAULT_TOGGLE_ICON = void 0;
-
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
-
-var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _constants = require("./constants");
-
-const DEFAULT_TOGGLE_ICON = {
-  open: 'chevron_up',
-  closed: 'chevron_down'
-};
-exports.DEFAULT_TOGGLE_ICON = DEFAULT_TOGGLE_ICON;
-
-class NavItem {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-    // eslint-disable-next-line eqeqeq
-    if (options == null || typeof options !== 'object') {
-      // eslint-disable-next-line no-param-reassign
-      options = {
-        text: options,
-        itemKey: options,
-        maxHeight: _constants.numbers.DEFAULT_SUBNAV_MAX_HEIGHT,
-        // selected: false,
-        // isOpen: false,
-        link: null,
-        items: null,
-        icon: '',
-        indent: false
-      };
-    }
-
-    for (const key of (0, _keys.default)(options)) {
-      this[key] = options[key];
-    }
-
-    if (options.items && (0, _isArray.default)(options.items) && options.items.length) {
-      var _context;
-
-      this.items = (0, _map.default)(_context = options.items).call(_context, item => new NavItem(item));
-
-      if ('toggleIcon' in options) {
-        this.toggleIcon = NavItem.isValidToggleIcon(options.toggleIcon) ? (0, _assign.default)({}, options.toggleIcon) : (0, _assign.default)({}, DEFAULT_TOGGLE_ICON);
-      } else {
-        this.toggleIcon = (0, _assign.default)({}, DEFAULT_TOGGLE_ICON);
-      }
-    } else {
-      this.items = null;
-    }
-  }
-
-  static isValidToggleIcon(toggleIcon) {
-    return Boolean(toggleIcon && typeof toggleIcon === 'object' && typeof toggleIcon.open === 'string' && toggleIcon.open.length && typeof toggleIcon.closed === 'string' && toggleIcon.closed.length);
-  }
-
-}
-
-exports.default = NavItem;

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

@@ -1,21 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    MODE: string[];
-    MODE_VERTICAL: string;
-    MODE_HORIZONTAL: string;
-    ICON_POS_LEFT: string;
-    ICON_POS_RIGHT: string;
-    DEFAULT_LOGO_ICON_SIZE: string;
-    TOGGLE_ICON_LEFT: string;
-    TOGGLE_ICON_RIGHT: string;
-};
-declare const numbers: {
-    DEFAULT_SUBNAV_MAX_HEIGHT: number;
-    DEFAULT_TOOLTIP_SHOW_DELAY: number;
-    DEFAULT_TOOLTIP_HIDE_DELAY: number;
-    DEFAULT_SUBNAV_OPEN_DELAY: number;
-    DEFAULT_SUBNAV_CLOSE_DELAY: number;
-};
-export { cssClasses, strings, numbers };

package/lib/cjs/navigation/constants.js

@@ -1,38 +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");
-
-const MODE_HORIZONTAL = 'horizontal';
-const MODE_VERTICAL = 'vertical';
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-navigation")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  MODE: [MODE_VERTICAL, MODE_HORIZONTAL],
-  MODE_VERTICAL,
-  MODE_HORIZONTAL,
-  ICON_POS_LEFT: 'left',
-  ICON_POS_RIGHT: 'right',
-  DEFAULT_LOGO_ICON_SIZE: 'extra-large',
-  TOGGLE_ICON_LEFT: 'left',
-  TOGGLE_ICON_RIGHT: 'right'
-};
-exports.strings = strings;
-const numbers = {
-  DEFAULT_SUBNAV_MAX_HEIGHT: 999,
-  DEFAULT_TOOLTIP_SHOW_DELAY: 0,
-  DEFAULT_TOOLTIP_HIDE_DELAY: 100,
-  DEFAULT_SUBNAV_OPEN_DELAY: 0,
-  DEFAULT_SUBNAV_CLOSE_DELAY: 100 // ms
-
-};
-exports.numbers = numbers;

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

@@ -1,86 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { ItemProps } from './itemFoundation';
-export interface ItemKey2ParentKeysMap {
-    [key: string]: (string | number)[];
-}
-export interface OnClickData {
-    itemKey: string | number;
-    domEvent: any;
-    isOpen: boolean;
-}
-export interface OnSelectData extends OnClickData {
-    selectedKeys: (string | number)[];
-    selectedItems: ItemProps[];
-}
-export interface OnOpenChangeData extends OnClickData {
-    openKeys: (string | number)[];
-}
-export interface NavItemType {
-    props?: ItemProps;
-    items?: NavItemType[];
-    [key: string]: any;
-}
-export interface NavigationAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    notifySelect(data: OnSelectData): void;
-    notifyOpenChange(data: OnOpenChangeData): void;
-    setIsCollapsed(isCollapsed: boolean): void;
-    notifyCollapseChange(isCollapsed: boolean): void;
-    updateItems(items: ItemProps[]): void;
-    setItemKeysMap(map: {
-        [key: string]: (string | number)[];
-    }): void;
-    addSelectedKeys(...keys: (string | number)[]): void;
-    removeSelectedKeys(...keys: (string | number)[]): void;
-    updateSelectedKeys(keys: (string | number)[]): void;
-    updateOpenKeys(keys: (string | number)[]): void;
-    addOpenKeys(...keys: (string | number)[]): void;
-    removeOpenKeys(...keys: (string | number)[]): void;
-    setItemsChanged(isChanged: boolean): void;
-}
-export default class NavigationFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<NavigationAdapter<P, S>, P, S> {
-    constructor(adapter: NavigationAdapter<P, S>);
-    static getZeroParentKeys(itemKeysMap?: {}, ...itemKeys: (string | number)[]): any[];
-    static buildItemKeysMap(items?: NavItemType[], keysMap?: {}, parentKeys?: (string | number)[], keyPropName?: string): {};
-    /**
-     * init is called in constructor and componentDidMount.
-     * if you want to update state in constructor, please add it to return object;
-     * if you want to update state in componentDidMount, please call adapter in else logic.
-     * @param {*} lifecycle
-     * @returns
-     */
-    init(lifecycle: string): {
-        selectedKeys: any;
-        itemKeysMap: {};
-        openKeys: any[];
-        items: any[];
-    };
-    /**
-     * Get the state to be calculated
-     */
-    getCalcState(): {
-        itemKeysMap: {};
-        willOpenKeys: any[];
-        formatedItems: any[];
-    };
-    /**
-     * Calculate formatted items and itemsKeyMap
-     */
-    getFormatedItems(): {
-        itemKeysMap: {};
-        formatedItems: any[];
-    };
-    /**
-     * Calculate the keys that will need to be opened soon
-     * @param {*} itemKeysMap
-     */
-    getWillOpenKeys(itemKeysMap: ItemKey2ParentKeysMap): any[];
-    getItemKey(item: string | number, keyPropName?: string): string | number;
-    getShouldOpenKeys(itemKeysMap?: ItemKey2ParentKeysMap, selectedKeys?: string | number[]): unknown[];
-    destroy(): void;
-    selectLevelZeroParentKeys(itemKeysMap: ItemKey2ParentKeysMap, ...itemKeys: (string | number)[]): any[];
-    formatItems(items?: ItemProps[]): any[];
-    handleSelect(data: OnSelectData): void;
-    judgeIfOpen(openKeys: (string | number)[], items: NavItemType[]): boolean;
-    handleCollapseChange(): void;
-    handleItemsChange(isChanged: boolean): void;
-}