@chlp-tech/rpa-ui 0.0.11 → 0.0.13

package/dist/publish-account2/index.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+interface Account {
+    label: string;
+    value: string;
+    data?: any;
+    error?: boolean;
+    remark?: string;
+    language?: string;
+    country?: string;
+    ownerUserName?: string;
+    icon: string;
+}
+interface SocialMediaAccounts {
+    fb: Account[];
+    ins: Account[];
+    tk: Account[];
+    yt: Account[];
+    tt: Account[];
+}
+interface AccountBlockProps {
+    active?: boolean;
+    onClick?: () => void;
+    width?: number | string;
+    onErrorClose?: (account: Account) => void;
+    account: Account;
+}
+interface PublishAccountProps {
+    accounts: SocialMediaAccounts;
+    boxWidth?: number | string;
+    onAccountSelect: (account: Account) => void;
+    onErrorClose?: (account: Account) => void;
+}
+declare const AccountComponent: {
+    PublishAccount: React.FC<PublishAccountProps>;
+    AccountBlock: React.FC<AccountBlockProps>;
+};
+export default AccountComponent;

package/dist/publish-account2/index.js

@@ -0,0 +1,144 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { useState, useEffect } from "react";
+import { Avatar, Row, Col, Popover } from 'antd';
+import classNames from 'classnames';
+import TextEllipsis from "../text-ellipsis";
+import MediaAccountPreview from "../MediaAccountPreview";
+import Fb from "./imgs/fb.svg";
+import Ins from "./imgs/ins.svg";
+import Tk from "./imgs/tk.svg";
+import Yt from "./imgs/yt.svg";
+import Tt from "./imgs/tt.svg";
+import CloseIcon from "./imgs/close.svg";
+import styles from "./index.module.less";
+var AccountBlock = function AccountBlock(_ref) {
+  var _account$remark;
+  var active = _ref.active,
+    onClick = _ref.onClick,
+    account = _ref.account,
+    onErrorClose = _ref.onErrorClose,
+    width = _ref.width;
+  var isError = account.error;
+  return /*#__PURE__*/React.createElement(Popover, {
+    rootClassName: styles.previewPopBox,
+    content: /*#__PURE__*/React.createElement(MediaAccountPreview, {
+      nickname: account.label,
+      remark: account.remark,
+      language: account.language,
+      country: account.country,
+      width: 450,
+      ownerUsername: account.ownerUserName
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles['account-wrap'], _defineProperty(_defineProperty({}, styles['error'], isError), styles['active'], active)),
+    onClick: onClick,
+    style: {
+      width: width,
+      background: active && isError ? '#FEECEC' : active && !isError ? '#E9F1FF' : '#F5F7FA'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles['flex']
+  }, /*#__PURE__*/React.createElement(Avatar, {
+    size: 24,
+    src: account.icon
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles['account-wrap_text'], " ").concat(isError ? styles['error-text'] : active ? styles['active'] : ''),
+    style: {
+      color: active && isError ? '#FA4441' : active && !isError ? '#004FD3' : '#142A51'
+    }
+  }, account.label), account.remark && ((_account$remark = account.remark) === null || _account$remark === void 0 ? void 0 : _account$remark.length) > 0 && /*#__PURE__*/React.createElement("div", {
+    className: styles.remarkText
+  }, /*#__PURE__*/React.createElement(TextEllipsis, {
+    lines: 1,
+    showTooltip: false
+  }, account.remark)), isError && /*#__PURE__*/React.createElement("img", {
+    src: CloseIcon,
+    alt: "",
+    className: "".concat(styles['close-icon']),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      if (onErrorClose) {
+        onErrorClose(account);
+      }
+    }
+  }))));
+};
+var PublishAccount = function PublishAccount(_ref2) {
+  var accounts = _ref2.accounts,
+    onAccountSelect = _ref2.onAccountSelect,
+    onErrorClose = _ref2.onErrorClose,
+    boxWidth = _ref2.boxWidth;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedAccount = _useState2[0],
+    setSelectedAccount = _useState2[1];
+  var getFirstAvailableAccount = function getFirstAvailableAccount() {
+    for (var _i = 0, _arr = ['fb', 'ins', 'tk', 'yt']; _i < _arr.length; _i++) {
+      var platform = _arr[_i];
+      if (accounts[platform] && accounts[platform].length > 0) {
+        return accounts[platform][0];
+      }
+    }
+    return null;
+  };
+  useEffect(function () {
+    var firstAccount = getFirstAvailableAccount();
+    if (firstAccount) {
+      setSelectedAccount(firstAccount);
+      onAccountSelect(firstAccount);
+    }
+  }, [accounts]);
+  var renderAccounts = function renderAccounts(platform, icon) {
+    var _accounts$platform;
+    if (!accounts[platform] || accounts[platform].length === 0) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Row, {
+      gutter: 12,
+      style: {
+        marginBottom: 12
+      }
+    }, /*#__PURE__*/React.createElement(Col, {
+      span: 2
+    }, /*#__PURE__*/React.createElement("img", {
+      src: icon,
+      alt: platform
+    })), /*#__PURE__*/React.createElement(Col, {
+      span: 22
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        flexWrap: 'wrap',
+        gap: 12
+      }
+    }, (_accounts$platform = accounts[platform]) === null || _accounts$platform === void 0 ? void 0 : _accounts$platform.map(function (account) {
+      return /*#__PURE__*/React.createElement(AccountBlock, {
+        key: account.value,
+        width: boxWidth,
+        active: (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.value) === account.value,
+        onClick: function onClick() {
+          setSelectedAccount(account);
+          onAccountSelect(account);
+        },
+        onErrorClose: onErrorClose,
+        account: account
+      });
+    }))));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderAccounts('fb', Fb), renderAccounts('ins', Ins), renderAccounts('tk', Tk), renderAccounts('yt', Yt), renderAccounts('tt', Tt));
+};
+var AccountComponent = {
+  PublishAccount: PublishAccount,
+  AccountBlock: AccountBlock
+};
+export default AccountComponent;

