@dckj-npm/dc-material 0.1.145 → 0.1.147

package/es/components/tab/index.scss

@@ -1,39 +0,0 @@
-.tabs__container {
-  display: inline-block;
-  padding: 5px 17px;
-  border-radius: 19px;
-  background-color: #FFFFFF;
-  color: #666666;
-  font-size: 15px;
-  cursor: pointer;
-  margin-right: 6px;
-  letter-spacing: 2px;
-  position: relative;
-  &--selected {
-    background-color: #ED794A;
-    color: #FFFFFF;
-  }
-  &--small {
-    padding: 5px 16px;
-    border-radius: 19px;
-  }
-  &--large {
-    padding: 14px 30px;
-    border-radius: 28px;
-  }
-  .badge {
-    display: flex;
-    padding: 2px 4px;
-    border-radius: 8px;
-    background-color: #F44341; // 红色背景
-    color: white; // 字体颜色
-    // text-align: center;
-    letter-spacing: 0;
-    justify-content: center;
-    line-height: normal; // 垂直居中
-    font-size: 10px; // 根据需要调整字体大小
-    position: absolute; // 绝对定位
-    top: 0; // 根据需要调整位置
-    right: 3px; // 根据需要调整位置
-  }
-}

package/es/components/tab/tab.js

@@ -1,50 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["selectedBGColor", "selectedFontColor", "size", "onClickHandle", "unreadCount"];
-import * as React from 'react';
-import "./index.scss";
-var Tab = function Tab(_ref) {
-  var selectedBGColor = _ref.selectedBGColor,
-    selectedFontColor = _ref.selectedFontColor,
-    size = _ref.size,
-    onClickHandle = _ref.onClickHandle,
-    unreadCount = _ref.unreadCount,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var tabList = [{
-    key: 'all',
-    label: '全部'
-  }, {
-    key: 'read',
-    label: '已读'
-  }, {
-    key: 'unRead',
-    label: '未读'
-  }];
-  var _React$useState = React.useState('all'),
-    tab = _React$useState[0],
-    setTab = _React$useState[1];
-  var handleClick = function handleClick(key) {
-    console.log(key);
-    // 切换tab
-    setTab(key);
-    // 触发父组件传递的点击处理函数
-    onClickHandle && onClickHandle(key);
-  };
-  return tabList.map(function (item) {
-    return /*#__PURE__*/React.createElement("span", _extends({
-      className: "tabs__container\n         " + (tab === item.key ? 'tabs__container--selected' : '') + "\n         " + (size == 'large' ? 'tabs__container--large' : 'tabs__container--small')
-    }, otherProps, {
-      onClick: function onClick() {
-        return handleClick(item.key);
-      },
-      style: {
-        backgroundColor: tab === item.key ? selectedBGColor : '',
-        color: tab === item.key ? selectedFontColor : ''
-      }
-    }), item.label, item.key === 'unRead' && unreadCount > 0 && /*#__PURE__*/React.createElement("span", {
-      className: "badge"
-    }, unreadCount) // 条件渲染badge
-    );
-  });
-};
-export default Tab;

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

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

package/es/components/tab-container/index.scss

@@ -1,48 +0,0 @@
-.fusion-ui-tab {
-    display: block;
-    background-color: #fff;
-
-    &.next-medium {
-      .next-tabs-content {
-        padding: 0;
-      }
-      
-    }
-  .next-tabs-bar {
-    border-bottom: none;
-    margin-bottom: 15px;
-    .next-tabs-nav-container {
-      .next-tabs-nav {
-        .next-tabs-tab {
-          font-size: 16px;
-          color: #666666;
-          margin-right: 13px;
-          &.active {
-            color: #333;
-            font-size: 17px;
-          }
-          &.active::before {
-            bottom: 2px;
-            border-bottom: 5px solid #E96D40;
-            z-index: 0;
-            border-radius: 2.5px;
-          }
-        }
-      }
-    }
-  }
-
-    &.next-small {
-      .next-tabs-content {
-        padding: 12px;
-      }
-    }
-  }
-.navigation {
-  z-index: 10;
-  position: relative;
-}
-
-:global(.fd-layout-p-margin) {
-  margin-top: 0 !important;
-}

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

@@ -1,26 +0,0 @@
-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.js

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

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

@@ -1,19 +0,0 @@
-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.js

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

