@para-ui/core 4.0.0-rc → 4.0.0-rc.1

package/Menu/index.js

@@ -33,7 +33,7 @@ var Logo = function Logo(props) {
    */
   var handClass = function handClass() {
     var str = 'menu-logo';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (!expansion) str += ' menu-logo-shrink';
     return str;
   };
@@ -66,7 +66,7 @@ var handHref = function handHref() {
   var lastOne = !children || children.length === 0;
   if (lastOne) {
     return {
-      href: href ? href : '#' + path
+      href: href ? href : "#".concat(path)
     };
   }
   return {};
@@ -162,7 +162,7 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
   var handClass = function handClass() {
     var str = 'vertical-menu-list-item';
     if (openCom) str += ' vertical-menu-list-item-open';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     var selectMenuLast = idMenuLast[selectMenu]; // 当前选中菜单的 所有上下级 一条线
     if (selectMenuLast) {
       var index = selectMenuLast.indexOf(path);
@@ -190,7 +190,7 @@ var VerticalMenuListItem = function VerticalMenuListItem(props) {
       paddingLeft: '0px'
     };
     if (level >= 0) {
-      json.paddingLeft = (level - 1) * 26 + 12 + 'px';
+      json.paddingLeft = "".concat((level - 1) * 26 + 12, "px");
     }
     return json;
   };
@@ -345,7 +345,7 @@ var MenuItemPopper = function MenuItemPopper(props) {
    * @return {string}
    */
   var handPopoverClass = function handPopoverClass() {
-    var str = $prefixCls + '-vertical-menu-item-popper';
+    var str = "".concat($prefixCls, "-vertical-menu-item-popper");
     if (color) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(color);
     if (size) str += " ".concat($prefixCls, "-vertical-menu-item-popper-").concat(size);
     if (color === 'deep') str += " ".concat($prefixCls, "-scrollbar-small-deep");else str += " ".concat($prefixCls, "-scrollbar-small");
@@ -353,7 +353,7 @@ var MenuItemPopper = function MenuItemPopper(props) {
     if (handTooltip()) {
       str += " ".concat($prefixCls, "-vertical-menu-item-popper-tooltip");
     }
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /**
@@ -639,7 +639,7 @@ var VerticalMenuList = function VerticalMenuList(props) {
     _useState22 = _slicedToArray(_useState21, 2),
     childList = _useState22[0],
     setChildList = _useState22[1]; // 侧边子菜单数据
-  var _useState23 = useState(""),
+  var _useState23 = useState(''),
     _useState24 = _slicedToArray(_useState23, 2),
     selectMenuCom = _useState24[0],
     setSelectMenuCom = _useState24[1]; // 当前选中菜单id
@@ -717,10 +717,10 @@ var VerticalMenuList = function VerticalMenuList(props) {
       var height = 100;
       var y = getTransformY(listRef.current.style.transform);
       switch (type) {
-        case "next":
+        case 'next':
           y -= height;
           break;
-        case "prev":
+        case 'prev':
           y += height;
           break;
       }
@@ -770,7 +770,7 @@ var VerticalMenuList = function VerticalMenuList(props) {
       for (var i = 0, l = daraChildArr.length; i < l; i++) {
         var item = daraChildArr[i];
         var path = item.path;
-        item._paraui_menu_id = '_paraui_menu_id_' + UUID(); // 设置唯一id
+        item._paraui_menu_id = "_paraui_menu_id_".concat(UUID()); // 设置唯一id
         if (parent) {
           var idList = DeepClone(idMap[parent.path] || []);
           idList.push(path);
@@ -927,7 +927,7 @@ var VerticalMenuList = function VerticalMenuList(props) {
    */
   var handClass = function handClass() {
     var str = 'vertical-menu-list';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /** 展开memo */
@@ -1085,7 +1085,7 @@ var FooterExpansion = function FooterExpansion(props) {
   // 处理className
   var handClass = function handClass() {
     var str = 'footer-expansion';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (!expansion) str += ' footer-expansion-shrink';
     return str;
   };
@@ -1136,8 +1136,8 @@ var Menu = function Menu(props) {
    * @return class名
    */
   var handClass = function handClass() {
-    var str = $prefixCls + '-vertical-menu';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-vertical-menu");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-vertical-menu-").concat(size);
     if (color) str += " ".concat($prefixCls, "-vertical-menu-").concat(color);
     if (!expansion) str += " ".concat($prefixCls, "-vertical-menu-shrink");

package/Menu/interface.d.ts

@@ -5,7 +5,7 @@
  */
 import React, { ReactNode } from 'react';
 /** 菜单类型 */
-export type MenuListTypeType = 'redirect' | 'router' | "iframe" | "snack" | "snackPage";
+export type MenuListTypeType = 'redirect' | 'router' | 'iframe' | 'snack' | 'snackPage';
 /** color类型 */
 export type ColorType = 'deep' | 'light';
 /** logo参数 */

package/Message/index.js

@@ -16,10 +16,10 @@ styleInject(css_248z);
 
 //图标map
 var iconMapping = {
-  'info': jsx(WarningCircleF, {}),
-  'warn': jsx(WarningCircleF, {}),
-  'error': jsx(CloseCircleF, {}),
-  'success': jsx(CompleteIcon, {})
+  info: jsx(WarningCircleF, {}),
+  warn: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  success: jsx(CompleteIcon, {})
 };
 //获取window
 var getMsgWindow = function getMsgWindow() {
@@ -37,7 +37,7 @@ var template = function template(_ref) {
     hideIcon = _ref.hideIcon;
   var item = document.createElement('div');
   item.className = "msg-item";
-  item.id = id || "";
+  item.id = id || '';
   item.innerHTML = "<div class=\"msg-wrapper message-fadeInDown msg-".concat(type, "\">\n                ").concat(icon ? "<div class=\"msg-icon\"></div>" : '', "\n                <div class=\"msg-text\"></div>\n                ").concat(close ? "<div class=\"msg-close\"></div>" : '', "\n                </div>\n    ");
   var msgWrapper = item.querySelector('.msg-wrapper');
   var msgBox = item.querySelector('.msg-text');
@@ -72,7 +72,7 @@ var MessageBar = function MessageBar(props) {
     type = props.type;
   var pId = createParentId();
   var mId = getMsgId();
-  var cls = getParentClassName(props.className || "");
+  var cls = getParentClassName(props.className || '');
   if (className) cls += " ".concat(className);
   useEffect(function () {
     var parent = document.getElementById(pId);
@@ -94,7 +94,7 @@ var MessageBar = function MessageBar(props) {
   });
 };
 var createParentId = function createParentId() {
-  return "msgbox_" + String(Math.random() * 100000 | 0 + new Date().getTime());
+  return "msgbox_".concat(String(Math.random() * 100000 | 0 + new Date().getTime()));
 };
 //消息box id
 var parentId = createParentId();
@@ -125,7 +125,7 @@ var renderContent = function renderContent(box, _ref2, removeTime, autoClose, fi
     desc: desc,
     hideIcon: hideIcon
   });
-  if (fill && item) item.classList.add("msg-item-fill");
+  if (fill && item) item.classList.add('msg-item-fill');
   box === null || box === void 0 ? void 0 : box.appendChild(item);
   var iconDom = document.querySelector("#".concat(id, " .msg-icon"));
   if (iconDom && icon && !hideIcon) ReactDOM.render(icon, iconDom);
@@ -154,7 +154,7 @@ var Msg = function Msg(config, removeTime, type, parentId) {
     duration = (_b = getMsgConf().duration) !== null && _b !== void 0 ? _b : removeTime,
     className = '';
   var autoClose = !isNaN(duration) && duration > 0;
-  if (typeof config === "string") text = config;else if (_typeof(config) === "object") {
+  if (typeof config === 'string') text = config;else if (_typeof(config) === 'object') {
     text = config.text || '';
     desc = config.desc;
     icon = config.icon || iconMapping[type];
@@ -162,7 +162,7 @@ var Msg = function Msg(config, removeTime, type, parentId) {
     hideIcon = config.hideIcon || false;
     if (config.maxCount > 0) maxCount = config.maxCount || Infinity;
   }
-  if (_typeof(config) === "object" && typeof config.close === "boolean") close = config.close;else close = !autoClose;
+  if (_typeof(config) === 'object' && typeof config.close === 'boolean') close = config.close;else close = !autoClose;
   var parent = document.getElementById(parentId);
   if (!parent) {
     parent = document.createElement('div');
@@ -185,10 +185,10 @@ var Msg = function Msg(config, removeTime, type, parentId) {
   dropEleWhenExceedLimit(parent, maxCount);
 };
 var getParentClassName = function getParentClassName(className) {
-  return "".concat($prefixCls, "-message-box").concat(className ? ' ' + className : '');
+  return "".concat($prefixCls, "-message-box").concat(className ? " ".concat(className) : '');
 };
 var getMsgId = function getMsgId() {
-  return 'msgitem_' + String(Math.random() * 100000 | 0 + new Date().getTime());
+  return "msgitem_".concat(String(Math.random() * 100000 | 0 + new Date().getTime()));
 };
 //超出maxCount 删除之前元素
 var dropEleWhenExceedLimit = function dropEleWhenExceedLimit(parent, maxCount) {

package/Modal/Confirm/index.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "../../Button";
+import { ReactNode } from 'react';
+import { ButtonProps } from '../../Button';
 import './index.scss';
-type ConfirmType = "success" | "info" | "error" | "warn" | "warning";
+type ConfirmType = 'success' | 'info' | 'error' | 'warn' | 'warning';
 interface ConfirmDialogProps {
     /**图标类型*/
     type?: ConfirmType;

package/Modal/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { ButtonProps } from '../Button';
-import { Confirm, ConfirmObject } from "./Confirm";
+import { Confirm, ConfirmObject } from './Confirm';
 import './index.scss';
 type ModalSize = 'sm' | 'md' | 'lg' | 'auto' | 'fullScreen';
 export interface ModalProps {

package/Modal/index.js

@@ -37,11 +37,11 @@ styleInject(css_248z$1);
 
 //图标
 var iconMap = {
-  "success": jsx(CompleteIcon, {}),
-  "warn": jsx(WarningCircleF, {}),
-  "warning": jsx(WarningCircleF, {}),
-  "error": jsx(CloseCircleF, {}),
-  "info": jsx(InfoOutlined, {})
+  success: jsx(CompleteIcon, {}),
+  warn: jsx(WarningCircleF, {}),
+  warning: jsx(WarningCircleF, {}),
+  error: jsx(CloseCircleF, {}),
+  info: jsx(InfoOutlined, {})
 };
 //confirm modal
 var ConfirmDialog = function ConfirmDialog(props) {

package/MultiBox/index.d.ts

@@ -5,8 +5,8 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { TextFieldProps } from '../TextField';
-import { LabelTooltipProps } from "../Label";
-import { HelperTextDetailProps } from "../HelperText";
+import { LabelTooltipProps } from '../Label';
+import { HelperTextDetailProps } from '../HelperText';
 import './index.scss';
 interface ReplaceFieldsProps {
     /** key索引 */

package/MultiBox/index.js

@@ -156,7 +156,7 @@ var MultiBox = function MultiBox(props) {
     var handLabelClass = function handLabelClass() {
       var str = 'multi-box-label';
       if (labelTooltip && labelTooltip.className) {
-        str += ' ' + labelTooltip.className;
+        str += " ".concat(labelTooltip.className);
       }
       return str;
     };
@@ -251,8 +251,8 @@ var MultiBox = function MultiBox(props) {
   };
   /** 处理class */
   var handClass = function handClass() {
-    var str = $prefixCls + '-multi-box multi-box';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-multi-box multi-box");
+    if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-multi-box-").concat(size);
     if (error) str += " ".concat($prefixCls, "-multi-box-error");
     if (disabled === true) str += " ".concat($prefixCls, "-multi-box-disabled");

package/Notification/index.js

@@ -198,7 +198,7 @@ function getNoticeProps(args, prefixCls) {
   }) : null;
   return {
     content: jsxs("div", Object.assign({
-      className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : prefixCls + '-without-description')
+      className: "".concat(iconNode ? "".concat(prefixCls, "-with-icon") : '', " ").concat(description ? '' : "".concat(prefixCls, "-without-description"))
     }, {
       children: [iconNode, jsxs("div", Object.assign({
         className: "".concat(prefixCls, "-message")

package/OperateBtn/index.d.ts

@@ -20,7 +20,7 @@ export interface OperateBtnListProps {
     /** 图标 */
     icon?: React.ReactNode;
     /** 定位方向 */
-    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top";
+    placement?: 'top-start' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top';
     /** 是否禁用 */
     disabled?: boolean;
     /** 设置危险按钮 */
@@ -49,7 +49,7 @@ export interface OperateBtnProps {
     /** 下拉框样式 */
     popoverClassName?: string;
     /** 定位方向 */
-    placement?: "top-start" | "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top";
+    placement?: 'top-start' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top';
     /** 点击是否关闭更多 */
     clickCloseMore?: boolean;
     /** 点击事件, 如果listItem里面存在onClick事件,则不触发改事件 */

package/OperateBtn/index.js

@@ -9,11 +9,12 @@ import { Tooltip } from '../Tooltip/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/typeof-c310ee4a.js';
 import '../_verture/typeof-adeedc13.js';
-import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
@@ -22,10 +23,22 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
-import '../_verture/useFormatMessage-703f8b20.js';
-import '@para-ui/core/GlobalContext';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/core/GlobalContext';
+
+var en = {
+  more: 'more'
+};
+
+var zh = {
+  more: '更多'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-operate-btn > .operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgb(213, 224, 250);\n  margin: 0 10px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-small > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-medium > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-medium button svg {\n  font-size: 18px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-large > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v4-operate-btn.paraui-v4-operate-btn-large button svg {\n  font-size: 18px;\n}\n\n.paraui-v4-operate-btn-popover .operate-btn-list {\n  padding: 4px 0;\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item {\n  padding: 0 10px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  line-height: 30px;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled:hover {\n  background-color: white;\n}\n.paraui-v4-operate-btn-popover .operate-btn-list > .operate-btn-list-item-danger {\n  color: rgb(244, 66, 66);\n}";
 styleInject(css_248z);
@@ -48,6 +61,7 @@ var OperateBtn = function OperateBtn(props) {
     loadingMapping = props.loadingMapping,
     _props$key = props.key,
     key = _props$key === void 0 ? 'key' : _props$key;
+  var intl = useFormatMessage('OperateBtn', localeJson);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     openMoreCom = _useState2[0],
@@ -132,18 +146,26 @@ var OperateBtn = function OperateBtn(props) {
   };
   // 处理handClassPopover
   var handClassPopover = function handClassPopover() {
-    var str = $prefixCls + '-operate-btn-popover';
-    if (popoverClassName) str += ' ' + popoverClassName;
+    var str = "".concat($prefixCls, "-operate-btn-popover");
+    if (popoverClassName) str += " ".concat(popoverClassName);
     return str;
   };
   var morePopoverContent = function morePopoverContent() {
     var arr = (list === null || list === void 0 ? void 0 : list.slice(showNum, list === null || list === void 0 ? void 0 : list.length)) || [];
     var handPopoverClass = function handPopoverClass(item) {
-      var str = 'operate-btn-list-item';
-      if (item.disabled) str += ' operate-btn-list-item-disabled';
-      if (item.danger) str += ' operate-btn-list-item-danger';
-      if (item.className) str += ' ' + className;
-      return str;
+      return clsx('operate-btn-list-item', item.className, {
+        'operate-btn-list-item-disabled': item.disabled,
+        'operate-btn-list-item-danger': item.danger
+      });
+    };
+    var handleBox = function handleBox(item, children, index) {
+      return jsx("div", Object.assign({
+        className: handPopoverClass(item),
+        onClick: clickItem(item, index + showNum),
+        style: style
+      }, {
+        children: children
+      }), index);
     };
     return jsx("div", Object.assign({
       className: "operate-btn-list"
@@ -154,27 +176,15 @@ var OperateBtn = function OperateBtn(props) {
             disabled: true,
             title: item.label || item.toolTipTitle
           }, {
-            children: jsx("div", Object.assign({
-              className: handPopoverClass(item),
-              onClick: clickItem(item, index + showNum),
-              style: style
-            }, {
-              children: item.label || item.toolTipTitle
-            }), index)
+            children: handleBox(item, item.label || item.toolTipTitle, index)
           }), index);
         }
-        return jsx("div", Object.assign({
-          className: handPopoverClass(item),
-          onClick: clickItem(item, index + showNum),
-          style: style
+        return handleBox(item, jsx(AutoTips, Object.assign({
+          tipMaxWidth: 'none',
+          placement: 'top-start'
         }, {
-          children: jsx(AutoTips, Object.assign({
-            tipMaxWidth: 'none',
-            placement: 'top-start'
-          }, {
-            children: item.label || item.toolTipTitle
-          }))
-        }), index);
+          children: item.label || item.toolTipTitle
+        })), index);
       })
     }));
   };
@@ -190,7 +200,7 @@ var OperateBtn = function OperateBtn(props) {
       }, {
         children: jsx(Button.IconButton, Object.assign({
           variant: 'text',
-          toolTipTitle: !openMoreCom && '更多',
+          toolTipTitle: !openMoreCom && intl('more'),
           TooltipProps: {
             placement: placement,
             arrow: false
@@ -203,14 +213,8 @@ var OperateBtn = function OperateBtn(props) {
       }))
     });
   };
-  var handClass = function handClass() {
-    var str = $prefixCls + '-operate-btn';
-    if (className) str += ' ' + className;
-    if (size) str += " ".concat($prefixCls, "-operate-btn-").concat(size);
-    return str;
-  };
   return jsxs("div", Object.assign({
-    className: handClass(),
+    className: clsx("".concat($prefixCls, "-operate-btn"), className, "".concat($prefixCls, "-operate-btn-").concat(size)),
     style: style
   }, {
     children: [list === null || list === void 0 ? void 0 : list.map(function (item, index) {