@dckj-npm/dc-material 0.1.147 → 0.1.149

package/lib/components/search-bar/search-bar.js

@@ -3,38 +3,78 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
-var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
-var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
+var _search = _interopRequireDefault(require("../../assets/icon/search/search.png"));
+var _delete = _interopRequireDefault(require("../../assets/icon/search/delete.png"));
+var _excluded = ["onSearch", "searchText", "autofocus", "placeholder", "onConfirm"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var ExampleComponent = function ExampleComponent(props, ref) {
-  var defaultValue = props.defaultValue,
-    onSearch = props.onSearch;
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: "search-bar-box",
-    onClick: function onClick() {
-      onSearch();
+var SearchBar = function SearchBar(props) {
+  var onSearch = props.onSearch,
+    _props$searchText = props.searchText,
+    searchText = _props$searchText === void 0 ? true : _props$searchText,
+    _props$autofocus = props.autofocus,
+    autofocus = _props$autofocus === void 0 ? false : _props$autofocus,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? '请输入' : _props$placeholder,
+    onConfirm = props.onConfirm,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var _useState = (0, _react.useState)(),
+    searchValue = _useState[0],
+    setSearchValue = _useState[1];
+  var searchInput = (0, _react.useRef)(null);
+  var handleChange = function handleChange(e) {
+    setSearchValue(e.target.value); // 更新 state
+  };
+  /**
+   * 触发confirm事件
+   */
+  var confirm = function confirm() {
+    var _searchInput$current;
+    if (onConfirm) {
+      onConfirm(searchValue);
     }
-  }, /*#__PURE__*/React.createElement(_input["default"], {
-    innerBefore: /*#__PURE__*/React.createElement(_icon["default"], {
-      type: "search",
-      style: {
-        marginLeft: '15px'
-      },
-      onClick: function onClick() {
-        return onSearch();
-      }
-    }),
-    placeholder: defaultValue,
-    "aria-label": "input with config of innerBefore",
-    onFocus: function onFocus() {
-      return onSearch();
+    searchInput === null || searchInput === void 0 ? void 0 : (_searchInput$current = searchInput.current) === null || _searchInput$current === void 0 ? void 0 : _searchInput$current.blur();
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key === "Enter") {
+      confirm();
     }
-  }));
+  };
+  var clearValue = function clearValue() {
+    setSearchValue('');
+  };
+  return /*#__PURE__*/React.createElement("form", (0, _extends2["default"])({
+    action: "",
+    className: "search-bar-form"
+  }, otherProps, {
+    onSubmit: confirm
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "search-bar",
+    onClick: onSearch
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "search-bar-icon"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: _search["default"],
+    className: "search-bar-icon-img"
+  })), /*#__PURE__*/React.createElement("input", {
+    className: "search-bar-input",
+    placeholder: placeholder,
+    value: searchValue,
+    autoFocus: autofocus,
+    onChange: handleChange,
+    onKeyDown: handleKeyDown,
+    ref: searchInput
+  }), searchValue ? /*#__PURE__*/React.createElement("img", {
+    className: "search-bar-delete-img",
+    src: _delete["default"],
+    onClick: clearValue
+  }) : '', searchText ? /*#__PURE__*/React.createElement("span", {
+    className: "search-bar-enter",
+    onClick: confirm
+  }, "\u641C\u7D22") : ''));
 };
-var SearchBar = /*#__PURE__*/(0, _react.forwardRef)(ExampleComponent);
-SearchBar.displayName = 'SearchBar';
 var _default = exports["default"] = SearchBar;

package/lib/components/stream-list/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 菜单列表
+ */
+import StreamList from './stream-list';
+export type { StreamListProps } from './stream-list';
+export { StreamList };

package/lib/components/stream-list/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _streamList = _interopRequireDefault(require("./stream-list"));
+exports.StreamList = _streamList["default"];

package/lib/components/stream-list/index.scss

@@ -0,0 +1,26 @@
+@import '../../variables.scss';
+
+.stream-list-container {
+
+  .refresh-indicator {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px;
+    font-size: 14px;
+    color: #333;
+    pointer-events: none;
+  }
+
+  // 加载更多提示的样式
+  .spin, .loading-text {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 40px; // 提示高度
+    font-size: 14px;
+    color: #666;
+  }
+
+}
+

package/lib/components/stream-list/stream-list.d.ts

@@ -0,0 +1,54 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import './index.scss';
+export interface PageHelperType<T = any> {
+    page: number;
+    rows: number;
+    isLastPage: boolean;
+    total: number;
+    list: T[];
+}
+export interface StreamListProps {
+    /**
+     * 子组件内容
+     */
+    children: ReactNode;
+    /**
+     * 请求下一页数据的函数
+     * @param page
+     * @param rows
+     */
+    onNextPage?: (options: {
+        page: number;
+        rows?: number;
+    }) => Promise<PageHelperType>;
+    /**
+     * 请求刷新数据的函数
+     */
+    onRefreshPage?: () => Promise<PageHelperType>;
+    /**
+     * 是否是最后一页
+     */
+    isLastPage?: boolean;
+    /**
+     * 当前页
+     */
+    nowPage?: number;
+    /**
+     * 刷新中的文字提示
+     */
+    refreshingText?: string;
+    /**
+     * 加载中的文字提示
+     */
+    loadingText?: string;
+    /**
+     * 加载更多的文字提示
+     */
+    loadMoreText?: string;
+}
+/**
+ * StreamList 组件
+ */
+declare const StreamList: React.FC<StreamListProps>;
+export default StreamList;

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

