@dckj-npm/dc-material 0.1.356 → 0.1.358

package/lib/components/radio-group/radio-group.js

@@ -0,0 +1,87 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _radioGroupItem = _interopRequireDefault(require("./radio-group-item"));
+var _excluded = ["options", "name", "type", "defaultValue", "selectColor", "selectTextColor", "unSelectColor", "unSelectTextColor", "isWrap", "onChange", "children"];
+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; }
+function uuid() {
+  return Math.random().toString(36).substring(2);
+}
+var RadioGroup = function RadioGroup(_ref) {
+  var _options$;
+  var options = _ref.options,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? uuid() : _ref$name,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    defaultValue = _ref.defaultValue,
+    _ref$selectColor = _ref.selectColor,
+    selectColor = _ref$selectColor === void 0 ? '#F5743F' : _ref$selectColor,
+    _ref$selectTextColor = _ref.selectTextColor,
+    selectTextColor = _ref$selectTextColor === void 0 ? 'white' : _ref$selectTextColor,
+    _ref$unSelectColor = _ref.unSelectColor,
+    unSelectColor = _ref$unSelectColor === void 0 ? '#F0F0F0' : _ref$unSelectColor,
+    _ref$unSelectTextColo = _ref.unSelectTextColor,
+    unSelectTextColor = _ref$unSelectTextColo === void 0 ? '#727272' : _ref$unSelectTextColo,
+    _ref$isWrap = _ref.isWrap,
+    isWrap = _ref$isWrap === void 0 ? false : _ref$isWrap,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var defaultV = (options === null || options === void 0 ? void 0 : (_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value) || defaultValue || '';
+  var _useState = (0, _react.useState)(defaultV),
+    selectedValue = _useState[0],
+    setSelectedValue = _useState[1];
+  (0, _react.useEffect)(function () {
+    if (defaultV) {
+      handleChange(defaultV);
+    }
+  }, [defaultV]);
+  var handleChange = function handleChange(value) {
+    setSelectedValue(value);
+    onChange(value);
+  };
+  var wrapClass = isWrap ? 'flex-wrap: wrap;' : 'flex-wrap: nowrap;overflow-x: auto;';
+  _otherProps.style = wrapClass + ' ' + _otherProps.style ? _otherProps.style : '';
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "radio-group__panel"
+  }, _otherProps), (options || []).map(function (option) {
+    return /*#__PURE__*/_react["default"].createElement(_radioGroupItem["default"], {
+      label: option.label,
+      value: option.value,
+      key: option.value,
+      checked: selectedValue === option.value,
+      name: name,
+      type: type,
+      selectColor: selectColor,
+      selectTextColor: selectTextColor,
+      unSelectColor: unSelectColor,
+      unSelectTextColor: unSelectTextColor,
+      onChange: handleChange
+    });
+    // return convertChildren(children, 'custom-radio-group-item', {
+    //     label: option.label,
+    //     value: option.value,
+    //     key: option.value,
+    //     checked: selectedValue === option.value,
+    //     name: name,
+    //     type: type,
+    //     selectColor: selectColor,
+    //     selectTextColor: selectTextColor,
+    //     unSelectColor: unSelectColor,
+    //     unSelectTextColor: unSelectTextColor,
+    //     onChange: handleChange
+    // })
+  }));
+};
+RadioGroup.displayName = 'RadioGroup';
+var _default = exports["default"] = RadioGroup;

package/lib/components/rich-text/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 富文本
+ */
+import RichText from './rich-text';
+export type { RichTextProps } from './rich-text';
+export { RichText, };

package/lib/components/rich-text/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _richText = _interopRequireDefault(require("./rich-text"));
+exports.RichText = _richText["default"];

package/lib/components/rich-text/index.scss

@@ -0,0 +1,19 @@
+.rich-text {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  padding: 0; /* 添加内边距 */
+  margin: 0; /* 去除外边距 */
+  word-break: break-word; /* 处理长单词换行 */
+  overflow-wrap: break-word; /* 支持长单词换行 */
+  overflow: hidden; /* 隐藏超出部分 */
+}
+p {
+  padding: 0;
+  margin: 0 0 20px 0 !important;
+}
+img {
+  max-width: 100%;
+  height: auto; /* 保持纵横比 */
+  object-fit: contain; /* 确保图片保持在容器内 */
+}

package/lib/components/rich-text/rich-text.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './index.scss';
+interface DataProps {
+    content?: string;
+}
+export interface RichTextProps {
+    content?: string;
+    dataList?: DataProps[];
+}
+declare const RichText: {
+    (props: RichTextProps): JSX.Element;
+    displayName: string;
+};
+export default RichText;

package/lib/components/rich-text/rich-text.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+require("./index.scss");
+var _excluded = ["content", "dataList"];
+// 富文本
+
+// 用于处理富文本内容的函数
+var processContent = function processContent(content) {
+  // 检查内容是否为字符串
+  if (typeof content !== 'string') {
+    return '';
+  }
+  // 替换转义符号（这里可以根据需要添加更多处理逻辑）
+  return content.replace(/\\/g, '');
+};
+var RichText = function RichText(props) {
+  var content = props.content,
+    dataList = props.dataList,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "rich-text"
+  }, otherProps), dataList && dataList.length > 0 ? dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      dangerouslySetInnerHTML: {
+        __html: processContent(item.content)
+      }
+    });
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: processContent(content)
+    }
+  }));
+};
+RichText.displayName = 'RichText';
+var _default = exports["default"] = RichText;

package/lib/components/search-bar/index.d.ts

@@ -0,0 +1,3 @@
+import SearchBar from "./search-bar";
+export type { SearchBarProps } from './search-bar';
+export default SearchBar;

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

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _searchBar = _interopRequireDefault(require("./search-bar"));
+var _default = exports["default"] = _searchBar["default"];

package/lib/components/search-bar/index.scss

@@ -0,0 +1,39 @@
+.search-bar-form {
+  height: 35px;
+  flex: 1;
+  box-shadow: 0 1px 6px 0 rgba(66, 36, 8, 0.08);
+  border-radius: 17px;
+}
+.search-bar {
+  //border: solid 1px #c4c6cf;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  padding-right: 16px;
+  &-input {
+    outline: none;
+    border: none;
+    //width: calc(100% - 15px - 34px);
+    height: 100%;
+    flex: 1;
+  }
+  &-icon {
+    margin-left: 15px;
+    margin-right: 5px;
+    display: flex;
+    align-items: center;
+    &-img {
+      width: 15px;
+      height: 15px;
+    }
+  }
+  &-delete-img {
+    width: 15px;
+    height: 15px;
+  }
+  &-enter {
+    font-size: 14px;
+    color: #f77c32;
+    margin-left: 6px;
+  }
+}

package/lib/components/search-bar/search-bar.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface SearchBarProps {
+    onSearch?: () => void;
+    onConfirm?: (value: string) => void;
+    placeholder?: string;
+    searchText?: boolean;
+    autofocus?: boolean;
+}
+declare const SearchBar: React.FC<SearchBarProps>;
+export default SearchBar;

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

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+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 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);
+    }
+    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 _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.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _swiper = _interopRequireDefault(require("./swiper"));
+var _default = exports["default"] = _swiper["default"];

package/lib/components/swiper/index.scss

@@ -0,0 +1,20 @@
+.carousel {
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  max-width: 600px;
+}
+
+.carousel__wrapper {
+  display: flex;
+  transition: transform ease-in-out;
+}
+
+.carousel__slide {
+  min-width: 100%;
+}
+
+.carousel__slide img {
+  width: 100%;
+  height: auto;
+}

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

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