@dckj-npm/dc-material 0.1.122 → 0.1.124

package/es/components/menu-list/types.d.ts

@@ -0,0 +1,23 @@
+/**
+ * 数据
+ */
+export interface MenuListDataProps {
+    /**
+     * 菜单名称
+     */
+    title: string;
+    /**
+     * 菜单图标地址
+     */
+    iconUrl?: string;
+    /**
+     * 点击事件
+     */
+    handleClick?: Function;
+}
+export interface MenuListProps {
+    /**
+     * 数据
+     */
+    dataList?: MenuListDataProps[];
+}

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

@@ -0,0 +1,6 @@
+/**
+ * 消息列表
+ */
+import MessageList from './message-list';
+export type { MessageListProps } from './message-list';
+export default MessageList;

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

@@ -1,5 +1,5 @@
-/**
- * 消息列表
+/**
+ * 消息列表
  */
 
 import MessageList from "./message-list";

package/es/components/message-list/index.scss

@@ -1,22 +1,22 @@
-@import '../../variables.scss';
-
-.message-list__panel {
-  display: flex;
-  flex-direction: column;
-  margin: 0;
-  &__tab{
-    margin-bottom: 20px;
-  }
-
-  &__item-list {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    div:last-child {
-      border-bottom: none;
-    }
-  }
-
-}
-
-
+@import '../../variables.scss';
+
+.message-list__panel {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  &__tab{
+    margin-bottom: 20px;
+  }
+
+  &__item-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    div:last-child {
+      border-bottom: none;
+    }
+  }
+
+}
+
+

package/es/components/message-list/message-list-item.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import './message-list-item.scss';
+/**
+ * 数据
+ */
+export interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string;
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 发布时间
+     */
+    gmtCreate?: string;
+    /**
+     * 点击事件
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 是否已读
+     */
+    isRead?: boolean;
+}
+declare const MessageListItem: React.FC<DataProps>;
+export default MessageListItem;

package/es/components/message-list/message-list-item.js

@@ -5,8 +5,8 @@ import React from 'react';
 import "./message-list-item.scss";
 import { convertChildren } from "../../utils/children-node-handle";
 
