@chlp-tech/rpa-ui 0.0.1

package/dist/release-video-card/index.js

@@ -0,0 +1,221 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState } from "react";
+import { Spin, Space, Image, Dropdown, Popover } from "antd";
+import { MediaPlay, TextEllipsis } from "./..";
+import FB from "./imgs/fb.svg";
+import INS from "./imgs/ins.svg";
+import TK from "./imgs/tk.svg";
+import TW from "./imgs/tw.svg";
+import YT from "./imgs/yt.svg";
+import Publish from "./imgs/publish.svg";
+import More from "./imgs/more.svg";
+import New from "./imgs/new.svg";
+import Process from "./imgs/process.svg";
+import Wait from "./imgs/wait.svg";
+import Success from "./imgs/success.svg";
+import Fail from "./imgs/fail.svg";
+import styles from "./index.module.less";
+var statusTag = {
+  0: {
+    bgColor: '#ECEFF4',
+    textColor: '#3F5270',
+    text: '草稿',
+    icon: Process
+  },
+  1: {
+    bgColor: '#FFF5E9',
+    textColor: '#FF8800',
+    text: '待发布',
+    icon: Wait
+  },
+  2: {
+    bgColor: '#E0FFDD',
+    textColor: '#3BC92B',
+    text: '发布成功',
+    icon: Success
+  },
+  3: {
+    bgColor: '#FEECEC',
+    textColor: '#FA4441',
+    text: '发布异常',
+    icon: Fail
+  },
+  4: {
+    bgColor: '#E9F1FF',
+    textColor: '#004FD3',
+    text: '发布中',
+    icon: Publish
+  }
+};
+var mediaIcon = {
+  'fb': FB,
+  'ins': INS,
+  'tk': TK,
+  'tw': TW,
+  'yt': YT
+};
+var StatusTag = function StatusTag(_ref) {
+  var _statusTag$status, _statusTag$status2, _statusTag$status3, _statusTag$status4;
+  var _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 0 : _ref$status;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['status-tag'],
+    style: {
+      backgroundColor: (_statusTag$status = statusTag[status]) === null || _statusTag$status === void 0 ? void 0 : _statusTag$status.bgColor,
+      color: (_statusTag$status2 = statusTag[status]) === null || _statusTag$status2 === void 0 ? void 0 : _statusTag$status2.textColor
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: (_statusTag$status3 = statusTag[status]) === null || _statusTag$status3 === void 0 ? void 0 : _statusTag$status3.icon,
+    alt: ''
+  }), /*#__PURE__*/React.createElement("div", null, (_statusTag$status4 = statusTag[status]) === null || _statusTag$status4 === void 0 ? void 0 : _statusTag$status4.text));
+};
+var MediaCardList = function MediaCardList(props) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeItem = _useState2[0],
+    setActiveItem = _useState2[1];
+  return /*#__PURE__*/React.createElement(Space, {
+    size: 12
+  }, props.list.map(function (item, index) {
+    var _props$popoverContent;
+    return /*#__PURE__*/React.createElement(Popover, {
+      key: index,
+      content: activeItem ? (_props$popoverContent = props.popoverContent) === null || _props$popoverContent === void 0 ? void 0 : _props$popoverContent.call(props, activeItem) : /*#__PURE__*/React.createElement("div", null, "Default content"),
+      arrow: false,
+      onOpenChange: function onOpenChange(visible) {
+        if (visible) {
+          setActiveItem(item);
+        } else {
+          setActiveItem(null);
+        }
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles["media-wrap"],
+      style: {
+        cursor: 'pointer'
+      }
+    }, /*#__PURE__*/React.createElement(Image, {
+      src: mediaIcon[item.media],
+      preview: false,
+      width: 24
+    }), /*#__PURE__*/React.createElement("div", {
+      className: styles["media-round"]
+    }, item.count)));
+  }));
+};
+var ReleaseVideoCard = function ReleaseVideoCard(props) {
+  var _props$mediaInfo, _props$countData$view, _props$countData, _props$countData$like, _props$countData2, _props$countData$comm, _props$countData3, _ref2, _props$editComponent, _props$detailComponen;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['card']
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['card__body']
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 120,
+      borderRadius: 8,
+      overflow: "hidden",
+      position: "relative"
+    }
+  }, /*#__PURE__*/React.createElement(MediaPlay, {
+    url: props.mediaInfo.url,
+    type: props.mediaInfo.type,
+    previewUrl: props.mediaInfo.previewUrl,
+    onPlayClick: props.mediaInfo.onPlayClick
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.video_wrap_desc
+  }, props.lang && /*#__PURE__*/React.createElement("div", {
+    className: styles.circle_block,
+    style: {
+      background: "linear-gradient(90deg, #F42E47 0%, #6E3EE1 100%)"
+    }
+  }, props.lang), props.time && /*#__PURE__*/React.createElement("div", {
+    className: styles.circle_block,
+    style: {
+      background: "rgba(0, 0, 0, 0.5)"
+    }
+  }, props.time))), /*#__PURE__*/React.createElement(Space, {
+    direction: 'vertical',
+    size: 20,
+    className: styles['card__header']
+  }, /*#__PURE__*/React.createElement("div", {
+    style: ((_props$mediaInfo = props.mediaInfo) === null || _props$mediaInfo === void 0 ? void 0 : _props$mediaInfo.type) === 'video' ? {} : {
+      visibility: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement(TextEllipsis, {
+    lines: 1
+  }, "\u6807\u9898\uFF1A", props.title || '- -')), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 72
+    }
+  }, /*#__PURE__*/React.createElement(TextEllipsis, {
+    lines: 3
+  }, "\u63CF\u8FF0\uFF1A", props.desc || '- -')), /*#__PURE__*/React.createElement("div", {
+    className: styles['card__header__block']
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['center']
+  }, "\u6D4F\u89C8\u91CF ", /*#__PURE__*/React.createElement("span", {
+    className: styles['card__header__block__desc']
+  }, (_props$countData$view = (_props$countData = props.countData) === null || _props$countData === void 0 ? void 0 : _props$countData.views) !== null && _props$countData$view !== void 0 ? _props$countData$view : '- -')), /*#__PURE__*/React.createElement("div", {
+    className: styles['center']
+  }, "\u70B9\u8D5E\u6570 ", /*#__PURE__*/React.createElement("span", {
+    className: styles['card__header__block__desc']
+  }, (_props$countData$like = (_props$countData2 = props.countData) === null || _props$countData2 === void 0 ? void 0 : _props$countData2.likes) !== null && _props$countData$like !== void 0 ? _props$countData$like : '- -')), /*#__PURE__*/React.createElement("div", {
+    className: styles['center']
+  }, "\u8BC4\u8BBA\u6570 ", /*#__PURE__*/React.createElement("span", {
+    className: styles['card__header__block__desc']
+  }, (_props$countData$comm = (_props$countData3 = props.countData) === null || _props$countData3 === void 0 ? void 0 : _props$countData3.comments) !== null && _props$countData$comm !== void 0 ? _props$countData$comm : '- -'))), /*#__PURE__*/React.createElement("div", {
+    className: styles['card__header__status']
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['card__header__status__flex']
+  }, /*#__PURE__*/React.createElement(StatusTag, {
+    status: props.status
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['card__header__status__desc']
+  }, props.createTime)), props.status === 4 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Spin, {
+    spinning: true
+  })) : null))), /*#__PURE__*/React.createElement("div", {
+    className: styles['card__line']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['foot-wrap']
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MediaCardList, {
+    list: (_ref2 = props.mediaList) !== null && _ref2 !== void 0 ? _ref2 : [],
+    popoverContent: props.popoverContent
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles['right-wrap']
+  }, /*#__PURE__*/React.createElement(Space, {
+    size: 8,
+    style: {
+      marginRight: 12,
+      cursor: 'pointer'
+    }
+  }, [0, 1].includes(props.status) ? /*#__PURE__*/React.createElement(React.Fragment, null, (_props$editComponent = props.editComponent) !== null && _props$editComponent !== void 0 ? _props$editComponent : /*#__PURE__*/React.createElement("span", null, "\u7F16\u8F91")) : [2, 3].includes(props.status) ? /*#__PURE__*/React.createElement(React.Fragment, null, (_props$detailComponen = props.detailComponent) !== null && _props$detailComponen !== void 0 ? _props$detailComponen : /*#__PURE__*/React.createElement("span", null, "\u8BE6\u60C5")) : null), /*#__PURE__*/React.createElement(Dropdown, {
+    trigger: ['click'],
+    menu: {
+      items: [{
+        label: '删除',
+        key: 'delete',
+        onClick: function onClick() {
+          return (props === null || props === void 0 ? void 0 : props.onDelete) && props.onDelete(props.id);
+        }
+      }]
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      cursor: "pointer"
+    }
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: More,
+    preview: false
+  }))))), props.isNew && /*#__PURE__*/React.createElement("div", {
+    className: styles['new-position']
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: New,
+    preview: false
+  })));
+};
+export default ReleaseVideoCard;

