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

package/lib/cjs/tree/tree.scss

@@ -1,372 +0,0 @@
-@import './variables.scss';
-
-$module: #{$prefix}-tree;
-
-.#{$module} {
-    box-sizing: border-box;
-    border-radius: $radius-tree;
-    border: 1px solid $color-tree_default-border-default;
-    height: $height-tree_default;
-    line-height: $height-tree_default;
-    font-weight: $font-tree_default-fontWeight;
-    background-color: $color-tree_default-bg-default;
-    display: inline-block;
-    vertical-align: middle;
-    position: relative;
-    cursor: pointer;
-
-    &:hover {
-        background-color: $color-tree_default-bg-hover;
-    }
-
-    &-focus {
-        border: $width-tree_focus-border solid $color-tree_default-border-focus;
-        outline: 0;
-    }
-
-    &-search-wrapper {
-        padding: $spacing-tree_search_wrapper-paddingY $spacing-tree_search_wrapper-paddingX;
-    }
-}
-
-.#{$module}-wrapper {
-    display: flex;
-    flex-direction: column;
-}
-
-.#{$module}-option-list {
-    overflow-x: hidden;
-    overflow-y: auto;
-    box-sizing: border-box;
-    flex: 1;
-    padding: $spacing-tree_optionList-paddingY $spacing-tree_optionList-paddingX;
-
-    ul,
-    li {
-        list-style-type: none;
-        padding: 0;
-        margin: 0;
-    }
-
-    li.#{$module}-option {
-        box-sizing: border-box;
-        padding-top: $spacing-tree_option-paddingTop;
-        padding-bottom: $spacing-tree_option-paddingBottom;
-    }
-
-    li > .#{$module}-option-label {
-        list-style-type: none;
-        padding: 0;
-    }
-
-    .#{$module}-option-expand-icon,
-    .#{$module}-option-empty-icon {
-        box-sizing: border-box;
-        width: $width-tree_emptyIcon;
-        color: $color-tree_option-icon-default;
-        margin-right: $spacing-tree_icon-marginRight;
-        display: flex;
-        flex-shrink: 0;
-    }
-
-    .#{$module}-option {
-        display: flex;
-        align-items: center;
-        cursor: pointer;
-
-        @include font-size-regular;
-        word-break: break-word;
-        color: $color-tree_option-text-default;
-        position: relative;
-
-        &-label {
-            display: flex;
-            align-items: center;
-
-            & > .#{$prefix}-icon {
-                margin-right: $spacing-tree_label_withIcon-marginRight;
-            }
-
-            .#{$prefix}-checkbox {
-                margin-right: $spacing-tree_label_withIcon-marginRight;
-            }
-        }
-
-        &-label-text {
-            display: block;
-            flex: 1;
-        }
-
-        &-ellipsis {
-            .#{$module}-option-label-text {
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
-        }
-
-        &-label-text,
-        .#{$prefix}-checkbox-addon {
-            border-radius: $radius-tree_checkbox_addon;
-
-            &:hover {
-                background-color: $color-tree_option-bg-hover;
-            }
-
-            &:active {
-                background-color: $color-tree_option_selected-bg-default;
-            }
-        }
-
-        &-item-icon {
-            color: $color-tree_option-icon-default;
-        }
-
-        &-active {
-            .#{$module}-option-label-text {
-                background-color: $color-tree_option-bg-active;
-            }
-
-            &:hover,
-            &:active {
-                background-color: transparent;
-            }
-        }
-
-        &-selected {
-            .#{$module}-option-label {
-                background-color: $color-tree_option-bg-active;
-
-                &:hover,
-                &:active {
-                    background-color: $color-tree_option-bg-active;
-                }
-            }
-        }
-
-        &-collapsed {
-            .#{$module}-option-expand-icon {
-                transform: rotate(270deg);
-            }
-        }
-
-        &-highlight,
-        &-filtered {
-            &,
-            .#{$prefix}-checkbox-addon {
-                font-weight: $font-tree_option_hightlight-fontWeight;
-                color: $color-tree_option_hightlight-text;
-            }
-        }
-
-        &-hidden {
-            display: none;
-        }
-
-        &-disabled {
-            .#{$module}-option-label {
-                color: $color-tree_option_disabled-text-default;
-            }
-        }
-
-        &-fullLabel-draggable,
-        &-draggable {
-            -moz-user-select: none;
-            -khtml-user-select: none;
-            -webkit-user-select: none;
-            user-select: none;
-            /* Required to make elements draggable in old WebKit */
-            -khtml-user-drag: element;
-            -webkit-user-drag: element;
-        }
-
-        &-draggable {
-            box-sizing: border-box;
-            border-left: $width-tree_option_draggable-border solid transparent;
-            margin-top: -$width-tree_option_draggable-border;
-
-            .#{$module}-option-label {
-                border-top: $width-tree_option_draggable-border transparent solid;
-                border-bottom: $width-tree_option_draggable-border transparent solid;
-            }
-
-            .#{$module}-option-drag-over-gap-top {
-                border-top: $width-tree_option_draggable-border $color-tree_option_draggable_insert-border-default solid;
-            }
-
-            .#{$module}-option-drag-over-gap-bottom {
-                border-bottom: $width-tree_option_draggable-border $color-tree_option_draggable_insert-border-default solid;
-            }
-        }
-
-        &-fullLabel-draggable {
-            &.#{$module}-option-fullLabel-drag-over-gap-top {
-                border-top: $width-tree_option_draggable-border $color-tree_option_draggable_insert-border-default solid;
-            }
-
-            &.#{$module}-option-fullLabel-drag-over-gap-bottom {
-                border-bottom: $width-tree_option_draggable-border $color-tree_option_draggable_insert-border-default solid;
-            }
-        }
-
-        &-drag-over.#{$module}-option-draggable,
-        &-drag-over.#{$module}-option-fullLabel-draggable {
-            .#{$module}-option-label {
-                border-top: 0;
-                border-bottom: 0;
-            }
-            border: $width-tree_option_draggable-border solid $color-tree_option_draggable_insert-border-default;
-
-            // selected solid background will overlap with drag over border-bottom
-            // add an extra border to complement
-            & + .#{$module}-option-selected {
-                &::after {
-                    content: '';
-                    position: absolute;
-                    top: 0;
-                    left: -$width-tree_option_draggable-border;
-                    bottom: 0;
-                    right: -1px;
-                    border-top: $width-tree_option_draggable-border solid $color-tree_option_draggable_insert-border-default;
-                }
-            }
-        }
-    }
-
-    //overwrite draggable option structure
-    li.#{$module}-option-draggable.#{$module}-option {
-        padding-top: 0px;
-        padding-bottom: 0px;
-        .#{$module}-option-label {
-            padding: $spacing-tree_option_draggable-paddingY $spacing-tree_option_draggable-paddingX;
-        }
-
-        .#{$module}-option-selected {
-            background-color: transparent;
-
-            &:hover,
-            &:active {
-                background-color: transparent;
-            }
-        }
-    }
-
-    @for $i from 1 through 20 {
-        .#{$module}-option-level-#{$i} {
-            padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
-        }
-    }
-
-    .#{$module}-option-empty {
-        &:hover,
-        &:active {
-            background-color: transparent;
-        }
-    }
-
-    .#{$module}-option-label-empty {
-        padding-left: 0;
-        justify-content: center;
-        color: $color-tree_option_disabled-text-default;
-        user-select: none;
-        cursor: not-allowed;
-    }
-}
-
-.#{$module}-option-list-block {
-    .#{$module}-option {
-        &:hover {
-            background-color: $color-tree_option-bg-hover;
-        }
-
-        &:active {
-            background-color: $color-tree_option_selected-bg-default;
-        }
-
-        &-label {
-            flex: 1;
-        }
-
-        &-active {
-            background-color: $color-tree_option-bg-active;
-
-            &:hover,
-            &:active {
-                background-color: $color-tree_option-bg-active;
-            }
-
-            .#{$module}-option-label-text {
-                background-color: transparent;
-            }
-        }
-
-        &-expand-icon {
-            flex-shrink: 0;
-            box-sizing: content-box;
-            &:hover {
-                color: $color-tree_option-icon-hover;
-            }
-
-            &:active {
-                color: $color-tree_option-icon-active;
-            }
-        }
-
-        &-spin-icon {
-            display: flex;
-            & svg {
-                width: $width-tree_spinIcon;
-                height: $width-tree_spinIcon;
-            }
-            color: $color-tree_option_loading-icon-default;
-        }
-
-        &-selected {
-            background-color: $color-tree_option-bg-active;
-
-            .#{$module}-option-label {
-                background-color: transparent;
-                &:hover,
-                &:active {
-                    background-color: transparent;
-                }
-            }
-
-            .#{$prefix}-checkbox-addon {
-                background-color: transparent;
-            }
-
-            &:hover,
-            &:active {
-                background-color: $color-tree_option-bg-active;
-            }
-        }
-
-        &-label-text,
-        .#{$prefix}-checkbox-addon {
-            padding: 0;
-            border-radius: $radius-tree_checkbox_addon;
-
-            &:hover {
-                background-color: transparent;
-            }
-
-            &:active {
-                background-color: transparent;
-            }
-        }
-
-        &-label-text {
-            width: 0;
-        }
-    }
-
-    .#{$module}-option-empty {
-        &:hover,
-        &:active {
-            background-color: transparent;
-        }
-    }
-}
-
-@import './rtl.scss';