-/**
- * 数据
+/**
+ * 数据
  */
 
 var MessageListItem = function MessageListItem(_ref) {

package/es/components/message-list/message-list-item.scss

@@ -1,60 +1,60 @@
-@import '../../variables.scss';
-
-.message-list__panel__item {
-  display: flex;
-  gap: 5px;
-  padding-bottom: 15px;
-  justify-content: flex-start;
-  border-bottom: 1px solid #eeeeee;
-  position: relative;
-  &_image {
-    width: 90px;
-    height: 71px;
-    border-radius: 5px;
-    flex: 0 0 auto;
-    overflow: hidden;
-    position: relative;
-
-    & > img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-  }
-  .badge {
-    display: inline-block;
-    width: 7px; // 根据需要设置的大小
-    height: 7px;
-    border-radius: 50%;
-    background-color: #F44341; // 红色背景
-    position: absolute; // 绝对定位
-    top: 5px; // 根据需要调整位置
-    left: 38px; // 根据需要调整位置
-  }
-
-  &__text {
-    display: flex;
-    flex-direction: column;
-    gap: 3px;
-    padding-top: 4px;
-
-    &__title {
-      font-size: 15px;
-      font-weight: 600;
-      color: #000000;
-    }
-
-    &__description {
-      -webkit-line-clamp: 1;
-      overflow: hidden;
-      color: #686868;
-      -webkit-box-orient: vertical;
-      display: -webkit-box;
-      font-size: 12px;
-      text-overflow: ellipsis;
-    }
-
-  }
-  
-
-}
+@import '../../variables.scss';
+
+.message-list__panel__item {
+  display: flex;
+  gap: 5px;
+  padding-bottom: 15px;
+  justify-content: flex-start;
+  border-bottom: 1px solid #eeeeee;
+  position: relative;
+  &_image {
+    width: 90px;
+    height: 71px;
+    border-radius: 5px;
+    flex: 0 0 auto;
+    overflow: hidden;
+    position: relative;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+  }
+  .badge {
+    display: inline-block;
+    width: 7px; // 根据需要设置的大小
+    height: 7px;
+    border-radius: 50%;
+    background-color: #F44341; // 红色背景
+    position: absolute; // 绝对定位
+    top: 5px; // 根据需要调整位置
+    left: 38px; // 根据需要调整位置
+  }
+
+  &__text {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+    padding-top: 4px;
+
+    &__title {
+      font-size: 15px;
+      font-weight: 600;
+      color: #000000;
+    }
+
+    &__description {
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      color: #686868;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      font-size: 12px;
+      text-overflow: ellipsis;
+    }
+
+  }
+  
+
+}

package/es/components/message-list/message-list.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.scss';
+import { DataProps } from './message-list-item';
+export interface MessageListProps {
+    /**
+     * 全部的数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 图片
+     */
+    images: string[];
+    /**
+     * 切换数据源
+     */
+    handleDataList: (key: string) => DataProps[];
+}
+declare const MessageList: React.FC<MessageListProps>;
+export default MessageList;

package/es/components/notice-bar/index.d.ts

@@ -0,0 +1,3 @@
+import NoticeBar from './notice-bar';
+export type { NoticeBarProps } from './notice-bar';
+export default NoticeBar;

package/es/components/notice-bar/index.scss

@@ -1,42 +1,59 @@
-.notice-bar__panel {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    height: 70px;
-    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.07);
-    margin: 0;
-    padding: 0 10px;
-    border-radius: 12px;
-    box-sizing: border-box;
-    .notice-bar__panel__item-img {
-        width: 46px;
-        margin-right: 7px;
-
-    }
-    .notice-bar__panel__item-list {
-        width: calc(100% - 53px);
-        display: flex;
-        flex-direction: column;
-        align-items: start;
-        justify-content: start;
-        border-left: 1px solid #f1f1f1;
-        padding-left: 10px;
-        .notice-bar__panel-loop {
-            width: 100%;
-            overflow: hidden;
-            list-style: none;
-            text-align: center;
-            height: 20px;
-            color: #111111;
-            padding: 0;
-            .notice-bar__panel-loop__item {
-              text-align: left;
-              height: 20px;
-            }
-            .toUp {
-              margin-top: -25px; //向上移
-              transition: all 0.5s;
-            }
-          }
-    }
-}
+.notice-bar__panel {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    height: 70px;
+    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.07);
+    margin: 0;
+    padding: 0 10px;
+    border-radius: 12px;
+    box-sizing: border-box;
+    .notice-bar__panel__item-img {
+        width: 46px;
+        margin-right: 7px;
+
+    }
+    .notice-bar__panel__item-list {
+        width: calc(100% - 53px);
+        display: flex;
+        flex-direction: column;
+        align-items: start;
+        justify-content: start;
+        border-left: 1px solid #f1f1f1;
+        padding-left: 10px;
+        position: relative;
+        overflow: hidden;
+
+        .notice-bar__panel__item-loop {
+            width: 100%;
+            position: relative;
+            overflow: hidden; // 确保超出部分不显示
+            height: 20px; // 设置合适的高度
+          }
+          
+          .notice-bar__panel__item-loop > div {
+            position: absolute; // 绝对定位
+            width: 100%;
+            height: 20px;
+            animation: scrollUp 4s linear infinite; // 动画持续时间和类型
+          }
+          
+          @keyframes scrollUp {
+            0% {
+              transform: translateY(100%); // 从底部开始
+            }
+            100% {
+              transform: translateY(-200%); // 滚动到顶部
+            }
+          }
+          
+    
+    }
+          
+            
+}
+//动画
+.anim {
+  transition: all 0.5s;
+  margin-top: -24px;
+}