package/dist/release-video-card/index.module.less

@@ -0,0 +1,223 @@
+.card {
+  padding: 16px;
+  background: #FFFFFF;
+  border-radius: 8px;
+  border: 1px solid #D4DBE7;
+  position: relative;
+
+  &__body {
+    display: flex;
+    gap: 16px;
+  }
+
+  &__video {
+    width: 120px;
+    height: 100%;
+    object-fit: fill;
+  }
+
+  &__header {
+    font-weight: 500;
+    font-size: 16px;
+    color: #142A51;
+    line-height: 22px;
+    text-align: left;
+    font-style: normal;
+    flex: 1;
+    &__desc {
+      font-weight: 400;
+      font-size: 14px;
+      width: auto;
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical;
+      word-break: break-all;
+      text-overflow: ellipsis;
+      line-height: 1.5;
+      max-height: calc(1.5em * 3);
+    }
+    &__block {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-weight: 400;
+      font-size: 12px;
+      color: #5E626C;
+      line-height: 17px;
+
+      &__desc {
+        font-weight: 500;
+        font-size: 18px;
+        color: #142A51;
+        line-height: 25px;
+        margin-left: 2px;
+      }
+    }
+
+    &__status {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      &__flex {
+        display: flex;
+        gap: 8px;
+        align-items: center;
+      }
+      &__desc {
+        font-weight: 400;
+        font-size: 14px;
+        color: #9EA7B5;
+        line-height: 20px;
+      }
+    }
+  }
+
+  &__line {
+    width: 100%;
+    height: 1px;
+    background: #ECEFF4;
+    margin: 24px 0;
+  }
+}
+
+
+.status-tag {
+  border-radius: 4px;
+  padding: 2px 8px;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 14px;
+}
+
+.media-wrap {
+  background: #FFFFFF;
+  border-radius: 18px;
+  border: 1px solid #D4DBE7;
+  color: #004FD3;
+  padding: 2px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  //min-width: 61px;
+  .media-round {
+    padding: 2px 7px;
+    margin-left: 10px;
+    background: #E9F1FF;
+    border-radius: 11px;
+    text-align: center;
+  }
+}
+
+.foot-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+
+  .right-wrap {
+    display: flex;
+  }
+}
+
+
+.new-position {
+  position: absolute;
+  top: -12px;
+  right: 0;
+  z-index: 10;
+}
+
+
+.center {
+  display: flex;
+  align-items: center;
+}
+
+.desc_wrap {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  -webkit-line-clamp: 3;
+  word-break: break-all;
+  max-height: 72px;
+  text-overflow: ellipsis;
+}
+
+.single-line-text {
+  width: auto;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+
+.video_wrap {
+  position: relative;
+  border: 2px solid transparent;
+  border-radius: 8px;
+  overflow: hidden;
+  cursor: pointer;
+  box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
+  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
+  will-change: transform;
+
+  &:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+  }
+
+  &_check, &_delete {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s ease, visibility 0.3s ease;
+  }
+
+  &:hover &_check, &:hover &_delete {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  &_check {
+    position: absolute;
+    top: 8px;
+    left: 8px;
+    width: 24px;
+    height: 24px;
+    background: #FFFFFF;
+    text-align: center;
+    border-radius: 4px;
+  }
+
+  &_delete {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    width: 24px;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 24px;
+    background: #FFFFFF;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+
+  &_desc {
+    position: absolute;
+    bottom: 12px;
+    right: 8px;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+}
+
+.circle_block {
+  padding: 2px 8px;
+  background: rgba(0,0,0,0.5);
+  border-radius: 8px;
+  text-align: center;
+  color: #FFFFFF;
+}

package/dist/sound-wave/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SoundWave: () => React.JSX.Element;
+export default SoundWave;

package/dist/sound-wave/index.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import styles from "./index.module.less";
+var SoundWave = function SoundWave() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-wave']
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles['sound-bar']
+  }));
+};
+export default SoundWave;