package/dist/publish-account2/index.module.less

@@ -0,0 +1,83 @@
+.account-wrap {
+  padding: 6px 8px 6px 8px;
+  background: #F5F7FA;
+  border-radius: 8px;
+  border: 1px solid #F5F7FA;
+  cursor: pointer;
+  display: inline-block;
+
+  &.error {
+    border-color: #FA4441;
+
+    &.error-active {
+      background: #FEECEC;
+
+      &_text {
+        color: #FA4441;
+      }
+    }
+  }
+
+  &:hover {
+    &.error .close-icon {
+      opacity: 1;
+      visibility: visible;
+    }
+  }
+
+  .close-icon {
+    opacity: 0;
+    visibility: hidden;
+    transition: opacity 0.3s;
+  }
+
+  &.active {
+    border-color: #004FD3;
+    background: #E9F1FF;
+  }
+
+  &_icon {
+    width: 24px;
+    height: 24px;
+    border-radius: 60%;
+  }
+
+  &_text {
+    flex: 1;
+    font-weight: 500;
+    font-size: 14px;
+    color: #142A51;
+    line-height: 20px;
+    text-align: left;
+    font-style: normal;
+    overflow: hidden;
+    transition: all 0.3s;
+    // 单行省略
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    &.active {
+      color: #004FD3;
+    }
+  }
+}
+
+.flex {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 4px;
+}
+
+.remarkText {
+  width: 80px;
+  font-size: 12px;
+  color: #9EA7B5;
+}
+
+.previewPopBox {
+  :global {
+    .ant-popover-inner {
+      padding: 0px !important;
+    }
+  }
+}

