@para-ui/core 3.0.41 → 3.0.43

package/Button/SplitButton.d.ts

@@ -57,6 +57,8 @@ export interface SplitButtonProps {
     optionRender?: (option: Option) => React.ReactNode;
     /** 图标按钮 */
     iconButton?: boolean;
+    /** 浮层渲染容器，默认body */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }
 export default function SplitButton(props: SplitButtonProps): JSX.Element;
 export {};

package/Button/index.js

@@ -51,7 +51,11 @@ function SplitButton(props) {
     placement = _props$placement === void 0 ? 'bottomRight' : _props$placement,
     buttonProps = props.buttonProps,
     _props$iconButton = props.iconButton,
-    iconButton = _props$iconButton === void 0 ? false : _props$iconButton;
+    iconButton = _props$iconButton === void 0 ? false : _props$iconButton,
+    popperStyle = props.popperStyle,
+    _props$popperClassNam = props.popperClassName,
+    popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
+    getPopupContainer = props.getPopupContainer;
   var intl = useFormatMessage('Button', localeJson);
   var btnRef = useRef();
   var _useState = useState(),
@@ -140,7 +144,10 @@ function SplitButton(props) {
   }, {
     children: jsx(Dropdown, Object.assign({
       overlay: renderButtonList(),
-      placement: placement
+      placement: placement,
+      overlayStyle: popperStyle,
+      overlayClassName: popperClassName,
+      getPopupContainer: getPopupContainer
     }, {
       children: renderButton()
     }))

package/DragVerify/index.d.ts

@@ -11,7 +11,7 @@ export interface DragVerifyImgProps {
     /** 移动图 */
     newImage?: string;
     /** Y轴位置 */
-    Y?: number;
+    y?: number;
     [name: string]: any;
 }
 export interface DragVerifyProps {
@@ -19,32 +19,18 @@ export interface DragVerifyProps {
     className?: string;
     /** 样式 */
     style?: React.CSSProperties;
+    width?: number | string;
+    /** 图片高 */
+    height?: number | string;
     /** 刷新 */
     refresh?: any;
     /** 获取图片接口 */
-    getImgInfo: () => (Promise<{
-        data?: DragVerifyImgProps;
-        err?: any;
-    }> | {
-        data?: DragVerifyImgProps;
-        err?: any;
-    });
-    /** 提交校验接口 xPos: x轴坐标，imgInfo：图片信息 */
-    verifyData: (xPos: number, imgInfo: DragVerifyImgProps) => (Promise<{
-        err?: any;
-        data?: any;
-    }> | {
-        err?: any;
-        data?: any;
-    });
-    /** 完成校验事件
-     * bol: true通过
-     * result: 提交校验事件返回值
+    getImgInfo: () => (Promise<DragVerifyImgProps> | DragVerifyImgProps);
+    /** 提交校验接口 xPos: x轴坐标，imgInfo：图片信息
+     *  true 通过
+     *  false 不通过
      * */
-    finishVerify: (bol: boolean, result: {
-        err?: any;
-        data?: any;
-    }) => void;
+    verify: (xPos: number, imgInfo: DragVerifyImgProps) => Promise<boolean> | boolean;
 }
 export declare const DragVerify: FunctionComponent<DragVerifyProps>;
 export default DragVerify;

package/DragVerify/index.js

@@ -1,15 +1,18 @@
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { r as regenerator } from '../_verture/index-beef914f.js';
 import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import clsx from 'clsx';
 import DoubleRight from '@para-ui/icons/DoubleRight';
 import CloseIcon from '@para-ui/icons/Close';
 import Check from '@para-ui/icons/Check';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { Loading } from '../Loading/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/core/GlobalContext';
+import '@para-ui/icons/LoadingF';
 
 var en = {
   tryAgain: 'Try again',
@@ -26,7 +29,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drag-verify {\n  width: 100%;\n  position: relative;\n}\n.paraui-v3-drag-verify > .slider-img {\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  line-height: 0;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-bg {\n  width: 100%;\n  height: auto;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-move {\n  position: absolute;\n  left: 0;\n  height: auto;\n}\n.paraui-v3-drag-verify > .slider-move {\n  position: relative;\n  text-align: center;\n  line-height: 32px;\n  height: 32px;\n  margin-top: 12px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-bg {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  background-color: rgba(171, 176, 185, 0.12);\n  height: 32px;\n  border-radius: 4px;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 32px;\n  width: 2px;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box {\n  position: absolute;\n  top: 0;\n  left: -1px;\n  width: 32px;\n  height: 32px;\n  background: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box:hover .svg-right {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n  display: inline-block;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n  display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n  display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-text {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask {\n  border: 1px solid rgb(54, 102, 214);\n  border-width: 1px 0 1px 1px;\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box {\n  background-color: rgb(54, 102, 214);\n  border-top: 1px solid rgb(54, 102, 214);\n  border-bottom: 1px solid rgb(54, 102, 214);\n  top: -1px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n  color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask {\n  border: 1px solid rgb(235, 96, 84);\n  border-width: 1px 0 1px 1px;\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box {\n  background-color: rgb(235, 96, 84);\n  border-top: 1px solid rgb(235, 96, 84);\n  border-bottom: 1px solid rgb(235, 96, 84);\n  top: -1px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-close {\n  display: inline-block;\n  color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-check {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask {\n  border: 1px solid rgb(83, 195, 27);\n  border-width: 1px 0 1px 1px;\n  background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box {\n  background-color: rgb(83, 195, 27);\n  border-top: 1px solid rgb(83, 195, 27);\n  border-bottom: 1px solid rgb(83, 195, 27);\n  top: -1px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n  display: inline-block;\n  color: #fff;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drag-verify {\n  width: 100%;\n  position: relative;\n}\n.paraui-v3-drag-verify > svg {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n  z-index: 10;\n  cursor: pointer;\n  display: none;\n}\n.paraui-v3-drag-verify > .slider-img {\n  position: relative;\n  border-radius: 4px;\n  overflow: hidden;\n  line-height: 0;\n  min-height: 60px;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-bg {\n  width: 100%;\n  height: auto;\n  border-radius: 4px;\n}\n.paraui-v3-drag-verify > .slider-img .slider-img-move {\n  position: absolute;\n  left: 0;\n  height: auto;\n}\n.paraui-v3-drag-verify > .slider-move {\n  position: relative;\n  text-align: center;\n  line-height: 32px;\n  height: 32px;\n  margin-top: 12px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-bg {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  background-color: rgba(171, 176, 185, 0.12);\n  height: 32px;\n  border-radius: 4px;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 32px;\n  width: 2px;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box {\n  position: absolute;\n  top: 0;\n  left: -1px;\n  width: 32px;\n  height: 32px;\n  background: #fff;\n  cursor: pointer;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box:hover .svg-right {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n  display: inline-block;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n  display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n  display: none;\n}\n.paraui-v3-drag-verify > .slider-move > .slider-move-text {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask {\n  border: 1px solid rgb(54, 102, 214);\n  border-width: 1px 0 1px 1px;\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box {\n  background-color: rgb(54, 102, 214);\n  border-top: 1px solid rgb(54, 102, 214);\n  border-bottom: 1px solid rgb(54, 102, 214);\n  top: -1px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-move > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n  color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask {\n  border: 1px solid rgb(235, 96, 84);\n  border-width: 1px 0 1px 1px;\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box {\n  background-color: rgb(235, 96, 84);\n  border-top: 1px solid rgb(235, 96, 84);\n  border-bottom: 1px solid rgb(235, 96, 84);\n  top: -1px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-close {\n  display: inline-block;\n  color: #fff;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-right {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-error > .slider-move > .slider-move-mask > .slider-move-box > .svg-check {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask {\n  border: 1px solid rgb(83, 195, 27);\n  border-width: 1px 0 1px 1px;\n  background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box {\n  background-color: rgb(83, 195, 27);\n  border-top: 1px solid rgb(83, 195, 27);\n  border-bottom: 1px solid rgb(83, 195, 27);\n  top: -1px;\n  border-bottom-left-radius: 0;\n  border-top-left-radius: 0;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-close {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-right {\n  display: none;\n}\n.paraui-v3-drag-verify.paraui-v3-drag-verify-success > .slider-move > .slider-move-mask > .slider-move-box .svg-check {\n  display: inline-block;\n  color: #fff;\n}";
 styleInject(css_248z);
 
 var DragVerify = function DragVerify(props) {
@@ -34,19 +37,26 @@ var DragVerify = function DragVerify(props) {
     style = props.style,
     refresh = props.refresh,
     getImgInfo = props.getImgInfo,
-    verifyData = props.verifyData,
-    finishVerify = props.finishVerify;
+    verify = props.verify,
+    width = props.width,
+    height = props.height;
   var intl = useFormatMessage('DragVerify', localeJson);
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    refreshCom = _useState2[0],
+    setRefreshCom = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
   var refDom = useRef(null);
   var constData = useRef({
     getImgInfo: getImgInfo,
-    verifyData: verifyData,
-    finishVerify: finishVerify
+    verify: verify
   });
   var prefixCls = $prefixCls + '-drag-verify';
   constData.current.getImgInfo = getImgInfo;
-  constData.current.verifyData = verifyData;
-  constData.current.finishVerify = finishVerify;
+  constData.current.verify = verify;
   useEffect(function () {
     reset();
     getImgInfoReq();
@@ -54,30 +64,23 @@ var DragVerify = function DragVerify(props) {
       clearTimeout(constData.current.timerError);
       clearTimeout(constData.current.timerSuccess);
     };
-  }, [refresh]);
+  }, [refresh, refreshCom]);
   /** 获取图片信息 */
   var getImgInfoReq = function getImgInfoReq() {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-      var _yield$constData$curr, data, err;
+      var result;
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             constData.current.padding = true;
-            _context.next = 3;
+            setLoading(true);
+            _context.next = 4;
             return constData.current.getImgInfo();
-          case 3:
-            _yield$constData$curr = _context.sent;
-            data = _yield$constData$curr.data;
-            err = _yield$constData$curr.err;
-            if (!err) {
-              _context.next = 8;
-              break;
-            }
-            return _context.abrupt("return", constData.current.padding = false);
-          case 8:
-            constData.current.imgInfo = (data === null || data === void 0 ? void 0 : data.data) || {};
+          case 4:
+            result = _context.sent;
+            constData.current.imgInfo = result;
             initImg();
-          case 10:
+          case 7:
           case "end":
             return _context.stop();
         }
@@ -92,10 +95,10 @@ var DragVerify = function DragVerify(props) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
             _context2.next = 2;
-            return constData.current.verifyData(x, constData.current.verifyData);
+            return constData.current.verify(x, constData.current.verify);
           case 2:
             result = _context2.sent;
-            callback(result || {});
+            callback(result);
           case 4:
           case "end":
             return _context2.stop();
@@ -117,7 +120,9 @@ var DragVerify = function DragVerify(props) {
     imgMove.className = 'slider-img-move';
     imgMove.style.display = 'none';
     var sliderImgEle = refDom.current.querySelector('.slider-img');
-    if (!sliderImgEle) return;
+    var refreshEle = refDom.current.querySelector('.refresh');
+    if (!sliderImgEle || !refreshEle) return;
+    refreshEle.style.display = 'none';
     sliderImgEle.innerHTML = '';
     sliderImgEle.append(imgBg);
     imgBg.onload = function () {
@@ -137,8 +142,10 @@ var DragVerify = function DragVerify(props) {
         var _a;
         constData.current.padding = false;
         imgMove.style.display = 'inline-block'; // 必须先显示图片,要不然ie10获取不到图片
+        refreshEle.style.display = 'inline-block';
         imgMove.width = imgMove.width / constData.current.imgScale;
-        imgMove.style.top = ((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.Y) / constData.current.imgScale + 'px';
+        imgMove.style.top = ((_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.y) / constData.current.imgScale + 'px';
+        setLoading(false);
       };
     };
     registerEvents(imgBg, imgMove);
@@ -180,8 +187,7 @@ var DragVerify = function DragVerify(props) {
         var X = parseFloat(imgMove.style.left);
         var handX = X * constData.current.imgScale;
         sliderPosiCheck(handX, function (result) {
-          var err = result.err;
-          if (err) {
+          if (!result) {
             // 错误
             sliderBox.classList.add(prefixCls + '-error');
             constData.current.timerError = setTimeout(function () {
@@ -190,17 +196,15 @@ var DragVerify = function DragVerify(props) {
               sliderText.innerHTML = intl({
                 id: 'tryAgain'
               }); // 再试一次
-              constData.current.finishVerify(false, result);
               getImgInfoReq();
             }, 1000);
             return;
           }
           sliderBox.classList.add(prefixCls + '-success');
-          constData.current.timerSuccess = setTimeout(function () {
-            constData.current.padding = false;
-            //sliderBox.classList.remove(prefixCls + '-success');
-            constData.current.finishVerify(true, result);
-          }, 1000);
+          /*constData.current.timerSuccess = setTimeout(() => {
+              //constData.current.padding = false;
+              //sliderBox.classList.remove(prefixCls + '-success');
+          }, 1000);*/
         });
       };
     };
@@ -221,6 +225,25 @@ var DragVerify = function DragVerify(props) {
     moveProgress.style.width = '0px';
     if (constData.current.imgMove) constData.current.imgMove.style.left = '0px';
   };
+  /* 刷新 */
+  var clickRefresh = function clickRefresh() {
+    setRefreshCom(Math.random());
+  };
+  /* 处理标签内容 */
+  var handStyle = function handStyle() {
+    var obj = {};
+    if (width) {
+      var widthHand = width;
+      if (typeof width === 'number') widthHand = width + 'px';
+      obj.width = widthHand;
+    }
+    if (height) {
+      var heightHand = height;
+      if (typeof height === 'number') heightHand = height + 'px';
+      obj.height = heightHand;
+    }
+    return obj;
+  };
   var makeCls = function makeCls() {
     return clsx(prefixCls, className);
   };
@@ -229,8 +252,105 @@ var DragVerify = function DragVerify(props) {
     style: style,
     ref: refDom
   }, {
-    children: [jsx("div", {
-      className: "slider-img"
+    children: [jsxs("svg", Object.assign({
+      onClick: clickRefresh,
+      className: 'refresh',
+      width: "26.529",
+      height: "26.017",
+      viewBox: "0 0 26.529 26.017"
+    }, {
+      children: [jsxs("defs", {
+        children: [jsxs("filter", Object.assign({
+          id: "a",
+          x: "0",
+          y: "0",
+          width: "26.529",
+          height: "17",
+          filterUnits: "userSpaceOnUse"
+        }, {
+          children: [jsx("feOffset", {
+            dy: "1"
+          }), jsx("feGaussianBlur", {
+            stdDeviation: "1",
+            result: "b"
+          }), jsx("feFlood", {}), jsx("feComposite", {
+            operator: "in",
+            in2: "b"
+          }), jsx("feComposite", {
+            in: "SourceGraphic"
+          })]
+        })), jsxs("filter", Object.assign({
+          id: "c",
+          x: "0",
+          y: "9.017",
+          width: "26.529",
+          height: "17",
+          filterUnits: "userSpaceOnUse"
+        }, {
+          children: [jsx("feOffset", {
+            dy: "1"
+          }), jsx("feGaussianBlur", {
+            stdDeviation: "1",
+            result: "d"
+          }), jsx("feFlood", {}), jsx("feComposite", {
+            operator: "in",
+            in2: "d"
+          }), jsx("feComposite", {
+            in: "SourceGraphic"
+          })]
+        }))]
+      }), jsxs("g", Object.assign({
+        style: {
+          opacity: 0.7,
+          isolation: 'isolate'
+        },
+        transform: "translate(-286.735 -95.991)"
+      }, {
+        children: [jsx("g", Object.assign({
+          transform: "translate(288 96)"
+        }, {
+          children: jsx("rect", {
+            style: {
+              fill: 'none'
+            },
+            width: "24",
+            height: "24"
+          })
+        })), jsxs("g", Object.assign({
+          transform: "translate(289.735 97.991)"
+        }, {
+          children: [jsx("g", Object.assign({
+            style: {
+              filter: 'url(#a)'
+            },
+            transform: "matrix(1, 0, 0, 1, -3, -2)"
+          }, {
+            children: jsx("path", {
+              style: {
+                fill: '#FFFFFF'
+              },
+              d: "M577.409,536.791a1,1,0,0,0,1-1A8,8,0,0,1,592.817,531h0c.077.1.149.207.22.312l-1.911-.765a1,1,0,1,0-.743,1.856l3.7,1.483a1,1,0,0,0,1.3-.557l1.482-3.7a1,1,0,1,0-1.857-.744l-.448,1.12c-.048-.067-.093-.137-.143-.2h0a10,10,0,0,0-18.009,5.989A1,1,0,0,0,577.409,536.791Z",
+              transform: "translate(-573.41 -523.79)"
+            })
+          })), jsx("g", Object.assign({
+            style: {
+              filter: 'url(#c)'
+            },
+            transform: "matrix(1, 0, 0, 1, -3, -2)"
+          }, {
+            children: jsx("path", {
+              style: {
+                fill: '#FFFFFF'
+              },
+              d: "M595.938,534.808a1,1,0,0,0-1,1,8,8,0,0,1-14.409,4.79h0c-.076-.1-.148-.206-.219-.312l1.911.765a1,1,0,0,0,.743-1.857l-3.7-1.482a1,1,0,0,0-1.3.557l-1.482,3.7a1,1,0,0,0,1.856.743l.449-1.12c.047.067.093.136.142.2h0a10,10,0,0,0,18.009-5.989A1,1,0,0,0,595.938,534.808Z",
+              transform: "translate(-573.41 -523.79)"
+            })
+          }))]
+        }))]
+      }))]
+    })), jsx("div", {
+      className: "slider-img",
+      style: handStyle()
     }), jsxs("div", Object.assign({
       className: "slider-move"
     }, {
@@ -257,7 +377,7 @@ var DragVerify = function DragVerify(props) {
           id: 'swipe'
         })
       }))]
-    }))]
+    })), loading && jsx(Loading, {})]
   }));
 };
 

package/Drawer/index.js

@@ -6,6 +6,7 @@ import RcDrawer from 'rc-drawer';
 import { Button } from '../Button/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import AutoTips from '../AutoTips/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import 'clsx';
@@ -37,7 +38,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.paraui-v3-drawer-inline {\n  position: absolute;\n}\n\n.paraui-v3-drawer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  background: rgba(0, 0, 0, 0.45);\n  pointer-events: auto;\n}\n\n.paraui-v3-drawer-content-wrapper {\n  position: absolute;\n  z-index: 1000;\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-content-wrapper-hidden {\n  display: none;\n}\n\n.paraui-v3-drawer-left > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-right > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-top > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  left: 0;\n  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-bottom > .paraui-v3-drawer-content-wrapper {\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-content {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  pointer-events: auto;\n}\n.paraui-v3-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n  transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active,\n.paraui-v3-drawer-mask-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter,\n.paraui-v3-drawer-mask-motion-appear {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave-active {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start,\n.paraui-v3-drawer-panel-motion-left-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active,\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start {\n  transform: translateX(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transform: translateX(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start,\n.paraui-v3-drawer-panel-motion-right-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active,\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start {\n  transform: translateX(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transform: translateX(100%);\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start,\n.paraui-v3-drawer-panel-motion-top-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active,\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start {\n  transform: translateY(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transform: translateY(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start,\n.paraui-v3-drawer-panel-motion-bottom-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active,\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start {\n  transform: translateY(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transform: translateY(100%);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/8 下午2:51\n* @description drawer样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-drawer {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  pointer-events: none;\n}\n\n.paraui-v3-drawer-inline {\n  position: absolute;\n}\n\n.paraui-v3-drawer-mask {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1000;\n  background: rgba(0, 0, 0, 0.45);\n  pointer-events: auto;\n}\n\n.paraui-v3-drawer-content-wrapper {\n  position: absolute;\n  z-index: 1000;\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-content-wrapper-hidden {\n  display: none;\n}\n\n.paraui-v3-drawer-left > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 6px 0 16px -8px rgba(0, 0, 0, 0.08), 9px 0 28px 0 rgba(0, 0, 0, 0.05), 12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-right > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  bottom: 0;\n  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-top > .paraui-v3-drawer-content-wrapper {\n  top: 0;\n  right: 0;\n  left: 0;\n  box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.08), 0 9px 28px 0 rgba(0, 0, 0, 0.05), 0 12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-bottom > .paraui-v3-drawer-content-wrapper {\n  right: 0;\n  bottom: 0;\n  left: 0;\n  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);\n}\n\n.paraui-v3-drawer-content {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  pointer-events: auto;\n}\n.paraui-v3-drawer-content .drawer-content-body {\n  display: flex;\n  flex-flow: column nowrap;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex: none;\n  height: 60px;\n  padding: 0 24px;\n  font-size: 16px;\n  font-weight: 700;\n  color: rgb(46, 55, 67);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title {\n  display: flex;\n  flex: 1;\n  align-items: center;\n  justify-content: space-between;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-title-ellipsis {\n  overflow: hidden;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra {\n  margin-left: 30px;\n  flex-shrink: 0;\n  white-space: nowrap;\n  text-align: right;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-header .drawer-header-extra button + button {\n  margin-left: 16px;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-content {\n  flex: 1;\n  padding: 24px;\n  overflow: auto;\n  word-wrap: break-word;\n}\n.paraui-v3-drawer-content .drawer-content-body .drawer-body-footer {\n  display: flex;\n  align-items: center;\n  flex: none;\n  padding: 16px 24px;\n  font-size: 16px;\n  color: rgb(46, 55, 67);\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n\n.panel-motion-enter-start,\n.panel-motion-appear-start,\n.panel-motion-leave-start {\n  transition: none;\n}\n\n.panel-motion-enter-active,\n.panel-motion-appear-active,\n.panel-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active,\n.paraui-v3-drawer-mask-motion-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-mask-motion-enter,\n.paraui-v3-drawer-mask-motion-appear {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-mask-motion-enter-active,\n.paraui-v3-drawer-mask-motion-appear-active {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave {\n  opacity: 1;\n}\n\n.paraui-v3-drawer-mask-motion-leave-active {\n  opacity: 0;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start,\n.paraui-v3-drawer-panel-motion-left-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active,\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-start,\n.paraui-v3-drawer-panel-motion-left-appear-start {\n  transform: translateX(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-left-enter-active,\n.paraui-v3-drawer-panel-motion-left-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-left-leave-active {\n  transform: translateX(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start,\n.paraui-v3-drawer-panel-motion-right-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active,\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-start,\n.paraui-v3-drawer-panel-motion-right-appear-start {\n  transform: translateX(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-right-enter-active,\n.paraui-v3-drawer-panel-motion-right-appear-active {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave {\n  transform: translateX(0);\n}\n\n.paraui-v3-drawer-panel-motion-right-leave-active {\n  transform: translateX(100%);\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start,\n.paraui-v3-drawer-panel-motion-top-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active,\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-start,\n.paraui-v3-drawer-panel-motion-top-appear-start {\n  transform: translateY(-100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-top-enter-active,\n.paraui-v3-drawer-panel-motion-top-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-top-leave-active {\n  transform: translateY(-100%);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start,\n.paraui-v3-drawer-panel-motion-bottom-leave-start {\n  transition: none;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active,\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transition: all 0.3s;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-start,\n.paraui-v3-drawer-panel-motion-bottom-appear-start {\n  transform: translateY(100%) !important;\n}\n\n.paraui-v3-drawer-panel-motion-bottom-enter-active,\n.paraui-v3-drawer-panel-motion-bottom-appear-active {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave {\n  transform: translateY(0);\n}\n\n.paraui-v3-drawer-panel-motion-bottom-leave-active {\n  transform: translateY(100%);\n}";
 styleInject(css_248z);
 
 //drawer 抽屉
@@ -115,15 +116,29 @@ var Drawer = function Drawer(props) {
   var handleCancel = function handleCancel() {
     onCancel === null || onCancel === void 0 ? void 0 : onCancel();
   };
+  var handleTitle = function handleTitle(title) {
+    if (typeof title === 'string') {
+      return jsx("div", Object.assign({
+        className: 'drawer-header-title drawer-header-title-ellipsis'
+      }, {
+        children: jsx(AutoTips, {
+          children: title
+        })
+      }));
+    }
+    return jsx("div", Object.assign({
+      className: 'drawer-header-title'
+    }, {
+      children: title
+    }));
+  };
   //标题节点
   var titleNode = jsxs("div", Object.assign({
     className: 'drawer-body-header'
   }, {
-    children: [jsx("div", Object.assign({
-      className: 'drawer-header-title'
-    }, {
-      children: title
-    })), showExtra && jsx(Fragment, {
+    children: [jsx(Fragment, {
+      children: handleTitle(title)
+    }), showExtra && jsx(Fragment, {
       children: jsx("div", Object.assign({
         className: 'drawer-header-extra'
       }, {

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-95dffbeb.js';
+import { F as FormItem, v as validate } from '../_verture/index-694b816f.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-95dffbeb.js';
+export { F as default } from '../_verture/index-694b816f.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-44e0b3ea.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-44e0b3ea.js';
+import { u as useModal } from '../_verture/modalContext-d01400f6.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-d01400f6.js';
 import '../_verture/toConsumableArray-57dd2e23.js';
 import '../_verture/slicedToArray-708dbb18.js';
 import '../_verture/index-beef914f.js';

package/README.md

@@ -1,3 +1,16 @@
+## 版本: 3.0.43
+
+     para-ui/core@3.0.43 发布
+        【穿梭框-Transfer】修复穿梭框搜索框内数据未变更，搜索不到数据问题
+        【表格-Table】新增onError,onSort方法
+        【按钮-SplitButton】新增popperStyle, popperClassName, getPopupContainer参数
+
+## 版本: 3.0.42
+
+     para-ui/core@3.0.42 发布
+        【抽屉-Drawer】title 传入 string 类型时，标题超出隐藏
+        【滑块验证-dragVerify】增加loading,图片width,height设置，修改参数getImgInfo，verify入参出参
+
 ## 版本: 3.0.41
 
      para-ui/core@3.0.41 发布

package/Table/index.js

@@ -1742,7 +1742,9 @@ var Table = function Table(propsInit) {
     filterSearchCallback = props.filterSearchCallback,
     onClickRow = props.onClickRow,
     rowClassMapping = props.rowClassMapping,
-    getPopupContainer = props.getPopupContainer;
+    getPopupContainer = props.getPopupContainer,
+    onSort = props.onSort,
+    onError = props.onError;
   var intl = useFormatMessage('Table', localeJson);
   var dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
   var _useState = useState(props.page !== undefined ? props.page : 1),
@@ -1855,6 +1857,7 @@ var Table = function Table(propsInit) {
   constData.current.data = data;
   constData.current.searchKeyName = searchKeyName;
   constData.current.filterSearchCallback = filterSearchCallback;
+  constData.current.onError = onError;
   useEffect(function () {
     window.addEventListener('resize', changeResize);
     return function () {
@@ -2452,7 +2455,7 @@ var Table = function Table(propsInit) {
    */
   var requestData = function requestData(obj) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-      var _yield$requestFunc, data, err;
+      var _yield$requestFunc, data, err, onErrorFlag;
       return regenerator.wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -2471,18 +2474,37 @@ var Table = function Table(propsInit) {
             return _context.abrupt("return");
           case 9:
             if (!err) {
-              _context.next = 13;
+              _context.next = 23;
               break;
             }
             if (props.loading === undefined) setLoadState(false);
-            // cancel的接口不清除上次展示的数据
-            if (!err.__CANCEL__) {
-              setRowData([]);
-              setTotal(0);
-              setRowDataJson({});
+            // cancel的接口 不清除上次展示的数据
+            if (err.__CANCEL__) {
+              _context.next = 22;
+              break;
+            }
+            onErrorFlag = false;
+            if (!constData.current.onError) {
+              _context.next = 17;
+              break;
             }
+            _context.next = 16;
+            return constData.current.onError(err);
+          case 16:
+            onErrorFlag = _context.sent;
+          case 17:
+            if (onErrorFlag) {
+              _context.next = 19;
+              break;
+            }
+            return _context.abrupt("return");
+          case 19:
+            setRowData([]);
+            setTotal(0);
+            setRowDataJson({});
+          case 22:
             return _context.abrupt("return", false);
-          case 13:
+          case 23:
             if (requestCallback) {
               requestCallback(data, function (handData) {
                 if (handData) {
@@ -2496,7 +2518,7 @@ var Table = function Table(propsInit) {
               handReqData(data);
               if (props.loading === undefined) setLoadState(false);
             }
-          case 14:
+          case 24:
           case "end":
             return _context.stop();
         }
@@ -2639,6 +2661,11 @@ var Table = function Table(propsInit) {
     setOrderTypeArr(orderTypeArrHand);
     constData.current.orderFieldArr = orderFieldArrHand;
     constData.current.orderTypeArr = orderTypeArrHand;
+    // 只试用与本地数据
+    if (onSort) onSort({
+      orderField: orderFieldArrHand,
+      orderType: orderTypeArrHand
+    });
     if (constData.current.loadMoreUrl) {
       constData.current.historyData = [];
       handPage(1);
@@ -2816,7 +2843,7 @@ var Table = function Table(propsInit) {
       changeColumnWidth: changeColumnWidth,
       getPopupContainer: getPopupContainer
     });
-  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer]);
+  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort]);
   // 表格内容memo
   var TableBodyMemo = useMemo(function () {
     return jsx(TableBody, {