@para-ui/core 4.0.46 → 4.0.48

package/Badge/index.d.ts

@@ -20,6 +20,8 @@ export interface BadgeProps {
     color?: string;
     /** 偏移量 */
     offset?: [number, number];
+    /** 定位方向 默认 top-right */
+    placement?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 }
 export declare const Badge: FunctionComponent<BadgeProps>;
 export default Badge;

package/Badge/index.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-badge {\n  display: inline-block;\n  line-height: 1;\n  position: relative;\n}\n.paraui-v4-badge > .pos-box {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  transform-origin: 100% 0%;\n  height: 12px;\n  display: inline-block;\n  background-color: rgb(244, 66, 66);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-badge > .pos-box.dot {\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-badge > .pos-box.number, .paraui-v4-badge > .pos-box.text {\n  border-radius: 8px;\n  font-size: 12px;\n  min-width: 12px;\n  text-align: center;\n  line-height: 12px;\n  padding: 0 3px;\n  max-width: 60px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-badge > .pos-box.number > span, .paraui-v4-badge > .pos-box.text > span {\n  transform: scale(0.8);\n  display: inline-block;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-badge {\n  display: inline-block;\n  line-height: 1;\n  position: relative;\n}\n.paraui-v4-badge > .pos-box {\n  position: absolute;\n  height: 12px;\n  display: inline-block;\n  background-color: rgb(244, 66, 66);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-badge > .pos-box.dot {\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-badge > .pos-box.number, .paraui-v4-badge > .pos-box.text {\n  border-radius: 8px;\n  font-size: 12px;\n  min-width: 12px;\n  text-align: center;\n  line-height: 12px;\n  padding: 0 3px;\n  max-width: 60px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-badge > .pos-box.number > span, .paraui-v4-badge > .pos-box.text > span {\n  transform: scale(0.8);\n  display: inline-block;\n}\n.paraui-v4-badge.paraui-v4-badge-top-left > .pos-box {\n  top: 0;\n  left: 0;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-badge.paraui-v4-badge-top-right > .pos-box {\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n}\n.paraui-v4-badge.paraui-v4-badge-bottom-left > .pos-box {\n  bottom: 0;\n  left: 0;\n  transform: translate(-50%, 50%);\n}\n.paraui-v4-badge.paraui-v4-badge-bottom-right > .pos-box {\n  bottom: 0;\n  right: 0;\n  transform: translate(50%, 50%);\n}";
 styleInject(css_248z);
 
 const Badge = props => {
@@ -14,8 +15,29 @@ const Badge = props => {
     sign,
     backgroundColor,
     color,
-    offset
+    offset,
+    placement = 'top-right'
   } = props;
+  const constData = useRef({
+    offsetPos: {
+      'top-left': {
+        offsetX: 'left',
+        offsetY: 'top'
+      },
+      'top-right': {
+        offsetX: 'right',
+        offsetY: 'top'
+      },
+      'bottom-left': {
+        offsetX: 'left',
+        offsetY: 'bottom'
+      },
+      'bottom-right': {
+        offsetX: 'right',
+        offsetY: 'bottom'
+      }
+    }
+  });
   // 判断数据类型
   const handleType = () => {
     const type = typeof sign;
@@ -35,8 +57,10 @@ const Badge = props => {
       color
     };
     if (offset) {
-      styleSign.right = -offset[0] + 'px';
-      styleSign.marginTop = offset[1] + 'px';
+      const offsetX = constData.current.offsetPos[placement].offsetX;
+      const offsetY = constData.current.offsetPos[placement].offsetY;
+      styleSign[offsetX] = -offset[0] + 'px';
+      styleSign[offsetY] = offset[1] + 'px';
     }
     return jsxs("span", Object.assign({
       className: "pos-box ".concat(type),
@@ -55,7 +79,7 @@ const Badge = props => {
     return sign;
   };
   return jsxs("span", Object.assign({
-    className: clsx("".concat($prefixCls, "-badge"), "".concat($prefixCls, "-badge-").concat(type), className),
+    className: clsx("".concat($prefixCls, "-badge ").concat($prefixCls, "-badge-").concat(type, " ").concat($prefixCls, "-badge-").concat(placement), className),
     style: style
   }, {
     children: [children, handleSign()]

package/Cascader/index.js

@@ -1,14 +1,13 @@
-import { C as Cascader } from '../_verture/index-972707a5.js';
-export { C as default } from '../_verture/index-972707a5.js';
+import { C as Cascader } from '../_verture/index-063009f8.js';
+export { C as default } from '../_verture/index-063009f8.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
-import '../_verture/Portal-f9bedb3a.js';
+import '../_verture/Portal-42560ff0.js';
 import '../_verture/slicedToArray-75fa4188.js';
 import 'react';
 import 'react-dom';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
 import 'rc-motion';
 import 'clsx';
 import '../_verture/typeof-6ec38efd.js';

package/ComboSelect/index.js

@@ -6,7 +6,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import Close from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-6647cbf6.js';
+import { T as Tree } from '../_verture/index-72981a9e.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-bde7aabe.js';
 import { Popover } from '../Popover/index.js';
@@ -59,10 +59,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
+import '../ScrollBar/index.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/CycleSelector/index.js

@@ -19,9 +19,6 @@ import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/typeof-adeedc13.js';
 import '../AutoTips/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -31,7 +28,7 @@ import '@paraview/lib';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';
-import '../_verture/defineProperty-6f62bb2a.js';
+import '../_verture/defineProperty-f0e15205.js';
 import 'rc-picker';
 import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';

package/DatePicker/index.js

@@ -2,7 +2,7 @@ import dayjsGenerateConfig from 'rc-picker/es/generate/dayjs';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Button } from '../Button/index.js';
 import { Tag } from '../Tag/index.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { forwardRef, useImperativeHandle } from 'react';
 import clsx from 'clsx';
@@ -33,9 +33,6 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/Close';
 import '@para-ui/icons/EditOutline';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/typeof-adeedc13.js';
 import '../_verture/tinycolor-ece3542d.js';
 import '../_verture/useGlobalProps-4ae1a007.js';
 import '@para-ui/icons/Plus';

package/DynamicMultiBox/index.js

@@ -70,11 +70,11 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-6647cbf6.js';
+import '../ScrollBar/index.js';
+import '../_verture/index-72981a9e.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-bc7b7394.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-caffc0da.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -71,10 +71,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-6647cbf6.js';
+import '../ScrollBar/index.js';
+import '../_verture/index-72981a9e.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-bc7b7394.js';
+export { F as default } from '../_verture/index-caffc0da.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -71,10 +71,10 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-6647cbf6.js';
+import '../ScrollBar/index.js';
+import '../_verture/index-72981a9e.js';
 import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/defineProperty-6f62bb2a.js';
-import '../_verture/typeof-adeedc13.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Image/index.js

@@ -2,10 +2,9 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-f9bedb3a.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-42560ff0.js';
+import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
 import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
 import CSSMotion from 'rc-motion';

package/README.md

@@ -1,3 +1,13 @@
+## 🎉 para-ui/core@4.0.48 发布
+
+🔧【Bugfix】
+- 【消息角标-Badge】消息角标新增placement，支持4个角落定位
+
+## 🎉 para-ui/core@4.0.47 发布
+
+🔧【Bugfix】
+- 【表格-Table】表格新增虚拟滚动
+
 ## 🎉 para-ui/core@4.0.46 发布
 
 🎁【Feature】

package/ScrollBar/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @author linhd
+ * @date 2024/12/13 11:15
+ * @description 自定义滚动条
+ */
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+interface Props {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 模式 横 竖 */
+    type?: 'horizontal' | 'vertical';
+    /** 滚动总长 */
+    scrollTotalLength?: number;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 颜色 */
+    color?: 'deep' | 'light';
+    /** 外部滚动距离 */
+    scrollLength?: number;
+    /** 滚动事件 */
+    onScroll?: (val: number) => void;
+}
+declare const ScrollBar: FunctionComponent<Props>;
+export default ScrollBar;

package/ScrollBar/index.js

@@ -0,0 +1,153 @@
+import { jsx } from 'react/jsx-runtime';
+import { useRef, useEffect } from 'react';
+import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-scroll-bar {\n  overflow: hidden;\n  position: relative;\n}\n.paraui-v4-scroll-bar > .slider {\n  position: relative;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-horizontal {\n  width: 100%;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-horizontal > .slider {\n  height: 100%;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-vertical {\n  height: 100%;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-vertical > .slider {\n  width: 100%;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small > .slider, .paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium > .slider {\n  border-radius: 4px;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small.paraui-v4-scroll-bar-horizontal, .paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium.paraui-v4-scroll-bar-horizontal {\n  height: 4px;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-small.paraui-v4-scroll-bar-vertical, .paraui-v4-scroll-bar.paraui-v4-scroll-bar-medium.paraui-v4-scroll-bar-vertical {\n  width: 4px;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large > .slider {\n  border-radius: 8px;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large.paraui-v4-scroll-bar-horizontal {\n  height: 8px;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-large.paraui-v4-scroll-bar-vertical {\n  width: 8px;\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light > .slider {\n  background-color: rgb(161, 168, 179);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light > .slider:hover {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-light.paraui-v4-scroll-bar-move > .slider {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep {\n  background-color: rgb(92, 101, 115);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep > .slider {\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep > .slider:hover {\n  background-color: rgb(161, 168, 179);\n}\n.paraui-v4-scroll-bar.paraui-v4-scroll-bar-deep.paraui-v4-scroll-bar-move > .slider {\n  background-color: rgb(161, 168, 179);\n}";
+styleInject(css_248z);
+
+const ScrollBar = props => {
+  const {
+    className,
+    style,
+    type = 'vertical',
+    size = 'large',
+    color = 'light',
+    scrollTotalLength,
+    scrollLength,
+    onScroll
+  } = props;
+  const boxRef = useRef(null);
+  const sliderRef = useRef(null);
+  const constData = useRef({
+    typeMap: {
+      vertical: {
+        length: 'height',
+        movePage: 'pageY',
+        pos: 'top',
+        startPos: 'offsetTop'
+      },
+      horizontal: {
+        length: 'width',
+        movePage: 'pageX',
+        pos: 'left',
+        startPos: 'offsetLeft'
+      }
+    },
+    moveMaxLength: 0,
+    startLength: 0,
+    visualWindowLength: 0,
+    scrollTotalLength: 0,
+    sliderLength: 0,
+    scrollLength: 0
+  });
+  constData.current.scrollTotalLength = scrollTotalLength;
+  constData.current.scrollLength = scrollLength;
+  useEffect(() => {
+    intl();
+    window.addEventListener('resize', resize);
+    return () => {
+      window.removeEventListener("resize", resize);
+    };
+  }, []);
+  useEffect(() => {
+    handleSliderLength();
+    handleTop();
+  }, [scrollLength, scrollTotalLength]);
+  const resize = () => {
+    handleSliderLength();
+    handleTop();
+  };
+  // 计算滑块的 宽 高
+  const handleSliderLength = () => {
+    const boxRefEle = boxRef.current;
+    const sliderRefEle = sliderRef.current;
+    if (!scrollTotalLength || !boxRefEle || !sliderRefEle) return;
+    const boxRefEleRect = boxRefEle.getBoundingClientRect();
+    const lengthName = constData.current.typeMap[type].length;
+    const visualWindowLengthCom = boxRefEleRect[lengthName];
+    // 可视窗口长度 / 总长 * 可视窗口长度
+    let sliderLength = visualWindowLengthCom / scrollTotalLength * visualWindowLengthCom;
+    if (sliderLength < 16) sliderLength = 16;
+    sliderRefEle.style[lengthName] = sliderLength / visualWindowLengthCom * 100 + '%';
+    constData.current.moveMaxLength = visualWindowLengthCom - sliderLength;
+    constData.current.visualWindowLength = visualWindowLengthCom;
+    constData.current.sliderLength = sliderLength;
+  };
+  // 初始化
+  const intl = () => {
+    const boxRefEle = boxRef.current;
+    const sliderRefEle = sliderRef.current;
+    if (!boxRefEle || !sliderRefEle) return;
+    const pos = constData.current.typeMap[type].pos;
+    const startPos = constData.current.typeMap[type].startPos;
+    const movePage = constData.current.typeMap[type].movePage;
+    // 移动
+    const moveFunc = (event, e) => {
+      let moveLength = event[movePage] - e[movePage]; // 鼠标移动的距离
+      moveLength = constData.current.startLength + moveLength;
+      if (moveLength < 0) moveLength = 0;
+      if (moveLength > constData.current.moveMaxLength) moveLength = constData.current.moveMaxLength;
+      sliderRefEle.style[pos] = moveLength / constData.current.visualWindowLength * 100 + '%';
+      onScroll && onScroll(moveLength / constData.current.moveMaxLength * constData.current.scrollTotalLength);
+    };
+    // 抬起
+    const endFunc = () => {
+      boxRefEle.classList.remove("".concat($prefixCls, "-scroll-bar-move"));
+    };
+    boxRefEle.onmousedown = e => {
+      boxRefEle.classList.add("".concat($prefixCls, "-scroll-bar-move"));
+      constData.current.startLength = sliderRefEle[startPos];
+      document.onmousemove = event => {
+        moveFunc(event, e);
+      };
+      document.onmouseup = () => {
+        document.onmousemove = null;
+        document.onmouseup = null;
+        endFunc();
+      };
+    };
+    boxRefEle.ontouchstart = touchE => {
+      touchE.preventDefault();
+      const e = touchE.touches[0];
+      constData.current.startLength = sliderRefEle[startPos];
+      document.ontouchmove = touchEvent => {
+        touchEvent.preventDefault();
+        const event = touchEvent.touches[0];
+        moveFunc(event, e);
+        return false;
+      };
+      // 鼠标抬起
+      document.ontouchend = () => {
+        document.ontouchmove = null;
+        document.ontouchend = null;
+        endFunc();
+      };
+      return false;
+    };
+  };
+  // 处理鼠标滚轮滚动top定位
+  const handleTop = () => {
+    const sliderRefEle = sliderRef.current;
+    if (!sliderRefEle) return;
+    const pos = constData.current.typeMap[type].pos;
+    // 当前组件滚动总长与总长比
+    const a = constData.current.moveMaxLength / constData.current.visualWindowLength;
+    // 真实滚动总长与总长比
+    let b = Number(constData.current.scrollLength) / constData.current.scrollTotalLength;
+    sliderRefEle.style[pos] = a * b * 100 + '%';
+  };
+  return jsx("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-scroll-bar ").concat($prefixCls, "-scroll-bar-").concat(type, " ").concat($prefixCls, "-scroll-bar-").concat(size, " ").concat($prefixCls, "-scroll-bar-").concat(color), className),
+    style: style,
+    ref: boxRef
+  }, {
+    children: jsx("div", {
+      ref: sliderRef,
+      className: 'slider'
+    })
+  }));
+};
+
+export { ScrollBar as default };

package/SingleBox/index.js

@@ -39,8 +39,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-single-box {\n  display: inline-block;\n  width: 100%;\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}\n.paraui-v4-single-box > .single-box-content {\n  line-height: 0;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item {\n  display: flex;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item .content-box {\n  flex: 1;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item .content-box .single-box-text-field .paraui-v4-helper-text {\n  min-height: 10px;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box {\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-single-box > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-single-box > .single-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-single-box > .single-box-add > svg {\n  font-size: 16px;\n  color: rgb(46, 101, 230);\n  margin-right: 4px;\n}\n.paraui-v4-single-box > .single-box-add:hover {\n  border-color: rgb(87, 131, 235);\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  cursor: not-allowed;\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover {\n  background-color: transparent;\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box:hover svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-content > .single-box-content-item > .opera-box > .del-box svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-add {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n  background-color: rgb(247, 248, 250);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-add > svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-single-box.paraui-v4-single-box-disabled > .single-box-add:hover {\n  border-color: rgb(212, 218, 227);\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-single-box.paraui-v4-single-box-small > .single-box-content > .single-box-content-item > .opera-box {\n  height: 28px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-small > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 28px;\n  height: 28px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-small > .single-box-add {\n  height: 28px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-medium > .single-box-content > .single-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-medium > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-medium > .single-box-add {\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-large > .single-box-content > .single-box-content-item > .opera-box {\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-large > .single-box-content > .single-box-content-item > .opera-box > .del-box {\n  width: 32px;\n  height: 32px;\n}\n.paraui-v4-single-box.paraui-v4-single-box-large > .single-box-add {\n  height: 32px;\n}";

package/Stepper/index.js

@@ -24,7 +24,7 @@ import '@para-ui/icons/Forbid';
 import '@paraview/lib';
 
 //默认图标
-var Icons = {
+const Icons = {
   1: jsx(One, {
     size: "medium"
   }),