@chlp-tech/rpa-ui 0.0.11-beta.1 → 0.0.11-beta.11

package/dist/MediaAccountPreview/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface MediaAccountPreviewProps {
+    width?: number | string;
+    nickname?: string;
+    remark?: string;
+    language?: string;
+    country?: string;
+    ownerUsername?: string;
+}
+declare const MediaAccountPreview: React.FC<MediaAccountPreviewProps>;
+export default MediaAccountPreview;

package/dist/MediaAccountPreview/index.js

@@ -0,0 +1,39 @@
+import React, { useMemo } from 'react';
+import TextEllipsis from "../text-ellipsis";
+import styles from "./index.module.less";
+import { Tooltip } from 'antd';
+var MediaAccountPreview = function MediaAccountPreview(props) {
+  var _props$ownerUsername, _props$ownerUsername2, _props$ownerUsername3;
+  var languageCountry = useMemo(function () {
+    var list = [];
+    if (props.country) list.push(props.country);
+    if (props.language) list.push(props.language);
+    return list;
+  }, [props.language, props.country]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.box,
+    style: {
+      width: props.width
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.nameText
+  }, /*#__PURE__*/React.createElement(TextEllipsis, {
+    lines: 1,
+    showTooltip: false
+  }, props.nickname || '--')), /*#__PURE__*/React.createElement("div", {
+    className: styles.remarkText
+  }, /*#__PURE__*/React.createElement(TextEllipsis, {
+    lines: 1,
+    showTooltip: false
+  }, props.remark || '无备注')), /*#__PURE__*/React.createElement("div", {
+    className: styles.languageCountryText
+  }, /*#__PURE__*/React.createElement(TextEllipsis, {
+    lines: 1,
+    showTooltip: false
+  }, languageCountry.length > 0 ? languageCountry.join('/') : '')), props.ownerUsername && /*#__PURE__*/React.createElement(Tooltip, {
+    title: ((_props$ownerUsername = props.ownerUsername) === null || _props$ownerUsername === void 0 ? void 0 : _props$ownerUsername.length) > 4 ? props.ownerUsername : ''
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.userTag
+  }, props.ownerUsername && ((_props$ownerUsername2 = props.ownerUsername) === null || _props$ownerUsername2 === void 0 ? void 0 : _props$ownerUsername2.length) > 4 ? "".concat((_props$ownerUsername3 = props.ownerUsername) === null || _props$ownerUsername3 === void 0 ? void 0 : _props$ownerUsername3.slice(0, 4), "...") : props.ownerUsername || '--')));
+};
+export default MediaAccountPreview;

package/dist/MediaAccountPreview/index.module.less

@@ -0,0 +1,35 @@
+.box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  padding: 8px;
+
+  .nameText {
+    font-size: 14px;
+    color: #142A51;
+    width: 30%;
+  }
+
+  .remarkText {
+    font-size: 12px;
+    color: #9EA7B5;
+    flex: 1;
+    min-width: 0;
+  }
+
+  .languageCountryText {
+    font-size: 12px;
+    color: #9EA7B5;
+  }
+
+  .userTag {
+    padding: 4px 6px;
+    line-height: 1;
+    font-size: 12px;
+    color: #004FD3;
+    background: #E9F1FF;
+    border-radius: 4px;
+    border: 1px solid #004FD3;
+  }
+}

package/dist/account-select/index.d.ts

@@ -1,9 +1,7 @@
-import React from "react";
-import { IAccountListProps, IAccountSelectProps } from "./type";
-declare namespace AccountSelectComponent {
-    interface StaticComponents {
-        Group: React.FC<IAccountListProps>;
-    }
+import React from 'react';
+import { IAccountListProps, IAccountListRef, IAccountSelectProps } from './type';
+interface AccountSelectComponent extends React.FC<IAccountSelectProps> {
+    Group: React.ForwardRefExoticComponent<IAccountListProps & React.RefAttributes<IAccountListRef>>;
 }
-declare const AccountSelect: React.FC<IAccountSelectProps> & AccountSelectComponent.StaticComponents;
-export default AccountSelect;
+declare const _default: AccountSelectComponent;
+export default _default;

package/dist/account-select/index.js

@@ -2,30 +2,28 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-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); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(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); }
 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, { useEffect } from "react";
+import React, { forwardRef, useEffect, useImperativeHandle } from 'react';
 import DownIcon from "./imgs/down.svg";
 import UpIcon from "./imgs/up.svg";
 import { Col, Empty, Input, Popover, Row, Tooltip } from "antd";
-import { TextEllipsis } from "../index";
+import TextEllipsis from "../text-ellipsis";
+import MediaAccountPreview from "../MediaAccountPreview";
 import { SearchOutlined } from "@ant-design/icons";
 import classNames from "classnames";
 import styles from "./index.module.less";