package/dist/publish-status/imgs/delete.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>矩形</title>
+    <desc>Created with Sketch.</desc>
+    <g id="广告投放2025" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="广告管理-广告看板--" transform="translate(-1606.000000, -457.000000)">
+            <g id="编组-15备份-5" transform="translate(1352.000000, 301.000000)">
+                <g id="编组-39备份-4" transform="translate(248.000000, 152.000000)">
+                    <g id="编组-37">
+                        <g id="编组备份-8" transform="translate(6.000000, 4.000000)">
+                            <rect id="矩形" fill-opacity="0.01" fill="#FFFFFF" fill-rule="nonzero" x="0" y="0" width="16" height="16"></rect>
+                            <g id="delete-02-solid-rounded" transform="translate(1.500000, 1.000000)" fill="#3F5270">
+                                <path d="M7.06054222,0.175945778 C7.41216,0.207392889 7.74262222,0.314695111 8.02641778,0.526344 C8.23629333,0.682876444 8.38208,0.874483556 8.50664889,1.08200089 C8.62207111,1.27429867 8.73830222,1.51405333 8.87008889,1.78602667 L9.135,2.33268069 L11.3555556,2.33333333 L11.355,2.33368069 L11.8222222,2.33376889 C12.1658756,2.33376889 12.4444444,2.61235022 12.4444444,2.95599111 C12.4444444,3.29963822 12.1658756,3.57821333 11.8222222,3.57821333 L11.279,3.57768069 L10.9402222,9.11953778 C10.8924978,9.89930667 10.8546044,10.5181067 10.7770133,11.0123378 C10.6973689,11.5192622 10.5699378,11.9413778 10.3150133,12.3106044 C10.0818044,12.6484089 9.78158222,12.9335111 9.43338667,13.1477422 C9.05277333,13.3819467 8.62779556,13.4843644 8.12192889,13.5333333 L4.310376,13.5333333 C3.80395556,13.4841778 3.37849244,13.3815733 2.99761778,13.1469333 C2.649192,12.9323289 2.34885156,12.6467289 2.11572978,12.3083644 C1.86089867,11.9385156 1.73385956,11.5157778 1.65484356,11.0081689 C1.57779378,10.5131911 1.54076533,9.89352 1.49409244,9.11263111 L1.163,3.57768069 L0.622222222,3.57821333 L0.622222222,3.57821333 C0.278581333,3.57821333 -2.48689958e-14,3.29963822 -2.48689958e-14,2.95599111 C-2.48689958e-14,2.61235022 0.278581333,2.33376889 0.622222222,2.33376889 L1.088,2.33368069 L1.08888889,2.33333333 L3.366,2.33268069 L3.58745956,1.84809956 C3.71598578,1.56610844 3.82917422,1.31775467 3.94287289,1.11846933 C4.06551911,0.903510222 4.21070844,0.704585778 4.42313511,0.541619556 C4.71042133,0.321228444 5.04752889,0.209496 5.40704889,0.176767111 C5.58749333,0.160340444 5.76890568,0.156372049 5.95029037,0.155680691 L6.22222222,0.155953778 C6.54005333,0.156464 6.82577778,0.154945778 7.06054222,0.175945778 Z M4.66666667,5.88678222 C4.408936,5.88678222 4.2,6.09572444 4.2,6.35344889 L4.2,6.35344889 L4.2,10.0867822 C4.2,10.3445689 4.408936,10.5534489 4.66666667,10.5534489 C4.92439733,10.5534489 5.13333333,10.3445689 5.13333333,10.0867822 L5.13333333,10.0867822 L5.13333333,6.35344889 C5.13333333,6.09572444 4.92439733,5.88678222 4.66666667,5.88678222 Z M7.77777778,5.88678222 C7.52005333,5.88678222 7.31111111,6.09572444 7.31111111,6.35344889 L7.31111111,10.0867822 C7.31111111,10.3445689 7.52005333,10.5534489 7.77777778,10.5534489 C8.03550222,10.5534489 8.24444444,10.3445689 8.24444444,10.0867822 L8.24444444,6.35344889 C8.24444444,6.09572444 8.03550222,5.88678222 7.77777778,5.88678222 Z M6.40088383,1.40054522 L6.24368889,1.40043556 C5.90096889,1.40043556 5.68524444,1.40103289 5.51985778,1.41608444 C5.28708444,1.43727733 5.14198222,1.52797867 5.02376,1.73516622 C4.94639761,1.87076947 4.86217705,2.05223239 4.73420413,2.33270199 L7.752,2.33268069 L7.68621346,2.19696296 C7.58180543,1.98284333 7.50779556,1.8359237 7.43966222,1.72243556 C7.32000889,1.52311911 7.17664889,1.43574667 6.94966222,1.41544356 C6.81521037,1.40341911 6.64679556,1.40101319 6.40088383,1.40054522 Z" id="形状结合"></path>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-status/imgs/pause.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 62 (91390) - https://sketch.com -->
+    <title>矩形</title>
+    <desc>Created with Sketch.</desc>
+    <g id="广告投放2025" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-广告帖子--" transform="translate(-1511.000000, -981.000000)" fill-rule="nonzero">
+            <g id="编组-15备份-8" transform="translate(1352.000000, 824.000000)">
+                <g id="编组-39备份-4" transform="translate(152.000000, 152.000000)">
+                    <g id="编组-37">
+                        <g>
+                            <g id="Icon/Checkbox-Normal" transform="translate(6.000000, 4.000000)">
+                                <g id="编组">
+                                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                                    <g id="poweroff-circle-fill">
+                                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                                        <path d="M8,1 C4.134375,1 1,4.134375 1,8 C1,11.865625 4.134375,15 8,15 C11.865625,15 15,11.865625 15,8 C15,4.134375 11.865625,1 8,1 Z M6.75,10.375 C6.75,10.44375 6.69375,10.5 6.625,10.5 L5.875,10.5 C5.80625,10.5 5.75,10.44375 5.75,10.375 L5.75,5.625 C5.75,5.55625 5.80625,5.5 5.875,5.5 L6.625,5.5 C6.69375,5.5 6.75,5.55625 6.75,5.625 L6.75,10.375 Z M10.25,10.375 C10.25,10.44375 10.19375,10.5 10.125,10.5 L9.375,10.5 C9.30625,10.5 9.25,10.44375 9.25,10.375 L9.25,5.625 C9.25,5.55625 9.30625,5.5 9.375,5.5 L10.125,5.5 C10.19375,5.5 10.25,5.55625 10.25,5.625 L10.25,10.375 Z" id="形状" fill="#3F5270"></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-status/index.js

