@dckj-npm/dc-material 0.1.327 → 0.1.329

package/es/components/stream-list/stream-list.js

@@ -1,159 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useEffect, useRef, useState } from 'react';
-import "./index.scss";
-/**
- * StreamList 组件
- */
-var StreamList = function StreamList(_ref) {
-  var children = _ref.children,
-    onNextPage = _ref.onNextPage,
-    onRefreshPage = _ref.onRefreshPage,
-    _ref$refreshingText = _ref.refreshingText,
-    refreshingText = _ref$refreshingText === void 0 ? '正在刷新中...' : _ref$refreshingText,
-    _ref$loadingText = _ref.loadingText,
-    loadingText = _ref$loadingText === void 0 ? '加载中...' : _ref$loadingText,
-    _ref$loadMoreText = _ref.loadMoreText,
-    loadMoreText = _ref$loadMoreText === void 0 ? '加载更多' : _ref$loadMoreText,
-    _ref$isLastPage = _ref.isLastPage,
-    isLastPage = _ref$isLastPage === void 0 ? false : _ref$isLastPage,
-    _ref$nowPage = _ref.nowPage,
-    nowPage = _ref$nowPage === void 0 ? 1 : _ref$nowPage;
-  var _useState = useState(false),
-    isLoading = _useState[0],
-    setIsLoading = _useState[1];
-  var _useState2 = useState(false),
-    isRefreshing = _useState2[0],
-    setIsRefreshing = _useState2[1];
-  // 下拉刷新的阈值
-  var threshold = 50;
-  // 最大下拉距离
-  var maxPullDistance = 100;
-  var _useState3 = useState(0),
-    pullDistance = _useState3[0],
-    setPullDistance = _useState3[1];
-  var startYRef = useRef(0);
-  var _useState4 = useState(false),
-    isDragging = _useState4[0],
-    setIsDragging = _useState4[1];
-  var observerRef = useRef(null);
-  // 防止初始加载直接请求下一页
-  var hasInitialLoad = useRef(false);
-
-  // 监听加载下一页数据
-  useEffect(function () {
-    if (isRefreshing || isLastPage) {
-      // @ts-ignore
-      return;
-    }
-    var spinElement = document.querySelector('.spin');
-    if (spinElement && !observerRef.current) {
-      // 创建 IntersectionObserver 观察器
-      observerRef.current = new IntersectionObserver(function (entries) {
-        var entry = entries[0];
-        if (entry.isIntersecting && !isLoading) {
-          setIsLoading(true);
-          var nextPage = nowPage + 1;
-          onNextPage({
-            page: nextPage
-          }).then(function (res) {})["catch"](function (err) {
-            console.error('加载下一页失败:', err);
-          })["finally"](function () {
-            return setIsLoading(false);
-          });
-        }
-      }, {
-        threshold: 0.4
-      });
-      // 观察加载更多元素
-      observerRef.current.observe(spinElement);
-    }
-    return function () {
-      if (observerRef.current) {
-        // 清除观察者
-        observerRef.current.disconnect();
-        observerRef.current = null;
-      }
-    };
-  }, [nowPage, isLoading, isRefreshing, isLastPage]);
-
-  // 初始化加载标记
-  useEffect(function () {
-    hasInitialLoad.current = true;
-  }, []);
-
-  // 处理触摸和鼠标事件
-  var handleTouchStart = function handleTouchStart(e) {
-    startYRef.current = 'touches' in e ? e.touches[0].clientY : e.clientY;
-    setIsDragging(true);
-  };
-  var handleTouchMove = function handleTouchMove(e) {
-    if (isRefreshing || !isDragging && !('touches' in e)) return;
-    var clientY = 'touches' in e ? e.touches[0].clientY : e.clientY;
-    var distance = clientY - startYRef.current;
-
-    // 更新下拉距离
-    if (distance > 0 && distance <= maxPullDistance) {
-      setPullDistance(distance);
-    } else if (distance > maxPullDistance) {
-      setPullDistance(maxPullDistance);
-    }
-  };
-  var handleTouchEnd = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setIsDragging(false);
-            if (pullDistance > threshold) {
-              setIsRefreshing(true);
-              setPullDistance(0);
-              onRefreshPage().then(function (res) {})["catch"](function (err) {
-                console.error('刷新失败:', err);
-              })["finally"](function () {
-                setIsRefreshing(false);
-              });
-            } else {
-              setPullDistance(0); // 重置下拉距离
-            }
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleTouchEnd() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/React.createElement("div", {
-    onTouchStart: handleTouchStart,
-    onTouchMove: handleTouchMove,
-    onTouchEnd: handleTouchEnd,
-    onMouseDown: handleTouchStart,
-    onMouseMove: handleTouchMove,
-    onMouseUp: handleTouchEnd,
-    className: "stream-list-container"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "refresh-indicator",
-    style: {
-      position: 'fixed',
-      top: 0,
-      left: 0,
-      right: 0,
-      transform: "translateY(" + (isRefreshing ? threshold : pullDistance) + "px)",
-      transition: isRefreshing || pullDistance === 0 ? 'transform 0.3s ease' : 'none'
-    }
-  }, isRefreshing && /*#__PURE__*/React.createElement("span", null, refreshingText)), /*#__PURE__*/React.createElement("div", {
-    style: {
-      transform: "translateY(" + (isRefreshing ? threshold : pullDistance) + "px)",
-      transition: 'transform 0.3s ease'
-    }
-  }, children), !isRefreshing && !isLastPage && (isLoading ? /*#__PURE__*/React.createElement("div", {
-    className: "loading-text"
-  }, loadingText) : /*#__PURE__*/React.createElement("div", {
-    className: "spin"
-  }, loadMoreText)));
-};
-StreamList.displayName = 'StreamList';
-export default StreamList;

