@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/SingleBox/index.js

@@ -1,6 +1,3 @@
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { TextField } from '../TextField/index.js';
@@ -8,28 +5,27 @@ import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import PlusCircleF from '@para-ui/icons/PlusCircleF';
 import Delete from '@para-ui/icons/Delete';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
+import { Tooltip } from '../Tooltip/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@paraview/lib';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../AutoTips/index.js';
-import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Forbid';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/useGlobalProps-1e416658.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
@@ -43,56 +39,50 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  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}";
 styleInject(css_248z);
 
-var SingleBox = function SingleBox(props) {
-  var className = props.className,
-    style = props.style,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
-    _props$label = props.label,
-    label = _props$label === void 0 ? '' : _props$label,
-    labelTooltip = props.labelTooltip,
-    labelSign = props.labelSign,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    hideErrorDom = props.hideErrorDom,
-    _props$helperText = props.helperText,
-    helperText = _props$helperText === void 0 ? '' : _props$helperText,
-    value = props.value,
-    onChange = props.onChange,
-    fetchSuggestions = props.fetchSuggestions,
-    otherProps = props.otherProps;
-  var isError = helperText && typeof helperText === 'string' ? true : false;
-  var isErrorArr = helperText instanceof Array;
-  var intl = useFormatMessage('SingleBox', localeJson);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    valueCom = _useState2[0],
-    setValueCom = _useState2[1];
-  useEffect(function () {
-    if (props.defaultValue !== undefined) setValueCom(_toConsumableArray(props.defaultValue));
+const SingleBox = props => {
+  const {
+    className,
+    style,
+    size = 'large',
+    placeholder = '',
+    label = '',
+    labelTooltip,
+    labelSign,
+    disabled = false,
+    disabledTooltip,
+    required = false,
+    hideErrorDom,
+    helperText = '',
+    value,
+    onChange,
+    fetchSuggestions,
+    otherProps
+  } = props;
+  const isError = helperText && typeof helperText === 'string' ? true : false;
+  const isErrorArr = helperText instanceof Array;
+  const intl = useFormatMessage('SingleBox', localeJson);
+  const [valueCom, setValueCom] = useState([]);
+  useEffect(() => {
+    if (props.defaultValue !== undefined) setValueCom([...props.defaultValue]);
   }, []);
-  useEffect(function () {
-    if (value !== undefined) setValueCom(_toConsumableArray(value));
+  useEffect(() => {
+    if (value !== undefined) setValueCom([...value]);
   }, [value]);
   /** 处理错误 */
-  var handError = function handError(index) {
-    var obj = {
+  const handError = index => {
+    let obj = {
       error: false,
       helperText: ''
     };
     if (isErrorArr) {
-      var errorItem = helperText[index];
+      const errorItem = helperText[index];
       if (errorItem) {
         obj = {
           error: true,
@@ -103,50 +93,44 @@ var SingleBox = function SingleBox(props) {
     return obj;
   };
   /** 增加 */
-  var add = function add() {
+  const add = () => {
     if (disabled) return;
     valueCom.push('');
-    if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
+    if (props.value === undefined) setValueCom([...valueCom]);
     onChange && onChange(valueCom);
   };
   /** 删除 */
-  var del = function del(index) {
-    return function () {
-      if (disabled) return;
-      valueCom.splice(index, 1);
-      if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
-      onChange && onChange(valueCom);
-    };
+  const del = index => () => {
+    if (disabled) return;
+    valueCom.splice(index, 1);
+    if (props.value === undefined) setValueCom([...valueCom]);
+    onChange && onChange(valueCom);
   };
   /**
    * 改变输入框
    * @param index
    */
-  var changeInput = function changeInput(index) {
-    return function (event) {
-      valueCom[index] = event.target.value;
-      if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
-      onChange && onChange(valueCom);
-    };
+  const changeInput = index => event => {
+    valueCom[index] = event.target.value;
+    if (props.value === undefined) setValueCom([...valueCom]);
+    onChange && onChange(valueCom);
   };
   /** 选择值*/
-  var selectValue = function selectValue(index) {
-    return function (item) {
-      valueCom[index] = item;
-      if (_typeof(item) === 'object' && item !== null) {
-        valueCom[index] = item.value;
-      }
-      if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
-      onChange && onChange(valueCom);
-    };
+  const selectValue = index => item => {
+    valueCom[index] = item;
+    if (typeof item === 'object' && item !== null) {
+      valueCom[index] = item.value;
+    }
+    if (props.value === undefined) setValueCom([...valueCom]);
+    onChange && onChange(valueCom);
   };
   /**
    * 处理label
    * */
-  var handLabel = function handLabel() {
+  const handLabel = () => {
     if (!label && !labelSign) return null;
-    var handLabelClass = function handLabelClass() {
-      var str = 'single-box-label';
+    const handLabelClass = () => {
+      let str = 'single-box-label';
       if (labelTooltip && labelTooltip.className) {
         str += " ".concat(labelTooltip.className);
       }
@@ -161,13 +145,42 @@ var SingleBox = function SingleBox(props) {
     }));
   };
   /** 处理class */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-single-box");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-single-box");
     if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-single-box-").concat(size);
     if (disabled) str += " ".concat($prefixCls, "-single-box-disabled");
     return str;
   };
+  /**
+   * 处理添加按钮
+   * */
+  const handleAddBtn = () => {
+    return jsxs("div", Object.assign({
+      className: "single-box-add",
+      onClick: add
+    }, {
+      children: [jsx(PlusCircleF, {}), jsx("span", {
+        children: intl({
+          id: 'add'
+        })
+      })]
+    }));
+  };
+  /**
+   * 处理添加按钮是否带提示
+   * */
+  const handleAddBtnTooltip = () => {
+    if (disabledTooltip) {
+      return jsx(Tooltip, Object.assign({
+        disabled: true,
+        placement: disabledTooltip.placement || 'top'
+      }, disabledTooltip, {
+        children: handleAddBtn()
+      }));
+    }
+    return handleAddBtn();
+  };
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style
@@ -175,7 +188,7 @@ var SingleBox = function SingleBox(props) {
     children: [handLabel(), jsx("div", Object.assign({
       className: "single-box-content"
     }, {
-      children: valueCom.map(function (item, index) {
+      children: valueCom.map((item, index) => {
         return jsxs("div", Object.assign({
           className: "single-box-content-item"
         }, {
@@ -205,16 +218,7 @@ var SingleBox = function SingleBox(props) {
           }))]
         }), index);
       })
-    })), jsxs("div", Object.assign({
-      className: "single-box-add",
-      onClick: add
-    }, {
-      children: [jsx(PlusCircleF, {}), jsx("span", {
-        children: intl({
-          id: 'add'
-        })
-      })]
-    })), jsx(HelperText, {
+    })), handleAddBtnTooltip(), jsx(HelperText, {
       className: "single-box-error",
       error: isError,
       helperText: isError ? helperText : undefined,

package/Slider/index.js

@@ -1,42 +1,37 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcSlider, { Range, SliderTooltip, Handle } from 'rc-slider';
 import clsx from 'clsx';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/4 下午2:58\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-slider {\n  position: relative;\n  height: 2px;\n  padding: 0;\n  width: 100%;\n  border-radius: 4px;\n  touch-action: none;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.paraui-v4-slider .component-slider-rail {\n  position: absolute;\n  width: 100%;\n  background-color: rgb(234, 236, 241);\n  height: 2px;\n  border-radius: 4px;\n}\n.paraui-v4-slider .component-slider-track {\n  position: absolute;\n  left: 0;\n  height: 2px;\n  border-radius: 4px;\n  background-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-handle {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  cursor: pointer;\n  margin-top: -5px;\n  border-radius: 50%;\n  border: solid 2px rgb(46, 101, 230);\n  background-color: rgb(255, 255, 255);\n  touch-action: pan-x;\n}\n.paraui-v4-slider .component-slider-handle-dragging {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:focus {\n  outline: none;\n}\n.paraui-v4-slider .component-slider-handle-click-focused:focus {\n  border-color: rgb(46, 101, 230);\n  box-shadow: unset;\n}\n.paraui-v4-slider .component-slider-handle:hover {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-handle:active {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 5px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n  cursor: grabbing;\n}\n.paraui-v4-slider .component-slider-mark {\n  position: absolute;\n  top: 8px;\n  left: 0;\n  width: 100%;\n  font-size: 12px;\n}\n.paraui-v4-slider .component-slider-mark-text {\n  position: absolute;\n  display: inline-block;\n  vertical-align: middle;\n  text-align: center;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-mark-text-active {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-slider .component-slider-step {\n  position: absolute;\n  width: 100%;\n  height: 2px;\n  background: transparent;\n}\n.paraui-v4-slider .component-slider-dot {\n  position: absolute;\n  bottom: -3px;\n  margin-left: -4px;\n  width: 8px;\n  height: 8px;\n  border: solid 2px rgb(234, 236, 241);\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  border-radius: 50%;\n  vertical-align: middle;\n}\n.paraui-v4-slider .component-slider-dot:hover {\n  border-color: rgb(46, 101, 230);\n  box-shadow: 0 0 4px rgb(213, 224, 250);\n  outline: 2px solid rgb(213, 224, 250);\n}\n.paraui-v4-slider .component-slider-dot-active {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-slider .component-slider-dot-reverse {\n  margin-right: -4px;\n}\n.paraui-v4-slider.component-slider-disabled {\n  background-color: rgb(234, 236, 241);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle {\n  box-shadow: none !important;\n  outline: none !important;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-track {\n  background-color: rgb(161, 168, 179);\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-handle, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n  border-color: rgb(161, 168, 179);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n  cursor: not-allowed;\n}\n.paraui-v4-slider.component-slider-disabled .component-slider-mark-text, .paraui-v4-slider.component-slider-disabled .component-slider-dot {\n  cursor: not-allowed !important;\n}\n.paraui-v4-slider.component-slider-vertical {\n  width: 14px;\n  height: 100%;\n  padding: 0 5px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-rail {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-track {\n  left: 5px;\n  bottom: 0;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-handle {\n  margin-left: -4px;\n  touch-action: pan-y;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-mark {\n  top: 0;\n  left: 18px;\n  height: 100%;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-step {\n  height: 100%;\n  width: 4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot {\n  left: 0px;\n  margin-bottom: -4px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:first-child {\n  margin-bottom: -4px;\n  margin-left: -2px;\n}\n.paraui-v4-slider.component-slider-vertical .component-slider-dot:last-child {\n  margin-bottom: -4px;\n  margin-left: -2px;\n}\n\n.component-slider {\n  /*&-tooltip-arrow {\n    display: none;\n    position: absolute;\n    width: 0;\n    height: 0;\n    border-color: transparent;\n    border-style: solid;\n  }\n\n  &-tooltip-placement-top &-tooltip-arrow {\n    bottom: 4px;\n    left: 50%;\n    margin-left: -4px;\n    border-width: 4px 4px 0;\n    border-top-color: #6c6c6c;\n  }*/\n}\n.component-slider-tooltip {\n  position: absolute;\n  display: block;\n  left: -9999px;\n  top: -9999px;\n  max-width: 250px;\n  z-index: 1500;\n  visibility: visible;\n  box-sizing: border-box;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n.component-slider-tooltip-hidden {\n  display: none;\n}\n.component-slider-tooltip-inner {\n  min-width: 24px;\n  font-size: 14px;\n  line-height: 1;\n  color: rgb(92, 101, 115);\n  text-align: center;\n  text-decoration: none;\n  background-color: transparent;\n  border-radius: 6px;\n  white-space: nowrap;\n  box-shadow: none;\n}\n.component-slider-tooltip-placement-top {\n  top: -18px !important;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-duration: 0.3s;\n  animation-fill-mode: both;\n  display: block !important;\n  animation-play-state: paused;\n}\n.component-slider-tooltip-zoom-down-enter.component-slider-tooltip-zoom-down-enter-active, .component-slider-tooltip-zoom-down-appear.component-slider-tooltip-zoom-down-appear-active {\n  animation-name: sliderTooltipZoomDownIn;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-leave.component-slider-tooltip-zoom-down-leave-active {\n  animation-name: sliderTooltipZoomDownOut;\n  animation-play-state: running;\n}\n.component-slider-tooltip-zoom-down-enter, .component-slider-tooltip-zoom-down-appear {\n  transform: scale(0, 0);\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n.component-slider-tooltip-zoom-down-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n@keyframes sliderTooltipZoomDownIn {\n  0% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n  100% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n}\n@keyframes sliderTooltipZoomDownOut {\n  0% {\n    transform-origin: 50% 100%;\n    transform: scale(1, 1);\n  }\n  100% {\n    opacity: 0;\n    transform-origin: 50% 100%;\n    transform: scale(0, 0);\n  }\n}";
 styleInject(css_248z);
 
 //slider 滑块
-var Slider = function Slider(props) {
-  var range = props.range,
-    step = props.step,
-    className = props.className,
+const Slider = props => {
+  const {
+      range,
+      step,
+      className
+    } = props,
     restProps = __rest(props, ["range", "step", "className"]);
-  var prefixCls = "".concat($rcPrefixCls, "-slider");
-  var tooltipPrefixCls = "".concat($rcPrefixCls, "-slider-tooltip");
-  var draggableTrack;
-  if (_typeof(range) === 'object') {
+  const prefixCls = "".concat($rcPrefixCls, "-slider");
+  const tooltipPrefixCls = "".concat($rcPrefixCls, "-slider-tooltip");
+  let draggableTrack;
+  if (typeof range === 'object') {
     draggableTrack = range.draggableTrack;
   }
-  var _React$useState = React__default.useState({}),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visibles = _React$useState2[0],
-    setVisibles = _React$useState2[1]; //是否显示
+  const [visibles, setVisibles] = React__default.useState({}); //是否显示
   //切换tooltip 是否显示
-  var toggleTooltipVisible = function toggleTooltipVisible(index, visible) {
-    setVisibles(function (prev) {
-      return Object.assign(Object.assign({}, prev), _defineProperty({}, index, visible));
-    });
+  const toggleTooltipVisible = (index, visible) => {
+    setVisibles(prev => Object.assign(Object.assign({}, prev), {
+      [index]: visible
+    }));
   };
   //获得tooltip 显示位置
-  var getTooltipPlacement = function getTooltipPlacement(tooltipPlacement, vertical) {
+  const getTooltipPlacement = (tooltipPlacement, vertical) => {
     if (tooltipPlacement) {
       return tooltipPlacement;
     }
@@ -46,28 +41,30 @@ var Slider = function Slider(props) {
     return 'right';
   };
   //提示格式化
-  var tipFormatterFn = function tipFormatterFn(value) {
+  const tipFormatterFn = value => {
     return typeof value === 'number' ? value.toString() : '';
   };
   //handle with tooltip
-  var handleWithTooltip = function handleWithTooltip(config) {
-    var tooltipPrefixCls = config.tooltipPrefixCls,
+  const handleWithTooltip = config => {
+    const {
+        tooltipPrefixCls
+      } = config,
       _a = config.info,
-      value = _a.value,
-      index = _a.index,
-      dragging = _a.dragging,
+      {
+        value,
+        index,
+        dragging
+      } = _a,
       restProps = __rest(_a, ["value", "index", "dragging"]);
-    var _props$tipFormatter = props.tipFormatter,
-      tipFormatter = _props$tipFormatter === void 0 ? tipFormatterFn : _props$tipFormatter,
-      tooltipVisible = props.tooltipVisible,
-      tooltipPlacement = props.tooltipPlacement,
-      _props$getTooltipPopu = props.getTooltipPopupContainer,
-      getTooltipPopupContainer = _props$getTooltipPopu === void 0 ? function (triggerNode) {
-        return triggerNode;
-      } : _props$getTooltipPopu,
-      vertical = props.vertical;
-    var isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
-    var visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
+    const {
+      tipFormatter = tipFormatterFn,
+      tooltipVisible,
+      tooltipPlacement,
+      getTooltipPopupContainer = triggerNode => triggerNode,
+      vertical
+    } = props;
+    const isTipFormatter = tipFormatter ? visibles[index] || dragging : false;
+    const visible = tooltipVisible || tooltipVisible === undefined && isTipFormatter;
     return jsx(SliderTooltip, Object.assign({
       prefixCls: tooltipPrefixCls,
       overlay: tipFormatter ? tipFormatter(value) : '',
@@ -78,12 +75,8 @@ var Slider = function Slider(props) {
     }, {
       children: jsx(Handle, Object.assign({}, restProps, {
         value: value,
-        onMouseEnter: function onMouseEnter() {
-          return toggleTooltipVisible(index, true);
-        },
-        onMouseLeave: function onMouseLeave() {
-          return toggleTooltipVisible(index, false);
-        }
+        onMouseEnter: () => toggleTooltipVisible(index, true),
+        onMouseLeave: () => toggleTooltipVisible(index, false)
       }))
     }), index);
   };
@@ -94,24 +87,20 @@ var Slider = function Slider(props) {
       step: step,
       pushable: restProps.pushable,
       draggableTrack: draggableTrack,
-      handle: function handle(info) {
-        return handleWithTooltip({
-          tooltipPrefixCls: tooltipPrefixCls,
-          info: info
-        });
-      },
+      handle: info => handleWithTooltip({
+        tooltipPrefixCls,
+        info
+      }),
       prefixCls: prefixCls
     }));
   }
   return jsx(RcSlider, Object.assign({}, restProps, {
     className: clsx("".concat($prefixCls, "-slider"), className),
     step: step,
-    handle: function handle(info) {
-      return handleWithTooltip({
-        tooltipPrefixCls: tooltipPrefixCls,
-        info: info
-      });
-    },
+    handle: info => handleWithTooltip({
+      tooltipPrefixCls,
+      info
+    }),
     prefixCls: prefixCls
   }));
 };

package/Status/index.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
-import CompleteIcon from '@para-ui/icons/CheckCircleF';
+import SuccessOutlined from '@para-ui/icons/CheckCircleF';
 import { t as tinycolor } from '../_verture/tinycolor-ece3542d.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
@@ -10,24 +10,25 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/11/8 6:32
 styleInject(css_248z);
 
 //状态
-var Status = function Status(props) {
-  var text = props.text,
-    _props$status = props.status,
-    status = _props$status === void 0 ? 'info' : _props$status,
-    icon = props.icon,
-    className = props.className,
-    style = props.style,
-    color = props.color;
+const Status = props => {
+  const {
+    text,
+    status = 'info',
+    icon,
+    className,
+    style,
+    color
+  } = props;
   //cls
-  var makeCls = clsx("".concat($prefixCls, "-status"), className, status && !icon && "".concat($prefixCls, "-status-").concat(status));
+  const makeCls = clsx("".concat($prefixCls, "-status"), className, status && !icon && "".concat($prefixCls, "-status-").concat(status));
   // render Icon
-  var renderIcon = function renderIcon() {
+  const renderIcon = () => {
     if (icon) {
       if (typeof icon !== "string") return icon;
       if (typeof icon === 'string') {
         switch (icon) {
           case 'success':
-            return jsx(CompleteIcon, {
+            return jsx(SuccessOutlined, {
               className: "status-icon-".concat(icon)
             });
           case 'error':

package/Stepper/index.js

@@ -1,4 +1,3 @@
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
@@ -13,13 +12,11 @@ import Seven from '@para-ui/icons/Seven';
 import Eight from '@para-ui/icons/Eight';
 import Nine from '@para-ui/icons/Nine';
 import Check from '@para-ui/icons/Check';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-5317fc89.js';
 import clsx from 'clsx';
 import AutoTips from '../AutoTips/index.js';
 import CloseIcon from '@para-ui/icons/Close';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
@@ -64,45 +61,47 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下
 styleInject(css_248z);
 
 //steps
-var Stepper = function Stepper(props) {
-  var _props$current = props.current,
-    current = _props$current === void 0 ? 0 : _props$current,
-    errorStep = props.errorStep,
-    steps = props.steps,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'horizontal' : _props$direction,
-    children = props.children,
-    className = props.className,
+const Stepper = props => {
+  const {
+      current = 0,
+      errorStep,
+      steps,
+      direction = 'horizontal',
+      children,
+      className
+    } = props,
     restProps = __rest(props, ["current", "errorStep", "steps", "direction", "children", "className"]);
-  var prefixCls = "".concat($rcPrefixCls, "-stepper");
+  const prefixCls = "".concat($rcPrefixCls, "-stepper");
   //内置finish、error 图标
-  var icons = {
+  const icons = {
     finish: Icons['done'],
     error: Icons['done']
   };
   //步骤图标渲染
-  var stepIconRender = function stepIconRender(_ref) {
-    var node = _ref.node,
-      status = _ref.status;
+  const stepIconRender = _ref => {
+    let {
+      node,
+      status
+    } = _ref;
     if (status === 'finish') {
       return /*#__PURE__*/React__default.cloneElement(node, {}, Icons['done']);
     }
     return node;
   };
   //渲染Step
-  var renderStep = function renderStep() {
+  const renderStep = () => {
     if (!(steps === null || steps === void 0 ? void 0 : steps.length)) return children;
-    return steps.map(function (item, index) {
-      var label = '';
-      var description = '';
-      var icon = null;
-      var isErr = index === errorStep;
+    return steps.map((item, index) => {
+      let label = '';
+      let description = '';
+      let icon = null;
+      const isErr = index === errorStep;
       if (typeof item === 'string') {
         label = item;
         icon = isErr ? jsx(CloseIcon, {
           size: "medium"
         }) : Icons[index + 1];
-      } else if (_typeof(item) === 'object') {
+      } else if (typeof item === 'object') {
         label = item.label;
         description = item.description;
         icon = isErr ? jsx(CloseIcon, {

package/Styles/theme.scss

@@ -20,15 +20,6 @@ $normal: 400;
 $weightMedium: 500;
 $bold: 700;
 
-// 阴影
-$boxShadow: 0px 2px 8px 0px rgba(234, 236, 241, 1);
-$boxShadowLeft: inset -10px 0 10px -8px rgba(234, 236, 241, 1); // 表格固定列
-$boxShadowRight: inset 10px 0 10px -8px rgba(234, 236, 241, 1); // 表格固定列
-$boxShadowD3: 0px 2px 8px 0px rgba(212, 218, 227, 0.4); // 表格固定列
-$radius-sm: 2px;
-$radius: 4px;
-$radius-lg: 8px;
-
 // 全局弹窗index,往body里面插入的,比如toolTip,popover这类
 $ZIndexBody: 1500;
 
@@ -120,4 +111,13 @@ $NM6: rgba(90, 210, 0, 0.1);
 $NL7: rgba(255, 111, 38, 1);
 $NM7: rgba(255, 111, 38, 0.1);
 
+// 阴影
+$boxShadow: 1px 1px 10px 2px $ND3;
+$boxShadowLeft: inset -10px 0 10px -8px $NA2; // 表格固定列
+$boxShadowRight: inset 10px 0 10px -8px $NA2; // 表格固定列
+$boxShadowD3: 0px 2px 8px 0px $ND3; // 表格固定列
+$radius-sm: 2px;
+$radius: 4px;
+$radius-lg: 8px;
+