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

package/lib/cjs/rating/rating.css

@@ -1,81 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-rating {
-  display: inline-block;
-  margin: 0px;
-  padding: 0px;
-  color: rgba(var(--semi-yellow-5), 1);
-  font-size: 20px;
-  line-height: unset;
-  list-style: none;
-  outline: none;
-}
-.semi-rating-disabled .semi-rating-star {
-  cursor: default;
-}
-.semi-rating-disabled .semi-rating-star:hover {
-  transform: scale(1);
-}
-.semi-rating-star {
-  position: relative;
-  display: inline-block;
-  margin: 0;
-  padding: 0;
-  color: inherit;
-  cursor: pointer;
-  transition: all 0.5s;
-}
-.semi-rating-star:not(:last-child) {
-  margin-right: 6px;
-}
-.semi-rating-star > div:focus {
-  outline: 0;
-}
-.semi-rating-star > div:hover, .semi-rating-star > div:focus {
-  transform: scale(1.1);
-}
-.semi-rating-star-small {
-  width: 16px;
-  height: 16px;
-  font-size: 16px;
-}
-.semi-rating-star-default {
-  width: 24px;
-  height: 24px;
-  font-size: 24px;
-}
-.semi-rating-star-first, .semi-rating-star-second {
-  color: var(--semi-color-fill-0);
-  user-select: none;
-}
-.semi-rating-star-first {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 50%;
-  height: 100%;
-  overflow: hidden;
-  opacity: 0;
-}
-.semi-rating-star-half .semi-rating-star-first, .semi-rating-star-half .semi-rating-star-second {
-  opacity: 1;
-}
-.semi-rating-star-half .semi-rating-star-first, .semi-rating-star-full .semi-rating-star-second {
-  color: inherit;
-}
-
-.semi-rtl .semi-rating,
-.semi-portal-rtl .semi-rating {
-  direction: rtl;
-}
-.semi-rtl .semi-rating-star:not(:last-child),
-.semi-portal-rtl .semi-rating-star:not(:last-child) {
-  margin-right: 0;
-  margin-left: 6px;
-}
-.semi-rtl .semi-rating-star-first,
-.semi-portal-rtl .semi-rating-star-first {
-  left: auto;
-  right: 0;
-}

package/lib/cjs/rating/rating.scss

@@ -1,87 +0,0 @@
-@import "./variables.scss";
-
-$module: #{$prefix}-rating;
-
-.#{$module} {
-    display: inline-block;
-    margin: $spacing-rating-margin;
-    padding: $spacing-rating-padding;
-    color: $color-rating-icon-default;
-    font-size: $font-rating-fontSize;
-    line-height: unset;
-    list-style: none;
-    outline: none;
-
-    &-disabled &-star {
-        cursor: default;
-
-        &:hover {
-            transform: scale(1);
-        }
-    }
-
-    &-star {
-        position: relative;
-        display: inline-block;
-        margin: 0;
-        padding: 0;
-        color: inherit;
-        cursor: pointer;
-        transition: all 0.5s;
-
-        &:not(:last-child) {
-            margin-right: $spacing-rating_item-marginRight;
-        }
-
-        & > div {
-            &:focus {
-                outline: 0;
-            }
-
-            &:hover,
-            &:focus {
-                transform: scale(1.1);
-            }
-        }
-
-        &-small {
-            width: $width-rating_item_small;
-            height: $width-rating_item_small;
-            font-size: $font-rating_item_small-fontSize;
-        }
-
-        &-default {
-            width: $width-rating_item_default;
-            height: $width-rating_item_default;
-            font-size: $font-rating_item_default-fontSize;
-        }
-
-        &-first,
-        &-second {
-            color: $color-rating-bg-default;
-            user-select: none;
-        }
-
-        &-first {
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 50%;
-            height: 100%;
-            overflow: hidden;
-            opacity: 0;
-        }
-
-        &-half &-first,
-        &-half &-second {
-            opacity: 1;
-        }
-
-        &-half &-first,
-        &-full &-second {
-            color: inherit;
-        }
-    }
-}
-
-@import "./rtl.scss";