package/es/components/swiper/index.d.ts

@@ -1,3 +0,0 @@
-import Swiper from './swiper';
-export type { ComponentProps } from './swiper';
-export default Swiper;

package/es/components/swiper/index.js

@@ -1,2 +0,0 @@
-import Swiper from "./swiper";
-export default Swiper;

package/es/components/swiper/index.scss

@@ -1,33 +0,0 @@
-.carousel {
-  position: relative;
-  overflow: hidden;
-  width: 100%;
-  margin: 0;
-}
-.carousel__wrapper {
-  display: flex;
-}
-.carousel__slide {
-  min-width: 100%;
-  transition: transform ease-in-out;
-}
-.carousel__slide img {
-  width: 100%;
-  height: auto;
-}
-.carousel__button {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  background: rgba(0, 0, 0, 0.5);
-  color: white;
-  border: none;
-  padding: 10px;
-  cursor: pointer;
-}
-.carousel__button--prev {
-  left: 10px;
-}
-.carousel__button--next {
-  right: 10px;
-}

package/es/components/swiper/swiper.d.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface ComponentProps {
-    /**
-     * 切换速度，单位ms
-     */
-    speed?: number;
-    /**
-     * 高度
-     */
-    height: number;
-    /**
-     * 自动播放
-     */
-    autoplay: boolean;
-    /**
-     * 循环播放
-     */
-    loop: boolean;
-    /**
-     * 图片路径
-     */
-    picUrls: string[];
-}
-declare const DCSlider: React.FC<ComponentProps>;
-export default DCSlider;

package/es/components/swiper/swiper.js

