@dckj-npm/dc-material 0.1.15 → 0.1.16

package/lib/components/menu-list/menu-list-item.scss

@@ -0,0 +1,49 @@
+@import '../../variables.scss';
+
+.menu-list__panel__item {
+  display: flex;
+  gap: 7px;
+  justify-content: space-between;
+  align-items: center;
+  height: 45px;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  &:last-child {
+    border-bottom: none;
+  }
+
+  .menu-list__panel__item_icon {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & > img {
+      height: 15px;
+    }
+  }
+
+  .menu-list__panel__item_title {
+    font-size: 15px;
+    color: #666666;
+    font-weight: 500;
+    margin-right: auto;
+  }
+
+  .menu-list__panel__item_right {
+    height: 100%;
+    display: flex;
+    align-items: center;
+
+    & > svg {
+      height: 16px;
+      font-size: 12px;
+      color: #666666;
+      font-weight: 500;
+    }
+
+
+  }
+
+
+}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './index.scss';
+import { MenuListProps } from "./types";
+declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;

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

@@ -0,0 +1,30 @@
+"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 _menuListItem = _interopRequireDefault(require("./menu-list-item"));
+var _excluded = ["dataList"];
+var MenuList = function MenuList(_ref) {
+  var dataList = _ref.dataList,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "menu-list__panel"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "menu-list__panel__item-list"
+  }, dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_menuListItem["default"], {
+      key: index,
+      title: item.title,
+      iconUrl: item.iconUrl,
+      handleClick: item.handleClick
+    });
+  })));
+};
+MenuList.displayName = 'MenuList';
+var _default = exports["default"] = MenuList;

package/lib/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/lib/components/menu-list/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/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/lib/components/message-list/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _messageList = _interopRequireDefault(require("./message-list"));
+/**
+ * 消息列表
+ */
+var _default = exports["default"] = _messageList["default"];

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

@@ -0,0 +1,17 @@
+@import '../../variables.scss';
+
+.message-list__panel {
+  padding: 12px 24px 0 12px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  &__item-list {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+}
+
+

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

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

package/lib/components/message-list/message-list-item.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("./message-list-item.scss");
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+var _excluded = ["onClick", "title", "image", "gmtCreate", "children", "description"];
+/**
+ * 数据
+ */
+
+var MessageListItem = function MessageListItem(_ref) {
+  var _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    title = _ref.title,
+    image = _ref.image,
+    gmtCreate = _ref.gmtCreate,
+    children = _ref.children,
+    description = _ref.description,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "message-list__panel__item",
+    onClick: onClick
+  }, _otherProps), (0, _childrenNodeHandle.convertChildren)(children, 'image', {
+    src: image
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "message-list__panel__item__text"
+  }, (0, _childrenNodeHandle.convertChildren)(children, 'title', {
+    children: [title]
+  }), (0, _childrenNodeHandle.convertChildren)(children, 'gmtCreate', {
+    children: [gmtCreate]
+  }), (0, _childrenNodeHandle.convertChildren)(children, 'content', {
+    children: [description]
+  })));
+};
+MessageListItem.displayName = 'TeletextListItem';
+var _default = exports["default"] = MessageListItem;

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