package/lib/cjs/rating/rtl.scss

@@ -1,21 +0,0 @@
-$module: #{$prefix}-rating;
-
-.#{$prefix}-rtl,
-.#{$prefix}-portal-rtl {
-    .#{$module} {
-        direction: rtl;
-
-        &-star {
-
-            &:not(:last-child) {
-                margin-right: 0;
-                margin-left: $spacing-rating_item-marginRight;
-            }
-
-            &-first {
-                left: auto;
-                right: 0;
-            }
-        }
-    }
-}

package/lib/cjs/rating/variables.scss

@@ -1,14 +0,0 @@
-$color-rating-icon-default: rgba(var(--semi-yellow-5), 1); // 评分图标按钮颜色 - 已填
-$color-rating-bg-default: var(--semi-color-fill-0); // 评分图标按钮颜色 - 未填
-
-$font-rating-fontSize: 20px; // 评分文本字体大小
-
-$spacing-rating-margin: 0px; // 整体外边距
-$spacing-rating-padding: 0px; // 整体内边距
-$spacing-rating_item-marginRight: 6px; // 评分项右侧外边距
-
-$width-rating_item_small: 16px; // 小尺寸评分项宽度
-$font-rating_item_small-fontSize: $width-rating_item_small; // 小尺寸评分项文本字体大小
-
-$width-rating_item_default: 24px; // 评分项宽度
-$font-rating_item_default-fontSize: $width-rating_item_default; // 评分项文本字体大小

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

@@ -1,12 +0,0 @@
-declare const cssClasses: {
-    PREFIX: string;
-    SELECTED: string;
-};
-declare const strings: {
-    readonly MODE: readonly ["normal", "wheel"];
-};
-declare const numbers: {
-    DEFAULT_ITEM_HEIGHT: number;
-    DEFAULT_SCROLL_DURATION: number;
-};
-export { cssClasses, strings, numbers };

package/lib/cjs/scrollList/constants.js

@@ -1,26 +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, "-scrolllist"),
-  SELECTED: "".concat(_constants.BASE_CLASS_PREFIX, "-scrolllist-item-selected")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  MODE: ['normal', 'wheel']
-};
-exports.strings = strings;
-const numbers = {
-  DEFAULT_ITEM_HEIGHT: 36,
-  DEFAULT_SCROLL_DURATION: 120
-};
-exports.numbers = numbers;

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

@@ -1,3 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export default class ScrollListFoundation extends BaseFoundation<DefaultAdapter> {
-}

package/lib/cjs/scrollList/foundation.js

@@ -1,17 +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 _foundation = _interopRequireDefault(require("../base/foundation"));
-
-class ScrollListFoundation extends _foundation.default {}
-
-exports.default = ScrollListFoundation;

package/lib/cjs/scrollList/itemFoundation.d.ts