package/lib/cjs/tree/treeUtil.d.ts

@@ -1,79 +0,0 @@
-/**
- * Part of the utils function implementation process reference
- * https://github.com/react-component/tree/blob/master/src/util.tsx
- */
-export interface KeyEntities {
-    [x: string]: any;
-}
-export interface TreeDataSimpleJson {
-    [x: string]: string | TreeDataSimpleJson;
-}
-export interface NodeData {
-    key: any;
-    label: any;
-    value: any;
-    children?: any;
-}
-/**
- * Flat nest tree data into flatten list. This is used for virtual list render.
- * @param treeNodeList Origin data node list
- * @param expandedKeys
- * @param filteredShownKeys
- * need expanded keys, provides `true` means all expanded
- */
-export declare function flattenTreeData(treeNodeList: any[], expandedKeys: Set<string>, filteredShownKeys?: boolean | Set<any>): any[];
-export declare function convertJsonToData(treeJson: TreeDataSimpleJson): any[];
-/**
- * Traverse all the data by `treeData`.
- */
-export declare function traverseDataNodes(treeNodes: any[], callback: (data: any) => void): void;
-export declare function convertDataToEntities(dataNodes: any[]): {
-    posEntities: {};
-    keyEntities: {};
-    valueEntities: {};
-};
-export declare function findKeysForValues(valueList: any, valueEntities: any, isMultiple?: boolean): any;
-export declare function findDescendantKeys(selectedKeys: string[], options: KeyEntities, self?: boolean): string[];
-export declare function findChildKeys(keys: string[], options: any, omitKeys?: any[]): any[];
-export declare function findLeafKeys(keys: string[], options: any): any[];
-export declare function findSiblingKeys(selectedKeys: string[], options: any, self?: boolean): any[];
-export declare function findAncestorKeys(selectedKeys: string[], options: any, self?: boolean): any[];
-export declare function calcCheckedKeys(values: any, keyEntities: KeyEntities): {
-    checkedKeys: Set<string>;
-    halfCheckedKeys: Set<any>;
-};
-export declare function calcExpandedKeys(keyList: any[], keyEntities: KeyEntities, autoExpandParent?: boolean): Set<any>;
-export declare function calcExpandedKeysForValues(value: any, keyEntities: KeyEntities, isMultiple: boolean, valueEntities: any): Set<any>;
-export declare function calcMotionKeys(oldKeySet: Set<string>, newKeySet: Set<string>, keyEntities: KeyEntities): {
-    motionType: string;
-    motionKeys: string[];
-};
-/**
- * @returns whether option includes sugInput.
- * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, option).
- */
-export declare function filter(sugInput: string, option: any, filterTreeNode: any, filterProps: any): any;
-export declare function normalizedArr(val: any): any[];
-export declare function normalizeKeyList(keyList: any, keyEntities: KeyEntities, leafOnly?: boolean): string[];
-export declare function getMotionKeys(eventKey: string, expandedKeys: Set<string>, keyEntities: KeyEntities): any[];
-export declare function calcCheckedKeysForChecked(key: string, keyEntities: KeyEntities, checkedKeys: Set<string>, halfCheckedKeys: Set<string>): {
-    checkedKeys: Set<string>;
-    halfCheckedKeys: Set<string>;
-};
-export declare function calcCheckedKeysForUnchecked(key: string, keyEntities: KeyEntities, checkedKeys: Set<string>, halfCheckedKeys: Set<string>): {
-    checkedKeys: Set<string>;
-    halfCheckedKeys: Set<string>;
-};
-export declare function filterTreeData(info: any): {
-    flattenNodes: any[];
-    filteredKeys: Set<any>;
-    filteredExpandedKeys: Set<any>;
-    filteredShownKeys: Set<any>;
-};
-export declare function getValueOrKey(data: any): any;
-export declare function normalizeValue(value: any, withObject: boolean): any;
-export declare function updateKeys(keySet: Set<string>, keyEntities: KeyEntities): string[];
-export declare function calcDisabledKeys(keyEntities: KeyEntities): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
-export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
-export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;