@dckj-npm/dc-material 0.1.356 → 0.1.358

package/lib/components/swiper/swiper.js

@@ -0,0 +1,86 @@
+"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 = _interopRequireWildcard(require("react"));
+var React = _react;
+require("./index.scss");
+var _excluded = ["speed", "autoplay", "loop", "picUrls", "height", "delay"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var DCSlider = function DCSlider(_ref) {
+  var _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? 500 : _ref$speed,
+    autoplay = _ref.autoplay,
+    loop = _ref.loop,
+    _ref$picUrls = _ref.picUrls,
+    picUrls = _ref$picUrls === void 0 ? [] : _ref$picUrls,
+    height = _ref.height,
+    delay = _ref.delay,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)(0),
+    currentIndex = _useState[0],
+    setCurrentIndex = _useState[1];
+  var autoplayRef = (0, _react.useRef)(null);
+
+  // 切换到下一张
+  var nextSlide = function nextSlide() {
+    if (currentIndex < picUrls.length - 1) {
+      setCurrentIndex(currentIndex + 1);
+    } else if (loop) {
+      setCurrentIndex(0);
+    } else {
+      stopAutoplay();
+    }
+  };
+
+  // 启动自动播放
+  var startAutoplay = function startAutoplay() {
+    if (autoplay && !autoplayRef.current) {
+      autoplayRef.current = setInterval(function () {
+        nextSlide();
+      }, delay);
+    }
+  };
+
+  // 停止自动播放
+  var stopAutoplay = function stopAutoplay() {
+    if (autoplayRef.current) {
+      clearInterval(autoplayRef.current);
+      autoplayRef.current = null;
+    }
+  };
+  (0, _react.useEffect)(function () {
+    startAutoplay();
+    return function () {
+      return stopAutoplay();
+    };
+  }, [autoplay, currentIndex]);
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
+    className: "carousel",
+    style: {
+      height: height ? height + "px" : 'auto'
+    }
+  }, otherProps), /*#__PURE__*/React.createElement("div", {
+    className: "carousel__wrapper",
+    style: {
+      transform: "translateX(-" + currentIndex * 100 + "%)",
+      transitionDuration: speed + "ms"
+    }
+  }, picUrls.map(function (url, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: index,
+      className: "carousel__slide"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: url,
+      alt: "Slide " + index,
+      style: {
+        height: height ? height + "px" : '100%'
+      }
+    }));
+  })));
+};
+var _default = exports["default"] = DCSlider;

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

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

package/lib/components/tab/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _tab = _interopRequireDefault(require("./tab"));
+/**
+ * 标签tag
+ */
+var _default = exports["default"] = _tab["default"];

package/lib/components/tab/index.scss

@@ -0,0 +1,44 @@
+.tab-message {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+.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/lib/components/tab/tab.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import './index.scss';
+export interface TabProps {
+    /**
+     * 选中背景颜色
+     */
+    selectedBGColor: string;
+    /**
+     * 选中字体颜色
+     */
+    selectedFontColor: string;
+    /**
+     * 尺寸 small | large
+     */
+    size: string;
+    /**
+     * 点击事件
+     * @param e
+     */
+    onClickHandle?: (e: number[]) => void;
+    /**
+     * 未读消息数量
+     */
+    unreadCount?: number;
+}
+declare const Tab: React.FC<TabProps>;
+export default Tab;

package/lib/components/tab/tab.js

@@ -0,0 +1,59 @@
+"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 = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["selectedBGColor", "selectedFontColor", "size", "onClickHandle", "unreadCount"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Tab = function Tab(_ref) {
+  var selectedBGColor = _ref.selectedBGColor,
+    selectedFontColor = _ref.selectedFontColor,
+    size = _ref.size,
+    onClickHandle = _ref.onClickHandle,
+    unreadCount = _ref.unreadCount,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var tabList = [{
+    key: [0, 1],
+    label: '全部'
+  }, {
+    key: [1],
+    label: '已读'
+  }, {
+    key: [0],
+    label: '未读'
+  }];
+  var _React$useState = React.useState([0, 1]),
+    tab = _React$useState[0],
+    setTab = _React$useState[1];
+  var handleClick = function handleClick(key) {
+    console.log(key);
+    // 切换tab
+    setTab(key);
+    // 触发父组件传递的点击处理函数
+    onClickHandle && onClickHandle(key);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "tab-message"
+  }, tabList.map(function (item) {
+    return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+      className: "tabs__container\n         " + (tab.toString() === item.key.toString() ? 'tabs__container--selected' : '') + "\n         " + (size == 'large' ? 'tabs__container--large' : 'tabs__container--small')
+    }, otherProps, {
+      onClick: function onClick() {
+        return handleClick(item.key);
+      },
+      style: {
+        backgroundColor: tab.toString() === item.key.toString() ? selectedBGColor : '',
+        color: tab.toString() === item.key.toString() ? selectedFontColor : ''
+      }
+    }), item.label, item.key.toString() === '0' && unreadCount > 0 && /*#__PURE__*/React.createElement("span", {
+      className: "badge"
+    }, unreadCount) // 条件渲染badge
+    );
+  }));
+};
+var _default = exports["default"] = Tab;

