@chlp-tech/rpa-ui 0.0.16 → 0.0.17-beta-2

package/dist/account-select/index.js

@@ -24,11 +24,14 @@ import MediaAccountPreview from "../MediaAccountPreview";
 import { SearchOutlined } from "@ant-design/icons";
 import classNames from "classnames";
 import styles from "./index.module.less";
+import { useTranslation } from 'react-i18next';
 var AccountSelect = function AccountSelect(props) {
   var _props$placeholder = props.placeholder,
     placeholder = _props$placeholder === void 0 ? '请选择账号' : _props$placeholder,
     _props$multiple = props.multiple,
     multiple = _props$multiple === void 0 ? false : _props$multiple;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     open = _React$useState2[0],
@@ -189,7 +192,7 @@ var AccountSelect = function AccountSelect(props) {
             color: '#9EA7B5'
           }
         }),
-        placeholder: "\u641C\u7D22\u6210\u5458\u6216\u8D26\u53F7\u540D",
+        placeholder: props.searchPlaceholder,
         onChange: onSearchChange
       }), /*#__PURE__*/React.createElement("div", {
         className: styles.scrollBox
@@ -199,7 +202,9 @@ var AccountSelect = function AccountSelect(props) {
         var getTipsText = function getTipsText() {
           switch (item.disabledState) {
             case 1:
-              return '请勿选择语言不统一的账号';
+              return t('请勿选择语言不统一的账号', {
+                ns: 'common'
+              });
             case 2:
               return '账号Token失效，请重新授权该账号，恢复账号绑定状态';
             case 3:

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

@@ -39,6 +39,7 @@ export interface IAccountSelectProps {
      * @param values
      */
     renderSelectStatus?: (values: (string | number)[]) => ReactElement;
+    searchPlaceholder?: string;
 }
 export interface IAccountOptionModel {
     /**

package/dist/link-filter/index.d.ts

@@ -4,6 +4,11 @@ interface LinkedFilterProps {
     multipleIcon: React.ReactNode;
     config: ConfigItem[];
     isShow?: string[];
+    moreFilterText?: string;
+    moreModalConfig?: {
+        cancelNode?: string | React.ReactNode;
+        confirmNode?: string | React.ReactNode;
+    };
 }
 interface ConfigItem {
     key: string;

package/dist/link-filter/index.js

@@ -13,13 +13,13 @@ import { Form, Input, Select, Button, Modal, Badge, DatePicker, Space } from "an
 import styles from "./index.module.less";
 var Option = Select.Option;
 var RangePicker = DatePicker.RangePicker;
-var LinkedFilter = function LinkedFilter(_ref) {
-  var _config$find;
-  var _onChange = _ref.onChange,
-    config = _ref.config,
-    multipleIcon = _ref.multipleIcon,
-    _ref$isShow = _ref.isShow,
-    isShow = _ref$isShow === void 0 ? [] : _ref$isShow;
+var LinkedFilter = function LinkedFilter(props) {
+  var _config$find, _props$moreModalConfi, _props$moreModalConfi2;
+  var _onChange = props.onChange,
+    config = props.config,
+    multipleIcon = props.multipleIcon,
+    _props$isShow = props.isShow,
+    isShow = _props$isShow === void 0 ? [] : _props$isShow;
   var initialSelectValue = ((_config$find = config.find(function (item) {
     return !isShow.includes(item.key);
   })) === null || _config$find === void 0 ? void 0 : _config$find.key) || null;
@@ -43,7 +43,7 @@ var LinkedFilter = function LinkedFilter(_ref) {
     multilineForm = _Form$useForm4[0];
   useEffect(function () {
     config.forEach( /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(item) {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(item) {
         var _response;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -64,12 +64,12 @@ var LinkedFilter = function LinkedFilter(_ref) {
         }, _callee);
       }));
       return function (_x) {
-        return _ref2.apply(this, arguments);
+        return _ref.apply(this, arguments);
       };
     }());
   }, [config]);
   var handleSingleSelectChange = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var values;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -88,11 +88,11 @@ var LinkedFilter = function LinkedFilter(_ref) {
       }, _callee2);
     }));
     return function handleSingleSelectChange() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleModalOk = /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
+    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
       var values;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -112,7 +112,7 @@ var LinkedFilter = function LinkedFilter(_ref) {
       }, _callee3);
     }));
     return function handleModalOk() {
-      return _ref4.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var handleModalCancel = function handleModalCancel() {
@@ -223,13 +223,13 @@ var LinkedFilter = function LinkedFilter(_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: showMultiSelectModal,
     icon: multipleIcon
-  }, "\u66F4\u591A\u7B5B\u9009"))), /*#__PURE__*/React.createElement(Modal, {
-    title: "\u66F4\u591A\u7B5B\u9009",
+  }, props.moreFilterText || '更多筛选'))), /*#__PURE__*/React.createElement(Modal, {
+    title: props.moreFilterText || '更多筛选',
     open: isModalVisible,
     onOk: handleModalOk,
     onCancel: handleModalCancel,
-    cancelText: '取消',
-    okText: '确定'
+    cancelText: ((_props$moreModalConfi = props.moreModalConfig) === null || _props$moreModalConfi === void 0 ? void 0 : _props$moreModalConfi.cancelNode) || '取消',
+    okText: ((_props$moreModalConfi2 = props.moreModalConfig) === null || _props$moreModalConfi2 === void 0 ? void 0 : _props$moreModalConfi2.confirmNode) || '确定'
   }, /*#__PURE__*/React.createElement(Form, {
     form: multilineForm,
     labelCol: {

package/dist/media-play/index.js

@@ -72,10 +72,13 @@ var VideoPlay = function VideoPlay(_ref) {
   var handleOverlayClick = function handleOverlayClick() {
     setIsPreviewVisible(true);
   };
-  var handlePlayClick = function handlePlayClick() {
+  var handlePlayClick = function handlePlayClick(e) {
+    var _e$preventDefault, _e$stopPropagation;
     if (onPlayClick) {
       return onPlayClick();
     }
+    e === null || e === void 0 || (_e$preventDefault = e.preventDefault) === null || _e$preventDefault === void 0 || _e$preventDefault.call(e);
+    e === null || e === void 0 || (_e$stopPropagation = e.stopPropagation) === null || _e$stopPropagation === void 0 || _e$stopPropagation.call(e);
     setIsPlaying(true);
   };
   var handleClose = function handleClose() {

package/dist/publish-status/index.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useMemo } from "react";
 import styles from "./index.module.less";
 import Process from "./imgs/process.svg";
 import Wait from "./imgs/wait.svg";
@@ -7,66 +7,96 @@ 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',
-    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
-  },
-  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
-  }
+import { useTranslation } from "react-i18next";
+var useStatusHelper = function useStatusHelper() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var statusTag = useMemo(function () {
+    return {
+      0: {
+        bgColor: '#ECEFF4',
+        textColor: '#3F5270',
+        text: t('草稿', {
+          ns: 'publish'
+        }),
+        icon: Process
+      },
+      1: {
+        bgColor: '#FFF5E9',
+        textColor: '#FF8800',
+        text: t('待发布', {
+          ns: 'publish'
+        }),
+        icon: Wait
+      },
+      2: {
+        bgColor: '#E0FFDD',
+        textColor: '#3BC92B',
+        text: t('发布成功', {
+          ns: 'publish'
+        }),
+        icon: Success
+      },
+      3: {
+        bgColor: '#FEECEC',
+        textColor: '#FA4441',
+        text: t('发布异常', {
+          ns: 'publish'
+        }),
+        icon: Fail
+      },
+      4: {
+        bgColor: '#E9F1FF',
+        textColor: '#004FD3',
+        text: t('发布中', {
+          ns: 'publish'
+        }),
+        icon: Publish
+      },
+      5: {
+        bgColor: '#E9F1FF',
+        textColor: '#004FD3',
+        text: t('排队中', {
+          ns: 'publish'
+        }),
+        icon: Publish
+      },
+      6: {
+        bgColor: '#ECEFF4',
+        textColor: '#3F5270',
+        text: t('已暂停', {
+          ns: 'publish'
+        }),
+        icon: Pause
+      },
+      7: {
+        bgColor: '#E9F1FF',
+        textColor: '#004FD3',
+        text: t('审核中', {
+          ns: 'publish'
+        }),
+        icon: Publish
+      },
+      8: {
+        bgColor: '#ECEFF4',
+        textColor: '#3F5270',
+        text: t('已删除', {
+          ns: 'publish'
+        }),
+        icon: Delete
+      }
+    };
+  }, []);
+  return {
+    statusTag: statusTag
+  };
 };
 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;
+  var _useStatusHelper = useStatusHelper(),
+    statusTag = _useStatusHelper.statusTag;
   return /*#__PURE__*/React.createElement("div", {
     className: styles['status-tag'],
     style: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chlp-tech/rpa-ui",
-  "version": "0.0.16",
+  "version": "0.0.17-beta-2",
   "description": "rpa-ui",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -38,7 +38,9 @@
     "@ant-design/icons": ">=4.18.0",
     "antd": ">=5.25.0",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react-dom": ">=16.9.0",
+    "i18next": "^23.7.8",
+    "react-i18next": "^13.5.0"
   },
   "devDependencies": {
     "@ant-design/icons": "^5.5.2",
@@ -58,7 +60,9 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "stylelint": "^14.9.1",
-    "terser": "^5.33.0"
+    "terser": "^5.33.0",
+    "i18next": "^23.7.8",
+    "react-i18next": "^13.5.0"
   },
   "dependencies": {
     "@webav/av-cliper": "^1.0.11",