@dckj-npm/dc-material 0.1.147 → 0.1.149

package/lib/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/lib/components/message-list/message-list-item.scss

@@ -55,6 +55,6 @@
     }
 
   }
-  
+
 
 }

package/lib/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/lib/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/lib/components/notice-bar/index.scss

@@ -2,41 +2,83 @@
     width: 100%;
     display: flex;
     align-items: center;
+    justify-content: space-between;
     height: 70px;
     box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.07);
     margin: 0;
-    padding: 0 10px;
+    padding: 10px;
     border-radius: 12px;
     box-sizing: border-box;
     .notice-bar__panel__item-img {
         width: 46px;
         margin-right: 7px;
+    }
+    .notice-bar__panel__item-more {
+      width: 60px;
+      height: 100%;
+      //background: pink;
+      cursor: pointer;
+
+      &-more {
+        flex-shrink: 0;
+        cursor: pointer;
+        display: flex;
+        justify-content: end;
+        align-items: center;
 
+        &-text {
+          font-weight: 500;
+          font-size: 11px;
+          color: #666666;
+          margin-right: 2px;
+        }
+        &-img {
+          width: 5px;
+          height: 10px;
+        }
+      }
     }
     .notice-bar__panel__item-list {
-        width: calc(100% - 53px);
+        width: calc(100% - 53px - 60px);
         display: flex;
         flex-direction: column;
         align-items: start;
         justify-content: start;
         border-left: 1px solid #f1f1f1;
         padding-left: 10px;
-        .notice-bar__panel-loop {
+        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%;
-            overflow: hidden;
-            list-style: none;
-            text-align: center;
             height: 20px;
-            color: #111111;
-            padding: 0;
-            .notice-bar__panel-loop__item {
-              text-align: left;
-              height: 20px;
+            animation: scrollUp 4s linear infinite; // 动画持续时间和类型
+          }
+
+          @keyframes scrollUp {
+            0% {
+              transform: translateY(100%); // 从底部开始
             }
-            .toUp {
-              margin-top: -25px; //向上移
-              transition: all 0.5s;
+            100% {
+              transform: translateY(-200%); // 滚动到顶部
             }
           }
+
+
     }
+
+
+}
+//动画
+.anim {
+  transition: all 0.5s;
+  margin-top: -24px;
 }

package/lib/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/lib/components/notice-bar/notice-bar-item.js

@@ -18,17 +18,18 @@ var NoticeBarItem = function NoticeBarItem(_ref) {
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var _otherProps = otherProps || {};
   releaseTime = (0, _timeUtil.formatTime)(releaseTime);
+  console.log((0, _childrenNodeHandle.convertChildren)(children, isTop === 1 ? 'teletext-tagc-1' : 'teletext-tagc-2', {
+    name: isTop === 1 ? '置顶' : '最新'
+  }));
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: "notice-bar__panel__item"
   }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
     className: "notice-bar__panel__item-left"
-  }, (0, _childrenNodeHandle.convertChildren)(children, isTop === 0 ? 'teletext-tagc-1' : 'teletext-tagc-2', {
-    name: isTop === 0 ? '置顶' : '最新'
+  }, (0, _childrenNodeHandle.convertChildren)(children, isTop === 1 ? 'teletext-tagc-1' : 'teletext-tagc-2', {
+    name: isTop === 1 ? '置顶' : '最新'
   }), /*#__PURE__*/_react["default"].createElement("div", {
     className: "notice-bar__panal__item__content"
-  }, content)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "notice-bar__panel__item-releaseTime"
-  }, releaseTime));
+  }, content)));
 };
 NoticeBarItem.displayName = 'NoticeBarItem';
 var _default = exports["default"] = NoticeBarItem;

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

@@ -10,7 +10,7 @@
         .notice-bar__panal__item__content{
           color: #676767;
           font-size: 12px;
-          width: 160px;
+          width: 180px;
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;

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

@@ -0,0 +1,46 @@
+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;
+    /**
+     * 点击事件
+     * @param e
+     */
+    handleMoreClick?: (e: any) => void;
+    /**
+     * 更多
+     */
+    moreText: string;
+}
+declare const NoticeBar: React.FC<NoticeBarProps>;
+export default NoticeBar;

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

@@ -5,58 +5,26 @@ 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 = _interopRequireDefault(require("react"));
 require("./index.scss");
 var _noticeBarItem = _interopRequireDefault(require("./notice-bar-item"));