-
-// eslint-disable-next-line @typescript-eslint/no-namespace
-
 var AccountSelect = function AccountSelect(props) {
   var _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? '请选择账号' : _props$placeholder,
@@ -35,14 +33,24 @@ var AccountSelect = function AccountSelect(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     open = _React$useState2[0],
     setOpen = _React$useState2[1];
-  var _React$useState3 = React.useState(props.options || []),
+  var _React$useState3 = React.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    optionList = _React$useState4[0],
-    setOptionList = _React$useState4[1];
-  var _React$useState5 = React.useState(props.defaultSelectList || []),
+    previewPopOpen = _React$useState4[0],
+    setPreviewPopOpen = _React$useState4[1];
+  var _React$useState5 = React.useState(props.options || []),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    selectedKeys = _React$useState6[0],
-    setSelectedKeys = _React$useState6[1];
+    optionList = _React$useState6[0],
+    setOptionList = _React$useState6[1];
+  var _React$useState7 = React.useState(props.defaultSelectList || []),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    selectedKeys = _React$useState8[0],
+    setSelectedKeys = _React$useState8[1];
+  useEffect(function () {
+    setOptionList(props.options || []);
+  }, [props.options]);
+  useEffect(function () {
+    setSelectedKeys(props.defaultSelectList || []);
+  }, [props.defaultSelectList]);
   var handleClearAll = function handleClearAll() {
     var _props$onChange;
     setSelectedKeys([]);
@@ -50,7 +58,7 @@ var AccountSelect = function AccountSelect(props) {
     (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, []);
   };
   var renderSelectInfo = function renderSelectInfo() {
-    var _props$options;
+    var _props$options, _info$languageCnName, _info$languageCnName2, _info$languageCnName3;
     if (selectedKeys.length <= 0) {
       return null;
     }
@@ -60,23 +68,41 @@ var AccountSelect = function AccountSelect(props) {
     var info = (_props$options = props.options) === null || _props$options === void 0 || (_props$options = _props$options.filter(function (item) {
       return item.id === selectedKeys[0];
     })) === null || _props$options === void 0 ? void 0 : _props$options[0];
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React.createElement(Popover, {
+      open: previewPopOpen,
+      onOpenChange: function onOpenChange(open) {
+        return setPreviewPopOpen(open);
+      },
+      rootClassName: styles.accountPrePopBox,
+      content: /*#__PURE__*/React.createElement(MediaAccountPreview, {
+        width: 400,
+        nickname: info === null || info === void 0 ? void 0 : info.accountName,
+        language: info === null || info === void 0 ? void 0 : info.languageCnName,
+        remark: info === null || info === void 0 ? void 0 : info.remark,
+        country: info === null || info === void 0 ? void 0 : info.countryCnName,
+        ownerUsername: info === null || info === void 0 ? void 0 : info.ownerUserName
+      })
+    }, /*#__PURE__*/React.createElement("div", {
       className: styles.selectInfoBox
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.accountName
     }, /*#__PURE__*/React.createElement(TextEllipsis, {
       lines: 1,
       showTooltip: false
-    }, info === null || info === void 0 ? void 0 : info.accountName)), /*#__PURE__*/React.createElement("div", {
+    }, info === null || info === void 0 ? void 0 : info.accountName)), /*#__PURE__*/React.createElement(Tooltip, {
+      title: info !== null && info !== void 0 && info.languageCnName && (info === null || info === void 0 || (_info$languageCnName = info.languageCnName) === null || _info$languageCnName === void 0 ? void 0 : _info$languageCnName.length) > 4 ? info.languageCnName : ''
+    }, /*#__PURE__*/React.createElement("div", {
       className: styles.languageText
-    }, /*#__PURE__*/React.createElement(TextEllipsis, {
-      lines: 1,
-      showTooltip: false
-    }, (info === null || info === void 0 ? void 0 : info.remark) || '--')));
+    }, info !== null && info !== void 0 && info.languageCnName && (info === null || info === void 0 || (_info$languageCnName2 = info.languageCnName) === null || _info$languageCnName2 === void 0 ? void 0 : _info$languageCnName2.length) > 4 ? "".concat(info === null || info === void 0 || (_info$languageCnName3 = info.languageCnName) === null || _info$languageCnName3 === void 0 ? void 0 : _info$languageCnName3.slice(0, 4), "...") : (info === null || info === void 0 ? void 0 : info.languageCnName) || '--'))));
   };
   var renderAccountView = function renderAccountView() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles.box