@@ -1,74 +0,0 @@
-import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-export interface Item {
-    [x: string]: any;
-    transform?: (value: any, text: string) => string;
-    value: any;
-    text?: string;
-    disabled?: boolean;
-}
-export interface ScrollItemAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
-    setPrependCount: (prependCount: number) => void;
-    setAppendCount: (appendCount: number) => void;
-    setSelectedNode: (el: HTMLElement) => void;
-    isDisabledIndex: (i: number) => boolean;
-    notifySelectItem: (data: Item) => void;
-    scrollToCenter: (selectedNode: Element, scrollWrapper?: Element, duration?: number) => void;
-}
-export default class ItemFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<ScrollItemAdapter<P, S>, P, S> {
-    _cachedSelectedNode: HTMLElement;
-    selectIndex(index: number, listWrapper: HTMLElement): void;
-    selectNode(node: HTMLElement, listWrapper: HTMLElement): void;
-    /**
-     *
-     * @param {HTMLElement} listWrapper
-     * @param {HTMLElement} scrollWrapper
-     * @param {number} ratio
-     * @returns {boolean}
-     */
-    shouldAppend(listWrapper: HTMLElement, scrollWrapper: HTMLElement, ratio?: number): number | false;
-    /**
-     *
-     * @param {HTMLElement} listWrapper
-     * @param {HTMLElement} scrollWrapper
-     * @param {number} ratio
-     *
-     * @returns {boolean}
-     */
-    shouldPrepend(listWrapper: HTMLElement, scrollWrapper: HTMLElement, ratio?: number): number;
-    /**
-     *
-     * @param {HTMLElement} listWrapper
-     * @param {HTMLElement} wrapper
-     * @param {Function} [callback]
-     */
-    initWheelList(listWrapper: HTMLElement, wrapper: HTMLElement, callback: () => void): void;
-    /**
-     *
-     * @param {HTMLElement} listWrapper
-     * @param {HTMLElement} wrapper
-     * @param {HTMLElement} [nearestNode]
-     */
-    adjustInfiniteList(listWrapper: HTMLElement, wrapper: HTMLElement, nearestNode: HTMLElement): void;
-    /**
-     *
-     * @param {HTMLElement} listWrapper
-     * @param {HTMLElement} selector
-     *
-     */
-    getNearestNodeInfo(listWrapper: HTMLElement, selector: HTMLElement): {
-        nearestNode: HTMLElement;
-        nearestIndex: number;
-    };
-    /**
-     *
-     * @param {HTMLElement} listWrapper
-     *
-     * @param {HTMLElement|null}
-     */
-    getTargetNode(e: any, listWrapper: HTMLElement): {
-        targetNode: HTMLLIElement;
-        targetIndex: number;
-        indexInList: number;
-        infoInList: any;
-    };
-}

package/lib/cjs/scrollList/itemFoundation.js

