@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/timePicker/utils/localeDate.js

@@ -5,24 +5,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.localeFormat = localeFormat;
 exports.localeParse = localeParse;
-
 var _dateFns = require("date-fns");
-
 /* istanbul ignore next */
 const replace = function replace(str, replacements) {
   let _str = str;
-
   for (const key of Object.keys(replacements)) {
     if (typeof replacements[key] === 'string') {
       _str = _str.replace(key, replacements[key]);
     }
   }
-
   return _str;
 };
 /* istanbul ignore next */
-
-
 function localeFormat(date, format) {
   let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -31,15 +25,11 @@ function localeFormat(date, format) {
   return str;
 }
 /* istanbul ignore next */
-
-
 function localeParse(dateString, format) {
   let locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   let defaultDate = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
   let options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
   // const invertedLocale = invert(locale);
   const _dateString = replace(dateString, locale);
-
   return (0, _dateFns.parse)(_dateString, format, defaultDate, options);
 }

package/lib/cjs/timeline/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-timeline`,
   ITEM: `${_constants.BASE_CLASS_PREFIX}-timeline-item`

package/lib/cjs/timeline/timeline.css

@@ -126,42 +126,6 @@
   width: calc(100% - 28px);
 }
 
-.semi-timeline-item-alternate .semi-timeline-item-tail, .semi-timeline-item-alternate .semi-timeline-item-head, .semi-timeline-item-alternate .semi-timeline-item-head-custom, .semi-timeline-item-mode-right .semi-timeline-item-tail, .semi-timeline-item-mode-right .semi-timeline-item-head, .semi-timeline-item-mode-right .semi-timeline-item-head-custom, .semi-timeline-item-center .semi-timeline-item-tail, .semi-timeline-item-center .semi-timeline-item-head, .semi-timeline-item-center .semi-timeline-item-head-custom {
-  left: 50%;
-}
-.semi-timeline-item-alternate .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-item-mode-right .semi-timeline-item-head.semi-timeline-item-head-custom, .semi-timeline-item-center .semi-timeline-item-head.semi-timeline-item-head-custom {
-  margin-left: 0;
-}
-.semi-timeline-item-alternate .semi-timeline-item-head, .semi-timeline-item-mode-right .semi-timeline-item-head, .semi-timeline-item-center .semi-timeline-item-head {
-  margin-left: -4px;
-}
-.semi-timeline-item-alternate.semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-item-mode-right.semi-timeline-item-left .semi-timeline-item-content, .semi-timeline-item-center.semi-timeline-item-left .semi-timeline-item-content {
-  left: calc(50% - 4px);
-  width: calc(50% - 14px);
-  text-align: left;
-}
-.semi-timeline-item-alternate.semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-content, .semi-timeline-item-center.semi-timeline-item-right .semi-timeline-item-content {
-  width: calc(50% - 20px);
-  margin: 0;
-  text-align: right;
-}
-.semi-timeline-item-alternate.semi-timeline-item.semi-timeline-item-not-last-child > .semi-timeline-item-tail, .semi-timeline-item-mode-right.semi-timeline-item.semi-timeline-item-not-last-child > .semi-timeline-item-tail, .semi-timeline-item-center.semi-timeline-item.semi-timeline-item-not-last-child > .semi-timeline-item-tail, .semi-timeline-item-left.semi-timeline-item.semi-timeline-item-not-last-child > .semi-timeline-item-tail {
-  border-left: 1px solid var(--semi-color-text-3);
-}
-.semi-timeline-item-center .semi-timeline-item-content-time {
-  position: absolute;
-  top: -2px;
-  margin-left: calc(-40px - 100%);
-  width: 100%;
-  text-align: right;
-}
-.semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-tail, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-head, .semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-head-custom {
-  left: calc(100% - 9px);
-}
-.semi-timeline-item-mode-right.semi-timeline-item-right .semi-timeline-item-content {
-  width: calc(100% - 28px);
-}
-
 .semi-rtl .semi-timeline,
 .semi-portal-rtl .semi-timeline {
   direction: rtl;

package/lib/cjs/timeline/timeline.scss

@@ -2,68 +2,6 @@
 
 $module: #{$prefix}-timeline;
 
-@mixin item-children {
-    &-tail,
-    &-head,
-    &-head-custom {
-        left: $spacing-timeline_item_head_custom-left;
-    }
-    &-head{
-        &.#{$module}-item-head-custom{
-            margin-left: 0;
-        }
-    }
-    &-head {
-        margin-left: $spacing-timeline_item_head-marginLeft;
-    }
-}
-
-@mixin item-direction {
-    &-left {
-        .#{$module}-item-content {
-            left: $spacing-timeline_item_left_item_content-left;
-            width: $width-timeline_item_left_item_content;
-            text-align: left;
-        }
-    }
-
-    &-right {
-        .#{$module}-item-content {
-            width: $width-timeline_item_right_item_content;
-            margin: $spacing-timeline_item_right_item_content;
-            text-align: right;
-        }
-    }
-}
-
-@mixin item-center {
-    &-center {
-        .#{$module}-item {
-            &-content-time {
-                position: absolute;
-                top: $spacing-timeline_time-top;
-                margin-left: $spacing-timeline_item_content_time-marginLeft;
-                width: $width-timeline_item_content_time;
-                text-align: right;
-            }
-        }
-    }
-}
-
-@mixin item-right {
-    .#{$module}-item {
-        &-tail,
-        &-head,
-        &-head-custom {
-            left: $spacing-timeline_item_right_item-left;
-        }
-
-        &-content {
-            width: $width-timeline_item_right_content;
-        }
-    }
-}
-
 .#{$module} {
     margin: $spacing-timeline-margin;
     padding: $spacing-timeline-padding;
@@ -177,53 +115,65 @@ $module: #{$prefix}-timeline;
     &-right,
     &-center {
         .#{$module}-item {
-            @include item-children;
-            @include item-direction;
-        }
-    }
+            &-tail,
+            &-head,
+            &-head-custom {
+                left: $spacing-timeline_item_head_custom-left;
+            }
+            &-head{
+                &.#{$module}-item-head-custom{
+                    margin-left: 0;
+                }
+            }
+            &-head {
+                margin-left: $spacing-timeline_item_head-marginLeft;
+            }
 
-   
-    @include item-center;
+            &-left {
+                .#{$module}-item-content {
+                    left: $spacing-timeline_item_left_item_content-left;
+                    width: $width-timeline_item_left_item_content;
+                    text-align: left;
+                }
+            }
 
-    &-right {
-        .#{$module}-item-right {
-            @include item-right;
+            &-right {
+                .#{$module}-item-content {
+                    width: $width-timeline_item_right_item_content;
+                    margin: $spacing-timeline_item_right_item_content;
+                    text-align: right;
+                }
+            }
         }
     }
-}
 
-// for c2d
-.#{$module}-item {
-    &-alternate,
-    &-mode-right,
     &-center {
         .#{$module}-item {
-            @include item-children;
-        }
-        &.#{$module}-item {
-            @include item-direction;
-        }
-    }
-
-    &-alternate,
-    &-mode-right,
-    &-center,
-    &-left {
-        &.#{$module}-item {
-            &.#{$module}-item-not-last-child {
-                & > .#{$module}-item-tail {
-                    border-left: $width-timeline_tail-border solid $color-timeline_tail-border;
-                }
+            &-content-time {
+                position: absolute;
+                top: $spacing-timeline_time-top;
+                margin-left: $spacing-timeline_item_content_time-marginLeft;
+                width: $width-timeline_item_content_time;
+                text-align: right;
             }
         }
     }
 
-    @include item-center;
+    &-right {
+        .#{$module}-item-right {
+            .#{$module}-item {
+                &-tail,
+                &-head,
+                &-head-custom {
+                    left: $spacing-timeline_item_right_item-left;
+                }
 
-    &-mode-right {
-        &.#{$module}-item-right {
-            @include item-right;
+                &-content {
+                    width: $width-timeline_item_right_content;
+                }
+            }
         }
     }
 }
+
 @import './rtl.scss';

package/lib/cjs/toast/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const PREFIX = `${_constants.BASE_CLASS_PREFIX}-toast`;
 const cssClasses = {
   PREFIX,
@@ -22,6 +20,5 @@ const strings = {
 exports.strings = strings;
 const numbers = {
   duration: 3 // default close time, unit: s
-
 };
 exports.numbers = numbers;

package/lib/cjs/toast/toastFoundation.d.ts

@@ -1,7 +1,7 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export declare type ToastType = 'success' | 'warning' | 'error' | 'info' | 'default';
-export declare type ToastTheme = 'light' | 'normal';
-export declare type Directions = 'ltr' | 'rtl';
+export type ToastType = 'success' | 'warning' | 'error' | 'info' | 'default';
+export type ToastTheme = 'light' | 'normal';
+export type Directions = 'ltr' | 'rtl';
 export interface ConfigProps {
     top?: number | string;
     bottom?: number | string;

package/lib/cjs/toast/toastFoundation.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ToastFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ToastFoundation.defaultAdapter), adapter));
@@ -22,44 +18,34 @@ class ToastFoundation extends _foundation.default {
     this.startCloseTimer_();
     this._id = this._adapter.getProp('id');
   }
-
   destroy() {
     this.clearCloseTimer_();
   }
-
   startCloseTimer_() {
     // unit: s
     const duration = this._adapter.getProp('duration');
-
     if (duration && (0, _isNumber2.default)(duration)) {
       this._timer = setTimeout(() => {
         this.close(); // call parent to remove itself
       }, duration * 1000);
     }
   }
-
   close(e) {
     if (e) {
       e.stopPropagation();
     }
-
     this._adapter.notifyWrapperToRemove(this._id);
-
     this._adapter.notifyClose();
   }
-
   clearCloseTimer_() {
     if (this._timer) {
       clearTimeout(this._timer);
       this._timer = null;
     }
   }
-
   restartCloseTimer() {
     this.clearCloseTimer_();
     this.startCloseTimer_();
   }
-
 }
-
 exports.default = ToastFoundation;

package/lib/cjs/toast/toastListFoundation.js

@@ -4,19 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ToastListFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ToastListFoundation.defaultAdapter), adapter));
   }
-
   hasToast(id) {
     const toastList = this._adapter.getState('list');
-
     return toastList.map(_ref => {
       let {
         id
@@ -24,52 +19,39 @@ class ToastListFoundation extends _foundation.default {
       return id;
     }).includes(id);
   }
-
   addToast(toastOpts) {
-    const toastList = this._adapter.getState('list'); // const id = getUuid('toast');
+    const toastList = this._adapter.getState('list');
+    // const id = getUuid('toast');
     // let toastOpts = { ...opts, id };
     // console.log(toastOpts);
-
-
     toastList.push(toastOpts);
-
-    this._adapter.updateToast(toastList, [], []); // return id;
-
+    this._adapter.updateToast(toastList, [], []);
+    // return id;
   }
 
   updateToast(id, toastOpts) {
     let toastList = this._adapter.getState('list');
-
     toastList = toastList.map(toast => toast.id === id ? Object.assign(Object.assign({}, toast), toastOpts) : toast);
     const updatedItems = toastList.filter(toast => toast.id === id);
-
     this._adapter.updateToast(toastList, [], updatedItems);
   }
-
   removeToast(id) {
     let toastList = this._adapter.getState('list');
-
     const removedItems = [];
     toastList = toastList.filter(toastOpts => {
       if (toastOpts.id === id) {
         removedItems.push(toastOpts);
         return false;
       }
-
       return true;
     });
-
     this._adapter.updateToast(toastList, removedItems, []);
   }
-
   destroyAll() {
     const toastList = this._adapter.getState('list');
-
     if (toastList.length > 0) {
       this._adapter.updateToast([], toastList, []);
     }
   }
-
 }
-
 exports.default = ToastListFoundation;

package/lib/cjs/tooltip/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-tooltip`
 };

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

@@ -48,7 +48,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     getTriggerNode(): any;
     setId(): void;
 }
-export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
+export type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {
     scrollLeft?: number;
     scrollTop?: number;