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

package/timeline/timeline.scss

@@ -94,6 +94,7 @@ $module: #{$prefix}-timeline;
             position: relative;
             margin: $spacing-none $spacing-none $spacing-none $spacing-timeline_content-marginLeft;
             word-break: break-word;
+            color: $color-timeline_item_content-text-default;
 
             &-extra,
             &-time {

package/timeline/variables.scss

@@ -6,6 +6,7 @@ $color-timeline_dot_info-bg-default: var(--semi-color-tertiary-light-active); //
 $color-timeline_tail-border: var(--semi-color-text-3); // 时间轴连线颜色
 $color-timeline_time_default-text-default: var(--semi-color-text-2); // 时间轴文字颜色 - 默认
 $color-timeline_item_head-bg: transparent; // 时间轴头部背景颜色
+$color-timeline_item_content-text-default: var(--semi-color-text-0); // 时间轴标题文字颜色
 
 $spacing-timeline-margin: $spacing-none; // 时间轴整体外边距
 $spacing-timeline-padding: $spacing-tight; // 时间轴整体内边距

package/tooltip/foundation.ts

@@ -92,8 +92,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     }
 
     _bindEvent() {
-        const types = this.getProp('trigger'); // get trigger type
-        const { triggerEventSet, portalEventSet } = this._generateEvent(types);
+        const trigger = this.getProp('trigger'); // get trigger type
+        const { triggerEventSet, portalEventSet } = this._generateEvent(trigger);
         this._bindTriggerEvent(triggerEventSet);
         this._bindPortalEvent(portalEventSet);
         this._bindResizeEvent();
@@ -268,6 +268,8 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
         this._adapter.insertPortal(content, position);
 
         if (trigger === 'custom') {
+            // eslint-disable-next-line
+            this._adapter.registerClickOutsideHandler(() => {});
             this._togglePortalVisible(true);
         }
 

package/tree/foundation.ts

@@ -212,7 +212,7 @@ export interface BasicTreeProps {
     onDragOver?: (dragProps: BasicDragProps) => void;
     onDragStart?: (dragProps: BasicDragProps) => void;
     onDrop?: (onDragProps: BasicOnDragProps) => void;
-    onExpand?: (expandedKeys: string[], expanedOtherProps: BasicExpandedOtherProps) => void;
+    onExpand?: (expandedKeys: string[], expandedOtherProps: BasicExpandedOtherProps) => void;
     onLoad?: (loadedKeys?: Set<string>, treeNode?: BasicTreeNodeData) => void;
     onContextMenu?: (e: any, node: BasicTreeNodeData) => void;
     onSearch?: (sunInput: string) => void;

package/tree/treeUtil.ts

@@ -441,7 +441,7 @@ export function normalizeKeyList(keyList: any, keyEntities: KeyEntities, leafOnl
             res.push(key);
         });
     } else {
-        res = keyList.filter((key: string) => keyEntities[key] && !isValid(keyEntities[key].children));
+        res = Array.from(keyList).filter((key: string) => keyEntities[key] && !isValid(keyEntities[key].children)) as string[];
     }
     return res;
 }

package/treeSelect/foundation.ts

@@ -29,14 +29,15 @@ export type ValidateStatus = 'error' | 'warning' | 'default';
 
 export type Size = 'small' | 'large' | 'default';
 