+    return /*#__PURE__*/React.createElement(Popover, {
+      open: !!props.disabledPopContent,
+      content: props.disabledPopContent ? /*#__PURE__*/React.createElement("div", {
+        className: styles.defaultDisablePopContent
+      }, props.disabledPopContent) : null
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classNames(styles.box, _defineProperty({}, styles.boxDisabled, props.disabled))
     }, props.disabled && typeof props.disabledIcon === "string" || !props.disabled && typeof props.icon === 'string' ? /*#__PURE__*/React.createElement("img", {
       width: 48,
       height: 48,
@@ -89,12 +115,14 @@ var AccountSelect = function AccountSelect(props) {
     }, placeholder), selectedKeys.length > 0 && (props.renderSelectStatus ? props.renderSelectStatus(selectedKeys) : renderSelectInfo())), /*#__PURE__*/React.createElement("img", {
       src: (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 0 ? UpIcon : DownIcon,
       alt: "",
-      onClick: function onClick() {
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        e.preventDefault();
         if ((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 0) {
           handleClearAll === null || handleClearAll === void 0 || handleClearAll();
         }
       }
-    }));
+    })));
   };
   var onClickItem = function onClickItem(item) {
     // const newList = [];
@@ -118,22 +146,21 @@ var AccountSelect = function AccountSelect(props) {
   };
   var onSearchChange = function onSearchChange(e) {
     var _props$options2;
-    console.log(e.target.value);
     var searchValue = (e.target.value || '').toString().toLowerCase();
     var list = (_props$options2 = props.options) === null || _props$options2 === void 0 ? void 0 : _props$options2.filter(function (item) {
       var accountName = (item.accountName || '').toString().toLowerCase();
-      var ownerName = (item.ownerName || '').toString().toLowerCase();
+      var ownerName = (item.ownerUserName || '').toString().toLowerCase();
       return accountName.includes(searchValue) || ownerName.includes(searchValue);
     });
     setOptionList(list || []);
   };
   var getLanguageAndCountryList = function getLanguageAndCountryList(item) {
     var list = [];
-    if (item.country) {
-      list.push(item.country);
+    if (item.countryCnName) {
+      list.push(item.countryCnName);
     }
-    if (item.language) {
-      list.push(item.language);
+    if (item.languageCnName) {
+      list.push(item.languageCnName);
     }
     return list;
   };
@@ -143,13 +170,16 @@ var AccountSelect = function AccountSelect(props) {
       root: styles.popBox
     },
     onOpenChange: function onOpenChange(open) {
-      return setOpen(open);
+      setOpen(open);
+      if (open) {
+        setPreviewPopOpen(false);
+      }
     },
     arrow: false,
     placement: "bottomLeft",
     open: open,
     content: function content() {
-      return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
+      return !props.disabled ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Input, {
         style: {
           height: '36px',
           color: '#142A51'
@@ -163,14 +193,20 @@ var AccountSelect = function AccountSelect(props) {
         onChange: onSearchChange
       }), /*#__PURE__*/React.createElement("div", {
         className: styles.scrollBox
-      }, optionList.map(function (item) {
-        var _item$ownerName, _item$ownerName2, _item$ownerName3;
+      }, optionList.map(function (item, index) {
+        var _item$ownerUserName, _item$ownerUserName2, _item$ownerUserName3;
         var languageAndCountryList = getLanguageAndCountryList(item);
-        return /*#__PURE__*/React.createElement("div", {
+        var tipsText = item.disabledState === 2 ? '账号Token失效，请重新授权该账号，恢复账号绑定状态' : item.disabledState === 1 ? '请勿选择语言不统一的账号' : null;
+        return /*#__PURE__*/React.createElement(Tooltip, {
+          title: tipsText,
+          key: index
+        }, /*#__PURE__*/React.createElement("div", {
           key: item.id,
-          className: classNames(styles.rowBox, _defineProperty(_defineProperty(_defineProperty({}, styles.rowBoxClick, true), styles.rowBoxSelect, selectedKeys.includes(item.id)), styles.rowBoxDisable, item.disabled)),
+          className: classNames(styles.rowBox, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.rowBoxClick, true), styles.rowBoxSelect, selectedKeys.includes(item.id)), styles.rowBoxDisable, item.disabledState === 2), styles.rowBoxDisableMatchLanguage, item.disabledState === 1)),
           onClick: function onClick() {
-            return onClickItem(item);
+            if (!item.disabledState || item.disabledState < 1) {
+              onClickItem(item);
+            }
           }
         }, /*#__PURE__*/React.createElement("div", {
           className: styles.name
@@ -190,38 +226,38 @@ var AccountSelect = function AccountSelect(props) {
         }, languageAndCountryList.join('/'))), /*#__PURE__*/React.createElement("div", {
           className: styles.userWrap
         }, /*#__PURE__*/React.createElement(Tooltip, {
-          title: item.ownerName && ((_item$ownerName = item.ownerName) === null || _item$ownerName === void 0 ? void 0 : _item$ownerName.length) > 4 ? item.ownerName : ''
+          title: item.ownerUserName && ((_item$ownerUserName = item.ownerUserName) === null || _item$ownerUserName === void 0 ? void 0 : _item$ownerUserName.length) > 4 ? item.ownerUserName : ''
         }, /*#__PURE__*/React.createElement("div", {
           className: styles.userBox
-        }, item.ownerName && ((_item$ownerName2 = item.ownerName) === null || _item$ownerName2 === void 0 ? void 0 : _item$ownerName2.length) > 4 ? "".concat((_item$ownerName3 = item.ownerName) === null || _item$ownerName3 === void 0 ? void 0 : _item$ownerName3.slice(0, 4), "...") : item.ownerName))));
+        }, item.ownerUserName && ((_item$ownerUserName2 = item.ownerUserName) === null || _item$ownerUserName2 === void 0 ? void 0 : _item$ownerUserName2.length) > 4 ? "".concat((_item$ownerUserName3 = item.ownerUserName) === null || _item$ownerUserName3 === void 0 ? void 0 : _item$ownerUserName3.slice(0, 4), "...") : item.ownerUserName)))));
       }), optionList.length <= 0 && /*#__PURE__*/React.createElement(Empty, {
         image: Empty.PRESENTED_IMAGE_SIMPLE,
         description: "\u6682\u65E0\u6570\u636E"
-      })));
+      }))) : null;
     }
   }, renderAccountView());
 };