package/es/components/notice-bar/notice-bar-item.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './notice-bar-item.scss';
+interface NoticeBarItemProps {
+    /**
+     * 内容
+     */
+    content?: string;
+    /**
+     * 发布时间
+     */
+    releaseTime?: string;
+    /**
+     * 是否置顶
+     */
+    isTop?: number;
+}
+declare const NoticeBarItem: React.FC<NoticeBarItemProps>;
+export default NoticeBarItem;

package/es/components/notice-bar/notice-bar-item.js

@@ -13,12 +13,15 @@ var NoticeBarItem = function NoticeBarItem(_ref) {
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _otherProps = otherProps || {};
   releaseTime = formatTime(releaseTime);
+  console.log(convertChildren(children, isTop === 1 ? 'teletext-tagc-1' : 'teletext-tagc-2', {
+    name: isTop === 1 ? '置顶' : '最新'
+  }));
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "notice-bar__panel__item"
   }, _otherProps), /*#__PURE__*/React.createElement("div", {
     className: "notice-bar__panel__item-left"
-  }, convertChildren(children, isTop === 0 ? 'teletext-tagc-1' : 'teletext-tagc-2', {
-    name: isTop === 0 ? '置顶' : '最新'
+  }, convertChildren(children, isTop === 1 ? 'teletext-tagc-1' : 'teletext-tagc-2', {
+    name: isTop === 1 ? '置顶' : '最新'
   }), /*#__PURE__*/React.createElement("div", {
     className: "notice-bar__panal__item__content"
   }, content)), /*#__PURE__*/React.createElement("div", {

package/es/components/notice-bar/notice-bar-item.scss

@@ -1,26 +1,26 @@
-.notice-bar__panel__item {
-    width: calc(100vw - 110px);
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: 5px;
-    .notice-bar__panel__item-left {
-        display: flex;
-        align-items: center;
-        .notice-bar__panal__item__content{
-          color: #676767;
-          font-size: 12px;
-          width: 160px;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          margin-left: 4px;
-        }
-    }
-    .notice-bar__panel__item-releaseTime {
-         color: #676767;
-         font-size: 11px;
-         opacity: 0.5;
-    }
-
-}
+.notice-bar__panel__item {
+    width: calc(100vw - 110px);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 5px;
+    .notice-bar__panel__item-left {
+        display: flex;
+        align-items: center;
+        .notice-bar__panal__item__content{
+          color: #676767;
+          font-size: 12px;
+          width: 160px;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          margin-left: 4px;
+        }
+    }
+    .notice-bar__panel__item-releaseTime {
+         color: #676767;
+         font-size: 11px;
+         opacity: 0.5;
+    }
+
+}

package/es/components/notice-bar/notice-bar.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import './index.scss';
+interface DataProps {
+    /**
+     * 内容
+     */
+    content?: string;
+    /**
+     * 发布时间
+     */
+    releaseTime?: string;
+    /**
+     * 是否置顶
+     */
+    isTop?: number;
+}
+export interface NoticeBarProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 左侧图标
+     */
+    icon: string;
+}
+declare const NoticeBar: React.FC<NoticeBarProps>;
+export default NoticeBar;

package/es/components/notice-bar/notice-bar.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["dataList", "onClick", "icon", "children"];
-import React, { useRef, useState, useEffect } from 'react';
+import React from 'react';
 import "./index.scss";
 import NoticeBarItem from "./notice-bar-item";
 var NoticeBar = function NoticeBar(_ref) {
@@ -12,45 +12,13 @@ var NoticeBar = function NoticeBar(_ref) {
     children = _ref.children,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _otherProps = otherProps || {};
-  //   const stickyItems = (dataList || []).filter((item) => item?.isTop === 1)
-  //   const loopItems = (dataList || []).filter((item) => item?.isTop === 0)
-
-  var _useState = useState(true),
-    play = _useState[0],
-    setPlay = _useState[1];
-  var _useState2 = useState([]),
-    loopItems = _useState2[0],
-    setLoopItems = _useState2[1];
-  var intervalId = useRef(null);
-  useEffect(function () {
-    var stickyItems = dataList.filter(function (item) {
-      return item.isTop === 1;
-    });
-    setLoopItems(dataList.filter(function (item) {
-      return item.isTop === 1;
-    }));
-    var startPlay = function startPlay() {
-      if (play) {
-        setLoopItems(function (prev) {
-          var newItems = [].concat(prev);
-          newItems.push(newItems[0]);
-          newItems.shift();
-          return newItems;
-        });
-        setPlay(false);
-      }
-    };
-    intervalId.current = setInterval(startPlay, 2000);
-    return function () {
-      clearInterval(intervalId.current);
-    };
-  }, [dataList, play]);
-  var isScroll = function isScroll(index) {
-    return index === 0;
-  };
-  var stickyItems = dataList.filter(function (item) {
-    return item.isTop === 1;
+  var stickyItems = (dataList || []).filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.isTop) === 1;
   });
+  var loopItems = (dataList || []).filter(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.isTop) === 0;
+  });
+  var loopItemsData = console.log('loopItemsData');
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "notice-bar__panel"
   }, _otherProps), /*#__PURE__*/React.createElement("img", {
@@ -65,19 +33,15 @@ var NoticeBar = function NoticeBar(_ref) {
       onClick: onClick,
       children: children
     }, item));
