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

package/lib/cjs/tooltip/rtl.scss

@@ -1,12 +0,0 @@
-$module: #{$prefix}-tooltip;
-
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
-    .#{$module}-wrapper {
-        direction: rtl;
-        padding-right: $spacing-tooltip_content-paddingLeft;
-        padding-left: $spacing-tooltip_content-paddingRight;
-        left: auto;
-        right: 0;
-    }
-}

package/lib/cjs/tooltip/tooltip.css

@@ -1,203 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-@keyframes semi-tooltip-zoomIn {
-  from {
-    opacity: 0;
-    transform: scale(0.8, 0.8);
-  }
-  50% {
-    opacity: 1;
-  }
-}
-@keyframes semi-tooltip-bounceIn {
-  from {
-    opacity: 0;
-    transform: scale(0.6, 0.6);
-  }
-  70% {
-    opacity: 1;
-    transform: scale(1.01, 1.01);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1, 1);
-    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-  }
-}
-@keyframes semi-tooltip-zoomOut {
-  from {
-    opacity: 1;
-  }
-  60% {
-    opacity: 0;
-    transform: scale(0.8, 0.8);
-  }
-  to {
-    opacity: 0;
-  }
-}
-.semi-tooltip-wrapper {
-  position: relative;
-  background-color: rgba(var(--semi-grey-7), 1);
-  color: var(--semi-color-bg-0);
-  border-radius: var(--semi-border-radius-medium);
-  padding-top: 8px;
-  padding-right: 12px;
-  padding-bottom: 8px;
-  padding-left: 12px;
-  font-size: 14px;
-  left: 0;
-  top: 0;
-  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;
-  visibility: hidden;
-  max-width: 240px;
-}
-.semi-tooltip-wrapper-show {
-  visibility: visible;
-}
-.semi-tooltip-trigger {
-  display: inline-block;
-  width: auto;
-  height: auto;
-}
-.semi-tooltip-with-arrow {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-}
-
-.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
-  height: 7px;
-  width: 24px;
-  position: absolute;
-  color: rgba(var(--semi-grey-7), 1);
-}
-.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: -6px;
-}
-.semi-tooltip-wrapper[x-placement=top].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-with-arrow {
-  min-width: 36px;
-}
-.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-icon-arrow {
-  bottom: -6px;
-  left: 6px;
-}
-.semi-tooltip-wrapper[x-placement=topLeft].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-with-arrow {
-  min-width: 36px;
-}
-.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-icon-arrow {
-  bottom: -6px;
-  right: 6px;
-}
-.semi-tooltip-wrapper[x-placement=topRight].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-with-arrow {
-  min-width: 36px;
-}
-.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-icon-arrow {
-  width: 7px;
-  height: 24px;
-  right: -6px;
-  top: 5px;
-}
-.semi-tooltip-wrapper[x-placement=leftTop].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-with-arrow {
-  min-height: 34px;
-}
-.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-icon-arrow {
-  width: 7px;
-  height: 24px;
-  right: -6px;
-  top: 50%;
-  transform: translateY(-50%);
-}
-.semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-with-arrow {
-  min-height: 34px;
-}
-.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-icon-arrow {
-  width: 7px;
-  height: 24px;
-  right: -6px;
-  bottom: 5px;
-}
-.semi-tooltip-wrapper[x-placement=leftBottom].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-with-arrow {
-  min-height: 34px;
-}
-.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-icon-arrow {
-  width: 7px;
-  height: 24px;
-  left: -6px;
-  top: 5px;
-  transform: rotate(180deg);
-}
-.semi-tooltip-wrapper[x-placement=rightTop].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-with-arrow {
-  min-height: 34px;
-}
-.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-icon-arrow {
-  width: 7px;
-  height: 24px;
-  left: -6px;
-  top: 50%;
-  transform: translateY(-50%) rotate(180deg);
-}
-.semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-with-arrow {
-  min-height: 34px;
-}
-.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-icon-arrow {
-  width: 7px;
-  height: 24px;
-  left: -6px;
-  bottom: 5px;
-  transform: rotate(180deg);
-}
-.semi-tooltip-wrapper[x-placement=rightBottom].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-with-arrow {
-  min-height: 34px;
-}
-.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-icon-arrow {
-  top: -6px;
-  left: 6px;
-  transform: rotate(180deg);
-}
-.semi-tooltip-wrapper[x-placement=bottomLeft].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-with-arrow {
-  min-width: 36px;
-}
-.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
-  top: -6px;
-  left: 50%;
-  transform: translateX(-50%) rotate(180deg);
-}
-.semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-with-arrow {
-  min-width: 36px;
-}
-.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-icon-arrow {
-  right: 6px;
-  top: -6px;
-  transform: rotate(180deg);
-}
-.semi-tooltip-wrapper[x-placement=bottomRight].semi-tooltip-with-arrow,
-.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-with-arrow {
-  min-width: 36px;
-}
-
-.semi-rtl .semi-tooltip-wrapper,
-.semi-portal-rtl .semi-tooltip-wrapper {
-  direction: rtl;
-  padding-right: 12px;
-  padding-left: 12px;
-  left: auto;
-  right: 0;
-}

