@dckj-npm/dc-material 0.1.145 → 0.1.147

package/es/components/grid-nav/grid-nav.js

@@ -1,91 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { forwardRef } from 'react';
-var ExampleComponent = function ExampleComponent(props, ref) {
-  var columns = props.columns,
-    _props$iconSize = props.iconSize,
-    iconSize = _props$iconSize === void 0 ? 'medium' : _props$iconSize,
-    _props$fontWeight = props.fontWeight,
-    fontWeight = _props$fontWeight === void 0 ? 'normal' : _props$fontWeight,
-    _props$fontSize = props.fontSize,
-    fontSize = _props$fontSize === void 0 ? 12 : _props$fontSize,
-    _props$fontColor = props.fontColor,
-    fontColor = _props$fontColor === void 0 ? '#222' : _props$fontColor,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 'auto' : _props$lineHeight,
-    _props$lineNum = props.lineNum,
-    lineNum = _props$lineNum === void 0 ? 1 : _props$lineNum,
-    dataSourceSetting = props.dataSourceSetting;
-  console.log('dataSourceSetting的值为', dataSourceSetting);
-
-  // 设置图标尺寸
-  var iconStyle = {};
-  switch (iconSize) {
-    case 'large':
-      iconStyle = {
-        width: '64px',
-        height: '64px'
-      };
-      break;
-    case 'medium':
-      iconStyle = {
-        width: '48px',
-        height: '48px'
-      };
-      break;
-    case 'small':
-      iconStyle = {
-        width: '32px',
-        height: '32px'
-      };
-      break;
-    default:
-      iconStyle = {
-        width: '48px',
-        height: '48px'
-      };
-  }
-
-  // 设置字重
-  var fontStyle = {
-    fontWeight: fontWeight,
-    fontSize: fontSize,
-    color: fontColor,
-    lineHeight: lineHeight
-  };
-
-  // 设置行数
-  var fontLineStyle = {};
-  fontLineStyle = {
-    maxWidth: '80px',
-    overflow: 'hidden',
-    // whiteSpace: lineNum === 1 ? 'nowrap' : 'none',
-    textOverflow: 'ellipsis',
-    display: '-webkit-box',
-    WebkitLineClamp: lineNum,
-    WebkitBoxOrient: 'vertical'
-  };
-  var fontAllStyle = _extends({}, fontStyle, fontLineStyle);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: "grid-navigation",
-    style: {
-      gridTemplateColumns: "repeat(" + columns + ", 1fr)"
-    }
-  }, dataSourceSetting.map(function (item, index) {
-    return item ? /*#__PURE__*/React.createElement("a", {
-      key: index,
-      href: item.link || '#',
-      className: "grid-item"
-    }, /*#__PURE__*/React.createElement("img", {
-      src: item.icon || 'https://qcloudimg.tencent-cloud.cn/raw/fe54a986a821473655ba20afe30a543a.png',
-      alt: item.title || '导航',
-      style: iconStyle
-    }), /*#__PURE__*/React.createElement("span", {
-      style: fontAllStyle
-    }, item.title || '无标题')) : null;
-  }));
-};
-var GridNav = /*#__PURE__*/forwardRef(ExampleComponent);
-GridNav.displayName = 'GridNav';
-export default GridNav;

package/es/components/grid-nav/index.js

@@ -1,2 +0,0 @@
-import GridNav from "./grid-nav";
-export default GridNav;

package/es/components/grid-nav/index.scss

@@ -1,41 +0,0 @@
-/* write style here */
-.grid-navigation {
-  //padding: 10px;
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(4, 1fr);
-  //gap: 14px 38px; /* 宫格之间的间距 */
-  grid-row-gap: 14px;
-  margin: 0;
-  //padding: 0 18px
-  // grid-template-columns: repeat(60px, minmax(1fr));
-}
-
-.grid-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  text-decoration: none;
-  color: #333;
-  position: relative;
-
-  img {
-    width: 48px;
-    height: 51px;
-    margin-bottom: 3px;
-  }
-
-  span {
-    font-size: 13px;
-    color: #222222;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    // white-space: nowrap;
-    // max-width: 60px;
-  }
-
-  &:hover {
-    color: #007bff;
-  }
-}

package/es/components/integral-task/index.js

@@ -1,5 +0,0 @@
-/**
- * 标签tag
- */
-import IntegralTask from "./integral-task";
-export default IntegralTask;

package/es/components/integral-task/index.scss

@@ -1,35 +0,0 @@
-.integral-task__container {
-  padding: 0 12px;
-  &__item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    &__left {
-      display: flex;
-      align-items: center;
-      &__img {
-        width: 53px;
-        height: 53px;
-        margin-right: 9px;
-      }
-      &__content {
-        &__title {
-          font-size: 15px;
-          color: #333333;
-        }
-        &__integral {
-          display: flex;
-          align-items: center;
-          &--icon {
-            width: 15px;
-            height: 15px;
-          }
-          &--number {
-            font-size: 12px;
-            color: #EA6A3D;
-          }
-        }
-      }
-    }
-  }
-}

package/es/components/integral-task/integral-task.js

