@para-ui/core 3.0.38 → 3.0.40

package/AutoBox/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment as Fragment$1 } from 'react';
 import { Popover } from '../Popover/index.js';

package/AutoTips/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { Tooltip } from '../Tooltip/index.js';

package/Breadcrumbs/index.js

@@ -1,5 +1,5 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-57dd2e23.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, Fragment } from 'react';
 import { Popover } from '../Popover/index.js';

package/Button/index.js

@@ -1,5 +1,5 @@
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';

package/ButtonGroup/index.js

@@ -8,7 +8,7 @@ import Forbid from '@para-ui/icons/Forbid';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-77980792.js';
+import '../_verture/slicedToArray-708dbb18.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Down';
 import '../_verture/index-be4faaee.js';

package/Cascader/index.js

@@ -1,6 +1,6 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
-import { r as regenerator } from '../_verture/index-06fea29b.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-57dd2e23.js';
+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 { jsx } from 'react/jsx-runtime';
 import { useState, useCallback } from 'react';
@@ -55,12 +55,10 @@ var Cascader = function Cascader(_ref) {
     loadData = _ref$loadData === void 0 ? function () {
       return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
         return regenerator.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-              case "end":
-                return _context.stop();
-            }
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+            case "end":
+              return _context.stop();
           }
         }, _callee);
       }));
@@ -91,17 +89,15 @@ var Cascader = function Cascader(_ref) {
   var loadingData = function loadingData(opt) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
       return regenerator.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return loadData(opt);
-            case 2:
-              setOption(_toConsumableArray(data));
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return loadData(opt);
+          case 2:
+            setOption(_toConsumableArray(data));
+          case 3:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));

package/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import Label from '../Label/index.js';

package/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { useState, useEffect, createElement } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Checkbox } from '../Checkbox/index.js';

package/CollapseBox/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { Transition } from 'react-transition-group';

package/CollapseLayout/index.js

@@ -1,5 +1,5 @@
 import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import DoubleLeft from '@para-ui/icons/DoubleLeft';

package/ComboSelect/index.js

@@ -1,6 +1,6 @@
 import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-57dd2e23.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useImperativeHandle, useEffect, useMemo } from 'react';
 import Down from '@para-ui/icons/Down';
@@ -8,7 +8,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-257f53f9.js';
+import { T as Tree } from '../_verture/index-da441266.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-be4faaee.js';
 import { Popover } from '../Popover/index.js';
@@ -23,7 +23,7 @@ import HelperText from '../HelperText/index.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
-import '../_verture/index-06fea29b.js';
+import '../_verture/index-beef914f.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Checkbox/index.js';
 import '../Help/index.js';

package/DatePicker/index.js

@@ -19,7 +19,7 @@ import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { UUID } from '@paraview/lib';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import PickerArrowIcon from '@para-ui/icons/SortRight';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/LoadingF';
@@ -33,7 +33,7 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@para-ui/icons/Close';
-import '../_verture/toConsumableArray-87c7d895.js';
+import '../_verture/toConsumableArray-57dd2e23.js';
 import '../AutoTips/index.js';
 import '@para-ui/icons/Plus';
 import '../Help/index.js';

package/Desktop/index.js

@@ -1,5 +1,5 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-57dd2e23.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { TextField } from '../TextField/index.js';

package/DragVerify/index.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @author linhd
+ * @date 2023/2/14 10:24
+ * @description 滑块验证
+ */
+import React, { FunctionComponent } from 'react';
+import './index.scss';
+export interface DragVerifyImgProps {
+    /** 背景图 */
+    sourceImage?: string;
+    /** 移动图 */
+    newImage?: string;
+    /** Y轴位置 */
+    Y?: number;
+    [name: string]: any;
+}
+export interface DragVerifyProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 刷新 */
+    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: 提交校验事件返回值
+     * */
+    finishVerify: (bol: boolean, result: {
+        err?: any;
+        data?: any;
+    }) => void;
+}
+export declare const DragVerify: FunctionComponent<DragVerifyProps>;
+export default DragVerify;

package/DragVerify/index.js