-var AccountSelectList = function AccountSelectList(props) {
-  var _React$useState7 = React.useState([]),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    accounts = _React$useState8[0],
-    setAccounts = _React$useState8[1];
+var AccountSelectList = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _props$accounts;
   var _React$useState9 = React.useState({}),
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     selectValues = _React$useState10[0],
     setSelectValues = _React$useState10[1];
-  useEffect(function () {
-    setAccounts(props.accounts.map(function (item, index) {
-      return _objectSpread({
-        key: index
-      }, item);
-    }));
-  }, [props.accounts]);
+  useImperativeHandle(ref, function () {
+    return {
+      resetSelectList: function resetSelectList() {
+        return setSelectValues({});
+      },
+      setNewsSelectAccount: function setNewsSelectAccount(selectValue) {
+        setSelectValues(selectValue);
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement(Row, {
     gutter: [32, 32]
-  }, accounts === null || accounts === void 0 ? void 0 : accounts.map(function (account, index) {
+  }, (_props$accounts = props.accounts) === null || _props$accounts === void 0 ? void 0 : _props$accounts.map(function (account, index) {
     return /*#__PURE__*/React.createElement(Col, {
-      span: 8,
+      span: props.colSpan || 8,
       key: index
     }, /*#__PURE__*/React.createElement(AccountSelect, _extends({}, account, {
       onChange: function onChange(values) {
@@ -233,6 +269,12 @@ var AccountSelectList = function AccountSelectList(props) {
       }
     })));
   }));
-};
+});
+
+// 类型扩展 - 声明 AccountSelect 包含 Group 属性
+
+// 将 AccountSelectList 附加为 AccountSelect 的静态属性
 AccountSelect.Group = AccountSelectList;
+
+// 导出带有 Group 属性的 AccountSelect
 export default AccountSelect;

package/dist/account-select/index.module.less

@@ -27,19 +27,35 @@
       .accountName {
         color: #142A51;
         font-size: 14px;
-        max-width: 66%;
-        flex: 2;
+        flex: 1;
+        min-width: 0;
       }
 
       .languageText {
+        width: max-content;
+        background: #E9F1FF;
+        border-radius: 4px;
+        border: 1px solid #004FD3;
+        padding: 4px 8px;
+
         font-size: 12px;
-        color: #9EA7B5;
-        flex: 1;
-        max-width: 33%;
+        color: #004FD3;
       }
     }
   }
 }
+.defaultDisablePopContent {
+  font-weight: 400;
+  font-size: 14px;
+  color: #FA4441;
+  line-height: 20px;
+  text-align: left;
+  font-style: normal;
+}
+
+.boxDisabled {
+  cursor: not-allowed;
+}
 
 .popBox {
   width: 481px;
@@ -66,8 +82,10 @@
     display: flex;
     flex-direction: row;
     align-items: center;
-    padding: 12px 12px;
+    padding: 6px 12px;
     gap: 12px;
+    box-sizing: border-box;
+    width: 100%;
 
     &:hover {
       background-color: #F5F7FA;
@@ -84,6 +102,7 @@
       font-size: 12px;
       color: #9EA7B5;
       flex: 1;
+      min-width: 0;
     }
 
     .countryAndLanguage {
@@ -104,6 +123,7 @@
       border-radius: 4px;
       border: 1px solid #004FD3;
       padding: 4px 8px;
+      line-height: 1;
 
       font-size: 12px;
       color: #004FD3;
@@ -124,9 +144,27 @@
 
   .rowBoxDisable {
     cursor: not-allowed;
+    border-radius: 4px;
+    background-color: rgb(254, 236, 236);
+    &:hover {
+      background-color: rgb(254, 236, 236);
+    }
+  }
 
+  .rowBoxDisableMatchLanguage {
+    cursor: not-allowed;
+    border-radius: 4px;
+    background-color: #ECEFF4;
     &:hover {
-      background-color: #fff;
+      background-color: #ECEFF4;
+    }
+  }
+}
+
+.accountPrePopBox {
+  :global {
+    .ant-popover-inner {
+      padding: 0px !important;
     }
   }
 }

package/dist/account-select/type.d.ts

@@ -20,6 +20,7 @@ export interface IAccountSelectProps {
      * 是否禁用
      */
     disabled?: boolean;
+    disabledPopContent?: string | React.ReactElement;
     /**
      * 是否多选
      */
@@ -37,7 +38,7 @@ export interface IAccountSelectProps {
      * 自定义渲染选择之后的视图
      * @param values
      */
-    renderSelectStatus: (values: (string | number)[]) => ReactElement;
+    renderSelectStatus?: (values: (string | number)[]) => ReactElement;
 }
 export interface IAccountOptionModel {
     /**
@@ -55,22 +56,27 @@ export interface IAccountOptionModel {
     /**
      * 国家
      */
-    country?: string;
+    countryCnName?: string;
+    languageCode?: string;
     /**
      * 语言
      */
-    language?: string;
+    languageCnName?: string;
     /**
      * 所属人员
      */
-    ownerName?: string;
+    ownerUserName?: string;
     /**
-     * 不可操作
+     * 1 - 语言相同,2 - 账号被废弃
      */
-    disabled?: boolean;
+    disabledState?: number;
+}
+export interface IAccountGroupAccounts extends IAccountSelectProps {
+    key: string;
 }
 export interface IAccountListProps {
-    accounts: IAccountSelectProps[];
+    accounts: IAccountGroupAccounts[];
+    colSpan?: number;
     onChange?: (selected: {
         [key: string]: string[];
     }) => void;
@@ -78,3 +84,7 @@ export interface IAccountListProps {
         [key: string]: string[];
     };
 }
+export interface IAccountListRef {
+    resetSelectList?: () => void;
+    setNewsSelectAccount?: (defaultSelectObj: any) => void;
+}

package/dist/drawer-task/index.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { DrawerClassNames } from "antd/es/drawer/DrawerPanel";
 interface DrawerTaskProps {
-    children: React.ReactNode;
-    title: string;
+    children?: React.ReactNode;
+    title?: string;
     open?: boolean;
     defaultTab?: string;
     hideDefaultOpen?: boolean;

package/dist/drawer-task/index.js

@@ -120,7 +120,9 @@ var DrawerTask = /*#__PURE__*/forwardRef(function (props, ref) {
     className: styles["drawer_wrap__right"]
   }, /*#__PURE__*/React.createElement("div", {
     className: styles["drawer_wrap__right__title"]
-  }, /*#__PURE__*/React.createElement("div", null, (currentActiveTabItem === null || currentActiveTabItem === void 0 ? void 0 : currentActiveTabItem.title) || props.title), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.titleBox
+  }, (currentActiveTabItem === null || currentActiveTabItem === void 0 ? void 0 : currentActiveTabItem.title) || props.title), /*#__PURE__*/React.createElement("div", {
     className: styles["cursor"],
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(Image, {

package/dist/drawer-task/index.module.less

@@ -89,3 +89,9 @@
   margin: 0 auto;
   margin-bottom: 16px;
 }
+
+.titleBox {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export { default as DynamicForm } from "./dynamic-form";
 export { default as DrawerTask } from "./drawer-task";
 export { default as StatusTag } from "./publish-status";
 export { default as AccountComponent } from "./publish-account";
+export { default as AccountComponentV2 } from "./publish-account2";
 export { default as AccountSelectList } from "./account-select";
 export { default as LabelSelect } from "./label-select";
 export { default as BatchLabel } from "./batch-label";
@@ -19,4 +20,5 @@ export { default as FormItem } from "./form-item";
 export { default as SoundWave } from "./sound-wave";
 export { default as AiEmpty } from "./ai-empty";
 export { default as CoverModal } from './cover-modal';
+export { default as MediaAccountPreview } from './MediaAccountPreview';
 export { mapToMockData } from "./utils";

package/dist/index.js

@@ -11,6 +11,7 @@ export { default as DynamicForm } from "./dynamic-form";
 export { default as DrawerTask } from "./drawer-task";
 export { default as StatusTag } from "./publish-status";
 export { default as AccountComponent } from "./publish-account";
+export { default as AccountComponentV2 } from "./publish-account2";
 export { default as AccountSelectList } from "./account-select";
 export { default as LabelSelect } from "./label-select";
 export { default as BatchLabel } from "./batch-label";
@@ -19,4 +20,5 @@ export { default as FormItem } from "./form-item";
 export { default as SoundWave } from "./sound-wave";
 export { default as AiEmpty } from "./ai-empty";
 export { default as CoverModal } from "./cover-modal";
+export { default as MediaAccountPreview } from "./MediaAccountPreview";
 export { mapToMockData } from "./utils";

package/dist/publish-account2/imgs/close.svg

@@ -0,0 +1,25 @@
+<?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="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--文本任务-异常情况" transform="translate(-1568.000000, -507.000000)">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 360.000000)">
+                        <g id="编组-31备份" transform="translate(252.000000, 0.000000)">
+                            <g id="编组-33" transform="translate(172.000000, 10.000000)">
+                                <rect id="矩形" fill="#D8D8D8" opacity="0" x="0" y="0" width="16" height="16"></rect>
+                                <g id="编组" transform="translate(3.000000, 3.000000)" stroke="#142A51" stroke-linecap="round" stroke-linejoin="round">
+                                    <line x1="0" y1="0" x2="10" y2="10" id="路径"></line>
+                                    <line x1="0" y1="10" x2="10" y2="0" id="路径"></line>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account2/imgs/fb.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" 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="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1144.000000, -502.000000)" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 364.000000)">
+                        <g id="facebook" transform="translate(0.000000, 1.000000)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                            <path d="M30.6666667,15.9917267 C30.6157794,8.15081431 24.4774152,1.71951574 16.6917967,1.34998948 C8.90617812,0.980463233 2.19319237,6.80180241 1.40875977,14.6030701 C0.624327162,22.4043379 6.04248736,29.4601799 13.7439479,30.6666667 L13.7439479,20.4520913 L9.98711285,20.4520913 L9.98711285,15.9917267 L13.7439479,15.9917267 L13.7439479,12.0534404 C13.7969709,9.36045579 15.9413711,7.18320482 18.6176799,7.10504615 C19.8896924,7.03924118 21.1647196,7.14613144 22.4083603,7.42283294 L22.4083603,11.0206334 L19.9940579,11.0206334 C19.4953209,11.0264153 19.0200291,11.2345205 18.6759437,11.5977659 C18.3318582,11.9610112 18.1481276,12.4486254 18.1664084,12.9500532 L18.1664084,15.9917267 L22.2955424,15.9917267 L21.6411988,20.4520913 L18.1664084,20.4520913 L18.1664084,30.6666667 C25.3684945,29.560267 30.683123,23.3210284 30.6666667,15.9917267 L30.6666667,15.9917267 Z" id="路径" fill="#1876F2"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account2/imgs/ins.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" 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>
+    <defs>
+        <linearGradient x1="14.6140845%" y1="85.3314554%" x2="85.2446009%" y2="14.7007042%" id="linearGradient-1">
+            <stop stop-color="#F9ED41" offset="0%"></stop>
+            <stop stop-color="#FF833D" offset="24.12%"></stop>
+            <stop stop-color="#EE5568" offset="40.1%"></stop>
+            <stop stop-color="#E7407B" offset="48.88%"></stop>
+            <stop stop-color="#0028FF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1144.000000, -599.000000)" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 364.000000)">
+                        <g id="instagram-fill" transform="translate(0.000000, 98.000000)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                            <g id="编组" transform="translate(1.333333, 1.333333)">
+                                <circle id="椭圆形" fill="url(#linearGradient-1)" cx="14.5302326" cy="14.5984496" r="14.5302326"></circle>
+                                <g transform="translate(5.457364, 5.457364)" fill="#FFFFFF">
+                                    <path d="M12.8930233,0.272868217 L5.18449612,0.272868217 C2.45581395,0.272868217 0.204651163,2.52403101 0.204651163,5.25271318 L0.204651163,12.9612403 C0.204651163,15.6899225 2.45581395,17.9410853 5.18449612,17.9410853 L12.8930233,17.9410853 C15.6217054,17.9410853 17.8728682,15.6899225 17.8728682,12.9612403 L17.8728682,5.25271318 C17.8728682,2.52403101 15.6217054,0.272868217 12.8930233,0.272868217 Z M16.303876,12.8248062 C16.303876,14.7348837 14.7348837,16.303876 12.8248062,16.303876 L5.32093023,16.303876 C3.41085271,16.303876 1.84186047,14.7348837 1.84186047,12.8248062 L1.84186047,5.32093023 C1.84186047,3.41085271 3.41085271,1.84186047 5.32093023,1.84186047 L12.8248062,1.84186047 C14.7348837,1.84186047 16.303876,3.41085271 16.303876,5.32093023 L16.303876,12.8248062 Z" id="形状"></path>
+                                    <path d="M9.07286822,4.57054264 C6.54883721,4.57054264 4.57054264,6.61705426 4.57054264,9.07286822 C4.57054264,11.5286822 6.61705426,13.5751938 9.07286822,13.5751938 C11.5968992,13.5751938 13.5751938,11.5286822 13.5751938,9.07286822 C13.5751938,6.61705426 11.5286822,4.57054264 9.07286822,4.57054264 Z M9.07286822,11.9379845 C7.50387597,11.9379845 6.20775194,10.6418605 6.20775194,9.07286822 C6.20775194,7.50387597 7.50387597,6.20775194 9.07286822,6.20775194 C10.6418605,6.20775194 11.9379845,7.50387597 11.9379845,9.07286822 C11.9379845,10.7100775 10.6418605,11.9379845 9.07286822,11.9379845 Z" id="形状"></path>
+                                    <path d="M14.8031008,4.36589147 C14.8031008,4.97984496 14.3255814,5.45736434 13.7116279,5.45736434 C13.0976744,5.45736434 12.620155,4.97984496 12.620155,4.36589147 C12.620155,3.75193798 13.0976744,3.2744186 13.7116279,3.2744186 C14.3255814,3.2744186 14.8031008,3.82015504 14.8031008,4.36589147 Z" id="路径"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account2/imgs/tk.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" 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="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1144.000000, -647.000000)" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 364.000000)">
+                        <g id="编组-9" transform="translate(0.000000, 146.000000)">
+                            <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                            <g id="编组" transform="translate(1.333333, 1.333333)">
+                                <circle id="椭圆形" fill="#010201" cx="14.6666667" cy="14.6666667" r="14.6666667"></circle>
+                                <g transform="translate(5.649383, 4.562963)" id="路径">
+                                    <path d="M4.95407407,15.9920988 C4.97580247,16.0138272 4.99753086,16.0138272 4.99753086,16.0355556 C5.14962963,16.1441975 5.28,16.3180247 5.43209877,16.4483951 C5.91012346,16.8395062 6.45333333,17.0567901 7.08345679,17.0785185 C8.56098765,17.1654321 9.84296296,16.057284 10.0167901,14.6014815 C10.0167901,14.5362963 10.0167901,14.4493827 10.0167901,14.3841975 C10.0167901,9.99506173 10.0167901,5.60592593 10.0167901,1.21679012 C10.0167901,0.912592593 10.0167901,0.912592593 10.3209877,0.912592593 C10.9945679,0.912592593 11.6464198,0.912592593 12.32,0.912592593 C12.3851852,0.912592593 12.4503704,0.890864198 12.5155556,0.934320988 C12.5155556,0.934320988 12.5155556,0.934320988 12.537284,0.934320988 C12.5590123,0.977777778 12.5807407,0.999506173 12.5807407,1.04296296 C12.8414815,2.2162963 13.4498765,3.17234568 14.4276543,3.88938272 C14.4928395,3.93283951 14.5362963,3.99802469 14.6014815,4.04148148 C14.6449383,4.08493827 14.6883951,4.10666667 14.7318519,4.15012346 C14.8839506,4.23703704 14.9925926,4.3891358 15.1446914,4.49777778 C15.6879012,4.95407407 16.2962963,5.2582716 16.9698765,5.43209877 C17.0350617,5.45382716 17.1002469,5.45382716 17.1437037,5.49728395 C17.1437037,5.49728395 17.1437037,5.49728395 17.1654321,5.49728395 C17.2088889,5.54074074 17.2088889,5.58419753 17.2088889,5.64938272 C17.2088889,6.43160494 17.2088889,7.19209877 17.2088889,7.97432099 C17.2088889,8.14814815 17.1871605,8.16987654 17.0133333,8.16987654 C16.4483951,8.16987654 15.8834568,8.10469136 15.3402469,7.97432099 C14.3841975,7.75703704 13.5150617,7.36592593 12.7111111,6.84444444 C12.6676543,6.82271605 12.6241975,6.75753086 12.5807407,6.77925926 C12.5155556,6.80098765 12.5590123,6.88790123 12.5590123,6.93135802 C12.5590123,9.10419753 12.5590123,11.277037 12.5590123,13.4716049 C12.5590123,14.9925926 12.0592593,16.3614815 11.0597531,17.5130864 C9.99506173,18.7516049 8.64790123,19.468642 7.04,19.6641975 C5.80148148,19.8162963 4.60641975,19.5990123 3.4982716,19.0340741 C3.32444444,18.9471605 3.15061728,18.8385185 2.97679012,18.7081481 C2.93333333,18.6646914 2.86814815,18.6212346 2.82469136,18.5777778 C2.43358025,18.2518519 2.17283951,17.8390123 1.91209877,17.4261728 C1.52098765,16.774321 1.28197531,16.0790123 1.15160494,15.3185185 C1.08641975,14.8839506 1.04296296,14.4493827 1.06469136,14.0365432 C1.15160494,12.6459259 1.60790123,11.4074074 2.49876543,10.3209877 C3.25925926,9.40839506 4.19358025,8.7782716 5.3017284,8.40888889 C5.75802469,8.25679012 6.23604938,8.14814815 6.73580247,8.12641975 C6.82271605,8.12641975 6.90962963,8.10469136 7.0182716,8.10469136 C7.0617284,8.10469136 7.10518519,8.10469136 7.14864198,8.12641975 C7.14864198,8.12641975 7.14864198,8.12641975 7.17037037,8.12641975 C7.19209877,8.16987654 7.19209877,8.21333333 7.19209877,8.25679012 C7.19209877,9.03901235 7.19209877,9.82123457 7.19209877,10.6034568 C7.19209877,10.6251852 7.19209877,10.668642 7.19209877,10.6903704 C7.19209877,10.777284 7.14864198,10.7990123 7.08345679,10.777284 C6.86617284,10.7120988 6.64888889,10.6903704 6.43160494,10.668642 C6.08395062,10.6469136 5.75802469,10.6903704 5.43209877,10.8207407 C4.34567901,11.2118519 3.69382716,11.9940741 3.56345679,13.1239506 C3.43308642,14.2538272 3.86765432,15.1446914 4.80197531,15.7965432 C4.80197531,15.8617284 4.88888889,15.9269136 4.95407407,15.9920988 Z" fill="#FFFFFF"></path>
+                                    <path d="M2.93333333,18.7081481 C2.97679012,18.6864198 2.99851852,18.7298765 3.02024691,18.7516049 C3.71555556,19.1861728 4.47604938,19.468642 5.28,19.5990123 C5.69283951,19.6641975 6.10567901,19.6859259 6.51851852,19.6641975 C7.9091358,19.5990123 9.12592593,19.142716 10.2123457,18.2518519 C11.2335802,17.4044444 11.9288889,16.3180247 12.2765432,15.0360494 C12.3851852,14.6232099 12.4503704,14.2103704 12.4720988,13.7975309 C12.4938272,13.5585185 12.4938272,13.3195062 12.4938272,13.0804938 C12.4938272,10.9945679 12.4938272,8.93037037 12.4938272,6.84444444 C12.4938272,6.80098765 12.4938272,6.75753086 12.4938272,6.69234568 C12.537284,6.67061728 12.5807407,6.71407407 12.6024691,6.73580247 C13.3412346,7.23555556 14.1451852,7.62666667 15.014321,7.84395062 C15.4923457,7.97432099 15.9703704,8.06123457 16.4701235,8.10469136 C16.665679,8.12641975 16.882963,8.12641975 17.0785185,8.12641975 C17.1654321,8.12641975 17.1654321,8.12641975 17.1654321,8.03950617 C17.1654321,7.9308642 17.1654321,7.84395062 17.1654321,7.73530864 C17.1654321,7.04 17.1654321,6.32296296 17.1654321,5.62765432 C17.1654321,5.58419753 17.1654321,5.54074074 17.1654321,5.49728395 C17.3609877,5.51901235 17.5348148,5.56246914 17.708642,5.56246914 C17.817284,5.56246914 17.9476543,5.58419753 18.0562963,5.58419753 C18.1214815,5.58419753 18.1432099,5.60592593 18.1214815,5.64938272 C18.1214815,5.67111111 18.1214815,5.69283951 18.1214815,5.7145679 C18.1214815,6.73580247 18.1214815,7.73530864 18.1214815,8.75654321 C18.1214815,8.7782716 18.1214815,8.8 18.1214815,8.8217284 C18.1214815,8.90864198 18.1214815,8.90864198 18.0345679,8.90864198 C17.708642,8.90864198 17.4044444,8.88691358 17.0785185,8.84345679 C16.4266667,8.75654321 15.8182716,8.60444444 15.2098765,8.3654321 C14.6232099,8.14814815 14.08,7.84395062 13.5802469,7.4962963 C13.5585185,7.4745679 13.5150617,7.45283951 13.4716049,7.43111111 C13.4716049,7.4962963 13.4716049,7.53975309 13.4716049,7.58320988 C13.4716049,9.79950617 13.4716049,12.0158025 13.4716049,14.2320988 C13.4716049,15.4054321 13.1674074,16.5135802 12.537284,17.5130864 C11.7767901,18.7298765 10.7120988,19.577284 9.36493827,20.0553086 C8.53925926,20.3595062 7.71358025,20.4681481 6.84444444,20.402963 C5.38864198,20.294321 4.10666667,19.7293827 3.04197531,18.7516049 C2.97679012,18.7733333 2.95506173,18.7516049 2.93333333,18.7081481 Z" fill="#CB1C54"></path>
+                                    <path d="M12.4938272,0.956049383 C12.4503704,0.956049383 12.4069136,0.956049383 12.3634568,0.956049383 C11.6464198,0.956049383 10.9293827,0.956049383 10.2123457,0.956049383 C10.0385185,0.956049383 10.0385185,0.956049383 10.0385185,1.10814815 C10.0385185,5.47555556 10.0385185,9.84296296 10.0385185,14.2103704 C10.0385185,14.5145679 10.0167901,14.8187654 9.92987654,15.1012346 C9.60395062,16.1224691 8.90864198,16.7960494 7.86567901,17.0350617 C6.73580247,17.2958025 5.77975309,16.9481481 5.01925926,16.0790123 C4.99753086,16.057284 4.99753086,16.0355556 4.99753086,16.0355556 C5.21481481,16.1224691 5.43209877,16.2093827 5.67111111,16.2528395 C6.40987654,16.4049383 7.08345679,16.2962963 7.73530864,15.8834568 C8.47407407,15.4271605 8.90864198,14.7753086 9.06074074,13.9279012 C9.08246914,13.7758025 9.10419753,13.6019753 9.10419753,13.4498765 C9.10419753,9.08246914 9.10419753,4.71506173 9.10419753,0.325925926 C9.10419753,0.13037037 9.08246914,0.152098765 9.27802469,0.152098765 C10.2775309,0.152098765 11.2987654,0.152098765 12.2982716,0.152098765 C12.32,0.152098765 12.3417284,0.152098765 12.3634568,0.152098765 C12.4720988,0.152098765 12.4720988,0.152098765 12.4720988,0.260740741 C12.4503704,0.478024691 12.4503704,0.717037037 12.4938272,0.956049383 Z" fill="#6ABAC5"></path>
+                                    <path d="M7.10518519,8.12641975 C6.49679012,8.14814815 5.88839506,8.23506173 5.3017284,8.43061728 C4.45432099,8.71308642 3.69382716,9.14765432 3.04197531,9.75604938 C2.17283951,10.5382716 1.58617284,11.5160494 1.28197531,12.6241975 C1.17333333,13.0153086 1.10814815,13.4281481 1.06469136,13.8409877 C1.04296296,14.08 1.04296296,14.3407407 1.06469136,14.5797531 C1.10814815,15.2750617 1.23851852,15.948642 1.49925926,16.5787654 C1.80345679,17.2958025 2.1945679,17.9476543 2.73777778,18.5125926 C2.73777778,18.534321 2.75950617,18.534321 2.75950617,18.5560494 C2.6291358,18.5125926 2.54222222,18.425679 2.43358025,18.3387654 C1.43407407,17.5565432 0.738765432,16.557037 0.347654321,15.3185185 C0.217283951,14.8839506 0.13037037,14.4711111 0.0869135802,14.0148148 C0.0651851852,13.6888889 0.0434567901,13.362963 0.0651851852,13.0587654 C0.108641975,12.32 0.282469136,11.602963 0.586666667,10.9293827 C0.912592593,10.2340741 1.34716049,9.60395062 1.89037037,9.06074074 C2.54222222,8.43061728 3.28098765,7.95259259 4.12839506,7.64839506 C4.67160494,7.45283951 5.21481481,7.34419753 5.77975309,7.30074074 C6.19259259,7.27901235 6.6054321,7.27901235 6.99654321,7.32246914 C7.0617284,7.32246914 7.08345679,7.34419753 7.08345679,7.40938272 C7.10518519,7.67012346 7.10518519,7.88740741 7.10518519,8.12641975 Z" fill="#6ABAC5"></path>
+                                    <path d="M4.95407407,15.9920988 C4.71506173,15.8834568 4.49777778,15.7096296 4.30222222,15.5358025 C3.80246914,15.0577778 3.52,14.4928395 3.45481481,13.8192593 C3.30271605,12.4069136 4.19358025,11.1901235 5.43209877,10.7990123 C5.95358025,10.6469136 6.49679012,10.6251852 7.0182716,10.777284 C7.04,10.777284 7.08345679,10.7990123 7.10518519,10.7990123 C7.12691358,10.7555556 7.10518519,10.7120988 7.10518519,10.668642 C7.10518519,9.86469136 7.10518519,9.08246914 7.10518519,8.27851852 C7.10518519,8.23506173 7.10518519,8.19160494 7.10518519,8.14814815 C7.40938272,8.12641975 7.71358025,8.14814815 8.01777778,8.19160494 C8.06123457,8.19160494 8.08296296,8.21333333 8.08296296,8.25679012 C8.08296296,8.27851852 8.08296296,8.30024691 8.08296296,8.32197531 C8.08296296,9.36493827 8.08296296,10.4296296 8.08296296,11.4725926 C8.08296296,11.5160494 8.08296296,11.5595062 8.06123457,11.602963 C7.9308642,11.5812346 7.77876543,11.5377778 7.64839506,11.5160494 C6.84444444,11.4074074 6.10567901,11.602963 5.45382716,12.102716 C4.88888889,12.537284 4.54123457,13.1239506 4.43259259,13.8409877 C4.30222222,14.6014815 4.45432099,15.2967901 4.88888889,15.9269136 C4.93234568,15.9269136 4.93234568,15.948642 4.95407407,15.9920988 Z" fill="#CB1C54"></path>
+                                    <path d="M14.5797531,4.06320988 C14.2755556,3.88938272 14.0148148,3.65037037 13.7540741,3.41135802 C13.1022222,2.73777778 12.6676543,1.93382716 12.4938272,0.999506173 C12.4938272,0.999506173 12.4938272,0.977777778 12.4938272,0.977777778 C12.7762963,0.956049383 13.0587654,0.977777778 13.3412346,0.977777778 C13.3846914,0.977777778 13.4064198,0.999506173 13.4064198,1.04296296 C13.4064198,1.06469136 13.4064198,1.08641975 13.4064198,1.10814815 C13.3846914,1.91209877 13.6237037,2.6291358 14.0148148,3.32444444 C14.1451852,3.56345679 14.3190123,3.80246914 14.4928395,4.01975309 C14.5580247,4.01975309 14.5797531,4.01975309 14.5797531,4.06320988 Z" fill="#CB1C54"></path>
+                                    <path d="M17.1219753,5.51901235 C16.3180247,5.34518519 15.6009877,4.97580247 14.9708642,4.43259259 C14.8839506,4.34567901 14.7753086,4.28049383 14.7101235,4.17185185 C14.7318519,4.17185185 14.7535802,4.19358025 14.7753086,4.19358025 C15.2750617,4.47604938 15.7965432,4.64987654 16.3614815,4.75851852 C16.5787654,4.80197531 16.7960494,4.8237037 17.0133333,4.8237037 C17.1002469,4.8237037 17.1002469,4.8237037 17.1002469,4.91061728 C17.1219753,5.10617284 17.1219753,5.32345679 17.1219753,5.51901235 Z" fill="#6ABAC5"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account2/imgs/tt.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" 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="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-列表模式--" transform="translate(-1047.000000, -714.000000)" fill-rule="nonzero">
+            <g id="编组-15备份-4" transform="translate(810.000000, 488.000000)">
+                <g id="编组-19备份-3" transform="translate(235.000000, 224.000000)">
+                    <g id="编组-9" transform="translate(2.000000, 2.000000)">
+                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="24" height="24"></rect>
+                        <g id="编组-41" transform="translate(1.000000, 1.000000)">
+                            <path d="M18.6916589,18.6916589 C22.9676345,14.4156834 22.9676345,7.48295721 18.6916589,3.20698166 C14.4156834,-1.06899389 7.48295721,-1.06899389 3.20698166,3.20698166 C-1.06899389,7.48295721 -1.06899389,14.4156834 3.20698166,18.6916589 C7.48295721,22.9676345 14.4156834,22.9676345 18.6916589,18.6916589 Z" id="椭圆形" fill="#000000"></path>
+                            <path d="M14.1995927,16.1468582 L15.3754548,16.1468582 L7.75131683,5.70318005 L6.48694902,5.70318005 L14.1995927,16.1468582 Z M14.9455697,4.45145591 L17.0823513,4.45145591 L12.4168341,9.96409959 L17.9041904,17.4618007 L13.6053398,17.4618007 L10.2421214,12.9100766 L6.39844327,17.4618007 L4.26166166,17.4618007 L9.24327086,11.5698467 L3.99614442,4.45145591 L8.39614442,4.45145591 L11.4306272,8.61122603 L14.9455697,4.45145591 Z" id="形状" fill="#FFFFFF"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/dist/publish-account2/imgs/yt.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" 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="发布管理" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="发布管理-任务详情--视频任务" transform="translate(-1144.000000, -695.000000)" fill-rule="nonzero">
+            <g id="编组-16" transform="translate(1040.000000, 56.000000)">
+                <g id="编组-17" transform="translate(104.000000, 81.000000)">
+                    <g id="编组-33" transform="translate(0.000000, 364.000000)">
+                        <g id="编组-11备份-2" transform="translate(0.000000, 194.000000)">
+                            <g id="编组-9">
+                                <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="32" height="32"></rect>
+                                <g id="编组" transform="translate(1.333333, 1.333333)">
+                                    <circle id="椭圆形" fill="#DA0000" cx="14.6666667" cy="14.6666667" r="14.6666667"></circle>
+                                    <path d="M23.9664198,9.97333333 C23.7491358,9.12592593 23.0755556,8.47407407 22.2281481,8.23506173 C20.7071605,7.82222222 14.5797531,7.82222222 14.5797531,7.82222222 C14.5797531,7.82222222 8.47407407,7.82222222 6.93135802,8.23506173 C6.08395062,8.45234568 5.43209877,9.12592593 5.19308642,9.97333333 C4.78024691,11.494321 4.78024691,14.6883951 4.78024691,14.6883951 C4.78024691,14.6883951 4.78024691,17.8607407 5.19308642,19.4034568 C5.41037037,20.2508642 6.08395062,20.902716 6.93135802,21.1417284 C8.45234568,21.5545679 14.5797531,21.5545679 14.5797531,21.5545679 C14.5797531,21.5545679 20.6854321,21.5545679 22.2281481,21.1417284 C23.0755556,20.9244444 23.7274074,20.2508642 23.9664198,19.4034568 C24.3792593,17.8824691 24.3792593,14.6883951 24.3792593,14.6883951 C24.3792593,14.6883951 24.3792593,11.494321 23.9664198,9.97333333 Z M12.6459259,17.6217284 L12.6459259,11.7550617 L17.7303704,14.6883951 L12.6459259,17.6217284 Z" id="形状" fill="#FFFFFF"></path>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chlp-tech/rpa-ui",
-  "version": "0.0.11-beta.1",
+  "version": "0.0.11-beta.11",
   "description": "rpa-ui",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",