@@ -1,77 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
-import * as React from 'react';
-import { useEffect, useRef, useState } from 'react';
-import "./index.scss";
-var DCSlider = function DCSlider(_ref) {
-  var _ref$speed = _ref.speed,
-    speed = _ref$speed === void 0 ? 500 : _ref$speed,
-    autoplay = _ref.autoplay,
-    loop = _ref.loop,
-    _ref$picUrls = _ref.picUrls,
-    picUrls = _ref$picUrls === void 0 ? [] : _ref$picUrls,
-    height = _ref.height,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useState = useState(0),
-    currentIndex = _useState[0],
-    setCurrentIndex = _useState[1];
-  var autoplayRef = useRef(null);
-  var nextSlide = function nextSlide() {
-    if (currentIndex < picUrls.length - 1) {
-      setCurrentIndex(currentIndex + 1);
-    } else if (loop) {
-      setCurrentIndex(0);
-    }
-  };
-  var startAutoplay = function startAutoplay() {
-    if (autoplay && !autoplayRef.current) {
-      autoplayRef.current = setInterval(nextSlide, speed);
-    }
-  };
-  var stopAutoplay = function stopAutoplay() {
-    if (autoplayRef.current) {
-      clearInterval(autoplayRef.current);
-      autoplayRef.current = null;
-    }
-  };
-  useEffect(function () {
-    if (autoplay) {
-      startAutoplay();
-    }
-    return function () {
-      stopAutoplay();
-    };
-  }, [autoplay, speed, loop, picUrls]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "carousel",
-    onMouseEnter: stopAutoplay,
-    onMouseLeave: startAutoplay,
-    style: {
-      height: height ? height + "px" : '100%'
-    }
-  }, otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "carousel__wrapper",
-    style: {
-      transform: "translateX(-" + currentIndex * 100 + "%)",
-      transitionDuration: speed + "ms"
-    }
-  }, picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: "carousel__slide",
-      style: {
-        width: '100%',
-        height: height ? height + "px" : '100%'
-      }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: url,
-      alt: "Slide " + index,
-      style: {
-        width: '100%',
-        height: height ? height + "px" : '100%'
-      }
-    }));
-  })));
-};
-export default DCSlider;

package/es/components/tab/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 标签tag
- */
-import Tab from './tab';
-export type { TabProps } from './tab';
-export default Tab;

package/es/components/tab/index.js

@@ -1,5 +0,0 @@
-/**
- * 标签tag
- */
-import Tab from "./tab";
-export default Tab;

package/es/components/tab/index.scss

@@ -1,39 +0,0 @@
-.tabs__container {
-  display: inline-block;
-  padding: 5px 17px;
-  border-radius: 19px;
-  background-color: #FFFFFF;
-  color: #666666;
-  font-size: 15px;
-  cursor: pointer;
-  margin-right: 6px;
-  letter-spacing: 2px;
-  position: relative;
-  &--selected {
-    background-color: #ED794A;
-    color: #FFFFFF;
-  }
-  &--small {
-    padding: 5px 16px;
-    border-radius: 19px;
-  }
-  &--large {
-    padding: 14px 30px;
-    border-radius: 28px;
-  }
-  .badge {
-    display: flex;
-    padding: 2px 4px;
-    border-radius: 8px;
-    background-color: #F44341; // 红色背景
-    color: white; // 字体颜色
-    // text-align: center;
-    letter-spacing: 0;
-    justify-content: center;
-    line-height: normal; // 垂直居中
-    font-size: 10px; // 根据需要调整字体大小
-    position: absolute; // 绝对定位
-    top: 0; // 根据需要调整位置
-    right: 3px; // 根据需要调整位置
-  }
-}

package/es/components/tab/tab.d.ts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface TabProps {
-    /**
-     * 选中背景颜色
-     */
-    selectedBGColor: string;
-    /**
-     * 选中字体颜色
-     */
-    selectedFontColor: string;
-    /**
-     * 尺寸 small | large
-     */
-    size: string;
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClickHandle?: (e: string) => void;
-    /**
-     * 未读消息数量
-     */
-    unreadCount?: number;
-}
-declare const Tab: React.FC<TabProps>;
-export default Tab;

