@dckj-npm/dc-material 0.1.149 → 0.1.150

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

@@ -1,26 +1,30 @@
-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;
+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;

package/lib/components/swiper/swiper.js

@@ -8,7 +8,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 require("./index.scss");
-var _excluded = ["speed", "autoplay", "loop", "picUrls", "height"];
+var _excluded = ["speed", "autoplay", "loop", "picUrls", "height", "delay"];
 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 DCSlider = function DCSlider(_ref) {
@@ -19,23 +19,34 @@ var DCSlider = function DCSlider(_ref) {
     _ref$picUrls = _ref.picUrls,
     picUrls = _ref$picUrls === void 0 ? [] : _ref$picUrls,
     height = _ref.height,
+    delay = _ref.delay,
     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);
+    } else {
+      stopAutoplay();
     }
   };
+
+  // 启动自动播放
   var startAutoplay = function startAutoplay() {
     if (autoplay && !autoplayRef.current) {
-      autoplayRef.current = setInterval(nextSlide, speed);
+      autoplayRef.current = setInterval(function () {
+        nextSlide();
+      }, delay);
     }
   };
+
+  // 停止自动播放
   var stopAutoplay = function stopAutoplay() {
     if (autoplayRef.current) {
       clearInterval(autoplayRef.current);
@@ -43,19 +54,15 @@ var DCSlider = function DCSlider(_ref) {
     }
   };
   (0, _react.useEffect)(function () {
-    if (autoplay) {
-      startAutoplay();
-    }
+    startAutoplay();
     return function () {
-      stopAutoplay();
+      return stopAutoplay();
     };
-  }, [autoplay, speed, loop, picUrls]);
+  }, [autoplay, currentIndex]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
     className: "carousel",
-    onMouseEnter: stopAutoplay,
-    onMouseLeave: startAutoplay,
     style: {
-      height: height ? height + "px" : '100%'
+      height: height ? height + "px" : 'auto'
     }
   }, otherProps), /*#__PURE__*/React.createElement("div", {
     className: "carousel__wrapper",
@@ -66,16 +73,11 @@ var DCSlider = function DCSlider(_ref) {
   }, picUrls.map(function (url, index) {
     return /*#__PURE__*/React.createElement("div", {
       key: index,
-      className: "carousel__slide",
-      style: {
-        width: '100%',
-        height: height ? height + "px" : '100%'
-      }
+      className: "carousel__slide"
     }, /*#__PURE__*/React.createElement("img", {
       src: url,
       alt: "Slide " + index,
       style: {
-        width: '100%',
         height: height ? height + "px" : '100%'
       }
     }));

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

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

package/lib/components/tab/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _tab = _interopRequireDefault(require("./tab"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _tab["default"];

package/lib/components/tab/index.scss

@@ -1,39 +1,44 @@
-.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; // 根据需要调整位置
-  }
-}
+.tab-message {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.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/lib/components/tab/tab.d.ts

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

package/lib/components/tab/tab.js

@@ -18,16 +18,16 @@ var Tab = function Tab(_ref) {
     unreadCount = _ref.unreadCount,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var tabList = [{
-    key: 'all',
+    key: [0, 1],
     label: '全部'
   }, {
-    key: 'read',
+    key: [1],
     label: '已读'
   }, {
-    key: 'unRead',
+    key: [0],
     label: '未读'
   }];
-  var _React$useState = React.useState('all'),
+  var _React$useState = React.useState([0, 1]),
     tab = _React$useState[0],
     setTab = _React$useState[1];
   var handleClick = function handleClick(key) {
@@ -37,21 +37,23 @@ var Tab = function Tab(_ref) {
     // 触发父组件传递的点击处理函数
     onClickHandle && onClickHandle(key);
   };
-  return tabList.map(function (item) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "tab-message"
+  }, tabList.map(function (item) {
     return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
-      className: "tabs__container\n         " + (tab === item.key ? 'tabs__container--selected' : '') + "\n         " + (size == 'large' ? 'tabs__container--large' : 'tabs__container--small')
+      className: "tabs__container\n         " + (tab.toString() === item.key.toString() ? '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 : ''
+        backgroundColor: tab.toString() === item.key.toString() ? selectedBGColor : '',
+        color: tab.toString() === item.key.toString() ? selectedFontColor : ''
       }
-    }), item.label, item.key === 'unRead' && unreadCount > 0 && /*#__PURE__*/React.createElement("span", {
+    }), item.label, item.key.toString() === '0' && unreadCount > 0 && /*#__PURE__*/React.createElement("span", {
       className: "badge"
     }, unreadCount) // 条件渲染badge
     );
-  });
+  }));
 };
 var _default = exports["default"] = Tab;

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

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

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

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

@@ -1,10 +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;
-};
+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

@@ -1,3 +1,3 @@
-import { TabContainerItem } from './tab-container-item';
-export type { TabContainerItemProps } from './tab-container-item';
-export default TabContainerItem;
+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

@@ -1,11 +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;
-};
+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

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

package/lib/components/tag/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _tag = _interopRequireDefault(require("./tag"));
-/**
- * 标签tag
+/**
+ * 标签tag
  */
 var _default = exports["default"] = _tag["default"];

package/lib/components/tag/index.scss

@@ -1,24 +1,24 @@
-.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);
-}
+.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/lib/components/tag/tag.d.ts

@@ -1,14 +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;
+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

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