package/lib/components/tab-container/index.d.ts

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _tabContainer = require("../tab-container/tab-container");
+var _default = exports["default"] = _tabContainer.TabContainer;

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

@@ -0,0 +1,48 @@
+.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/lib/components/tab-container/tab-container.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Tab } from '@alifd/next';
+import './index.scss';
+export interface TabContainerProps extends React.ComponentProps<typeof Tab> {
+    className?: string;
+}
+export declare const TabContainer: {
+    (props: TabContainerProps): JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabContainer = void 0;
+var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./index.scss");
+var _excluded = ["className"];
+var TabContainer = exports.TabContainer = function TabContainer(props) {
+  var className = props.className,
+    restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var CustomTabItem = function CustomTabItem(key, props) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "navigation"
+    }, key.title);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_tab["default"], (0, _extends2["default"])({
+    className: (0, _classnames["default"])(className, 'fusion-ui-tab')
+  }, restProps, {
+    tabRender: function tabRender(key, props) {
+      return /*#__PURE__*/_react["default"].createElement(CustomTabItem, (0, _extends2["default"])({
+        key: key
+      }, props));
+    }
+  }));
+};
+TabContainer.displayName = 'TabContainer';

package/lib/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/lib/components/tab-container-item/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _tabContainerItem = require("./tab-container-item");
+var _default = exports["default"] = _tabContainerItem.TabContainerItem;

package/lib/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/lib/components/tab-container-item/tab-container-item.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TabContainerItem = void 0;
+var _tab = _interopRequireDefault(require("@alifd/next/lib/tab"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["className", "tab", "key"];
+var TabContainerItem = exports.TabContainerItem = function TabContainerItem(props) {
+  var className = props.className,
+    tab = props.tab,
+    key = props.key,
+    restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_tab["default"].Item, (0, _extends2["default"])({
+    className: (0, _classnames["default"])(className, 'fusion-ui-tab')
+  }, restProps, {
+    title: tab,
+    primaryKey: key
+  }));
+};
+TabContainerItem.displayName = 'TabContainerItem';

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

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

package/lib/components/tag/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _tag = _interopRequireDefault(require("./tag"));
+/**
+ * 标签tag
+ */
+var _default = exports["default"] = _tag["default"];

package/lib/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/lib/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/lib/components/tag/tag.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 = _interopRequireWildcard(require("react"));
+require("./index.scss");
+var _excluded = ["name", "color"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var Tag = function Tag(_ref) {
+  var name = _ref.name,
+    color = _ref.color,
+    otherProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("span", (0, _extends2["default"])({
+    className: "tags__container " + (color ? color : '')
+  }, otherProps), name);
+};
+var _default = exports["default"] = Tag;

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _teletextList = _interopRequireDefault(require("./teletext-list"));
+exports.TeletextList = _teletextList["default"];

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

@@ -0,0 +1,65 @@
+"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("./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) {
+  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 = (0, _objectWithoutPropertiesLoose2["default"])(_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["default"].createElement("div", (0, _extends2["default"])({
+    className: "teletext-list__panel__item",
+    onClick: onClick
+  }, _otherProps), resultImage && imagePlacement === 'left' ? (0, _childrenNodeHandle.convertChildren)(children, 'image', {
+    src: resultImage,
+    className: 'teletext-list__panel__item_image'
+  }) : null, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "teletext-list__panel__item__text"
+  }, (0, _childrenNodeHandle.convertChildren)(children, 'title', {
+    children: [title],
+    className: 'teletext-list__panel__item__text__title'
+  }), (0, _childrenNodeHandle.convertChildren)(children, 'content', {
+    children: [description],
+    className: 'teletext-list__panel__item__text__description'
+  }), tags ? /*#__PURE__*/_react["default"].createElement("div", {
+    className: "teletext-list__panel__item__text__tags"
+  }, tagList.map(function (tag, tagIndex) {
+    return (0, _childrenNodeHandle.convertChildren)(children, "teletext-tagc-" + (tagIndex % tagColorArray.length + 1), {
+      name: tag.name
+      // key: tagIndex,
+      // color: tagColorArray[tagIndex % tagColorArray.length],
+    });
+  })) : null), resultImage && imagePlacement === 'right' ? (0, _childrenNodeHandle.convertChildren)(children, 'image', {
+    src: resultImage,
+    className: 'teletext-list__panel__item_image'
+  }) : null);
+};
+TeletextListItem.displayName = 'TeletextListItem';
+var _default = exports["default"] = TeletextListItem;