package/es/components/tab/tab.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["selectedBGColor", "selectedFontColor", "size", "onClickHandle", "unreadCount"];
-import * as React from 'react';
-import "./index.scss";
-var Tab = function Tab(_ref) {
-  var selectedBGColor = _ref.selectedBGColor,
-    selectedFontColor = _ref.selectedFontColor,
-    size = _ref.size,
-    onClickHandle = _ref.onClickHandle,
-    unreadCount = _ref.unreadCount,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var tabList = [{
-    key: 'all',
-    label: '全部'
-  }, {
-    key: 'read',
-    label: '已读'
-  }, {
-    key: 'unRead',
-    label: '未读'
-  }];
-  var _React$useState = React.useState('all'),
-    tab = _React$useState[0],
-    setTab = _React$useState[1];
-  var handleClick = function handleClick(key) {
-    console.log(key);
-    // 切换tab
-    setTab(key);
-    // 触发父组件传递的点击处理函数
-    onClickHandle && onClickHandle(key);
-  };
-  return tabList.map(function (item) {
-    return /*#__PURE__*/React.createElement("span", _extends({
-      className: "tabs__container\n         " + (tab === item.key ? 'tabs__container--selected' : '') + "\n         " + (size == 'large' ? 'tabs__container--large' : 'tabs__container--small')
-    }, otherProps, {
-      onClick: function onClick() {
-        return handleClick(item.key);
-      },
-      style: {
-        backgroundColor: tab === item.key ? selectedBGColor : '',
-        color: tab === item.key ? selectedFontColor : ''
-      }
-    }), item.label, item.key === 'unRead' && unreadCount > 0 && /*#__PURE__*/React.createElement("span", {
-      className: "badge"
-    }, unreadCount) // 条件渲染badge
-    );
-  });
-};
-export default Tab;

package/es/components/tab-container/index.d.ts

@@ -1,3 +0,0 @@
-import { TabContainer } from '../tab-container/tab-container';
-export type { TabContainerProps } from '../tab-container/tab-container';
-export default TabContainer;

package/es/components/tab-container/index.js

@@ -1,2 +0,0 @@
-import { TabContainer } from "../tab-container/tab-container";
-export default TabContainer;

package/es/components/tab-container/index.scss

@@ -1,48 +0,0 @@
-.fusion-ui-tab {
-    display: block;
-    background-color: #fff;
-
-    &.next-medium {
-      .next-tabs-content {
-        padding: 0;
-      }
-      
-    }
-  .next-tabs-bar {
-    border-bottom: none;
-    margin-bottom: 15px;
-    .next-tabs-nav-container {
-      .next-tabs-nav {
-        .next-tabs-tab {
-          font-size: 16px;
-          color: #666666;
-          margin-right: 13px;
-          &.active {
-            color: #333;
-            font-size: 17px;
-          }
-          &.active::before {
-            bottom: 2px;
-            border-bottom: 5px solid #E96D40;
-            z-index: 0;
-            border-radius: 2.5px;
-          }
-        }
-      }
-    }
-  }
-
-    &.next-small {
-      .next-tabs-content {
-        padding: 12px;
-      }
-    }
-  }
-.navigation {
-  z-index: 10;
-  position: relative;
-}
-
-:global(.fd-layout-p-margin) {
-  margin-top: 0 !important;
-}

package/es/components/tab-container/tab-container.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { Tab } from '@alifd/next';
-import './index.scss';
-export interface TabContainerProps extends React.ComponentProps<typeof Tab> {
-    className?: string;
-}
-export declare const TabContainer: {
-    (props: TabContainerProps): JSX.Element;
-    displayName: string;
-};

package/es/components/tab-container/tab-container.js