@@ -5,6 +5,8 @@ import Wait from "./imgs/wait.svg";
 import Success from "./imgs/success.svg";
 import Fail from "./imgs/fail.svg";
 import Publish from "./imgs/publish.svg";
+import Pause from "./imgs/pause.svg";
+import Delete from "./imgs/delete.svg";
 var statusTag = {
   0: {
     bgColor: '#ECEFF4',
@@ -35,6 +37,30 @@ var statusTag = {
     textColor: '#004FD3',
     text: '发布中',
     icon: Publish
+  },
+  5: {
+    bgColor: '#E9F1FF',
+    textColor: '#004FD3',
+    text: '排队中',
+    icon: Publish
+  },
+  6: {
+    bgColor: '#ECEFF4',
+    textColor: '#3F5270',
+    text: '已暂停',
+    icon: Pause
+  },
+  7: {
+    bgColor: '#E9F1FF',
+    textColor: '#004FD3',
+    text: '审核中',
+    icon: Publish
+  },
+  8: {
+    bgColor: '#ECEFF4',
+    textColor: '#3F5270',
+    text: '已删除',
+    icon: Delete
   }
 };
 var StatusTag = function StatusTag(_ref) {

package/dist/release-video-card/index.d.ts

@@ -19,6 +19,7 @@ interface Props {
     isAd?: boolean;
     id: string | number;
     onDelete?: (id: string | number) => void;
+    onPauseOrStart?: (id: string | number) => void;
     mediaInfo: {
         url: string[];
         type: string;

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

@@ -110,6 +110,25 @@ var MediaCardList = function MediaCardList(props) {
 };
 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;
+  var dropMenus = function dropMenus() {
+    var list = [];
+    // if ([1, 6].includes(props.status)) {
+    //   list.push({
+    //     label: <div>{props.status === 1 ? '暂停' : '启用'}</div>,
+    //     key: 'pause',
+    //     onClick: () => props?.onPauseOrStart?.(props.id),
+    //   })
+    // }
+    list.push({
+      label: '删除',
+      key: 'delete',
+      onClick: function onClick() {
+        var _props$onDelete;
+        return props === null || props === void 0 || (_props$onDelete = props.onDelete) === null || _props$onDelete === void 0 ? void 0 : _props$onDelete.call(props, props.id);
+      }
+    });
+    return list;
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: styles['card']
   }, /*#__PURE__*/React.createElement("div", {
@@ -194,16 +213,10 @@ var ReleaseVideoCard = function ReleaseVideoCard(props) {
       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), [0, 1].includes(props.status) ? /*#__PURE__*/React.createElement(Dropdown, {
+  }, [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), [0, 1, 6].includes(props.status) ? /*#__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);
-        }
-      }]
+      items: dropMenus()
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {

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

@@ -24,6 +24,7 @@
     text-align: left;
     font-style: normal;
     flex: 1;
+    min-width: 0;
     display: flex;
     flex-direction: column;
     justify-content: space-around;

package/dist/text-ellipsis/index.js

@@ -27,7 +27,7 @@ var TextEllipsis = function TextEllipsis(_ref) {
         var parentElement = parentRef.current;
         var parentWidth = parentElement.clientWidth;
         var textWidth = textElement.scrollWidth;
-        setIsTruncated(textWidth > parentWidth);
+        setIsTruncated(textWidth >= parentWidth);
       }
     };
     checkTruncation();
@@ -41,17 +41,21 @@ var TextEllipsis = function TextEllipsis(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['text-ellipsis'],
     ref: parentRef,
+    style: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: textRef,
     style: {
       display: '-webkit-box',
+      width: 'max-content',
+      maxWidth: '100%',
       WebkitBoxOrient: 'vertical',
       WebkitLineClamp: lines,
       overflow: 'hidden',
       textOverflow: 'ellipsis',
-      width: '100%',
       wordBreak: 'break-all'
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    ref: textRef
   }, children)));
 };
 export default TextEllipsis;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chlp-tech/rpa-ui",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "description": "rpa-ui",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -36,7 +36,7 @@
   },
   "peerDependencies": {
     "@ant-design/icons": ">=4.18.0",
-    "antd": ">=4.18.0",
+    "antd": ">=5.25.0",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
@@ -62,6 +62,7 @@
   },
   "dependencies": {
     "@webav/av-cliper": "^1.0.11",
+    "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
     "js-md5": "^0.8.3",
     "styled-components": "^6.1.12"