@hw-component/form 1.10.11 → 1.10.16

package/es/TDPicker/TimeRangePicker.js

@@ -52,6 +52,7 @@ var HTimePicker = function HTimePicker(_ref) {
     value: value,
     onChange: onChange,
     order: order,
+    format: format,
     style: {
       width: '100%'
     }

package/es/index.css

@@ -313,6 +313,10 @@
 .ant-hw-input-group-no-addon .ant-hw-input-group-number-body {
   border-radius: 2px;
 }
+.ant-form-item-has-error .ant-hw-addon {
+  color: #ff4d4f;
+  border-color: #ff4d4f;
+}
 .ant-hw-rich-editor {
   box-sizing: border-box;
   width: 100%;

package/lib/TDPicker/TimeRangePicker.js

@@ -55,6 +55,7 @@ var HTimePicker = function HTimePicker(_ref) {
     value: value,
     onChange: onChange,
     order: order,
+    format: format,
     style: {
       width: '100%'
     }

package/lib/index.css

@@ -313,6 +313,10 @@
 .ant-hw-input-group-no-addon .ant-hw-input-group-number-body {
   border-radius: 2px;
 }
+.ant-form-item-has-error .ant-hw-addon {
+  color: #ff4d4f;
+  border-color: #ff4d4f;
+}
 .ant-hw-rich-editor {
   box-sizing: border-box;
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "1.10.11",
+  "version": "1.10.16",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/InputGroup/index.less

@@ -43,3 +43,9 @@
     border-radius: @border-radius-base;
   }
 }
+.@{ant-prefix}-form-item-has-error{
+  .@{ant-prefix}-hw-addon{
+    color: #ff4d4f;
+    border-color: #ff4d4f;
+  }
+}

package/src/components/TDPicker/TimeRangePicker.tsx

@@ -35,7 +35,12 @@ const HTimePicker:React.FC<HTimeRangePickerProps>=({value,format="HH:mm:ss",addF
         },
     });
 
-    return <TimePicker.RangePicker value={value} onChange={onChange}  order={order} style={{ width: '100%' }} {...props}/>;
+    return <TimePicker.RangePicker value={value}
+                                   onChange={onChange}
+                                   order={order}
+                                   format={format}
+                                   style={{ width: '100%' }}
+                                   {...props}/>;
 }
 
 const Index=HFormConnect(HTimePicker);

package/src/pages/DatePicker/index.tsx

@@ -1,5 +1,5 @@
 import { Space } from "antd";
-import { HDatePicker, HRangePicker, HTimePicker } from "../../components";
+import {HDatePicker, HRangePicker, HTimePicker, HTimeRangePicker} from "../../components";
 import { useState } from "react";
 export default () => {
   const [timeVal, setTimeVal] = useState({
@@ -36,6 +36,7 @@ export default () => {
                    console.log(val);
                }}
            />
+           <HTimeRangePicker format="HH:mm"/>
        </Space>
    </div>
   );

package/src/pages/Form/index.tsx

@@ -98,11 +98,16 @@ export default () => {
               //     },
               //   },
               // },
-              // {
-              //   label: "文字1",
-              //   name: "wz1",
-              //   type:"timeRangePicker"
-              // },
+              {
+                label: "文字1",
+                name: "wz1",
+                type:"datePicker",
+                  rules:[{required:true}],
+                  itemProps:{
+                      format:"HH:mm",
+                      addonAfter:"测试"
+                  }
+              },
               // {
               //   label: "inputSelect",
               //   type: "richEditor",