@dckj-npm/dc-material 0.1.149 → 0.1.150

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

@@ -1,40 +1,40 @@
-@import '../../variables.scss';
-
-.teletext-list__panel {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  width: 100%;
-  margin: 0;
-
-  .teletext-list__panel__item-list {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    gap: 10px;
-  }
-
-  &-head {
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    //align-items: ;
-    &-more {
-      flex-shrink: 0;
-      cursor: pointer;
-      &-text {
-        font-weight: 500;
-        font-size: 14px;
-        color: #666666;
-        margin-right: 2px;
-      }
-      &-img {
-        width: 5px;
-        height: 10px;
-      }
-    }
-  }
-
-}
-
-
+@import '../../variables.scss';
+
+.teletext-list__panel {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 100%;
+  margin: 0;
+
+  .teletext-list__panel__item-list {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  &-head {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    //align-items: ;
+    &-more {
+      flex-shrink: 0;
+      cursor: pointer;
+      &-text {
+        font-weight: 500;
+        font-size: 14px;
+        color: #666666;
+        margin-right: 2px;
+      }
+      &-img {
+        width: 5px;
+        height: 10px;
+      }
+    }
+  }
+
+}
+
+

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

@@ -1,33 +1,33 @@
-import React from 'react';
-import './teletext-list-item.scss';
-/**
- * 数据
- */
-export interface TeletextListItemProps {
-    /**
-     * 点击事件
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 图片地址
-     */
-    image?: string[];
-    /**
-     * 图片位置
-     */
-    imagePlacement?: 'left' | 'right' | 'none';
-    /**
-     * 说明
-     */
-    description?: string;
-    /**
-     * 标签列表
-     */
-    tags?: string;
-}
-declare const TeletextListItem: React.FC<TeletextListItemProps>;
-export default TeletextListItem;
+import React from 'react';
+import './teletext-list-item.scss';
+/**
+ * 数据
+ */
+export interface TeletextListItemProps {
+    /**
+     * 点击事件
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 图片地址
+     */
+    image?: string[];
+    /**
+     * 图片位置
+     */
+    imagePlacement?: 'left' | 'right' | 'none';
+    /**
+     * 说明
+     */
+    description?: string;
+    /**
+     * 标签列表
+     */
+    tags?: string;
+}
+declare const TeletextListItem: React.FC<TeletextListItemProps>;
+export default TeletextListItem;

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

@@ -9,8 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 require("./teletext-list-item.scss");
 var _childrenNodeHandle = require("../../utils/children-node-handle");
 var _excluded = ["onClick", "title", "image", "children", "imagePlacement", "description", "tags"];
-/**
- * 数据
+/**
+ * 数据
  */
 
 var TeletextListItem = function TeletextListItem(_ref) {

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

@@ -1,57 +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);
-}
+@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

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

@@ -11,8 +11,8 @@ 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) {

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

@@ -1,8 +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 };
+/**
+ * 标题
+ */
+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/title-1.d.ts

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

@@ -1,25 +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;
-    }
-  }
-
-}
+@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

@@ -1,18 +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;
+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.scss

@@ -1,22 +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;
-    }
-  }
-
-}
+@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;