@para-ui/core 4.0.30 → 4.0.32

package/DragVerify/index.js

@@ -185,13 +185,16 @@ const DragVerify = props => {
       };
     };
     moveDom.ontouchstart = touchE => {
-      if (constData.current.padding) return;
+      touchE.preventDefault();
+      if (constData.current.padding) return false;
       const e = touchE.touches[0];
       sliderBox.classList.add("".concat(prefixCls, "-move"));
       // 鼠标移动
       document.ontouchmove = touchEvent => {
+        touchEvent.preventDefault();
         const event = touchEvent.touches[0];
         moveFunc(event, e);
+        return false;
       };
       // 鼠标抬起
       document.ontouchend = () => {
@@ -199,6 +202,7 @@ const DragVerify = props => {
         document.ontouchend = null;
         endFunc();
       };
+      return false;
     };
   };
   /** 复位 */
@@ -259,7 +263,8 @@ const DragVerify = props => {
         className: "slider-move-mask"
       }, {
         children: jsxs("div", Object.assign({
-          className: "slider-move-box"
+          className: "slider-move-box",
+          draggable: false
         }, {
           children: [jsx(DoubleRight, {
             className: 'svg-right'

package/DynamicMultiBox/index.js

@@ -52,6 +52,8 @@ import '@para-ui/icons/Up';
 import '../MultiBox/index.js';
 import '@para-ui/icons/Internet';
 import '../Table/index.js';
+import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../Button/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
@@ -70,11 +72,8 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/defineProperty-f0e15205.js';
-import '../_verture/slicedToArray-a8206399.js';
+import '../_verture/index-44152845.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/Form/index.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-33866394.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-b037486c.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import '../TextField/index.js';
@@ -28,8 +28,7 @@ import '../_verture/index-bde7aabe.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
@@ -52,6 +51,7 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
@@ -69,9 +69,8 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/index-44152845.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-33866394.js';
+export { F as default } from '../_verture/index-b037486c.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-5317fc89.js';
@@ -27,8 +27,7 @@ import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../_verture/slicedToArray-a8206399.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/slicedToArray-75fa4188.js';
 import '../RadioGroup/index.js';
 import '../Radio/index.js';
 import '../Select/index.js';
@@ -52,6 +51,7 @@ import 'rc-input-number';
 import '@para-ui/icons/Up';
 import '../ComboSelect/index.js';
 import '../Table/index.js';
+import '../_verture/defineProperty-f0e15205.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
@@ -69,9 +69,8 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-28edf318.js';
-import '../_verture/toConsumableArray-8f4c9589.js';
-import '../_verture/defineProperty-f0e15205.js';
+import '../_verture/index-44152845.js';
+import '../_verture/toConsumableArray-c7a8028f.js';
 import '../_verture/index-8ac46bd9.js';
 import '../_verture/typeof-6ec38efd.js';
 import 'rc-tree';

package/FunctionModal/index.js

@@ -1,5 +1,5 @@
-import { u as useModal } from '../_verture/modalContext-c57b51b7.js';
-export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-c57b51b7.js';
+import { u as useModal } from '../_verture/modalContext-10f0c5aa.js';
+export { F as FunctionModalProvider, u as default, a as useClose } from '../_verture/modalContext-10f0c5aa.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';

package/Image/index.js

@@ -2,13 +2,13 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useMemo } from 'react';
-import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-5bf66fed.js';
+import { i as warningOnce, d as wrapperRaf, _ as _objectSpread2, w as warning, c as clsx, P as Portal, K as KeyCode, b as _objectWithoutProperties, a as _extends, j as useMergedState } from '../_verture/Portal-42560ff0.js';
 import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import Dialog from 'rc-dialog';
 import ReactDOM from 'react-dom';
 import CSSMotion from 'rc-motion';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-c7a8028f.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import Sort from '@para-ui/icons/Sort';
 import Switch from '@para-ui/icons/Switch';
@@ -21,7 +21,6 @@ import RightCircleF from '@para-ui/icons/RightCircleF';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import PreviewOpen from '@para-ui/icons/PreviewOpen';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
 /* eslint-disable no-nested-ternary */
 function getClientSize() {

package/InputCode/index.d.ts

@@ -0,0 +1,82 @@
+/**
+ * @author linhd
+ * @date 2024/8/16 16:33
+ * @description 验证码
+ */
+import React, { ReactNode } from 'react';
+import { HelperTextDetailProps } from "../HelperText";
+import InputCodeCard from './inputCodeCard';
+import InputCodeInput from './inputCodeInput';
+import './index.scss';
+import { TextFieldProps } from "../TextField";
+import { LabelTooltipProps } from "../Label";
+export interface InputCodeCardProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 类型 */
+    type?: 'card' | 'underline';
+    /** 卡片数量 */
+    cardNumber?: number;
+    /** 分隔符 没值 不带 */
+    separator?: ReactNode;
+    /** 辅助文案 */
+    sendText?: ReactNode;
+    /** 倒计时 */
+    countdown?: number;
+    /** 倒计时开始计时,不等于undefined就开始计时 */
+    refreshCountdown?: number | undefined;
+    /** 默认值 不受控 */
+    defaultValue?: string[];
+    /** 默认值 受控 */
+    value?: string[];
+    /** 输入框props */
+    inputProps?: (index: number) => TextFieldProps;
+    onChange?: (val: string[]) => void;
+    /** 最后一个输入框完成输入 */
+    onFinish?: (val: string) => void;
+    /** 重新发送 */
+    onReset?: () => Promise<boolean> | boolean;
+    [name: string]: any;
+}
+export interface InputCodeInputProps extends HelperTextDetailProps {
+    /** 样式class */
+    className?: string;
+    /** style */
+    style?: React.CSSProperties;
+    /** 大小 */
+    size?: 'small' | 'medium' | 'large';
+    /** 类型 */
+    type?: 'btnIntegrated' | 'btnSplit';
+    /** 标题 */
+    label?: ReactNode;
+    /** label 提示信息 */
+    labelTooltip?: LabelTooltipProps;
+    /** 提示语 */
+    placeholder?: ReactNode;
+    /** 是否必填 */
+    required?: boolean;
+    /** 倒计时 */
+    countdown?: number;
+    /** 默认值 不受控 */
+    defaultValue?: string;
+    /** 默认值 受控 */
+    value?: string;
+    /** 获取验证码宽度 */
+    getCodeWidth?: string;
+    /** 输入框props */
+    inputProps?: TextFieldProps;
+    onChange?: (val: string) => void;
+    /** 获取验证码事件 */
+    onGetCode?: () => Promise<boolean> | boolean;
+    [name: string]: any;
+}
+type MergedInputCode = {
+    Card: typeof InputCodeCard;
+    Input: typeof InputCodeInput;
+};
+export declare const InputCode: MergedInputCode;
+export default InputCode;

package/InputCode/index.js

@@ -0,0 +1,392 @@
+import { a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, Fragment } from 'react';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import clsx from 'clsx';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import HelperText from '../HelperText/index.js';
+import { TextField } from '../TextField/index.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import Label from '../Label/index.js';
+import { Button } from '../Button/index.js';
+import AutoTips from '../AutoTips/index.js';
+import '../_verture/index-ca413216.js';
+import '@paraview/lib';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircleF';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '../_verture/useGlobalProps-4ae1a007.js';
+import '../_verture/index-bde7aabe.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-635f66f4.js';
+import 'dayjs';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+import '@para-ui/icons/Down';
+
+var en = {
+  retrievedAgain: '{second} seconds to retrieve again',
+  reset: 'resend',
+  getCode: 'Get Code',
+  secondCountdown: '{second}s'
+};
+
+var zh = {
+  retrievedAgain: '{second}秒后可重新获取',
+  reset: '重新发送',
+  getCode: '获取验证码',
+  secondCountdown: '{second}秒'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-code.paraui-v4-input-code-card {\n  text-align: center;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .tip {\n  margin-bottom: 20px;\n  text-align: center;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  line-height: 20px;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .tip > span .countdown {\n  display: inline-block;\n  min-width: 20px;\n  text-align: center;\n  text-decoration: underline;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .tip > .reset-code {\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .tip > .reset-code:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content {\n  display: inline-block;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .content-card {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .content-card > .card-input {\n  width: 40px;\n  height: 40px;\n  margin-right: 10px;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .content-card > .card-input > .text-field-content {\n  height: 40px;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .content-card > .card-input > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 38px;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .content-card > .card-input > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  text-align: center;\n  font-size: 20px;\n  padding: 0;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .content-card > .separator {\n  margin-right: 10px;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card > .content > .paraui-v4-helper-text {\n  text-align: left;\n}\n.paraui-v4-input-code.paraui-v4-input-code-card.paraui-v4-input-code-card-underline > .content > .content-card > .card-input > .text-field-content {\n  border-left: none;\n  border-top: none;\n  border-right: none;\n  border-radius: 0;\n}";
+styleInject(css_248z$2);
+
+const InputCodeCard = props => {
+  const {
+    className,
+    style,
+    type = 'card',
+    size = 'large',
+    cardNumber = 6,
+    separator = '-',
+    defaultValue,
+    value,
+    countdown = 60,
+    refreshCountdown,
+    error = false,
+    hideErrorDom,
+    helperText,
+    sendText,
+    inputProps,
+    onChange,
+    onFinish,
+    onReset
+  } = props;
+  const intl = useFormatMessage('InputCode', localeJson);
+  const [valueCom, setValueCom] = useState(new Array(cardNumber).fill(''));
+  const [countdownCom, setCountdownCom] = useState(countdown);
+  const [countdownLoading, setCountdownLoading] = useState(false);
+  const comRef = useRef(null);
+  const constData = useRef({
+    countdown,
+    countdownCom
+  });
+  constData.current.countdownCom = countdownCom;
+  useEffect(() => {
+    if (props.defaultValue !== undefined) {
+      setValueCom(props.defaultValue);
+    }
+    onFocusDom(0);
+    return () => {
+      clearInterval(constData.current.timer);
+    };
+  }, []);
+  useEffect(() => {
+    if (value !== undefined) {
+      setValueCom(value);
+    }
+  }, [value]);
+  useEffect(() => {
+    if (refreshCountdown !== undefined && refreshCountdown !== null) {
+      startCountdown();
+    }
+  }, [refreshCountdown]);
+  // 倒计时
+  const startCountdown = () => {
+    clearInterval(constData.current.timer);
+    constData.current.countdownCom = constData.current.countdown;
+    setCountdownCom(constData.current.countdownCom);
+    onFocusDom(0);
+    setCountdownLoading(true);
+    constData.current.timer = setInterval(() => {
+      constData.current.countdownCom--;
+      setCountdownCom(constData.current.countdownCom);
+      if (constData.current.countdownCom === 0) {
+        clearInterval(constData.current.timer);
+        setCountdownLoading(false);
+      }
+    }, 1000);
+  };
+  // 得到焦点
+  const onFocusDom = index => {
+    if (!comRef.current) return;
+    const inputDom = comRef.current.querySelector(".card-input-".concat(index, " input"));
+    inputDom.focus();
+  };
+  const changeInput = index => event => {
+    let val = event.target.value.trim();
+    val = val[val.length - 1] || '';
+    valueCom[index] = val;
+    if (props.value === undefined) {
+      setValueCom([...valueCom]);
+    }
+    onChange && onChange([...valueCom]);
+    if (index === cardNumber - 1) {
+      // 最后一个
+      const str = valueCom.join('');
+      if (str.length === cardNumber) onFinish && onFinish(str);
+    } else {
+      if (val !== '') onFocusDom(++index);
+    }
+  };
+  const onKeydown = index => event => {
+    var _a;
+    if (event.keyCode === 8 && index !== 0 && ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) === '') {
+      onFocusDom(index - 1);
+    }
+  };
+  const handleContent = () => {
+    const evenNUmber = cardNumber % 2;
+    return jsx("div", Object.assign({
+      className: 'content-card'
+    }, {
+      children: new Array(cardNumber).fill(1).map((item, index) => {
+        return jsxs(Fragment, {
+          children: [jsx(TextField, Object.assign({}, inputProps === null || inputProps === void 0 ? void 0 : inputProps(index), {
+            className: "card-input card-input-".concat(index),
+            error: error,
+            hideErrorDom: true,
+            value: valueCom[index],
+            onChange: changeInput(index),
+            onKeydown: onKeydown(index)
+          })), separator && evenNUmber === 0 && index + 1 === cardNumber / 2 && jsx("div", Object.assign({
+            className: 'separator'
+          }, {
+            children: separator
+          }))]
+        }, index);
+      })
+    }));
+  };
+  const onResetCom = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (constData.current.reqLoading) return;
+    constData.current.reqLoading = true;
+    const bol = yield onReset === null || onReset === void 0 ? void 0 : onReset();
+    constData.current.reqLoading = false;
+    if (bol) {
+      startCountdown();
+    }
+  });
+  return jsxs("div", Object.assign({
+    className: clsx(className, "".concat($prefixCls, "-input-code"), "".concat($prefixCls, "-input-code-card"), "".concat($prefixCls, "-input-code-card-").concat(size), "".concat($prefixCls, "-input-code-card-").concat(type), {
+      ["".concat($prefixCls, "-input-code-card-countdown")]: countdownLoading,
+      ["".concat($prefixCls, "-input-code-card-error")]: error
+    }),
+    style: style,
+    ref: comRef
+  }, {
+    children: [refreshCountdown !== undefined && refreshCountdown !== null && jsxs("div", Object.assign({
+      className: 'tip'
+    }, {
+      children: [jsx("span", {
+        children: sendText
+      }), countdownLoading ? jsx("span", {
+        children: intl({
+          id: 'retrievedAgain'
+        }, {
+          second: jsx("span", Object.assign({
+            className: 'countdown'
+          }, {
+            children: countdownCom
+          }), 'countdown')
+        })
+      }) : jsx("span", Object.assign({
+        className: 'reset-code',
+        onClick: onResetCom
+      }, {
+        children: intl({
+          id: 'reset'
+        })
+      }))]
+    })), jsxs("div", Object.assign({
+      className: 'content'
+    }, {
+      children: [handleContent(), jsx(HelperText, {
+        error: error,
+        helperText: helperText,
+        hideErrorDom: hideErrorDom
+      })]
+    }))]
+  }));
+};
+
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-code.paraui-v4-input-code-input > .content {\n  display: flex;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input > .content > .get-code {\n  margin-left: 10px;\n  text-align: center;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input > .content > .content-input {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input > .content > .content-input .text-field-content-after {\n  padding: 0;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input > .content > .content-input .text-field-content-after .get-code-input {\n  padding: 0 10px;\n  color: rgb(46, 101, 230);\n  cursor: pointer;\n  text-align: center;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input > .content > .content-input .text-field-content-after .get-code-input:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-input-code.paraui-v4-input-code-input > .content > .content-input > .paraui-v4-helper-text {\n  display: none;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input.paraui-v4-input-code-input-countdown > .content .text-field-content-after .get-code-input {\n  color: rgb(92, 101, 115);\n  cursor: not-allowed;\n}\n.paraui-v4-input-code.paraui-v4-input-code-input.paraui-v4-input-code-input-countdown > .content .text-field-content-after .get-code-input:hover {\n  color: rgb(92, 101, 115);\n}";
+styleInject(css_248z$1);
+
+const InputCodeInput = props => {
+  const {
+    className,
+    style,
+    size,
+    type = 'btnIntegrated',
+    label,
+    labelTooltip,
+    placeholder,
+    required,
+    error = false,
+    hideErrorDom,
+    helperText,
+    countdown = 60,
+    defaultValue,
+    value,
+    onGetCode,
+    getCodeWidth = '100px',
+    inputProps,
+    onChange
+  } = props;
+  const intl = useFormatMessage('InputCode', localeJson);
+  const [valueCom, setValueCom] = useState('');
+  const [countdownCom, setCountdownCom] = useState(countdown);
+  const [countdownLoading, setCountdownLoading] = useState(false);
+  const comRef = useRef(null);
+  const constData = useRef({
+    countdown,
+    countdownCom
+  });
+  useEffect(() => {
+    if (props.defaultValue !== undefined) {
+      setValueCom(props.defaultValue);
+    }
+    return () => {
+      clearInterval(constData.current.timer);
+    };
+  }, []);
+  useEffect(() => {
+    if (value !== undefined) {
+      setValueCom(value);
+    }
+  }, [value]);
+  // 倒计时
+  const startCountdown = () => {
+    clearInterval(constData.current.timer);
+    constData.current.countdownCom = constData.current.countdown;
+    setCountdownCom(constData.current.countdownCom);
+    setCountdownLoading(true);
+    constData.current.timer = setInterval(() => {
+      constData.current.countdownCom--;
+      setCountdownCom(constData.current.countdownCom);
+      if (constData.current.countdownCom === 0) {
+        clearInterval(constData.current.timer);
+        setCountdownLoading(false);
+      }
+    }, 1000);
+  };
+  /** 处理标题 */
+  const renderLabel = () => {
+    if (label || required) {
+      return jsx(Label, Object.assign({
+        label: label,
+        required: required
+      }, labelTooltip));
+    }
+  };
+  /** 获取验证码事件 */
+  const getCodeFunc = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (constData.current.reqLoading) return;
+    constData.current.reqLoading = true;
+    const bol = yield onGetCode === null || onGetCode === void 0 ? void 0 : onGetCode();
+    constData.current.reqLoading = false;
+    if (bol) {
+      startCountdown();
+    }
+  });
+  const handleCodeText = () => {
+    if (countdownLoading) {
+      return intl({
+        id: 'secondCountdown'
+      }, {
+        second: countdownCom
+      });
+    }
+    return intl({
+      id: "getCode"
+    });
+  };
+  /** 渲染输入框按钮 */
+  const addonAfterRender = () => {
+    if (type === 'btnSplit') return undefined;
+    return jsx("div", Object.assign({
+      className: 'get-code-input',
+      style: {
+        width: getCodeWidth
+      },
+      onClick: getCodeFunc
+    }, {
+      children: jsx(AutoTips, {
+        children: handleCodeText()
+      })
+    }));
+  };
+  /** 改变输入框 */
+  const onChangeInput = event => {
+    const val = event.target.value.trim();
+    if (props.value === undefined) {
+      setValueCom(val);
+    }
+    onChange && onChange(val);
+  };
+  /** 渲染内容 */
+  const renderContent = () => {
+    return jsxs("div", Object.assign({
+      className: 'content'
+    }, {
+      children: [jsx(TextField, Object.assign({}, inputProps, {
+        className: 'content-input',
+        size: size,
+        error: error,
+        hideErrorDom: true,
+        placeholder: placeholder,
+        addonAfter: addonAfterRender(),
+        value: valueCom,
+        onChange: onChangeInput
+      })), type === 'btnSplit' && jsx(Button, Object.assign({
+        size: size,
+        className: 'get-code',
+        style: {
+          width: getCodeWidth
+        },
+        disabled: countdownLoading,
+        onClick: getCodeFunc
+      }, {
+        children: jsx(AutoTips, {
+          children: handleCodeText()
+        })
+      }))]
+    }));
+  };
+  return jsxs("div", Object.assign({
+    className: clsx(className, "".concat($prefixCls, "-input-code"), "".concat($prefixCls, "-input-code-input"), "".concat($prefixCls, "-input-code-input-").concat(size), "".concat($prefixCls, "-input-code-input-").concat(type), {
+      ["".concat($prefixCls, "-input-code-input-countdown")]: countdownLoading,
+      ["".concat($prefixCls, "-input-code-input-error")]: error
+    }),
+    style: style,
+    ref: comRef
+  }, {
+    children: [renderLabel(), renderContent(), jsx(HelperText, {
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    })]
+  }));
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/";
+styleInject(css_248z);
+
+const InputCode = {
+  Card: InputCodeCard,
+  Input: InputCodeInput
+};
+
+export { InputCode, InputCode as default };

package/InputCode/inputCodeCard/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author linhd
+ * @date 2024/8/16 16:33
+ * @description 验证码
+ */
+import { FunctionComponent } from 'react';
+import { InputCodeCardProps } from "../index";
+import './index.scss';
+export declare const InputCodeCard: FunctionComponent<InputCodeCardProps>;
+export default InputCodeCard;

package/InputCode/inputCodeInput/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @author linhd
+ * @date 2024/8/16 16:33
+ * @description 验证码
+ */
+import { FunctionComponent } from 'react';
+import { InputCodeInputProps } from "../index";
+import './index.scss';
+export declare const InputCodeInput: FunctionComponent<InputCodeInputProps>;
+export default InputCodeInput;

package/InputCode/lang/en_US.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    retrievedAgain: string;
+    reset: string;
+    getCode: string;
+    secondCountdown: string;
+};
+export default _default;