@dckj-npm/dc-material 0.1.328 → 0.1.331

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

@@ -1,50 +0,0 @@
-/* write style here */
-.dc-grid-nav {
-  width: 100%;
-  display: grid;
-  // gap: 14px 38px;
-  margin: 0;
-  grid-row-gap: 14px;
-  &-item {
-    &-title {
-      color: #222222;
-    }
-    &-right {
-      position: absolute;
-      top: -10px;
-      right: 2px;
-      z-index: 9;
-      &-title {
-        font-size: 8px;
-        color: #fff;
-        position: absolute;
-        left: 8px;
-        top: 2px;
-        z-index: 10;
-      }
-      &-img {
-        width: 32px;
-        height: 19.5px;
-      }
-    }
-  }
-}
-
-.grid-item {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  text-decoration: none;
-  color: #333;
-  position: relative;
-
-  img {
-    object-fit: cover;
-    margin-bottom: 3px;
-  }
-
-  &:hover {
-    color: #007bff;
-  }
-}

package/lib/components/integral-task/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * 标签tag
- */
-import IntegralTask from './integral-task';
-export type { IntegralTaskProps } from './integral-task';
-export default IntegralTask;

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

@@ -1,10 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _integralTask = _interopRequireDefault(require("./integral-task"));
-/**
- * 标签tag
- */
-var _default = exports["default"] = _integralTask["default"];

package/lib/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/lib/components/integral-task/integral-task.d.ts

@@ -1,40 +0,0 @@
-import * as React from 'react';
-import './index.scss';
-interface DataProps {
-    /**
-     * 任务名称
-     */
-    name: string;
-    /**
-     * 积分
-     */
-    integral: number;
-    /**
-     * 状态 0 未完成 1 已完成
-     */
-    status: number;
-}
-export interface IntegralTaskProps {
-    /**
-     * 任务名称
-     */
-    list: DataProps[];
-    /**
-     * 图标
-     */
-    icon: string;
-    /**
-     * 图片
-     */
-    images: string[];
-    /**
-     * 完成文案
-     */
-    completeLabel: string;
-    /**
-     * 未完成文案
-     */
-    undoneLabel: string;
-}
-declare const IntegralTask: React.FC<IntegralTaskProps>;
-export default IntegralTask;

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

@@ -1,61 +0,0 @@
-"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 = _interopRequireWildcard(require("react"));
-require("./index.scss");
-var _childrenNodeHandle = require("../../utils/children-node-handle");
-var _excluded = ["list", "icon", "images", "undoneLabel", "completeLabel", "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 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 = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
-  console.log(images, 'images');
-  images = images || [];
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    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"
-    }, (0, _childrenNodeHandle.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"
-    }, (0, _childrenNodeHandle.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 ? (0, _childrenNodeHandle.convertChildren)(children, 'image-icon', {
-      src: icon,
-      className: 'integral-task__container__item__left__content__integral--icon'
-    }) : '', (0, _childrenNodeHandle.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"
-    }, (0, _childrenNodeHandle.convertChildren)(children, 'button2', {
-      children: item.integral + ' 积分',
-      name: item.status === Status.undone ? undoneLabel : completeLabel,
-      color: Status[item.status]
-    })));
-  }) : '暂无数据');
-};
-var _default = exports["default"] = IntegralTask;

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

@@ -1,6 +0,0 @@
-/**
- * 菜单列表
- */
-import MenuList from './menu-list';
-export type { MenuListDataProps, MenuListProps } from './types';
-export default MenuList;

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

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

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

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./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["default"].createElement("div", {
-    className: "menu-list__panel__item",
-    onClick: handleClick
-  }, iconUrl ? /*#__PURE__*/_react["default"].createElement("div", {
-    className: "menu-list__panel__item_icon"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "",
-    src: iconUrl
-  })) : null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "menu-list__panel__item_title"
-  }, title), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "menu-list__panel__item_right"
-  }, /*#__PURE__*/_react["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "32",
-    height: "32",
-    viewBox: "0 0 32 32"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    fill: "currentColor",
-    d: "M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z"
-  }))));
-};
-MenuListItem.displayName = 'MenuListItem';
-var _default = exports["default"] = MenuListItem;

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

@@ -1,30 +0,0 @@
-"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

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

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

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

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

@@ -1,10 +0,0 @@
-"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

@@ -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/lib/components/message-list/message-list-item.d.ts

@@ -1,33 +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;
-    /**
-     * 是否已读
-     */
-    isRead?: boolean;
-}
-declare const MessageListItem: React.FC<DataProps>;
-export default MessageListItem;

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

@@ -1,45 +0,0 @@
-"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", "isRead"];
-/**
- * 数据
- */
-
-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 = (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
-  }), isRead ? null : /*#__PURE__*/_react["default"].createElement("span", {
-    className: "badge"
-  }), /*#__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

@@ -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/lib/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[];
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 子节点
-     */
-    children: React.ReactChild;
-    /**
-     * 图片
-     */
-    images: string[];
-    /**
-     * 切换数据源
-     */
-    handleDataList: (key: string) => DataProps[];
-}
-declare const MessageList: React.FC<MessageListProps>;
-export default MessageList;