@dckj-npm/dc-material 0.1.356 → 0.1.358

package/es/components/tab-container/tab-container.js

@@ -0,0 +1,26 @@
+import _Tab from "@alifd/next/es/tab";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className"];
+import React from 'react';
+import cx from 'classnames';
+import "./index.scss";
+export var TabContainer = function TabContainer(props) {
+  var className = props.className,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var CustomTabItem = function CustomTabItem(key, props) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "navigation"
+    }, key.title);
+  };
+  return /*#__PURE__*/React.createElement(_Tab, _extends({
+    className: cx(className, 'fusion-ui-tab')
+  }, restProps, {
+    tabRender: function tabRender(key, props) {
+      return /*#__PURE__*/React.createElement(CustomTabItem, _extends({
+        key: key
+      }, props));
+    }
+  }));
+};
+TabContainer.displayName = 'TabContainer';

package/es/components/tab-container-item/index.d.ts

@@ -0,0 +1,3 @@
+import { TabContainerItem } from './tab-container-item';
+export type { TabContainerItemProps } from './tab-container-item';
+export default TabContainerItem;

package/es/components/tab-container-item/index.js

@@ -0,0 +1,2 @@
+import { TabContainerItem } from "./tab-container-item";
+export default TabContainerItem;

package/es/components/tab-container-item/tab-container-item.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Tab } from '@alifd/next';
+export interface TabContainerItemProps extends React.ComponentProps<typeof Tab> {
+    className?: string;
+    tab: string;
+    key: string;
+}
+export declare const TabContainerItem: {
+    (props: TabContainerItemProps): JSX.Element;
+    displayName: string;
+};

package/es/components/tab-container-item/tab-container-item.js

@@ -0,0 +1,19 @@
+import _Tab from "@alifd/next/es/tab";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "tab", "key"];
+import React from 'react';
+import cx from 'classnames';
+export var TabContainerItem = function TabContainerItem(props) {
+  var className = props.className,
+    tab = props.tab,
+    key = props.key,
+    restProps = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/React.createElement(_Tab.Item, _extends({
+    className: cx(className, 'fusion-ui-tab')
+  }, restProps, {
+    title: tab,
+    primaryKey: key
+  }));
+};
+TabContainerItem.displayName = 'TabContainerItem';

package/es/components/tag/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 标签tag
+ */
+import Tag from './tag';
+export type { TagProps } from './tag';
+export default Tag;

package/es/components/tag/index.js

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

package/es/components/tag/index.scss

@@ -0,0 +1,24 @@
+.tags__container {
+  padding: 2px 6px;
+  border-radius: 3px;
+  color: white;
+  font-size: 11px;
+}
+.orange {
+  color: #F1770E;
+  background: rgba(241, 119, 14, 0.1);
+}
+
+.blue {
+  color: #2972DD;
+  background-color: rgba(41, 114, 221, 0.1);
+}
+.green {
+  color: #52AD7C;
+  background: rgba(195, 254, 222, 0.4);
+}
+.green-n {
+  color: #52AD7C;
+  background: #FFFFFF;
+  box-shadow: 3.5px 5.5px 11px 0px rgba(203,203,203,0.34);
+}

package/es/components/tag/tag.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import './index.scss';
+export interface TagProps {
+    /**
+     * 标签名称
+     */
+    name: string;
+    /**
+     * 标签颜色
+     */
+    color: string;
+}
+declare const Tag: React.FC<TagProps>;
+export default Tag;

package/es/components/tag/tag.js

