@dckj-npm/dc-material 0.1.16 → 0.1.18

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

@@ -1,16 +0,0 @@
-@import '../../variables.scss';
-
-.menu-list__panel {
-  border-radius: 10px;
-  background-color: white;
-
-  .menu-list__panel__item-list {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    padding: 1px 22px;
-  }
-
-}
-
-

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { MenuListDataProps } from "./types";
-import "./menu-list-item.scss";
-declare const MenuListItem: React.FC<MenuListDataProps>;
-export default MenuListItem;

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

@@ -1,32 +0,0 @@
-import React from 'react';
-import "./menu-list-item.scss";
-var MenuListItem = function MenuListItem(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '菜单名称' : _ref$title,
-    _ref$iconUrl = _ref.iconUrl,
-    iconUrl = _ref$iconUrl === void 0 ? '' : _ref$iconUrl,
-    handleClick = _ref.handleClick;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item",
-    onClick: handleClick
-  }, iconUrl ? /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item_icon"
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: "",
-    src: iconUrl
-  })) : null, /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item_title"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item_right"
-  }, /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z"
-  }))));
-};
-MenuListItem.displayName = 'MenuListItem';
-export default MenuListItem;

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

@@ -1,49 +0,0 @@
-@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/es/components/menu-list/menu-list.d.ts

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

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

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList"];
-import React from 'react';
-import "./index.scss";
-import MenuListItem from "./menu-list-item";
-var MenuList = function MenuList(_ref) {
-  var dataList = _ref.dataList,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "menu-list__panel"
-  }, _otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "menu-list__panel__item-list"
-  }, dataList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(MenuListItem, {
-      key: index,
-      title: item.title,
-      iconUrl: item.iconUrl,
-      handleClick: item.handleClick
-    });
-  })));
-};
-MenuList.displayName = 'MenuList';
-export default MenuList;

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

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

package/es/components/menu-list/types.js

@@ -1 +0,0 @@
-export {};

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

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

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

@@ -1,6 +0,0 @@
-/**
- * 消息列表
- */
-
-import MessageList from "./message-list";
-export default MessageList;

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

@@ -1,17 +0,0 @@
-@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/es/components/message-list/message-list-item.d.ts

@@ -1,29 +0,0 @@
-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/es/components/message-list/message-list-item.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["onClick", "title", "image", "gmtCreate", "children", "description"];
-import React from 'react';
-import "./message-list-item.scss";
-import { convertChildren } from "../../utils/children-node-handle";
-
-/**
- * 数据
- */
-
-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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "message-list__panel__item",
-    onClick: onClick
-  }, _otherProps), convertChildren(children, 'image', {
-    src: image
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "message-list__panel__item__text"
-  }, convertChildren(children, 'title', {
-    children: [title]
-  }), convertChildren(children, 'gmtCreate', {
-    children: [gmtCreate]
-  }), convertChildren(children, 'content', {
-    children: [description]
-  })));
-};
-MessageListItem.displayName = 'TeletextListItem';
-export default MessageListItem;

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

@@ -1,49 +0,0 @@
-@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/es/components/message-list/message-list.d.ts

@@ -1,28 +0,0 @@
-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/es/components/message-list/message-list.js

@@ -1,47 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList", "readDataList", "unReadDataList", "onClick", "children"];
-import React from 'react';
-import "./index.scss";
-import { default as MessageListItem } from "./message-list-item";
-import { convertChildren } from "../../utils/children-node-handle";
-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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  var _React$useState = React.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.createElement("div", _extends({
-    className: "message-list__panel"
-  }, _otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "message-list__panel__tab"
-  }, convertChildren(children, 'tabMessage', {
-    onClickHandle: handleClick
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "message-list__panel__item-list"
-  }, currentDataList ? currentDataList.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(MessageListItem, _extends({
-      key: index,
-      onClick: onClick,
-      children: children
-    }, item));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")));
-};
-MessageList.displayName = 'MessageList';
-export default MessageList;

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

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

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

@@ -1,2 +0,0 @@
-import NoticeBar from "./notice-bar";
-export default NoticeBar;

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

@@ -1,26 +0,0 @@
-.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/es/components/notice-bar/notice-bar-item.d.ts

@@ -1,31 +0,0 @@
-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/es/components/notice-bar/notice-bar-item.js

@@ -1,31 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["content", "releaseTime", "isTop", "tag", "onClick", "children"];
-import React from 'react';
-import "./notice-bar-item.scss";
-import { convertChildren } from "../../utils/children-node-handle";
-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 = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "notice-bar__panel__item",
-    onClick: onClick
-  }, _otherProps), /*#__PURE__*/React.createElement("div", {
-    className: "notice-bar__panel__item-left"
-  }, convertChildren(children, isTop ? 'teletext-tagc-1' : 'teletext-tagc-2', {
-    name: tag.name
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "notice-bar__panal__item__content"
-  }, content)), /*#__PURE__*/React.createElement("div", {
-    className: "notice-bar__panel__item-releaseTime"
-  }, releaseTime));
-};
-NoticeBarItem.displayName = 'NoticeBarItem';
-export default NoticeBarItem;

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

@@ -1,23 +0,0 @@
-.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/es/components/notice-bar/notice-bar.d.ts

@@ -1,46 +0,0 @@
-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/es/components/notice-bar/notice-bar.js

@@ -1,48 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList", "onClick", "children"];
-import React from 'react';
-import "./index.scss";
-import { TextLoop } from "react-text-loop-next";
-import NoticeBarItem from "./notice-bar-item";
-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 = _objectWithoutPropertiesLoose(_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.createElement("div", _extends({
-    className: "notice-bar__panel"
-  }, _otherProps), /*#__PURE__*/React.createElement("img", {
-    className: "notice-bar__panel__item-img",
-    src: "../../../src/assets/icon/notice-bar/notice.png",
-    alt: ""
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "notice-bar__panel__item-list"
-  }, stickyItems ? stickyItems.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(NoticeBarItem, _extends({
-      key: index,
-      onClick: onClick,
-      children: children
-    }, item));
-  }) : /*#__PURE__*/React.createElement("div", null), /*#__PURE__*/React.createElement(TextLoop, {
-    mask: true,
-    className: "notice-bar__panel__item-loop",
-    interval: 2000
-  }, loopItems ? loopItems.map(function (item, index) {
-    return /*#__PURE__*/React.createElement(NoticeBarItem, _extends({
-      key: index,
-      onClick: onClick,
-      children: children
-    }, item));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E"))));
-};
-NoticeBar.displayName = 'NoticeBar';
-export default NoticeBar;

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

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

package/es/components/position/entity.js

@@ -1 +0,0 @@
-export {};

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

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

package/es/components/position/index.js

@@ -1,2 +0,0 @@
-import Position from "./position";
-export default Position;

package/es/components/position/index.scss

@@ -1,21 +0,0 @@
-.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/es/components/position/position-left.d.ts

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