package/lib/cjs/tooltip/tooltip.scss

@@ -1,91 +0,0 @@
-//@import '../theme/variables.scss';
-@import './variables.scss';
-
-$module: #{$prefix}-tooltip;
-$module-icon: #{$module}-icon-arrow;
-
-@keyframes #{$module}-zoomIn {
-    from {
-        opacity: $motion-zoom_opacity-from;
-        transform: scale($motion-zoom_scale-from, $motion-zoom_scale-from);
-    }
-
-    50% {
-        opacity: $motion-zoom_opacity-to;
-    }
-}
-
-@keyframes #{$module}-bounceIn {
-    from {
-        opacity: 0;
-        transform: scale(0.6, 0.6);
-    }
-
-    70% {
-        opacity: 1;
-        transform: scale(1.01, 1.01);
-    }
-
-    to {
-        opacity: 1;
-        transform: scale(1, 1);
-        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-    }
-}
-
-@keyframes #{$module}-zoomOut {
-    from {
-        opacity: $motion-zoom_opacity-to;
-    }
-
-    60% {
-        opacity: $motion-zoom_opacity-from;
-        transform: scale($motion-zoom_scale-from, $motion-zoom_scale-from);
-    }
-
-    to {
-        opacity: $motion-zoom_opacity-from;
-    }
-}
-
-.#{$module} {
-    &-wrapper {
-        position: relative;
-        background-color: $color-tooltip-bg-default;
-        color: $color-tooltip-text-default;
-        // z-index: $z-tooltip; // TODO z-index定义需要收敛
-        border-radius: $radius-tooltip;
-        padding-top: $spacing-tooltip_content-paddingTop;
-        padding-right: $spacing-tooltip_content-paddingRight;
-        padding-bottom: $spacing-tooltip_content-paddingBottom;
-        padding-left: $spacing-tooltip_content-paddingLeft;
-        font-size: $font-tooltip-fontSize;
-        left: 0;
-        top: 0;
-
-        @include font-size-regular;
-        visibility: hidden;
-        max-width: $width-tooltip;
-
-        &-show {
-            visibility: visible;
-        }
-    }
-
-    &-trigger {
-        display: inline-block;
-        width: auto;
-        height: auto;
-    }
-
-    &-with-arrow {
-        // padding: 12px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        box-sizing: border-box;
-    }
-}
-
-@import './arrow.scss';
-@import './rtl.scss';

package/lib/cjs/tooltip/variables.scss