package/dist/sound-wave/index.module.less

@@ -0,0 +1,105 @@
+.sound-wave {
+  display: flex;
+  .sound-bar {
+    width: 8px;
+    height: 20px;
+    border-radius: 2px;
+    background: linear-gradient(180deg, #00edff 0%, #00b9ff 100%);
+    margin-right: 2px;
+    transform: scaleY(1);
+    animation-duration: 1s;
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+    animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
+    opacity: 0.8;
+    filter: blur(1);
+
+
+    &:nth-child(4n) {
+      animation-name: bar-scale-xl;
+      animation-duration: 0.8 + 0.2s;
+      --i: 1;
+    }
+    &:nth-child(4) {
+      animation-duration: 0.8 + 0.35s;
+      --i: 2;
+    }
+    &:nth-child(3) {
+      animation-name: bar-scale-lg;
+      animation-duration: 0.8 + 0s;
+      --i: 3;
+    }
+    &:nth-child(6) {
+      animation-name: bar-scale-md;
+      animation-duration: 0.8 + 0.05s;
+      --i: 6;
+    }
+
+    &:nth-child(1) {
+      animation-name: bar-scale-sm;
+      animation-duration: 0.9 + 0.15s;
+    }
+
+
+    &:nth-child(2),
+    &:nth-child(5),
+    &:nth-child(7),
+    &:nth-child(9) {
+      animation-name: bar-scale-sm;
+      animation-duration: 0.9s;
+    }
+  }
+
+  /* 定义不同跳动效果的动画 */
+  @keyframes bar-scale-sm {
+    0%,
+    50% {
+      transform: scaleY(1);
+    }
+    25% {
+      transform: scaleY(6);
+    }
+    75% {
+      transform: scaleY(4);
+    }
+  }
+
+  @keyframes bar-scale-md {
+    0%,
+    50% {
+      transform: scaleY(2);
+    }
+    25% {
+      transform: scaleY(6);
+    }
+    75% {
+      transform: scaleY(5);
+    }
+  }
+
+  @keyframes bar-scale-lg {
+    0%,
+    50% {
+      transform: scaleY(8);
+    }
+    25% {
+      transform: scaleY(4);
+    }
+    75% {
+      transform: scaleY(6);
+    }
+  }
+
+  @keyframes bar-scale-xl {
+    0%,
+    50% {
+      transform: scaleY(1);
+    }
+    25% {
+      transform: scaleY(7);
+    }
+    75% {
+      transform: scaleY(11);
+    }
+  }
+}

package/dist/text-ellipsis/index.d.ts

@@ -0,0 +1,8 @@
+import React, { FC } from 'react';
+interface TextEllipsisProps {
+    lines?: number;
+    showTooltip?: boolean;
+    children: React.ReactNode;
+}
+declare const TextEllipsis: FC<TextEllipsisProps>;
+export default TextEllipsis;

package/dist/text-ellipsis/index.js

@@ -0,0 +1,57 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useEffect, useRef } from 'react';
+import { Tooltip } from "antd";
+// @ts-ignore
+import styles from "./index.module.less";
+var TextEllipsis = function TextEllipsis(_ref) {
+  var children = _ref.children,
+    _ref$lines = _ref.lines,
+    lines = _ref$lines === void 0 ? 3 : _ref$lines,
+    _ref$showTooltip = _ref.showTooltip,
+    showTooltip = _ref$showTooltip === void 0 ? true : _ref$showTooltip;
+  var textRef = useRef(null);
+  var parentRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTruncated = _useState2[0],
+    setIsTruncated = _useState2[1];
+  useEffect(function () {
+    var checkTruncation = function checkTruncation() {
+      if (textRef.current && parentRef.current) {
+        var textElement = textRef.current;
+        var parentElement = parentRef.current;
+        var parentWidth = parentElement.clientWidth;
+        var textWidth = textElement.scrollWidth;
+        setIsTruncated(textWidth > parentWidth);
+      }
+    };
+    checkTruncation();
+    window.addEventListener('resize', checkTruncation);
+    return function () {
+      return window.removeEventListener('resize', checkTruncation);
+    };
+  }, [lines]);
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    title: showTooltip || isTruncated ? children : ''
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['text-ellipsis'],
+    ref: parentRef,
+    style: {
+      display: '-webkit-box',
+      WebkitBoxOrient: 'vertical',
+      WebkitLineClamp: lines,
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      width: '100%',
+      wordBreak: 'break-all'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: textRef
+  }, children)));
+};
+export default TextEllipsis;

package/dist/text-ellipsis/index.module.less

@@ -0,0 +1,8 @@
+.text-ellipsis {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.5;
+  -webkit-line-clamp: 3;
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,8 @@
+export declare const call: (fn: ((...args: any[]) => any) | ((...args: any[]) => any[]) | undefined, ...args: any[]) => any;
+export declare const normalizeToArray: (value: any) => any[];
+export declare function transformDataToTreeData(apiResponse: any): ({
+    title: string;
+    value: string;
+    children: any;
+} | null)[];
+export declare const mapToMockData: (data: any[]) => any[];