@dckj-npm/dc-material 0.1.356 → 0.1.358

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

@@ -0,0 +1,57 @@
+@import '../../variables.scss';
+
+.teletext-list__panel__item {
+  width: 100%;
+  display: flex;
+  gap: 5px;
+  padding-bottom: 10px;
+  justify-content: flex-start;
+
+  .teletext-list__panel__item_image {
+    width: 90px;
+    height: 71px;
+    border-radius: 5px;
+    flex: 0 0 auto;
+    overflow: hidden;
+
+    & > img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+  }
+
+  .teletext-list__panel__item__text {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+
+    .teletext-list__panel__item__text__title {
+      font-size: 15px;
+      font-weight: 500;
+      color: #000000;
+    }
+
+    .teletext-list__panel__item__text__description {
+      -webkit-line-clamp: 1;
+      overflow: hidden;
+      color: #686868;
+      -webkit-box-orient: vertical;
+      display: -webkit-box;
+      font-size: 12px;
+      text-overflow: ellipsis;
+    }
+
+    .teletext-list__panel__item__text__tags {
+      display: flex;
+      gap: 6px;
+    }
+
+  }
+
+}
+
+.teletext-list__panel__item:not(:last-child) {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}

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

@@ -0,0 +1,61 @@
+import React from 'react';
+import './index.scss';
+/**
+ * 数据
+ */
+interface DataProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string[];
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 标签列表
+     */
+    tags?: string;
+    /**
+     * 链接地址
+     */
+    link?: string;
+}
+export interface TeletextListProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 图片位置
+     */
+    imagePlacement?: 'left' | 'right' | 'none';
+    /**
+     * 点击事件
+     * @param e
+     */
+    handleMoreClick?: (e: any) => void;
+    /**
+     * 更多
+     */
+    moreText: string;
+}
+declare const TeletextList: React.FC<TeletextListProps>;
+export default TeletextList;

package/lib/components/teletext-list/teletext-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 _teletextListItem = _interopRequireDefault(require("./teletext-list-item"));
+var _childrenNodeHandle = require("../../utils/children-node-handle");
+var _arr = _interopRequireDefault(require("../../assets/icon/teletext-list/arr.png"));
+var _excluded = ["dataList", "onClick", "children", "imagePlacement", "handleMoreClick", "moreText"];
+/**
+ * 数据
+ */
+
+var TeletextList = function TeletextList(_ref) {
+  var dataList = _ref.dataList,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    _ref$imagePlacement = _ref.imagePlacement,
+    imagePlacement = _ref$imagePlacement === void 0 ? 'left' : _ref$imagePlacement,
+    handleMoreClick = _ref.handleMoreClick,
+    moreText = _ref.moreText,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "teletext-list__panel"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "teletext-list__panel-head"
+  }, (0, _childrenNodeHandle.convertChildren)(children, 'box-title'), moreText ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "teletext-list__panel-head-more",
+    onClick: handleMoreClick
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "teletext-list__panel-head-more-text"
+  }, moreText), /*#__PURE__*/_react["default"].createElement("img", {
+    src: _arr["default"],
+    className: "teletext-list__panel-head-more-img"
+  })) : ''), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "teletext-list__panel__item-list"
+  }, dataList ? dataList.map(function (item, index) {
+    return /*#__PURE__*/_react["default"].createElement(_teletextListItem["default"], (0, _extends2["default"])({
+      key: index,
+      onClick: onClick,
+      imagePlacement: imagePlacement
+    }, item), children);
+  }) : /*#__PURE__*/_react["default"].createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+};
+TeletextList.displayName = 'TeletextList';
+var _default = exports["default"] = TeletextList;

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

@@ -0,0 +1,8 @@
+/**
+ * 标题
+ */
+import Title1 from './title-1';
+import Title2 from './title-2';
+export type { Title1Props } from './title-1';
+export type { Title2Props } from './title-2';
+export { Title1, Title2 };

package/lib/components/title/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _title = _interopRequireDefault(require("./title-1"));
+exports.Title1 = _title["default"];
+var _title2 = _interopRequireDefault(require("./title-2"));
+exports.Title2 = _title2["default"];

package/lib/components/title/title-1.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './title-1.scss';
+export interface Title1Props {
+    /**
+     * 标题
+     */
+    title?: string;
+}
+declare const Title1: React.FC<Title1Props>;
+export default Title1;

package/lib/components/title/title-1.js

@@ -0,0 +1,21 @@
+"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("./title-1.scss");
+var _excluded = ["title"];
+var Title1 = function Title1(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "custom-title-1"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("span", null, title));
+};
+Title1.displayName = 'Title1';
+var _default = exports["default"] = Title1;

package/lib/components/title/title-1.scss

@@ -0,0 +1,25 @@
+@import '../../variables.scss';
+
+.custom-title-1 {
+  font-size: 17px;
+  font-weight: 500;
+  color: #000000;
+  z-index: 1;
+  & > span {
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      bottom: -2px;
+      left: 0;
+      width: 100%;
+      height: 5px;
+      background: linear-gradient(0deg, #E96D40, #F9A068);
+      border-radius: 5px;
+      opacity: 0.9;
+      z-index: 0;
+    }
+  }
+
+}