@@ -0,0 +1,49 @@
+@import '../../variables.scss';
+
+.message-list__panel__item {
+  display: flex;
+  gap: 5px;
+  padding-bottom: 10px;
+  justify-content: flex-start;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  &_image {
+    width: 90px;
+    height: 71px;
+    border-radius: 5px;
+    flex: 0 0 auto;
+    overflow: hidden;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+  }
+
+  &__text {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+
+    &__title {
+      font-size: 15px;
+      font-weight: 500;
+      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/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[];
+    /**
+     * 已读的数据
+     */
+    readDataList?: DataProps[];
+    /**
+     * 未读的数据
+     */
+    unReadDataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+declare const MessageList: React.FC<MessageListProps>;
+export default MessageList;

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

@@ -0,0 +1,52 @@
+"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 _messageListItem = _interopRequireDefault(require("./message-list-item"));
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+var _excluded = ["dataList", "readDataList", "unReadDataList", "onClick", "children"];
+var MessageList = function MessageList(_ref) {
+  var dataList = _ref.dataList,
+    readDataList = _ref.readDataList,
+    unReadDataList = _ref.unReadDataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var _React$useState = _react["default"].useState(dataList),
+    currentDataList = _React$useState[0],
+    setCurrentDataList = _React$useState[1];
+  // 切换数据源
+  var handleClick = function handleClick(key) {
+    if (key === 'read') {
+      setCurrentDataList(readDataList);
+    } else if (key === 'unRead') {
+      setCurrentDataList(unReadDataList);
+    } else {
+      setCurrentDataList(dataList);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "message-list__panel"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "message-list__panel__tab"
+  }, (0, _childrenNodeHandle.convertChildren)(children, 'tabMessage', {
+    onClickHandle: handleClick
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "message-list__panel__item-list"
+  }, currentDataList ? currentDataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_messageListItem["default"], (0, _extends2["default"])({
+      key: index,
+      onClick: onClick,
+      children: children
+    }, item));
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+};
+MessageList.displayName = 'MessageList';
+var _default = exports["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.js

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

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

@@ -0,0 +1,26 @@
+.notice-bar__panel {
+    display: flex;
+    align-items: center;
+    height: 70px;
+    box-shadow: 0 0 5px rgba($color: #000000, $alpha: 0.1);
+    margin: 12px;
+    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 {
+        display: flex;
+        flex-direction: column;
+        align-items: start;
+        justify-content: start;
+        border-left: 1px solid #f1f1f1;
+        padding-left: 10px;
+        // .notice-bar__panel__item-loop {
+        //     padding-left: 10px;
+        // }
+    }
+}

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import './notice-bar-item.scss';
+interface NoticeBarItemProps {
+    /**
+     * 内容
+    */
+    content?: string;
+    /**
+     * 发布时间
+    */
+    releaseTime?: string;
+    /**
+     * 是否置顶
+    */
+    isTop?: boolean;
+    /**
+     * 标签列表
+     */
+    tag: {
+        /**
+         * 标签名称
+         */
+        name: string;
+        /**
+         * 标签颜色
+         */
+        color: string;
+    };
+}
+declare const NoticeBarItem: React.FC<NoticeBarItemProps>;
+export default NoticeBarItem;

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

@@ -0,0 +1,36 @@
+"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("./notice-bar-item.scss");
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+var _excluded = ["content", "releaseTime", "isTop", "tag", "onClick", "children"];
+var NoticeBarItem = function NoticeBarItem(_ref) {
+  var content = _ref.content,
+    releaseTime = _ref.releaseTime,
+    isTop = _ref.isTop,
+    tag = _ref.tag,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "notice-bar__panel__item",
+    onClick: onClick
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panel__item-left"
+  }, (0, _childrenNodeHandle.convertChildren)(children, isTop ? 'teletext-tagc-1' : 'teletext-tagc-2', {
+    name: tag.name
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panal__item__content"
+  }, content)), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panel__item-releaseTime"
+  }, releaseTime));
+};
+NoticeBarItem.displayName = 'NoticeBarItem';
+var _default = exports["default"] = NoticeBarItem;

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

@@ -0,0 +1,23 @@
+.notice-bar__panel__item {
+    width: 260px;
+    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{
+            width: 140px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            margin-left: 4px;
+        }
+    }
+    .notice-bar__panel__item-releaseTime {
+        // color: #676767;
+        // font-size: 11px;
+    }
+    
+}

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?: boolean;
+    /**
+     * 标签列表
+     */
+    tag?: {
+        /**
+         * 标签名称
+         */
+        name: string;
+        /**
+         * 标签颜色
+         */
+        color: string;
+    };
+}
+export interface NoticeBarProps {
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+}
+declare const NoticeBar: React.FC<NoticeBarProps>;
+export default NoticeBar;

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

@@ -0,0 +1,53 @@
+"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 _reactTextLoopNext = require("react-text-loop-next");
+var _noticeBarItem = _interopRequireDefault(require("./notice-bar-item"));
+var _excluded = ["dataList", "onClick", "children"];
+var NoticeBar = function NoticeBar(_ref) {
+  var dataList = _ref.dataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var stickyItems = dataList.filter(function (item) {
+    return item.isTop;
+  });
+  var loopItems = dataList.filter(function (item) {
+    return !item.isTop;
+  });
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "notice-bar__panel"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "notice-bar__panel__item-img",
+    src: "../../../src/assets/icon/notice-bar/notice.png",
+    alt: ""
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "notice-bar__panel__item-list"
+  }, 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), /*#__PURE__*/_react["default"].createElement(_reactTextLoopNext.TextLoop, {
+    mask: true,
+    className: "notice-bar__panel__item-loop",
+    interval: 2000
+  }, loopItems ? loopItems.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, "\u6682\u65E0\u6570\u636E"))));
+};
+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/entity.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

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/index.js

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

package/lib/components/position/index.scss

@@ -0,0 +1,21 @@
+.location {
+  display: flex;
+  cursor: pointer;
+  &-address {
+    margin-right: 7px;
+  }
+}
+.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;
+  }
+}

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;