@@ -1,26 +0,0 @@
-import _Tab from "@alifd/next/es/tab";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className"];
-import React from 'react';
-import cx from 'classnames';
-import "./index.scss";
-export var TabContainer = function TabContainer(props) {
-  var className = props.className,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var CustomTabItem = function CustomTabItem(key, props) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "navigation"
-    }, key.title);
-  };
-  return /*#__PURE__*/React.createElement(_Tab, _extends({
-    className: cx(className, 'fusion-ui-tab')
-  }, restProps, {
-    tabRender: function tabRender(key, props) {
-      return /*#__PURE__*/React.createElement(CustomTabItem, _extends({
-        key: key
-      }, props));
-    }
-  }));
-};
-TabContainer.displayName = 'TabContainer';

package/es/components/tab-container-item/index.d.ts

@@ -1,3 +0,0 @@
-import { TabContainerItem } from './tab-container-item';
-export type { TabContainerItemProps } from './tab-container-item';
-export default TabContainerItem;

package/es/components/tab-container-item/index.js

@@ -1,2 +0,0 @@
-import { TabContainerItem } from "./tab-container-item";
-export default TabContainerItem;

package/es/components/tab-container-item/tab-container-item.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Tab } from '@alifd/next';
-export interface TabContainerItemProps extends React.ComponentProps<typeof Tab> {
-    className?: string;
-    tab: string;
-    key: string;
-}
-export declare const TabContainerItem: {
-    (props: TabContainerItemProps): JSX.Element;
-    displayName: string;
-};

package/es/components/tab-container-item/tab-container-item.js

@@ -1,19 +0,0 @@
-import _Tab from "@alifd/next/es/tab";
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["className", "tab", "key"];
-import React from 'react';
-import cx from 'classnames';
-export var TabContainerItem = function TabContainerItem(props) {
-  var className = props.className,
-    tab = props.tab,
-    key = props.key,
-    restProps = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/React.createElement(_Tab.Item, _extends({
-    className: cx(className, 'fusion-ui-tab')
-  }, restProps, {
-    title: tab,
-    primaryKey: key
-  }));
-};
-TabContainerItem.displayName = 'TabContainerItem';

package/es/components/tag/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 标签tag
- */
-import Tag from './tag';
-export type { TagProps } from './tag';
-export default Tag;

package/es/components/tag/index.js

@@ -1,5 +0,0 @@
-/**
- * 标签tag
- */
-import Tag from "./tag";
-export default Tag;

package/es/components/tag/index.scss

@@ -1,24 +0,0 @@
-.tags__container {
-  padding: 2px 6px;
-  border-radius: 3px;
-  color: white;
-  font-size: 11px;
-}
-.orange {
-  color: #F1770E;
-  background: rgba(241, 119, 14, 0.1);
-}
-
-.blue {
-  color: #2972DD;
-  background-color: rgba(41, 114, 221, 0.1);
-}
-.green {
-  color: #52AD7C;
-  background: rgba(195, 254, 222, 0.4);
-}
-.green-n {
-  color: #52AD7C;
-  background: #FFFFFF;
-  box-shadow: 3.5px 5.5px 11px 0px rgba(203,203,203,0.34);
-}

package/es/components/tag/tag.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-export interface TagProps {
-    /**
-     * 标签名称
-     */
-    name: string;
-    /**
-     * 标签颜色
-     */
-    color: string;
-}
-declare const Tag: React.FC<TagProps>;
-export default Tag;

package/es/components/tag/tag.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["name", "color"];
-import * as React from 'react';
-import "./index.scss";
-var Tag = function Tag(_ref) {
-  var name = _ref.name,
-    color = _ref.color,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("span", _extends({
-    className: "tags__container " + (color ? color : '')
-  }, otherProps), name);
-};
-export default Tag;

package/es/components/teletext-list/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 图文列表
- */
-import TeletextList from './teletext-list';
-export type { TeletextListProps } from './teletext-list';
-export { TeletextList, };

package/es/components/teletext-list/index.js

@@ -1,6 +0,0 @@
-/**
- * 图文列表
- */
-
-import TeletextList from "./teletext-list";
-export { TeletextList };