fix(form) form表单组件增加VerificationCode验证码倒计时组件

uiwjs · Apr 19, 2023 · 47f5173 · 47f5173
1 parent c721982
commit 47f5173
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/example/examples/src/routes/Form/index.tsx b/example/examples/src/routes/Form/index.tsx
@@ -142,11 +142,11 @@ const FormDemo = () => {
       type: 'datePeriodInput',
       field: 'datePeriodInput',
       name: '时间区间选择器',
-      attr: {
-        placeholder: ['请选择1', '请选择1'],
-        mode: 'date',
-        format: 'YYYY-MM-DD',
-      },
+    },
+    {
+      type: 'verificationCode',
+      field: 'verificationCode',
+      name: '验证码倒计时',
     },
     {
       type: 'treeSelect',

diff --git a/packages/core/src/Form/form.tsx b/packages/core/src/Form/form.tsx
@@ -8,6 +8,7 @@ import Slider from '../Slider';
 import SearchBar from '../SearchBar';
 import Stepper from '../Stepper';
 import TreeSelect from '../TreeSelect';
+import VerificationCode from '../VerificationCode';
 import DatePeriodInput from '../DatePicker/date-period-input';
 import Input from './comps/input';
 import Rating from './comps/rate';
@@ -63,6 +64,7 @@ const Form = (baseProps: FormProps) => {
       picker: <Picker />,
       datePicker: <DatePicker />,
       datePeriodInput: <DatePeriodInput />,
+      verificationCode: <VerificationCode outerStyle={{ backgroundColor: '#FFF' }} />,
     },
     changeValidate: changeValidate,
   };