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

package/PageHeader/index.js

@@ -50,7 +50,7 @@ var handHref = function handHref() {
   var lastOne = !children || children.length === 0;
   if (lastOne) {
     return {
-      href: href ? href : '#' + path
+      href: href ? href : "#".concat(path)
     };
   }
   return {};
@@ -185,7 +185,7 @@ var MenuItemPopper = function MenuItemPopper(props) {
   var handPopoverClass = function handPopoverClass() {
     var str = 'menu-item-popper';
     if (level !== 1) str += ' menu-item-popper-child';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /**
@@ -274,7 +274,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
     _useState16 = _slicedToArray(_useState15, 2),
     childList = _useState16[0],
     setChildList = _useState16[1]; // 侧边子菜单数据
-  var _useState17 = useState(""),
+  var _useState17 = useState(''),
     _useState18 = _slicedToArray(_useState17, 2),
     selectMenuCom = _useState18[0],
     setSelectMenuCom = _useState18[1]; // 当前选中菜单id
@@ -300,9 +300,9 @@ var HorizontalMenu = function HorizontalMenu(props) {
   useEffect(function () {
     handList(list || []);
     changeSize();
-    window.addEventListener("resize", changeSize);
+    window.addEventListener('resize', changeSize);
     return function () {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
       clearTimeout(timerJson.timerResize);
     };
   }, [list]);
@@ -464,7 +464,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
    */
   var handClass = function handClass() {
     var str = 'horizontal-menu-list';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /**
@@ -509,9 +509,9 @@ var HorizontalMenu = function HorizontalMenu(props) {
       return jsx(Popover, Object.assign({
         visible: openChildIndex === index,
         trigger: 'hover',
-        placement: "bottom-start",
+        placement: 'bottom-start',
         content: MenuItemPopperMemo,
-        overlayClassName: $prefixCls + '-horizontal-menu-popper',
+        overlayClassName: "".concat($prefixCls, "-horizontal-menu-popper"),
         onVisibleChange: onVisibleChange
       }, {
         children: jsxs(Ele, Object.assign({
@@ -544,9 +544,9 @@ var HorizontalMenu = function HorizontalMenu(props) {
         return jsx(Popover, Object.assign({
           visible: openChildIndex === morePos,
           trigger: 'hover',
-          placement: "bottom-start",
+          placement: 'bottom-start',
           content: MenuItemPopperMemo,
-          overlayClassName: $prefixCls + '-horizontal-menu-popper',
+          overlayClassName: "".concat($prefixCls, "-horizontal-menu-popper"),
           onVisibleChange: onVisibleChange
         }, {
           children: jsx("div", Object.assign({
@@ -586,9 +586,9 @@ var BackSelfcare = function BackSelfcare(props) {
   var handContent = function handContent() {
     return jsx(Button, Object.assign({
       startIcon: icon,
-      variant: "contained",
+      variant: 'contained',
       onClick: onClickCom,
-      size: "small"
+      size: 'small'
     }, {
       children: label
     }));
@@ -599,7 +599,7 @@ var BackSelfcare = function BackSelfcare(props) {
    */
   var handClass = function handClass() {
     var str = 'back-btn';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx(Fragment, {
@@ -623,7 +623,7 @@ var Help = function Help(props) {
    */
   var handClass = function handClass() {
     var str = 'help-btn';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsx(Fragment, {
@@ -692,7 +692,7 @@ var Language = function Language(props) {
    */
   var handClass = function handClass() {
     var str = 'language';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (showDialog) str += ' language-select';
     return str;
   };
@@ -760,9 +760,9 @@ var Language = function Language(props) {
     return jsx(Popover, Object.assign({
       trigger: 'hover',
       visible: showDialog,
-      placement: "bottom-start",
+      placement: 'bottom-start',
       content: selectPopover(),
-      overlayClassName: $prefixCls + '-horizontal-meun-right-popover',
+      overlayClassName: "".concat($prefixCls, "-horizontal-meun-right-popover"),
       onVisibleChange: onVisibleChange
     }, {
       children: jsx("div", Object.assign({
@@ -793,7 +793,7 @@ var BtnList = function BtnList(props) {
    */
   var handClass = function handClass() {
     var str = 'btn-list';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /**
@@ -920,10 +920,10 @@ var UserMenuChildren = function UserMenuChildren(props) {
   return jsx(Popover, Object.assign({
     visible: showDialogCom,
     trigger: 'hover',
-    placement: "left-start",
+    placement: 'left-start',
     content: handPopoverContent(),
     onVisibleChange: onVisibleChange,
-    overlayClassName: $prefixCls + '-horizontal-meun-right-popover ' + $prefixCls + '-horizontal-meun-right-popover-children'
+    overlayClassName: "".concat($prefixCls, "-horizontal-meun-right-popover ").concat($prefixCls, "-horizontal-meun-right-popover-children")
   }, {
     children: jsxs("div", Object.assign({
       className: handMenuClassItem(),
@@ -1014,7 +1014,7 @@ var User = function User(props) {
     var recurrenceFunc = function recurrenceFunc(daraChildArr, parent) {
       for (var i = 0, l = daraChildArr.length; i < l; i++) {
         var item = daraChildArr[i];
-        item._paraui_menu_id = '_paraui_menu_id_' + UUID(); // 设置唯一id
+        item._paraui_menu_id = "_paraui_menu_id_".concat(UUID()); // 设置唯一id
         json[item._paraui_menu_id] = item;
         if (parent) {
           var idList = DeepClone(idMap[parent._paraui_menu_id] || []);
@@ -1075,7 +1075,7 @@ var User = function User(props) {
     var handStyleWidth = function handStyleWidth() {
       var styleJson = {};
       if (posDom && posDom.current) {
-        styleJson.width = posDom.current.getBoundingClientRect().width + 'px';
+        styleJson.width = "".concat(posDom.current.getBoundingClientRect().width, "px");
       }
       return styleJson;
     };
@@ -1126,7 +1126,7 @@ var User = function User(props) {
    */
   var handClass = function handClass() {
     var str = 'logo';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     if (showDialog) str += ' logo-show-dialog';
     return str;
   };
@@ -1134,9 +1134,9 @@ var User = function User(props) {
     children: render ? render : jsx(Popover, Object.assign({
       trigger: 'hover',
       visible: showDialog,
-      placement: "bottom-start",
+      placement: 'bottom-start',
       content: selectPopover(),
-      overlayClassName: $prefixCls + '-horizontal-meun-right-popover',
+      overlayClassName: "".concat($prefixCls, "-horizontal-meun-right-popover"),
       onVisibleChange: onVisibleChange
     }, {
       children: jsx("div", Object.assign({
@@ -1164,7 +1164,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
    */
   var handClass = function handClass() {
     var str = 'horizontal-meun-right';
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   /** 返回自助服务 */
@@ -1209,14 +1209,14 @@ var PageHeader = function PageHeader(props) {
     style = props.style;
   var LeftMemo = useMemo(function () {
     return leftRender && jsx("div", Object.assign({
-      className: 'page-header-left'
+      className: "page-header-left"
     }, {
       children: leftRender
     }));
   }, [leftRender]);
   var MenuMemo = useMemo(function () {
     return props.menuListProps && jsx("div", Object.assign({
-      className: 'menu-box'
+      className: "menu-box"
     }, {
       children: jsx(HorizontalMenu, Object.assign({}, menuListProps, {
         selectMenu: selectMenu,
@@ -1231,8 +1231,8 @@ var PageHeader = function PageHeader(props) {
    * 处理class
    */
   var handClass = function handClass() {
-    var str = $prefixCls + '-page-header';
-    if (className) str += ' ' + className;
+    var str = "".concat($prefixCls, "-page-header");
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("div", Object.assign({

package/PageHeader/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';
 /** 菜单列表项参数 */
 export interface MenuChildrenProps {
     /** 样式class */

package/Pagination/index.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/12/13 2:19 PM
  * @description 分页组件
  */
-import React, { FunctionComponent } from "react";
+import React, { FunctionComponent } from 'react';
 import './index.scss';
 /**
  * sizes: 总数

package/Pagination/index.js

@@ -48,7 +48,7 @@ import '../Popover/index.js';
 
 var en = {
   total: 'Total {total}',
-  barPage: 'Bar/Page',
+  barPage: ' / page',
   prevPage: 'Prev',
   nextPage: 'Next',
   jumpTo: 'Go to',
@@ -129,7 +129,7 @@ var Pagination = function Pagination(props) {
   constData.current.autoType = autoType;
   useEffect(function () {
     return function () {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
       clearTimeout(constData.current.timer);
       clearTimeout(constData.current.timerClass);
       clearTimeout(constData.current.changePagination);
@@ -175,9 +175,9 @@ var Pagination = function Pagination(props) {
     if (type === 'complex' && autoType) {
       changeSize();
       // 复杂模式,且开启自适应模式
-      window.addEventListener("resize", changeSize);
+      window.addEventListener('resize', changeSize);
     } else {
-      window.removeEventListener("resize", changeSize);
+      window.removeEventListener('resize', changeSize);
       setTypeCom(type);
     }
   }, [type, autoType]);
@@ -213,7 +213,7 @@ var Pagination = function Pagination(props) {
     clearTimeout(constData.current.timerClass);
     var current = refDom.current;
     if (!current) return;
-    current.classList.add($prefixCls + '-pagination-over');
+    current.classList.add("".concat($prefixCls, "-pagination-over"));
     constData.current.timer = setTimeout(function () {
       if (!current) return;
       var skipDom = current.querySelector('.skip-page-memo');
@@ -229,7 +229,7 @@ var Pagination = function Pagination(props) {
         changeSize();
       }
       constData.current.timerClass = setTimeout(function () {
-        current.classList.remove($prefixCls + '-pagination-over');
+        current.classList.remove("".concat($prefixCls, "-pagination-over"));
       }, 200);
     }, 200);
   };
@@ -248,7 +248,7 @@ var Pagination = function Pagination(props) {
             if (pageCom === 1) return;
             num = 1;
             break;*/
-        case "prev":
+        case 'prev':
           if (pageCom === 1) return;
           num--;
           break;
@@ -256,11 +256,11 @@ var Pagination = function Pagination(props) {
             if (pageCom === totalPage) return;
             num = totalPage;
             break;*/
-        case "next":
+        case 'next':
           if (pageCom === totalPage) return;
           num++;
           break;
-        case "pagination":
+        case 'pagination':
           num = value;
           break;
       }
@@ -305,7 +305,7 @@ var Pagination = function Pagination(props) {
   };
   var formatNumber = function formatNumber(num) {
     var reg = /(?=(\B)(\d{3})+$)/g;
-    return num.toString().replace(reg, ",");
+    return num.toString().replace(reg, ',');
   };
   /* 总数量 */
   var TotalMemo = useMemo(function () {
@@ -334,7 +334,7 @@ var Pagination = function Pagination(props) {
     }, {
       children: jsx(Select, {
         className: 'page-line-select',
-        size: "large",
+        size: 'large',
         value: currentRowsPerPageCom,
         list: rowsPerPageCom,
         hideErrorDom: true,
@@ -382,7 +382,7 @@ var Pagination = function Pagination(props) {
           children: jsx(NavigateBefore, {})
         }))
       })), jsx(PaginationCom, {
-        prefixCls: $rcPrefixCls + '-pagination',
+        prefixCls: "".concat($rcPrefixCls, "-pagination"),
         current: pageCom,
         pageSize: currentRowsPerPageCom,
         total: total,
@@ -412,7 +412,7 @@ var Pagination = function Pagination(props) {
     }, {
       children: [jsx(Button, Object.assign({
         variant: "outlined",
-        size: "large",
+        size: 'large',
         startIcon: jsx(NavigateBefore, {}),
         onClick: clickPage('prev'),
         disabled: pageCom === 1
@@ -422,7 +422,7 @@ var Pagination = function Pagination(props) {
         })
       })), jsx(Button, Object.assign({
         variant: "outlined",
-        size: "large",
+        size: 'large',
         endIcon: jsx(Right, {}),
         onClick: clickPage('next'),
         disabled: pageCom === totalPage
@@ -447,7 +447,7 @@ var Pagination = function Pagination(props) {
         })
       }), jsx(TextField, {
         className: 'skip-page-text-field',
-        size: "large",
+        size: 'large',
         type: "number",
         value: skipValue || '',
         onChange: changeSkipValue,
@@ -463,12 +463,12 @@ var Pagination = function Pagination(props) {
   }, [skipValue, totalPage, language, locale, typeCom]);
   // 处理class
   var handClass = function handClass() {
-    var str = $prefixCls + '-pagination';
+    var str = "".concat($prefixCls, "-pagination");
     /*if (flippingArrow.indexOf('first') === -1 && flippingArrow.indexOf('prev') === -1)
         str += ' ' + $prefixCls + '-pagination-no-left-arrow';
     if (flippingArrow.indexOf('next') === -1 && flippingArrow.indexOf('last') === -1)
         str += ' ' + $prefixCls + '-pagination-no-right-arrow';*/
-    if (className) str += ' ' + className;
+    if (className) str += " ".concat(className);
     return str;
   };
   return jsxs("div", Object.assign({

package/PasswordRules/index.js

@@ -73,21 +73,21 @@ var PasswordRules = function PasswordRules(props) {
       // 处理标志
       var handFlag = function handFlag() {
         if (type === 'order') {
-          return inx + 1 + '、';
+          return "".concat(inx + 1, "\u3001");
         }
         if (result === true) return jsx(CompleteIcon, {}); // 成功
         return jsx(CloseCircleF, {});
       };
       // 处理内容
       var handLabel = function handLabel() {
-        if (typeof result !== "boolean" && result) return result;
+        if (typeof result !== 'boolean' && result) return result;
         return listItem.label;
       };
       // 处理样式
       var handClassRulesItem = function handClassRulesItem() {
         var str = 'rules-item-detail';
-        str += ' rules-item-detail-' + type;
-        if (typeof result === "boolean" && result) {
+        str += " rules-item-detail-".concat(type);
+        if (typeof result === 'boolean' && result) {
           str += ' rules-item-detail-success';
         } else {
           if (result !== undefined) str += ' rules-item-detail-error';
@@ -118,9 +118,9 @@ var PasswordRules = function PasswordRules(props) {
   };
   /** 处理className */
   var handClass = function handClass() {
-    var str = $prefixCls + '-password-rules';
-    if (className) str += ' ' + className;
-    if (boxShadow) str += ' ' + $prefixCls + '-password-rules-box-shadow';
+    var str = "".concat($prefixCls, "-password-rules");
+    if (className) str += " ".concat(className);
+    if (boxShadow) str += " ".concat($prefixCls, "-password-rules-box-shadow");
     return str;
   };
   return jsx("div", Object.assign({

package/PopConfirm/index.js

@@ -202,15 +202,15 @@ var PopConfirm = function PopConfirm(props) {
           className: 'popconfirm-message-body'
         }, {
           children: [title && jsx("div", Object.assign({
-            className: 'popconfirm-message-title'
+            className: "popconfirm-message-title"
           }, {
             children: title
           })), content && jsx("div", Object.assign({
-            className: 'popconfirm-message-content'
+            className: "popconfirm-message-content"
           }, {
             children: content
           })), description && jsx("div", Object.assign({
-            className: 'popconfirm-message-description'
+            className: "popconfirm-message-description"
           }, {
             children: description
           }))]

package/Progress/Line.d.ts

@@ -3,14 +3,14 @@
  * @date 2022/3/10 18:25
  * @description 线性进度条
  */
-import * as React from "react";
-import { ProgressProps, StringGradients, DirectionType } from "./index";
+import * as React from 'react';
+import { ProgressProps, StringGradients, DirectionType } from './index';
 interface LineProps extends ProgressProps {
     direction?: DirectionType;
     children: React.ReactNode;
 }
 /**
-* 转换 百分比 到 样式格式
+ * 转换 百分比 到 样式格式
  * {
  *     "0%": "#afc163",
  *     "75%": "#009900",
@@ -18,12 +18,12 @@ interface LineProps extends ProgressProps {
  *     "25%": "#66FF00",
  *     "100%": "#ffffff"
  *   }
-* @param gradients 渐变的参数
-* @return {string} 样式值
-*/
+ * @param gradients 渐变的参数
+ * @return {string} 样式值
+ */
 export declare const sortGradient: (gradients: StringGradients) => string;
 /**
-* 转换传进来 渐变的参数 为css样式
+ * 转换传进来 渐变的参数 为css样式
  * {
  *     "0%": "#afc163",
  *     "25%": "#66FF00",
@@ -37,9 +37,9 @@ export declare const sortGradient: (gradients: StringGradients) => string;
  *     "to": "#66FF00",// ====>  linear-gradient(to right, #afc163, #66FF00)
  *   }
  *
-* @param {string} strokeColor 颜色值
-* @return   返回 backgroundImage 的样式值
-*/
+ * @param {string} strokeColor 颜色值
+ * @return   返回 backgroundImage 的样式值
+ */
 export declare const handleGradient: (strokeColor: any, directionConfig: DirectionType) => {
     backgroundImage: string;
 };

package/Progress/Steps.d.ts

@@ -3,8 +3,8 @@
  * @date 2022/3/10 18:25
  * @description 进度条的步骤条
  */
-import * as React from "react";
-import { ProgressProps } from "./index";
+import * as React from 'react';
+import { ProgressProps } from './index';
 interface StepsProps extends ProgressProps {
     /** 一共有多少步 **/
     steps: number;

package/Progress/index.d.ts

@@ -3,21 +3,21 @@
  * @date 2022/3/10 18:25
  * @description 进度条
  */
-import React, { FunctionComponent } from "react";
-import "./index.scss";
+import React, { FunctionComponent } from 'react';
+import './index.scss';
 /** 进度条类型 **/
 declare enum ProgressTypes {
-    "line" = 0,
-    "circle" = 1,
-    "dashboard" = 2
+    'line' = 0,
+    'circle' = 1,
+    'dashboard' = 2
 }
 export type ProgressType = typeof ProgressTypes[number];
 /** 进度条状态 **/
 declare enum ProgressStatuses {
-    "normal" = 0,
-    "exception" = 1,
-    "active" = 2,
-    "success" = 3
+    'normal' = 0,
+    'exception' = 1,
+    'active' = 2,
+    'success' = 3
 }
 /** 渐变进度条入参格式 两种 **/
 export type StringGradients = {
@@ -32,7 +32,7 @@ export type ProgressGradient = {
     direction?: string;
 } & (StringGradients | FromToGradients);
 /** 进度条渐变方向 **/
-export type DirectionType = "ltr" | "rtl" | undefined;
+export type DirectionType = 'ltr' | 'rtl' | undefined;
 /** 成功的进度条的配置 **/
 export interface SuccessProps {
     /** 进度条值 **/
@@ -58,7 +58,7 @@ export interface ProgressProps {
     /** 进度条线的宽度，单位 px **/
     strokeWidth?: number;
     /** 进度条的样式 **/
-    strokeLinecap?: "butt" | "square" | "round";
+    strokeLinecap?: 'butt' | 'square' | 'round';
     /** 进度条的色彩 **/
     strokeColor?: string | ({
         direction?: string;
@@ -72,7 +72,7 @@ export interface ProgressProps {
     /** 仪表盘进度条缺口角度，可取值 0 ~ 295 **/
     gapDegree?: number;
     /** 仪表盘进度条缺口位置 **/
-    gapPosition?: "top" | "bottom" | "left" | "right";
+    gapPosition?: 'top' | 'bottom' | 'left' | 'right';
     /** 进度条总共步数 **/
     steps?: number;
     /** 渐变颜色的方向 **/