@@ -1,31 +0,0 @@
-$horizontal-rate: 0.24; // 水平方向矫正因子
-$vertical-rate: 0; // 垂直方向矫正因子
-
-$motion-zoom_scale-from: 0.8; // 初始缩放 - 动画用
-$motion-zoom_opacity-from: 0; // 初始透明度 - 动画用
-$motion-zoom_opacity-to: 1; // 最终透明度 - 动画用
-
-$color-tooltip-bg-default: rgba(var(--semi-grey-7), 1); // 工具提示默认背景色
-$color-tooltip-text-default: var(--semi-color-bg-0); // 工具提示默认文字颜色
-$color-tooltip-icon-default: rgba(var(--semi-grey-7), 1); // 工具提示默认图标颜色
-$color-tooltip_arrow-icon-default: $color-tooltip-icon-default; // 工具提示默认小三角箭头颜色
-
-
-$radius-tooltip: var(--semi-border-radius-medium); // 工具提示默认圆角
-$spacing-tooltip_content-paddingLeft: $spacing-base-tight; // 工具提示内容左侧内边距
-$spacing-tooltip_content-paddingRight: $spacing-base-tight; // 工具提示内容右侧内边距
-$spacing-tooltip_content-paddingTop: $spacing-tight; // 工具提示内容顶部内边距
-$spacing-tooltip_content-paddingBottom: $spacing-tight; // 工具提示内容底部内边距
-
-$font-tooltip-fontSize: $font-size-regular; // 工具提示文本字号
-$width-tooltip: 240px; // 工具提示宽度 - 默认
-$width-tooltip_arrow: 24px; // 工具提示小三角箭头宽度 - 水平
-$height-tooltip_arrow: 7px; // 工具提示小三角箭头高度 - 水平
-
-$height-tooltip_arrow_vertical: 24px; // 工具提示小三角箭头高度 - 垂直
-$width-tooltip_arrow_vertical: 7px; // 工具提示小三角箭头宽度度 - 垂直
-$spacing-tooltip_arrow_offset-x: 1; // 水平方向渲染会有缝隙，所以加个偏移量
-$spacing-tooltip_arrow_offset-y: 1; // 垂直方向渲染会有缝隙，所以加个偏移量
-
-$spacing-tooltip_arrow_adjusted_offset-y: 5; // 垂直方向上的校正偏移量，主要修正三角形有棱角的问题
-$spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量，主要修正三角形有棱角的问题

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

@@ -1,10 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-};
-declare const strings: {
-    TYPE_GROUP_LIST: string;
-    TYPE_LIST: string;
-    TYPE_TREE_TO_LIST: string;
-};
-declare const numbers: {};
-export { cssClasses, strings, numbers };

package/lib/cjs/transfer/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.numbers = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-transfer")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  TYPE_GROUP_LIST: 'groupList',
-  TYPE_LIST: 'list',
-  TYPE_TREE_TO_LIST: 'treeList'
-};
-exports.strings = strings;
-const numbers = {};
-exports.numbers = numbers;

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

@@ -1,51 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { BasicValue as BasicTreeValue } from '../tree/foundation';
-export interface BasicDataItem {
-    [x: string]: any;
-    key: string | number;
-    label?: any;
-    value?: string | number;
-    disabled?: boolean;
-    style?: any;
-    className?: string;
-}
-export declare type DataItemMap = Map<number | string, BasicDataItem>;
-export interface OnSortEndProps {
-    oldIndex: number;
-    newIndex: number;
-}
-export interface BasicResolvedDataItem extends BasicDataItem {
-    _parent?: {
-        title: string;
-    };
-    _optionKey?: string | number;
-}
-export interface TransferAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    getSelected: () => DataItemMap;
-    updateSelected: (selectedItems: DataItemMap) => void;
-    notifyChange: (values: Array<number | string>, items: Array<BasicDataItem>) => void;
-    notifySearch: (input: string) => void;
-    notifySelect: (items: BasicDataItem) => void;
-    notifyDeselect: (items: BasicDataItem) => void;
-    updateInput: (input: string) => void;
-    updateSearchResult: (searchResult: Set<number | string>) => void;
-    searchTree: (keyword: string) => void;
-}
-export default class TransferFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TransferAdapter<P, S>> {
-    constructor(adapter: TransferAdapter<P, S>);
-    _generateGroupedData(dataSource: any[]): any[];
-    _generateTreeData(dataSource: any[]): any[];
-    _generatePath(item: BasicResolvedDataItem): any;
-    handleInputChange(inputVal: string): void;
-    handleAll(wantAllChecked: boolean): void;
-    handleClear(): void;
-    handleSelectOrRemove(item: BasicResolvedDataItem): void;
-    handleSelect(values: BasicTreeValue): void;
-    getValuesAndItemsFromMap(selectedItems: DataItemMap): {
-        items: any[];
-        values: any[];
-    };
-    _notifyChange(selectedItems: DataItemMap): void;
-    handleSortEnd(callbackProps: OnSortEndProps): void;
-    _arrayMove(array: Array<BasicDataItem>, from: number, to: number): BasicDataItem[];
-}