-  }) : /*#__PURE__*/React.createElement("div", null), loopItems.length > 0 ? /*#__PURE__*/React.createElement("div", {
-    className: "notice-bar__panel-loop"
-  }, loopItems.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(NoticeBarItem, {
+  }) : /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement("div", {
+    className: "notice-bar__panel__item-loop"
+  }, /*#__PURE__*/React.createElement("div", null, loopItems.length > 0 ? loopItems.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(NoticeBarItem, _extends({
       key: index,
-      className: "notice-bar__panel-loop__item " + (isScroll(index) && play ? 'toUp' : ''),
-      content: item.content,
-      releaseTime: item.releaseTime,
-      isTop: item.isTop,
-      tag: item.tag,
-      onClick: onClick
-    });
-  })) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+      onClick: onClick,
+      children: children
+    }, item));
+  }) : /*#__PURE__*/React.createElement("div", null, "No items to display")))));
 };
 NoticeBar.displayName = 'NoticeBar';
 export default NoticeBar;

package/es/components/position/entity.d.ts

@@ -0,0 +1,5 @@
+export interface Location {
+    lat: string;
+    lng: string;
+    address: string;
+}

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

@@ -0,0 +1,3 @@
+import Position from './position';
+export type { LocationProps } from './position';
+export default Position;

package/es/components/position/index.scss

@@ -1,27 +1,27 @@
-.location {
-  display: flex;
-  cursor: pointer;
-  color: #414141;
-  font-size: 13.5px;
-  &-address {
-    margin-right: 7px;
-  }
-  &-icon {
-    display: flex;
-    align-items: center;
-  }
-}
-.location-list {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background-color: #fff;
-  padding: 10px 15px;
-  z-index: 999;
-  &-item {
-    padding: 10px 0;
-    border-bottom: solid 1px #eee;
-  }
-}
+.location {
+  display: flex;
+  cursor: pointer;
+  color: #414141;
+  font-size: 13.5px;
+  &-address {
+    margin-right: 7px;
+  }
+  &-icon {
+    display: flex;
+    align-items: center;
+  }
+}
+.location-list {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  background-color: #fff;
+  padding: 10px 15px;
+  z-index: 999;
+  &-item {
+    padding: 10px 0;
+    border-bottom: solid 1px #eee;
+  }
+}