@@ -0,0 +1,14 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["name", "color"];
+import * as React from 'react';
+import "./index.scss";
+var Tag = function Tag(_ref) {
+  var name = _ref.name,
+    color = _ref.color,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: "tags__container " + (color ? color : '')
+  }, otherProps), name);
+};
+export default Tag;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,61 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["onClick", "title", "image", "children", "imagePlacement", "description", "tags"];
+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,
+    _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'];
+  var tagList = (typeof tags === 'string' ? tags.split(',') : []).map(function (tag) {
+    return {
+      name: tag
+    };
+  });
+  console.log('tagList', tagList, 'type of tags', typeof tags === 'string');
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "teletext-list__panel__item",
+    onClick: onClick
+  }, _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"
+  }, convertChildren(children, 'title', {
+    children: [title],
+    className: 'teletext-list__panel__item__text__title'
+  }), convertChildren(children, 'content', {
+    children: [description],
+    className: 'teletext-list__panel__item__text__description'
+  }), tags ? /*#__PURE__*/React.createElement("div", {
+    className: "teletext-list__panel__item__text__tags"
+  }, tagList.map(function (tag, tagIndex) {
+    return convertChildren(children, "teletext-tagc-" + (tagIndex % tagColorArray.length + 1), {
+      name: tag.name
+      // key: tagIndex,
+      // color: tagColorArray[tagIndex % tagColorArray.length],
+    });
+  })) : null), resultImage && imagePlacement === 'right' ? convertChildren(children, 'image', {
+    src: resultImage,
+    className: 'teletext-list__panel__item_image'
+  }) : null);
+};
+TeletextListItem.displayName = 'TeletextListItem';
+export default TeletextListItem;

package/es/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/es/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/es/components/teletext-list/teletext-list.js

@@ -0,0 +1,48 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["dataList", "onClick", "children", "imagePlacement", "handleMoreClick", "moreText"];
+import React from 'react';
+import "./index.scss";
+import { default as TeletextListItem } from "./teletext-list-item";
+import { convertChildren } from "../../utils/children-node-handle";
+import arr from "../../assets/icon/teletext-list/arr.png";
+
+/**
+ * 数据
+ */
+
+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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "teletext-list__panel"
+  }, _otherProps), /*#__PURE__*/React.createElement("div", {
+    className: "teletext-list__panel-head"
+  }, convertChildren(children, 'box-title'), moreText ? /*#__PURE__*/React.createElement("div", {
+    className: "teletext-list__panel-head-more",
+    onClick: handleMoreClick
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "teletext-list__panel-head-more-text"
+  }, moreText), /*#__PURE__*/React.createElement("img", {
+    src: arr,
+    className: "teletext-list__panel-head-more-img"
+  })) : ''), /*#__PURE__*/React.createElement("div", {
+    className: "teletext-list__panel__item-list"
+  }, dataList ? dataList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(TeletextListItem, _extends({
+      key: index,
+      onClick: onClick,
+      imagePlacement: imagePlacement
+    }, item), children);
+  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")));
+};
+TeletextList.displayName = 'TeletextList';
+export default TeletextList;

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

@@ -0,0 +1,7 @@
+/**
+ * 标题
+ */
+
+import Title1 from "./title-1";
+import Title2 from "./title-2";
+export { Title1, Title2 };

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

@@ -0,0 +1,16 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["title"];
+import React from 'react';
+import "./title-1.scss";
+var Title1 = function Title1(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? '标题标题' : _ref$title,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "custom-title-1"
+  }, _otherProps), /*#__PURE__*/React.createElement("span", null, title));
+};
+Title1.displayName = 'Title1';
+export default Title1;

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

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["title", "color", "tipColor"];
+import React from 'react';
+import "./title-2.scss";
+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 = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _otherProps = otherProps || {};
+  var colorStyle = color ? {
+    color: color
+  } : {};
+  var tipColorStyle = tipColor ? {
+    'backgroundColor': tipColor
+  } : {};
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: "custom-title-2"
+  }, _otherProps), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "tips",
+    style: tipColorStyle
+  }), /*#__PURE__*/React.createElement("span", {
+    style: colorStyle
+  }, title)));
+};
+Title2.displayName = 'Title2';
+export default Title2;

package/es/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/es/components/user-card/index.d.ts

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

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

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