-var _excluded = ["dataList", "onClick", "icon", "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; }
+var _arr = _interopRequireDefault(require("../../assets/icon/teletext-list/arr.png"));
+var _excluded = ["dataList", "onClick", "icon", "children", "handleMoreClick", "moreText"];
 var NoticeBar = function NoticeBar(_ref) {
   var dataList = _ref.dataList,
     _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     icon = _ref.icon,
     children = _ref.children,
+    handleMoreClick = _ref.handleMoreClick,
+    moreText = _ref.moreText,
     otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var _otherProps = otherProps || {};
-  //   const stickyItems = (dataList || []).filter((item) => item?.isTop === 1)
-  //   const loopItems = (dataList || []).filter((item) => item?.isTop === 0)
-
-  var _useState = (0, _react.useState)(true),
-    play = _useState[0],
-    setPlay = _useState[1];
-  var _useState2 = (0, _react.useState)([]),
-    loopItems = _useState2[0],
-    setLoopItems = _useState2[1];
-  var intervalId = (0, _react.useRef)(null);
-  (0, _react.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;
   });
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: "notice-bar__panel"
@@ -69,22 +37,26 @@ var NoticeBar = function NoticeBar(_ref) {
   }, stickyItems ? stickyItems.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(_noticeBarItem["default"], (0, _extends2["default"])({
       key: index,
-      onClick: onClick,
-      children: children
-    }, item));
-  }) : /*#__PURE__*/_react["default"].createElement("div", null), loopItems.length > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "notice-bar__panel-loop"
-  }, loopItems.map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement(_noticeBarItem["default"], {
+      onClick: onClick
+    }, item), children);
+  }) : /*#__PURE__*/_react["default"].createElement("div", null), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panel__item-loop"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, loopItems.length > 0 ? loopItems.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_noticeBarItem["default"], (0, _extends2["default"])({
       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["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+    }, item), children);
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "No items to display")))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panel__item-more"
+  }, moreText ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panel__item-more-more"
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "notice-bar__panel__item-more-more-text",
+    onClick: handleMoreClick
+  }, moreText), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _arr["default"],
+    className: "notice-bar__panel__item-more-more-img"
+  })) : ''));
 };
 NoticeBar.displayName = 'NoticeBar';
 var _default = exports["default"] = NoticeBar;

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

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

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

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

package/lib/components/position/position-left.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./entity";
+export interface LocationProps {
+    currentLocation: Location;
+    clickHandle: () => void;
+}
+declare const NavigationLeft: React.FC<LocationProps>;
+export default NavigationLeft;

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import './index.scss';
+import { Location } from "./position";
+interface LocationProps {
+    itemArray: Location[];
+    open: boolean;
+    setIsOpen: () => void;
+    setCurrent: (data: Location) => void;
+}
+declare const ContentList: React.FC<LocationProps>;
+export default ContentList;

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

@@ -9,7 +9,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var ContentList = function navigationList(_ref) {
   var open = _ref.open,
     itemArray = _ref.itemArray,
-    currentLocation = _ref.currentLocation,
     setIsOpen = _ref.setIsOpen,
     setCurrent = _ref.setCurrent;
   var changeHandle = function changeHandle(position) {
@@ -24,13 +23,13 @@ var ContentList = function navigationList(_ref) {
     style: {
       display: open ? 'block' : 'none'
     }
-  }, itemArray.map(function (item) {
+  }, itemArray ? itemArray.map(function (item) {
     return /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         return changeHandle(item);
       },
       className: "location-list-item"
     }, item.address);
-  }));
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"));
 };
 var _default = exports["default"] = ContentList;

package/lib/components/position/position.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Location } from "./entity";
+export interface LocationProps {
+    itemArray: Location[];
+    defaultLocation: Location;
+}
+declare const Navigation: React.FC<LocationProps>;
+export default Navigation;

package/lib/components/radio-group/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 单选按钮组
+ */
+import RadioGroup from './radio-group';
+import RadioGroupItem from './radio-group-item';
+export type { RadioGroupProps } from './radio-group';
+export type { RadioGroupItemProps } from './radio-group-item';
+export { RadioGroup as CustomRadioGroup, RadioGroupItem as CustomRadioGroupItem, };

package/lib/components/radio-group/radio-group-item.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import './index.scss';
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupItemProps {
+    /**
+     * 选项
+     */
+    label: string;
+    /**
+     * 值
+     */
+    value: string;
+    /**
+     * 是否选中
+     */
+    checked: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange: (value: string) => void;
+}
+declare const RadioGroupItem: React.FC<RadioGroupItemProps>;
+export default RadioGroupItem;

package/lib/components/radio-group/radio-group.d.ts

@@ -0,0 +1,52 @@
+import React from 'react';
+import './index.scss';
+export interface RadioType {
+    label: string;
+    value: string;
+}
+export type RadioGroupItemType = 'button' | 'text';
+export interface RadioGroupProps {
+    /**
+     * 选项
+     */
+    options: Array<RadioType>;
+    /**
+     * 默认值
+     */
+    defaultValue?: string;
+    /**
+     * 是否换行
+     */
+    isWrap?: boolean;
+    /**
+     * 选中颜色
+     */
+    selectColor?: string;
+    /**
+     * 选中的文字颜色
+     */
+    selectTextColor?: string;
+    /**
+     * 未选中颜色
+     */
+    unSelectColor?: string;
+    /**
+     * 未选中的文字颜色
+     */
+    unSelectTextColor?: string;
+    /**
+     * 改变事件
+     * @param value
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 类型
+     */
+    type?: RadioGroupItemType;
+    /**
+     * 名称
+     */
+    name?: string;
+}
+declare const RadioGroup: React.FC<RadioGroupProps>;
+export 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/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/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.scss

@@ -1,13 +1,39 @@
-.search-bar-box {
-  width: 260px;
+.search-bar-form {
   height: 35px;
-  margin: 0;
-    .next-input {
-      width: 260px;
-      border-radius: 34px;
-      height: 35px;
-      & input {
-        height: 100%;
-      }
+  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;