@@ -0,0 +1,166 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.scss");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+/**
+ * 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 = (0, _react.useState)(false),
+    isLoading = _useState[0],
+    setIsLoading = _useState[1];
+  var _useState2 = (0, _react.useState)(false),
+    isRefreshing = _useState2[0],
+    setIsRefreshing = _useState2[1];
+  // 下拉刷新的阈值
+  var threshold = 50;
+  // 最大下拉距离
+  var maxPullDistance = 100;
+  var _useState3 = (0, _react.useState)(0),
+    pullDistance = _useState3[0],
+    setPullDistance = _useState3[1];
+  var startYRef = (0, _react.useRef)(0);
+  var _useState4 = (0, _react.useState)(false),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
+  var observerRef = (0, _react.useRef)(null);
+  // 防止初始加载直接请求下一页
+  var hasInitialLoad = (0, _react.useRef)(false);
+
+  // 监听加载下一页数据
+  (0, _react.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]);
+
+  // 初始化加载标记
+  (0, _react.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 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].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["default"].createElement("div", {
+    onTouchStart: handleTouchStart,
+    onTouchMove: handleTouchMove,
+    onTouchEnd: handleTouchEnd,
+    onMouseDown: handleTouchStart,
+    onMouseMove: handleTouchMove,
+    onMouseUp: handleTouchEnd,
+    className: "stream-list-container"
+  }, /*#__PURE__*/_react["default"].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["default"].createElement("span", null, refreshingText)), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      transform: "translateY(" + (isRefreshing ? threshold : pullDistance) + "px)",
+      transition: 'transform 0.3s ease'
+    }
+  }, children), !isRefreshing && !isLastPage && (isLoading ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "loading-text"
+  }, loadingText) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "spin"
+  }, loadMoreText)));
+};
+StreamList.displayName = 'StreamList';
+var _default = exports["default"] = StreamList;

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

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

package/lib/components/swiper/index.scss

@@ -1,12 +1,33 @@
-/* write style here */
-.swiper__container {
+.carousel {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
   margin: 0;
-  &__sliede {
-    position: relative;
-    height: 100%;
-  }
 }
-.img{
+.carousel__wrapper {
+  display: flex;
+}
+.carousel__slide {
+  min-width: 100%;
+  transition: transform ease-in-out;
+}
+.carousel__slide img {
   width: 100%;
-  height: 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/lib/components/swiper/swiper.d.ts

@@ -0,0 +1,26 @@
+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/lib/components/swiper/swiper.js

@@ -4,40 +4,81 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _lowcodeMaterials = require("@alilc/lowcode-materials");
-var _react2 = require("swiper/react");
-var _core = _interopRequireWildcard(require("swiper/core"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
 require("./index.scss");
-require("swiper/swiper.min.css");
+var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-// 引入核心插件和自动播放组件
-_core["default"].use([_core.Autoplay]); // 使用插件，插件名放入[]中，这一行是重点
-
-var DCSlider = function DCSlider(props) {
-  var height = props.height;
-  return /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, props, {
-    className: "swiper__container",
+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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)(0),
+    currentIndex = _useState[0],
+    setCurrentIndex = _useState[1];
+  var autoplayRef = (0, _react.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;
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (autoplay) {
+      startAutoplay();
+    }
+    return function () {
+      stopAutoplay();
+    };
+  }, [autoplay, speed, loop, picUrls]);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: "carousel",
+    onMouseEnter: stopAutoplay,
+    onMouseLeave: startAutoplay,
     style: {
       height: height ? height + "px" : '100%'
     }
-  }), props.picUrls && props.picUrls.length > 0 ? props.picUrls.map(function (url, index) {
-    return /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
-      className: "swiper__container__sliede",
+  }, 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(_lowcodeMaterials.Image, {
+    }, /*#__PURE__*/React.createElement("img", {
       src: url,
-      alt: "Slide",
-      key: index,
+      alt: "Slide " + index,
       style: {
         width: '100%',
         height: height ? height + "px" : '100%'
       }
     }));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u56FE\u7247\u4E3A\u7A7A"));
+  })));
 };
 var _default = exports["default"] = DCSlider;

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

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

package/lib/components/tab/tab.d.ts

@@ -0,0 +1,27 @@
+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/lib/components/tab-container/index.d.ts

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

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

@@ -0,0 +1,10 @@
+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/lib/components/tab-container-item/index.d.ts

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

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

@@ -0,0 +1,11 @@
+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/lib/components/tag/index.d.ts

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

package/lib/components/tag/tag.d.ts

@@ -0,0 +1,14 @@
+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/lib/components/teletext-list/index.d.ts

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