package/lib/components/title/title-2.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './title-2.scss';
+export interface Title2Props {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * tip颜色
+     */
+    tipColor?: string;
+}
+declare const Title2: React.FC<Title2Props>;
+export default Title2;

package/lib/components/title/title-2.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("./title-2.scss");
+var _excluded = ["title", "color", "tipColor"];
+var Title2 = function Title2(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? '#144477' : _ref$color,
+    _ref$tipColor = _ref.tipColor,
+    tipColor = _ref$tipColor === void 0 ? '#388AF7' : _ref$tipColor,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var colorStyle = color ? {
+    color: color
+  } : {};
+  var tipColorStyle = tipColor ? {
+    'backgroundColor': tipColor
+  } : {};
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "custom-title-2"
+  }, _otherProps), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tips",
+    style: tipColorStyle
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    style: colorStyle
+  }, title)));
+};
+Title2.displayName = 'Title2';
+var _default = exports["default"] = Title2;

package/lib/components/title/title-2.scss

@@ -0,0 +1,22 @@
+@import '../../variables.scss';
+
+.custom-title-2 {
+
+  & > div {
+    font-size: 16px;
+    font-weight: 500;
+    color: #144477;
+    display: flex;
+    gap: 3.5px;
+    align-items: center;
+
+    & > div.tips {
+      content: '';
+      display: inline-block;
+      width: 3.5px;
+      height: 14.5px;
+      background-color: #388AF7;
+    }
+  }
+
+}

package/lib/components/user-card/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 菜单列表
+ */
+import UserCard from './user-card';
+export type { UserInfoModel } from './type';
+export { UserCard };

package/lib/components/user-card/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _userCard = _interopRequireDefault(require("./user-card"));
+exports.UserCard = _userCard["default"];

package/lib/components/user-card/index.scss

@@ -0,0 +1,68 @@
+.user-info {
+  position: relative;
+  width: 100%;
+  height: 240px;
+  padding-top: 10%;
+
+  &-bg {
+    width: 100%;
+    object-fit: cover;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 240px;
+    max-height: 240px;
+  }
+
+  .content {
+    position: relative;
+    padding: 20px;
+    z-index: 2;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .arrow {
+      width: 8px;
+      height: 10px;
+    }
+
+    .info-box {
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+
+      .head-img {
+        border-radius: 50%;
+        object-fit: cover;
+        margin-right: 10px;
+        width: 70px;
+        height: 70px;
+      }
+
+      .info {
+        font-weight: bold;
+        display: flex;
+        justify-content: flex-start;
+        flex-direction: column;
+
+        .user-name {
+          color: #333;
+          font-size: 21px;
+        }
+
+        .level {
+          margin-bottom: 3.5px;
+          max-width: 65px;
+          height: 18px;
+          object-fit: contain;
+        }
+      }
+
+      .no-login {
+        color: #333;
+        font-size: 21px;
+      }
+    }
+  }
+}

package/lib/components/user-card/type.d.ts

@@ -0,0 +1,8 @@
+export interface UserInfoModel {
+    contentBg?: string;
+    headImg?: string;
+    userName?: string;
+    levelImg?: string;
+    isLogin?: boolean;
+    handleClick?: (item: boolean) => void;
+}

package/lib/components/user-card/type.js

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

package/lib/components/user-card/user-card.d.ts

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

package/lib/components/user-card/user-card.js

@@ -0,0 +1,66 @@
+"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 _default2 = _interopRequireDefault(require("../../assets/icon/mine/default.png"));
+var _right = _interopRequireDefault(require("../../assets/icon/mine/right.png"));
+var _excluded = ["contentBg", "headImg", "userName", "levelImg", "isLogin", "handleClick"];
+var UserCard = function UserCard(_ref) {
+  var contentBg = _ref.contentBg,
+    headImg = _ref.headImg,
+    userName = _ref.userName,
+    levelImg = _ref.levelImg,
+    isLogin = _ref.isLogin,
+    _ref$handleClick = _ref.handleClick,
+    handleClick = _ref$handleClick === void 0 ? function (item) {
+      console.log(item);
+    } : _ref$handleClick,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var onTap = function onTap() {
+    if (handleClick) {
+      handleClick(isLogin);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: "user-info"
+  }, _otherProps), contentBg ? /*#__PURE__*/_react["default"].createElement("img", {
+    className: "user-info-bg",
+    src: contentBg,
+    alt: ""
+  }) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content",
+    onClick: onTap
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info-box"
+  }, headImg && isLogin ? /*#__PURE__*/_react["default"].createElement("img", {
+    className: "head-img",
+    src: headImg,
+    alt: ""
+  }) : /*#__PURE__*/_react["default"].createElement("img", {
+    className: "head-img",
+    src: _default2["default"],
+    alt: ""
+  }), isLogin ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "info"
+  }, userName && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "user-name"
+  }, userName), levelImg && /*#__PURE__*/_react["default"].createElement("img", {
+    className: "level",
+    src: levelImg,
+    alt: ""
+  })) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "no-login"
+  }, "\u767B\u5F55/\u6CE8\u518C")), /*#__PURE__*/_react["default"].createElement("img", {
+    className: "arrow",
+    src: _right["default"],
+    alt: ""
+  })));
+};
+UserCard.displayName = 'UserCard';
+var _default = exports["default"] = UserCard;