@@ -1,322 +0,0 @@
-"use strict";
-
-var _findIndexInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/find-index");
-
-var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
-
-var _findInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/find");
-
-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 _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
-var _assign = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/assign"));
-
-var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
-var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
-var _foundation = _interopRequireDefault(require("../base/foundation"));
-
-var _isElement = _interopRequireDefault(require("../utils/isElement"));
-
-var _lodashEs = require("lodash-es");
-
-var _dom = require("../utils/dom");
-
-class ItemFoundation extends _foundation.default {
-  constructor() {
-    super(...arguments);
-    this._cachedSelectedNode = null;
-  }
-
-  selectIndex(index, listWrapper) {
-    const {
-      type,
-      list
-    } = this.getProps();
-
-    if (index > -1 && (0, _isArray.default)(list) && list.length && (0, _isElement.default)(listWrapper)) {
-      const indexInData = index % list.length;
-      const item = list[indexInData];
-      const node = listWrapper.children[index];
-
-      this._adapter.setSelectedNode(node);
-
-      this._adapter.notifySelectItem((0, _assign.default)((0, _assign.default)({}, item), {
-        value: item.value,
-        type,
-        index: indexInData
-      }));
-    }
-  }
-
-  selectNode(node, listWrapper) {
-    const {
-      type,
-      list: data
-    } = this.getProps();
-
-    if ((0, _isElement.default)(node) && (0, _isElement.default)(listWrapper)) {
-      const indexInList = (0, _findIndexInstanceProperty(_lodashEs))(listWrapper.children, ele => ele === node);
-      const indexInData = indexInList % data.length;
-      const cachedIndexInList = (0, _findIndexInstanceProperty(_lodashEs))(listWrapper.children, ele => ele === this._cachedSelectedNode);
-      const cachedIndexData = cachedIndexInList % data.length;
-      const item = data[indexInData];
-
-      this._adapter.setSelectedNode(node);
-
-      this._adapter.scrollToCenter(node); // Avoid triggerring notifySelectItem twice,
-      // because that scroll event will be trigger
-      // when you click to select an item.
-
-
-      if (this._cachedSelectedNode !== node) {
-        this._cachedSelectedNode = node;
-
-        if (cachedIndexData !== indexInData) {
-          this._adapter.notifySelectItem((0, _assign.default)((0, _assign.default)({}, item), {
-            value: item.value,
-            type,
-            index: indexInData
-          }));
-        }
-      }
-    }
-  }
-  /**
-   *
-   * @param {HTMLElement} listWrapper
-   * @param {HTMLElement} scrollWrapper
-   * @param {number} ratio
-   * @returns {boolean}
-   */
-
-
-  shouldAppend(listWrapper, scrollWrapper) {
-    let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-    const tag = 'li';
-
-    if ((0, _isElement.default)(listWrapper) && (0, _isElement.default)(scrollWrapper)) {
-      const itemNodes = listWrapper.querySelectorAll(tag);
-      const lastNode = itemNodes[itemNodes.length - 1];
-      const {
-        list
-      } = this.getProps();
-
-      if (lastNode) {
-        const scrollRect = scrollWrapper.getBoundingClientRect();
-        const lastRect = lastNode.getBoundingClientRect();
-        const listHeight = lastRect.height * list.length;
-        let baseTop = lastRect.top;
-        let count = 0;
-
-        while (baseTop <= scrollRect.top + scrollRect.height * ratio) {
-          count += 1;
-          baseTop += listHeight;
-        }
-
-        return count;
-      }
-    }
-
-    return false;
-  }
-  /**
-   *
-   * @param {HTMLElement} listWrapper
-   * @param {HTMLElement} scrollWrapper
-   * @param {number} ratio
-   *
-   * @returns {boolean}
-   */
-
-
-  shouldPrepend(listWrapper, scrollWrapper) {
-    let ratio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
-    const tag = 'li';
-
-    if ((0, _isElement.default)(listWrapper) && (0, _isElement.default)(scrollWrapper)) {
-      const itemNodes = listWrapper.querySelectorAll(tag);
-      const firstNode = itemNodes[0];
-      const {
-        list
-      } = this.getProps();
-
-      if (firstNode) {
-        const scrollRect = scrollWrapper.getBoundingClientRect();
-        const firstRect = firstNode.getBoundingClientRect();
-        const listHeight = firstRect.height * list.length;
-        let baseTop = firstRect.top;
-        let count = 0;
-
-        while (baseTop + firstRect.height >= scrollRect.top - scrollRect.height * ratio) {
-          count += 1;
-          baseTop -= listHeight;
-        }
-
-        return count;
-      }
-    }
-
-    return 0;
-  }
-  /**
-   *
-   * @param {HTMLElement} listWrapper
-   * @param {HTMLElement} wrapper
-   * @param {Function} [callback]
-   */
-
-
-  initWheelList(listWrapper, wrapper, callback) {
-    const {
-      list
-    } = this.getProps();
-
-    if ((0, _isElement.default)(wrapper) && (0, _isElement.default)(listWrapper) && list && list.length) {
-      const allNodes = listWrapper.children;
-      const baseNodes = (0, _sliceInstanceProperty(_lodashEs))(allNodes, 0, list.length);
-      const prependCount = this.shouldPrepend(listWrapper, wrapper);
-      const appendCount = this.shouldAppend(listWrapper, wrapper); // this._adapter.setPrependCount(prependCount);
-      // this._adapter.setAppendCount(appendCount);
-
-      this._adapter.setState({
-        prependCount,
-        appendCount
-      }, callback);
-    }
-  }
-  /**
-   *
-   * @param {HTMLElement} listWrapper
-   * @param {HTMLElement} wrapper
-   * @param {HTMLElement} [nearestNode]
-   */
-
-
-  adjustInfiniteList(listWrapper, wrapper, nearestNode) {
-    const {
-      list
-    } = this.getProps();
-    const nodeTag = 'li';
-
-    if ((0, _isElement.default)(wrapper) && (0, _isElement.default)(listWrapper) && list && list.length) {
-      const allNodes = listWrapper.querySelectorAll(nodeTag);
-      const total = allNodes.length;
-      const ratio = 1;
-      const prependCount = this.shouldPrepend(listWrapper, wrapper, ratio);
-      const appendCount = this.shouldAppend(listWrapper, wrapper, ratio); // while (this.shouldPrepend(listWrapper, wrapper, nearestNode)) {
-
-      if (prependCount) {
-        // move last nodes to first position
-        for (let i = 0; i < prependCount; i++) {
-          const nodes = (0, _sliceInstanceProperty(_lodashEs))(allNodes, total - list.length * (i + 1), total - list.length * i);
-          (0, _dom.prepend)(listWrapper, ...nodes);
-        }
-      } // while (this.shouldAppend(listWrapper, wrapper, nearestNode)) {
-
-
-      if (appendCount) {
-        for (let i = 0; i < appendCount; i++) {
-          const nodes = (0, _sliceInstanceProperty(_lodashEs))(allNodes, i * list.length, (i + 1) * list.length);
-          (0, _dom.append)(listWrapper, ...nodes);
-        }
-      }
-    }
-  }
-  /**
-   *
-   * @param {HTMLElement} listWrapper
-   * @param {HTMLElement} selector
-   *
-   */
-
-
-  getNearestNodeInfo(listWrapper, selector) {
-    if ((0, _isElement.default)(listWrapper) && (0, _isElement.default)(selector)) {
-      var _context;
-
-      const selectorRect = selector.getBoundingClientRect();
-      const selectorTop = selectorRect.top;
-      const itemNodes = listWrapper.querySelectorAll('li');
-      let nearestNode = null;
-      let nearestIndex = -1;
-      let nearestDistance = Infinity;
-      (0, _map.default)(_context = (0, _from.default)(itemNodes)).call(_context, (node, index) => {
-        const rect = node.getBoundingClientRect();
-        const rectTop = rect.top;
-        const absDistance = Math.abs(rectTop - selectorTop);
-
-        if (absDistance < nearestDistance && !this._adapter.isDisabledIndex(index)) {
-          nearestDistance = absDistance;
-          nearestNode = node;
-          nearestIndex = index;
-        }
-      });
-      return {
-        nearestNode,
-        nearestIndex
-      };
-    }
-
-    return undefined;
-  }
-  /**
-   *
-   * @param {HTMLElement} listWrapper
-   *
-   * @param {HTMLElement|null}
-   */
-
-
-  getTargetNode(e, listWrapper) {
-    if (e && (0, _isElement.default)(listWrapper)) {
-      const targetTagName = 'li';
-      const currentTarget = e.target;
-      const itemNodes = listWrapper.querySelectorAll(targetTagName);
-      const list = this.getProp('list');
-      const length = (0, _isArray.default)(list) ? list.length : 0;
-      let targetIndex = -1;
-      let indexInList = -1;
-      let infoInList = null;
-      const targetNode = (0, _findInstanceProperty(_lodashEs))(itemNodes, (node, index) => {
-        if (node === currentTarget || node.contains(currentTarget)) {
-          targetIndex = index;
-
-          if (length > 0) {
-            indexInList = index % length;
-          }
-
-          return true;
-        }
-
-        return undefined;
-      });
-
-      if (indexInList > -1) {
-        infoInList = list[indexInList];
-      }
-
-      return {
-        targetNode,
-        targetIndex,
-        indexInList,
-        infoInList
-      };
-    }
-
-    return null;
-  }
-
-}
-
-exports.default = ItemFoundation;