@@ -0,0 +1,264 @@
+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 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 { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '@para-ui/core/GlobalContext';
+
+var en = {
+  tryAgain: 'Try again',
+  swipe: 'Swipe right to fill puzzle'
+};
+
+var zh = {
+  tryAgain: '再试一次',
+  swipe: '向右滑动填充拼图'
+};
+
+var localeJson = {
+  zh: zh,
+  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}";
+styleInject(css_248z);
+
+var DragVerify = function DragVerify(props) {
+  var className = props.className,
+    style = props.style,
+    refresh = props.refresh,
+    getImgInfo = props.getImgInfo,
+    verifyData = props.verifyData,
+    finishVerify = props.finishVerify;
+  var intl = useFormatMessage('DragVerify', localeJson);
+  var refDom = useRef(null);
+  var constData = useRef({
+    getImgInfo: getImgInfo,
+    verifyData: verifyData,
+    finishVerify: finishVerify
+  });
+  var prefixCls = $prefixCls + '-drag-verify';
+  constData.current.getImgInfo = getImgInfo;
+  constData.current.verifyData = verifyData;
+  constData.current.finishVerify = finishVerify;
+  useEffect(function () {
+    reset();
+    getImgInfoReq();
+    return function () {
+      clearTimeout(constData.current.timerError);
+      clearTimeout(constData.current.timerSuccess);
+    };
+  }, [refresh]);
+  /** 获取图片信息 */
+  var getImgInfoReq = function getImgInfoReq() {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
+      var _yield$constData$curr, data, err;
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            constData.current.padding = true;
+            _context.next = 3;
+            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) || {};
+            initImg();
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+  };
+  /** 校验滑块 */
+  var sliderPosiCheck = function sliderPosiCheck(x, callback) {
+    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee2() {
+      var result;
+      return regenerator.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return constData.current.verifyData(x, constData.current.verifyData);
+          case 2:
+            result = _context2.sent;
+            callback(result || {});
+          case 4:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+  };
+  /** 初始化图片 */
+  var initImg = function initImg() {
+    var _a;
+    if (!refDom.current) return;
+    // 背景图
+    var imgBg = document.createElement('img');
+    imgBg.setAttribute('src', (_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.sourceImage);
+    imgBg.style.display = 'none';
+    // 滑动的图片
+    var imgMove = document.createElement('img');
+    constData.current.imgMove = imgMove;
+    imgMove.className = 'slider-img-move';
+    imgMove.style.display = 'none';
+    var sliderImgEle = refDom.current.querySelector('.slider-img');
+    if (!sliderImgEle) return;
+    sliderImgEle.innerHTML = '';
+    sliderImgEle.append(imgBg);
+    imgBg.onload = function () {
+      var _a;
+      imgBg.style.display = 'inline-block'; // 必须先显示图片,要不然ie10获取不到图片
+      imgMove.setAttribute('src', (_a = constData.current.imgInfo) === null || _a === void 0 ? void 0 : _a.newImage);
+      var a = imgBg.width;
+      imgBg.className = 'slider-img-bg';
+      imgBg.style.display = 'inline-block';
+      if (!refDom.current) return;
+      var sliderImgEle = refDom.current.querySelector('.slider-img');
+      var sliderImgEleRect = sliderImgEle === null || sliderImgEle === void 0 ? void 0 : sliderImgEle.getBoundingClientRect();
+      var b = sliderImgEleRect.width;
+      constData.current.imgScale = a / b;
+      sliderImgEle === null || sliderImgEle === void 0 ? void 0 : sliderImgEle.append(imgMove);
+      imgMove.onload = function () {
+        var _a;
+        constData.current.padding = false;
+        imgMove.style.display = 'inline-block'; // 必须先显示图片,要不然ie10获取不到图片
+        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';
+      };
+    };
+    registerEvents(imgBg, imgMove);
+  };
+  /** 注册事件 */
+  var registerEvents = function registerEvents(imgBg, imgMove) {
+    var sliderBox = refDom.current;
+    if (!sliderBox) return;
+    var moveDom = sliderBox.querySelector('.slider-move-box'); // 滑块
+    var moveProgress = sliderBox.querySelector('.slider-move-mask'); // 滑动距离元素
+    var moveSliderEle = sliderBox.querySelector('.slider-move'); // 进度条的宽
+    var sliderText = sliderBox.querySelector('.slider-move-text'); // 互动轨道显示的文字
+    var moveSliderRect = moveSliderEle.getBoundingClientRect();
+    var moveDomRect = moveDom.getBoundingClientRect();
+    var moveDomWidth = moveDomRect.width; // 移动箭头的框
+    var moveSliderWidth = moveSliderRect.width; // 进度条的宽
+    moveDom.onmousedown = function (e) {
+      if (constData.current.padding) return;
+      sliderBox.classList.add(prefixCls + '-move');
+      document.onmousemove = function (event) {
+        var moveW = event.pageX - e.pageX; // 鼠标移动的距离
+        if (moveW < 0) moveW = 0;
+        if (moveW + moveDomWidth > imgBg.width) moveW = imgBg.width - moveDomWidth;
+        moveDom.style.left = moveW - 1 + 'px';
+        // 加一防止滑块与进度条之间有间隙
+        moveProgress.style.width = (moveW < 2 ? 2 : moveW) + 'px';
+        // 进度条走过的比例
+        var ratio = moveW / (moveSliderWidth - moveDomWidth);
+        var imgMoveWidth = (imgBg.width - imgMove.width) * ratio;
+        imgMove.style.left = imgMoveWidth + 'px';
+        sliderText.innerHTML = '';
+      };
+      // 鼠标抬起
+      document.onmouseup = function () {
+        document.onmousemove = null;
+        document.onmouseup = null;
+        sliderBox.classList.remove(prefixCls + '-move');
+        constData.current.padding = true;
+        var X = parseFloat(imgMove.style.left);
+        var handX = X * constData.current.imgScale;
+        sliderPosiCheck(handX, function (result) {
+          var err = result.err;
+          if (err) {
+            // 错误
+            sliderBox.classList.add(prefixCls + '-error');
+            constData.current.timerError = setTimeout(function () {
+              constData.current.padding = false;
+              reset();
+              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);
+        });
+      };
+    };
+  };
+  /** 复位 */
+  var reset = function reset() {
+    var sliderBox = refDom.current;
+    if (!sliderBox) return;
+    sliderBox.classList.remove(prefixCls + '-success');
+    sliderBox.classList.remove(prefixCls + '-error');
+    var moveDom = sliderBox.querySelector('.slider-move-box'); // 滑块
+    var moveProgress = sliderBox.querySelector('.slider-move-mask'); // 滑动距离元素
+    var sliderText = sliderBox.querySelector('.slider-move-text'); // 互动轨道显示的文字
+    sliderText.innerHTML = intl({
+      id: 'swipe'
+    }); // 再试一次
+    moveDom.style.left = '-1px';
+    moveProgress.style.width = '0px';
+    if (constData.current.imgMove) constData.current.imgMove.style.left = '0px';
+  };
+  var makeCls = function makeCls() {
+    return clsx(prefixCls, className);
+  };
+  return jsxs("div", Object.assign({
+    className: makeCls(),
+    style: style,
+    ref: refDom
+  }, {
+    children: [jsx("div", {
+      className: "slider-img"
+    }), jsxs("div", Object.assign({
+      className: "slider-move"
+    }, {
+      children: [jsx("div", {
+        className: "slider-move-bg"
+      }), jsx("div", Object.assign({
+        className: "slider-move-mask"
+      }, {
+        children: jsxs("div", Object.assign({
+          className: "slider-move-box"
+        }, {
+          children: [jsx(DoubleRight, {
+            className: 'svg-right'
+          }), jsx(CloseIcon, {
+            className: 'svg-close'
+          }), jsx(Check, {
+            className: 'svg-check'
+          })]
+        }))
+      })), jsx("span", Object.assign({
+        className: "slider-move-text"
+      }, {
+        children: intl({
+          id: 'swipe'
+        })
+      }))]
+    }))]
+  }));
+};
+
+export { DragVerify, DragVerify as default };

package/DragVerify/lang/en_US.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    tryAgain: string;
+    swipe: string;
+};
+export default _default;

package/DragVerify/lang/index.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    zh: {
+        tryAgain: string;
+        swipe: string;
+    };
+    en: {
+        tryAgain: string;
+        swipe: string;
+    };
+};
+export default _default;

package/DragVerify/lang/zh_CN.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    tryAgain: string;
+    swipe: string;
+};
+export default _default;

package/Drawer/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-708dbb18.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
@@ -70,6 +70,15 @@ var Drawer = function Drawer(props) {
     _React$useState2 = _slicedToArray(_React$useState, 2),
     setRefresh = _React$useState2[1];
   var destroyCloseRef = React__default.useRef(false); //销毁标识
+  var timerRef = React__default.useRef();
+  React__default.useEffect(function () {
+    return function () {
+      // 销毁时销毁timer
+      if (!timerRef.current) return;
+      clearTimeout(timerRef.current);
+      timerRef.current = null;
+    };
+  }, []);
   //设置drawer width、height
   var getOffsetStyle = function getOffsetStyle() {
     if (!props.open) {
@@ -190,7 +199,9 @@ var Drawer = function Drawer(props) {
         destroyCloseRef.current = false;
       } else if (destroyOnClose) {
         destroyCloseRef.current = true;
-        setRefresh(Math.random());
+        timerRef.current = setTimeout(function () {
+          setRefresh(Math.random());
+        }, 300);
       }
       afterVisibleChange === null || afterVisibleChange === void 0 ? void 0 : afterVisibleChange(open);
     }

package/DynamicMultiBox/formItem.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IConfig, IErrors, IValueList } from "./interface";
+export type IFormItem = {
+    /** 表单值集合*/
+    valueList?: IValueList[];
+    /** 错误集合*/
+    errors?: IErrors[];
+    /**回调 */
+    onChange?: (id: string, value: any) => void;
+    /** 渲染数据*/
+    formItemProps?: IConfig;
+};
+declare const FormItem: (props: IFormItem) => JSX.Element;
+export default FormItem;

package/DynamicMultiBox/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IMultiValueProps } from './interface';
+import './index.scss';
+declare const DynamicMultiBox: (props: IMultiValueProps) => JSX.Element;
+export default DynamicMultiBox;