package/es/components/tag/index.scss

@@ -1,24 +0,0 @@
-.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.js

@@ -1,14 +0,0 @@
-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.js

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

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

@@ -1,19 +0,0 @@
-@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.js

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

@@ -1,55 +0,0 @@
-@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.js

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["title", "dataList", "onClick", "children", "imagePlacement"];
-import React from 'react';
-import "./index.scss";
-import { default as TeletextListItem } from "./teletext-list-item";
-import { convertChildren } from "../../utils/children-node-handle";
-
-/**
- * 数据
- */
-
-var TeletextList = function TeletextList(_ref) {
-  var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '标题名称' : _ref$title,
-    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,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _otherProps = otherProps || {};
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "teletext-list__panel"
-  }, _otherProps), convertChildren(children, 'box-title'), /*#__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,
-      children: children,
-      imagePlacement: imagePlacement
-    }, item));
-  }) : /*#__PURE__*/React.createElement("div", null, "\u6682\u65E0\u6570\u636E")));
-};
-TeletextList.displayName = 'TeletextList';
-export default TeletextList;

package/es/components/title/index.js

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

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

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

@@ -1,25 +0,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.js

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

@@ -1,22 +0,0 @@
-@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/index.js

@@ -1,78 +0,0 @@
-// 轮播图
-
-export { default as Swiper } from "./components/swiper";
-
-// 底部导航
-
-export { default as Navigation } from "./components/bottom-navigation";
-
-// 列表菜单
-
-export { default as MenuList } from "./components/menu-list";
-
-// 图文列表
-
-export { TeletextList } from "./components/teletext-list";
-
-// 标题1
-
-export { Title1 } from "./components/title";
-
-// 标题2
-
-export { Title2 } from "./components/title";
-
-// 网格导航
-
-export { default as GridNav } from "./components/grid-nav";
-
-// 搜索框
-
-export { default as SearchBar } from "./components/search-bar";
-
-// 定位
-
-export { default as Position } from "./components/position";
-// 标签
-
-export { default as TagC } from "./components/tag";
-// 消息列表
-
-export { default as MessageList } from "./components/message-list";
-// 消息tab
-
-export { default as TabMessage } from "./components/tab";
-
-// 公告栏
-
-export { default as NoticeBar } from "./components/notice-bar";
-
-// 选项卡
-
-export { default as TabContainer } from "./components/tab-container";
-
-// 选项卡子项
-
-export { default as TabContainerItem } from "./components/tab-container-item";
-
-// 积分任务列表
-
-export { default as IntegralTask } from "./components/integral-task";
-
-// 按钮
-
-export { default as Button2 } from "./components/button";
-
-// 单选组
-
-export { CustomRadioGroup, CustomRadioGroupItem } from "./components/radio-group";
-
-// 商品卡片列表
-
-export { GoodsCardList, GoodsCardListCommon } from "./components/goods-card-list";
-
-// 富文本
-
-export { RichText } from "./components/rich-text";
-var bizCssPrefix = 'bizpack';
-export { bizCssPrefix };

package/es/index.scss

@@ -1,6 +0,0 @@
-@import './components/colorful-button/index.scss';
-@import './components/colorful-input/index.scss';
-@import './components/teletext-list/index.scss';
-@import './components/grid-nav/index.scss';
-@import './components/search-bar/index.scss';
-@import './components/notice-bar/index.scss';

package/es/style.js

@@ -1,5 +0,0 @@
-import '@alilc/lowcode-materials/lib/style.js';
-import '@alifd/next/es/input/style';
-import '@alifd/next/es/icon/style';
-import '@alifd/next/es/tab/style';
-import './index.scss';

package/es/utils/children-node-handle.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
-/**
- * 从children数组中获取指定组件
- * @author ZhuGangMin
- * @date 2024-09-21 14:07:02
- * @param children 父组件传递过来children
- * @param key 组件的key
- * @param props 要覆盖的属性
- */
-export function convertChildren(children, key, props) {
-  var node;
-  if (Array.isArray(children)) {
-    for (var i = 0; i < children.length; i++) {
-      var child = children[i];
-      if (child.key === key) {
-        // 属性融合
-        var propsContact = props ? _extends({}, child.props, props) : child.props;
-        node = /*#__PURE__*/React.cloneElement(child, propsContact);
-        break;
-      }
-    }
-  }
-  return node;
-}