-export interface BasicRenderSelectedItem {
-    (treeNode: BasicTreeNodeData): any;
-    (treeNode: BasicTreeNodeData, otherProps: { index: number | string; onClose: (tagContent: any, e: any) => void }):
-    {
-        isRenderInTag: boolean;
-        content: any;
-    };
-}
+export type BasicRenderSelectedItemInMultiple = (
+    treeNode: BasicTreeNodeData, 
+    otherProps: { index: number | string; onClose: (tagContent: any, e: any) => void }
+)=> {
+    isRenderInTag: boolean;
+    content: any;
+};
+export type BasicRenderSelectedItemInSingle = (treeNode: BasicTreeNodeData) => any;
+export type BasicRenderSelectedItem = BasicRenderSelectedItemInSingle | BasicRenderSelectedItemInMultiple;
 
 export interface BasicTriggerRenderProps {
     [x: string]: any;
@@ -127,7 +128,7 @@ export interface BasicTreeSelectProps extends Pick<BasicTreeProps,
     searchRender?: (inputProps: any) => any;
     renderSelectedItem?: BasicRenderSelectedItem;
     getPopupContainer?: () => HTMLElement;
-    triggerRender?: (props: BasicTriggerRenderProps) => any;
+    // triggerRender?: (props: BasicTriggerRenderProps) => any;
     onBlur?: (e: any) => void;
     onChange?: BasicOnChange;
     onFocus?: (e: any) => void;
@@ -178,7 +179,7 @@ export interface TreeSelectAdapter<P = Record<string, any>, S = Record<string, a
     setOptionWrapperWidth: (width: null | number) => void;
     notifyChange: BasicOnChangeWithBasic;
     notifyChangeWithObject: BasicOnChangeWithObject;
-    notifyExpand: (expandedKeys: Set<string>, expanedOtherProps: BasicExpandedOtherProps) => void;
+    notifyExpand: (expandedKeys: Set<string>, expandedOtherProps: BasicExpandedOtherProps) => void;
     notifyFocus: (e: any) => void;
     notifyBlur: (e: any) => void;
     toggleHovering: (bool: boolean) => void;

package/utils/log.ts

@@ -1,5 +1,7 @@
+import { get } from 'lodash-es';
+
 const log = (text: any, ...rest: any[]) => {
-    if (process.env.NODE_ENV === 'development') {
+    if (get(process, 'env.NODE_ENV') === 'development') {
         console.log(text, ...rest);
     }
 };

package/getBabelConfig.js

@@ -1,35 +0,0 @@
-module.exports = ({ isESM }) => {
-    return {
-        presets: [
-            [
-                '@babel/preset-env',
-                {
-                    modules: isESM ? false : 'commonjs',
-                    targets: {
-                        browsers: [
-                            "> 0.5%",
-                            "last 2 versions",
-                            "Firefox ESR",
-                            "not dead",
-                            "not IE 11"
-                        ]
-                    }
-                },
-            ],
-        ],
-        plugins: [
-            [
-                '@babel/plugin-transform-runtime',
-                {
-                    corejs: 3
-                },
-            ],
-            [
-                '@babel/plugin-proposal-decorators',
-                {
-                    legacy: true,
-                },
-            ],
-        ]
-    };
-};

package/lib/cjs/_portal/portal.css

@@ -1,15 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-portal {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  z-index: 1;
-}
-.semi-portal-inner {
-  position: absolute;
-  background-color: transparent;
-  min-width: fit-content;
-}

package/lib/cjs/_portal/portal.scss

@@ -1,17 +0,0 @@
-//@import '../theme/variables.scss';
-
-$module: #{$prefix}-portal;
-
-.#{$module} {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    z-index: $z-portal;
-
-    &-inner {
-        position: absolute;
-        background-color: transparent;
-        min-width: fit-content;
-    }
-}

package/lib/cjs/anchor/anchor.css

@@ -1,118 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-anchor {
-  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;
-  overflow-y: auto;
-  overflow-x: hidden;
-  position: relative;
-}
-.semi-anchor-size-small {
-  font-size: 12px;
-  line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.semi-anchor-slide {
-  position: absolute;
-  left: 0;
-  top: 0;
-  height: 100%;
-}
-.semi-anchor-slide-muted {
-  display: none;
-}
-.semi-anchor-slide-bar {
-  display: none;
-  position: absolute;
-  top: 0;
-  width: 2px;
-  border-radius: 1px;
-}
-.semi-anchor-slide-bar-active {
-  display: inline-block;
-}
-.semi-anchor-slide-bar-default {
-  height: 28px;
-}
-.semi-anchor-slide-bar-small {
-  height: 24px;
-}
-.semi-anchor-slide-bar-primary {
-  background-color: var(--semi-color-primary);
-}
-.semi-anchor-slide-bar-tertiary {
-  background-color: var(--semi-color-tertiary);
-}
-.semi-anchor-slide::before {
-  position: absolute;
-  display: block;
-  width: 2px;
-  height: 100%;
-  background-color: var(--semi-color-border);
-  border-radius: 1px;
-  content: " ";
-}
-.semi-anchor-link {
-  padding-left: 8px;
-}
-.semi-anchor-link-title {
-  cursor: pointer;
-  color: var(--semi-color-text-2);
-  padding-top: 4px;
-  padding-bottom: 4px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.semi-anchor-link-title:hover {
-  color: var(--semi-color-tertiary-hover);
-}
-.semi-anchor-link-title-active {
-  color: var(--semi-color-text-0);
-}
-.semi-anchor-link-title-disabled {
-  color: var(--semi-color-disabled-text);
-  cursor: not-allowed;
-}
-.semi-anchor-link-title-disabled:hover {
-  color: var(--semi-color-disabled-text);
-}
-.semi-anchor-link-tooltip {
-  cursor: pointer;
-  color: var(--semi-color-text-2) !important;
-}
-.semi-anchor-link-tooltip-small {
-  font-size: 12px;
-  line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.semi-anchor-link-tooltip:hover {
-  color: var(--semi-color-tertiary-hover) !important;
-}
-.semi-anchor-link-tooltip-active {
-  color: var(--semi-color-text-0) !important;
-}
-.semi-anchor-link-tooltip-disabled {
-  color: var(--semi-color-disabled-text) !important;
-  cursor: not-allowed;
-}
-.semi-anchor-link-tooltip-disabled:hover {
-  color: var(--semi-color-disabled-text) !important;
-}
-
-.semi-rtl .semi-anchor,
-.semi-portal-rtl .semi-anchor {
-  direction: rtl;
-}
-.semi-rtl .semi-anchor-slide,
-.semi-portal-rtl .semi-anchor-slide {
-  right: 0;
-  left: auto;
-}
-.semi-rtl .semi-anchor-link,
-.semi-portal-rtl .semi-anchor-link {
-  padding-right: 8px;
-  padding-left: auto;
-}

package/lib/cjs/anchor/anchor.scss

@@ -1,120 +0,0 @@
-@import './variables.scss';
-
-$module: #{$prefix}-anchor;
-
-.#{$module} {
-    @include font-size-regular;
-    overflow-y: auto;
-    overflow-x: hidden;
-    position: relative;
-
-    &-size-small {
-        @include font-size-small;
-    }
-
-    &-slide {
-        position: absolute;
-        left: $spacing-anchor_slide-left;
-        top: $spacing-anchor_slide-top;
-        height: 100%;
-
-        &-muted {
-            display: none;
-        }
-
-        &-bar {
-            display: none;
-            position: absolute;
-            top: 0;
-            width: $width-anchor_slide_default;
-            border-radius: $radius-anchor_slide;
-
-            &-active {
-                display: inline-block;
-            }
-
-            &-default {
-                height: $height-anchor_slide_default + 2 * $spacing-anchor_slide_default-Y;
-            }
-
-            &-small {
-                height: $height-anchor_slide_small + 2 * $spacing-anchor_slide_small-Y;
-            }
-
-            &-primary {
-                background-color: $color-anchor_slide_primary-bg-active;
-            }
-
-            &-tertiary {
-                background-color: $color-anchor_slide_tertiary-bg-active;
-            }
-        }
-
-        &::before {
-            position: absolute;
-            display: block;
-            width: $width-anchor_slide_default;
-            height: 100%;
-            background-color: $color-anchor_slide_default-bg-default;
-            border-radius: $radius-anchor_slide;
-            content: ' ';
-        }
-    }
-
-    &-link {
-        padding-left: $spacing-anchor_link-paddingLeft;
-
-        &-title {
-            cursor: pointer;
-            color: $color-anchor_title-text-default;
-            padding-top: $spacing-anchor_link_title-paddingTop;
-            padding-bottom: $spacing-anchor_link_title-paddingBottom;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-
-            &:hover {
-                color: $color-anchor_title-text-hover;
-            }
-
-            &-active {
-                color: $color-anchor_title-text-active;
-            }
-
-            &-disabled {
-                color: $color-anchor_title-text-disabled;
-                cursor: not-allowed;
-                &:hover {
-                    color: $color-anchor_title-text-disabled;
-                }
-            }
-        }
-
-        &-tooltip {
-            cursor: pointer;
-            color: $color-anchor_title-text-default !important;
-
-            &-small {
-                @include font-size-small;
-            }
-
-            &:hover {
-                color: $color-anchor_title-text-hover !important;
-            }
-
-            &-active {
-                color: $color-anchor_title-text-active !important;
-            }
-
-            &-disabled {
-                color: $color-anchor_title-text-disabled !important;
-                cursor: not-allowed;
-                &:hover {
-                    color: $color-anchor_title-text-disabled !important;
-                }
-            }
-        }
-    }
-}
-
-@import "./rtl.scss";

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

@@ -1,11 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    readonly SIZE: readonly ["small", "default"];
-    readonly SLIDE_COLOR: readonly ["primary", "tertiary", "muted"];
-    readonly MAX_WIDTH: "200px";
-    readonly MAX_HEIGHT: "750px";
-    readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver"];
-};
-export { cssClasses, strings };

package/lib/cjs/anchor/constants.js

@@ -1,24 +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.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-anchor")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  SIZE: ['small', 'default'],
-  SLIDE_COLOR: ['primary', 'tertiary', 'muted'],
-  MAX_WIDTH: '200px',
-  MAX_HEIGHT: '750px',
-  POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver']
-};
-exports.strings = strings;

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

@@ -1,41 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import React from 'react';
-export interface AnchorAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    addLink: (link: string) => void;
-    removeLink: (link: string) => void;
-    setChildMap: (value: Record<string, Set<string>>) => void;
-    setScrollHeight: (heigh: string) => void;
-    setSlideBarTop: (height: number) => void;
-    setClickLink: (value: boolean) => void;
-    setActiveLink: (link: string, cb: () => void) => void;
-    setClickLinkWithCallBack: (value: boolean, link: string, cb: (link: string) => void) => void;
-    getContainer: () => HTMLElement | Window;
-    getContainerBoundingTop: () => number;
-    getLinksBoundingTop: () => number[];
-    getAnchorNode: (selector: string) => HTMLElement;
-    getContentNode: (selector: string) => HTMLElement;
-    notifyChange: (currentLink: string, previousLink: string) => void;
-    notifyClick: (e: React.MouseEvent<HTMLElement>, link: string) => void;
-    canSmoothScroll: () => boolean;
-}
-export default class AnchorFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<AnchorAdapter<P, S>, P, S> {
-    constructor(adapter: AnchorAdapter<P, S>);
-    init: () => void;
-    destroy: () => void;
-    addLink: (link: string) => void;
-    removeLink: (link: string) => void;
-    setActiveLink: (link: string, prevLink: string, shouldNotify?: boolean) => void;
-    setScrollHeight: () => void;
-    updateScrollHeight: (prevState: any, state: any) => void;
-    setChildMap: () => void;
-    updateChildMap: (prevState: any, state: any) => void;
-    getLinksTop: () => number[];
-    handleScroll: () => void;
-    handleClick: (e: any, link: string, shouldNotify?: boolean) => void;
-    handleClickLink: () => void;
-    _getLinkToMap: (link: any, parents: string[], linkMap: {
-        [key: string]: Set<string>;
-    }) => void;
-    _scrollIntoView: (link: string) => void;
-    _setActiveSlide: () => void;
-}