@dckj-npm/dc-material 0.1.28 → 0.1.30

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

@@ -1,6 +1,6 @@
-/**
- * 图文列表
- */
-import TeletextList from './teletext-list';
-export type { TeletextListProps } from './teletext-list';
-export { TeletextList, };
+/**
+ * 图文列表
+ */
+import TeletextList from './teletext-list';
+export type { TeletextListProps } from './teletext-list';
+export { TeletextList, };

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

@@ -1,5 +1,5 @@
-/**
- * 图文列表
+/**
+ * 图文列表
  */
 
 import TeletextList from "./teletext-list";

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

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

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

@@ -1,42 +1,42 @@
-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?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    }[] | 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?: {
+        /**
+         * 标签名称
+         */
+        name: string;
+        /**
+         * 标签颜色
+         */
+        color: string;
+    }[] | string;
+}
+declare const TeletextListItem: React.FC<TeletextListItemProps>;
+export default TeletextListItem;

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

@@ -5,27 +5,30 @@ import React from 'react';
 import "./teletext-list-item.scss";
 import { convertChildren } from "../../utils/children-node-handle";
 
-/**
- * 数据
+/**
+ * 数据
  */
 
 var TeletextListItem = function TeletextListItem(_ref) {
   var _ref$onClick = _ref.onClick,
     onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
     title = _ref.title,
-    image = _ref.image,
+    _ref$image = _ref.image,
+    image = _ref$image === void 0 ? [] : _ref$image,
     children = _ref.children,
     imagePlacement = _ref.imagePlacement,
     description = _ref.description,
     tags = _ref.tags,
     otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  // 只获取第一张图片
+  var resultImage = image && image.length > 0 ? image[0] : '';
   var _otherProps = otherProps || {};
   var tagColorArray = ['orange', 'green'];
   return /*#__PURE__*/React.createElement("div", _extends({
     className: "teletext-list__panel__item",
     onClick: onClick
-  }, _otherProps), image && imagePlacement === 'left' ? convertChildren(children, 'image', {
-    src: image,
+  }, _otherProps), resultImage && imagePlacement === 'left' ? convertChildren(children, 'image', {
+    src: resultImage,
     className: 'teletext-list__panel__item_image'
   }) : null, /*#__PURE__*/React.createElement("div", {
     className: "teletext-list__panel__item__text"
@@ -43,8 +46,8 @@ var TeletextListItem = function TeletextListItem(_ref) {
       key: tagIndex,
       color: tagColorArray[tagIndex % tagColorArray.length]
     });
-  })) : null), image && imagePlacement === 'right' ? convertChildren(children, 'image', {
-    src: image,
+  })) : null), resultImage && imagePlacement === 'right' ? convertChildren(children, 'image', {
+    src: resultImage,
     className: 'teletext-list__panel__item_image'
   }) : null);
 };

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

@@ -1,55 +1,55 @@
-@import '../../variables.scss';
-
-.teletext-list__panel__item {
-  width: 100%;
-  display: flex;
-  gap: 5px;
-  padding-bottom: 10px;
-  justify-content: flex-start;
-
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-
-  .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;
-    }
-
-  }
-
-}
+@import '../../variables.scss';
+
+.teletext-list__panel__item {
+  width: 100%;
+  display: flex;
+  gap: 5px;
+  padding-bottom: 10px;
+  justify-content: flex-start;
+
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+
+  .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;
+    }
+
+  }
+
+}

package/es/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?: {
-        /**
-         * 标签名称
-         */
-        name: string;
-        /**
-         * 标签颜色
-         */
-        color: string;
-    }[] | string;
-    /**
-     * 链接地址
-     */
-    link?: string;
-}
-export interface TeletextListProps {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 数据
-     */
-    dataList?: DataProps[];
-    /**
-     * 点击事件
-     * @param e
-     */
-    onClick?: (e: any) => void;
-    /**
-     * 子节点
-     */
-    children: React.ReactChild;
-    /**
-     * 图片位置
-     */
-    imagePlacement?: "left" | "right" | "none";
-}
-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?: {
+        /**
+         * 标签名称
+         */
+        name: string;
+        /**
+         * 标签颜色
+         */
+        color: string;
+    }[] | string;
+    /**
+     * 链接地址
+     */
+    link?: string;
+}
+export interface TeletextListProps {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 数据
+     */
+    dataList?: DataProps[];
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClick?: (e: any) => void;
+    /**
+     * 子节点
+     */
+    children: React.ReactChild;
+    /**
+     * 图片位置
+     */
+    imagePlacement?: "left" | "right" | "none";
+}
+declare const TeletextList: React.FC<TeletextListProps>;
+export default TeletextList;

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

@@ -6,8 +6,8 @@ import "./index.scss";
 import { default as TeletextListItem } from "./teletext-list-item";
 import { convertChildren } from "../../utils/children-node-handle";
 
-/**
- * 数据
+/**
+ * 数据
  */
 
 var TeletextList = function TeletextList(_ref) {

package/es/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/es/components/title/index.js

@@ -1,5 +1,5 @@
-/**
- * 标题
+/**
+ * 标题
  */
 
 import Title1 from "./title-1";

package/es/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/es/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/es/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/es/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;
+    }
+  }
+
+}