@@ -1,54 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["list", "icon", "images", "undoneLabel", "completeLabel", "children"];
-import * as React from 'react';
-import "./index.scss";
-import { convertChildren } from "../../utils/children-node-handle";
-var Status = /*#__PURE__*/function (Status) {
-  Status[Status["undone"] = 0] = "undone";
-  Status[Status["complete"] = 1] = "complete";
-  return Status;
-}(Status || {});
-var IntegralTask = function IntegralTask(_ref) {
-  var list = _ref.list,
-    icon = _ref.icon,
-    images = _ref.images,
-    undoneLabel = _ref.undoneLabel,
-    completeLabel = _ref.completeLabel,
-    children = _ref.children,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  console.log(images, 'images');
-  images = images || [];
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "integral-task__container"
-  }, otherProps), list && list.length ? list.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__left"
-    }, convertChildren(children, 'image-left', {
-      src: images[index % images.length],
-      className: 'integral-task__container__item__left__img'
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__left__content"
-    }, convertChildren(children, 'title', {
-      children: item.name,
-      className: 'integral-task__container__item__left__content__title'
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__left__content__integral"
-    }, icon ? convertChildren(children, 'image-icon', {
-      src: icon,
-      className: 'integral-task__container__item__left__content__integral--icon'
-    }) : '', convertChildren(children, 'integral', {
-      children: item.integral + ' 积分',
-      className: 'integral-task__container__item__left__content__integral--number'
-    })))), /*#__PURE__*/React.createElement("div", {
-      className: "integral-task__container__item__right"
-    }, convertChildren(children, 'button2', {
-      children: item.integral + ' 积分',
-      name: item.status === Status.undone ? undoneLabel : completeLabel,
-      color: Status[item.status]
-    })));
-  }) : '暂无数据');
-};
-export default IntegralTask;

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

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-
-import MenuList from "./menu-list";
-export default MenuList;

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

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

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,22 +0,0 @@
-@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.js

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["onClick", "title", "image", "gmtCreate", "children", "description", "isRead"];
-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,
-    isRead = _ref.isRead,
-    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
-  }), isRead ? null : /*#__PURE__*/React.createElement("span", {
-    className: "badge"
-  }), /*#__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,60 +0,0 @@
-@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.js

@@ -1,53 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataList", "handleDataList", "onClick", "children", "images"];
-import React, { useEffect } 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,
-    handleDataList = _ref.handleDataList,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-    children = _ref.children,
-    images = _ref.images,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  var _React$useState = React.useState(dataList || []),
-    currentDataList = _React$useState[0],
-    setCurrentDataList = _React$useState[1];
-  var _React$useState2 = React.useState('all'),
-    currentKey = _React$useState2[0],
-    setCurrentKey = _React$useState2[1];
-
-  // 切换数据源
-  var handleClick = function handleClick(key) {
-    var newDataList = handleDataList(key);
-    setCurrentDataList(newDataList);
-    setCurrentKey(key);
-  };
-  images = images || [];
-  useEffect(function () {
-    setCurrentDataList(dataList || []);
-  }, [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, {
-      image: images[index % images.length]
-    }));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")));
-};
-MessageList.displayName = 'MessageList';
-export default MessageList;

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

@@ -1,45 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import "./ScrollSwitcher.scss"; // 导入样式
-
-var ScrollSwitcher = function ScrollSwitcher(_ref) {
-  var children = _ref.children,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '20px' : _ref$height,
-    _ref$interval = _ref.interval,
-    interval = _ref$interval === void 0 ? 3000 : _ref$interval;
-  var _useState = useState(0),
-    currentIndex = _useState[0],
-    setCurrentIndex = _useState[1];
-  var childrenCount = React.Children.count(children);
-  useEffect(function () {
-    var timer = setInterval(function () {
-      setCurrentIndex(function (prevIndex) {
-        return (prevIndex + 1) % React.Children.count(children);
-      });
-    }, interval);
-    return function () {
-      return clearInterval(timer);
-    }; // 清理定时器
-  }, [children, interval]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "scroll-switcher",
-    style: {
-      height: height
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "scroll-switcher-content",
-    style: {
-      transform: "translateY(-" + currentIndex * 100 + "%)",
-      transition: 'transform 0.5s ease'
-    }
-  }, React.Children.map(children, function (child, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "scroll-item",
-      key: index
-    }, child);
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "scroll-item",
-    key: childrenCount
-  }, children)));
-};
-export default ScrollSwitcher;

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

@@ -1,17 +0,0 @@
-.scroll-switcher {
-    overflow: hidden; /* 隐藏溢出内容 */
-    position: relative; /* 使子元素绝对定位 */
-  }
-  
-  .scroll-switcher-content {
-    display: flex; /* 使用 flexbox 使子元素竖直排列 */
-    flex-direction: column; /* 子元素垂直排列 */
-  }
-  
-  .scroll-item {
-    height: 100%; /* 使每个子项占满容器的高度 */
-    display: flex;
-    align-items: center; /* 垂直居中对齐 */
-    justify-content: center; /* 水平居中对齐 */
-  }
-  

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,42 +0,0 @@
-.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;
-            }
-          }
-    }
-}