@hw-component/form 1.0.2 → 1.0.3

package/es/TDPicker/RangePicker.js

@@ -18,7 +18,7 @@ import { useMemo } from 'react';
 import { useMatchConfigProps } from '../hooks/index.js';
 import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate"];
+var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate", "style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RangePicker = DatePicker.RangePicker;
@@ -35,6 +35,8 @@ var HRangePicker = function HRangePicker(_ref) {
     name = _ref.name,
     addFormat = _ref.addFormat,
     _disabledDate = _ref.disabledDate,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = useMatchConfigProps({
       valueRangePickerValueMap: valueMap,
@@ -87,18 +89,31 @@ var HRangePicker = function HRangePicker(_ref) {
       }
     }
   });
+  var formatShowTimeDate = function formatShowTimeDate(date, format, key) {
+    if (!date) {
+      return null;
+    }
+    if (showTime) {
+      return date.format(format);
+    }
+    return date[key]("days").format(format);
+  };
   var change = function change(val) {
     if (!format || !val) {
       onChange === null || onChange === void 0 || onChange(val);
       return;
     }
-    var subVal = val.map(function (item) {
-      return (item === null || item === void 0 ? void 0 : item.format(format)) || null;
+    var keyArray = ["startOf", "endOf"];
+    var subVal = val.map(function (item, index) {
+      return formatShowTimeDate(item, format, keyArray[index]);
     });
     onChange === null || onChange === void 0 || onChange(paramsProvider(subVal));
   };
   return jsx(RangePicker, _objectSpread({
     value: timeVal,
+    style: _objectSpread({
+      width: "100%"
+    }, style),
     onChange: change,
     showTime: showTime,
     onCalendarChange: change,

package/lib/TDPicker/RangePicker.js

@@ -21,7 +21,7 @@ var React = require('react');
 var index = require('../hooks/index.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate"];
+var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate", "style"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RangePicker = antd.DatePicker.RangePicker;
@@ -38,6 +38,8 @@ var HRangePicker = function HRangePicker(_ref) {
     name = _ref.name,
     addFormat = _ref.addFormat,
     _disabledDate = _ref.disabledDate,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = index.useMatchConfigProps({
       valueRangePickerValueMap: valueMap,
@@ -90,18 +92,31 @@ var HRangePicker = function HRangePicker(_ref) {
       }
     }
   });
+  var formatShowTimeDate = function formatShowTimeDate(date, format, key) {
+    if (!date) {
+      return null;
+    }
+    if (showTime) {
+      return date.format(format);
+    }
+    return date[key]("days").format(format);
+  };
   var change = function change(val) {
     if (!format || !val) {
       onChange === null || onChange === void 0 || onChange(val);
       return;
     }
-    var subVal = val.map(function (item) {
-      return (item === null || item === void 0 ? void 0 : item.format(format)) || null;
+    var keyArray = ["startOf", "endOf"];
+    var subVal = val.map(function (item, index) {
+      return formatShowTimeDate(item, format, keyArray[index]);
     });
     onChange === null || onChange === void 0 || onChange(paramsProvider(subVal));
   };
   return jsxRuntime.jsx(RangePicker, _objectSpread({
     value: timeVal,
+    style: _objectSpread({
+      width: "100%"
+    }, style),
     onChange: change,
     showTime: showTime,
     onCalendarChange: change,

package/package.json

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

package/src/components/TDPicker/RangePicker.tsx

@@ -10,6 +10,7 @@ import type { RangePickerProps } from "antd/es/date-picker";
 import { useMatchConfigProps } from "../hooks";
 import type { HItemProps } from "../Form/modal";
 import HFormConnect from "../Form/HFormConnect";
+import {Moment} from "moment";
 
 const RangePicker = DatePicker.RangePicker as any;
 
@@ -23,6 +24,7 @@ const HRangePicker: React.FC<HRangePickerProps> = ({
   name,
   addFormat,
   disabledDate,
+    style={},
   ...props
 }) => {
   const { valueRangePickerValueMap = {}, dateRanges } = useMatchConfigProps({
@@ -72,20 +74,30 @@ const HRangePicker: React.FC<HRangePickerProps> = ({
       },
     },
   });
-
+  const formatShowTimeDate=(date:Moment,format:string,key:string)=>{
+      if (!date){
+        return  null;
+      }
+      if (showTime){
+         return date.format(format);
+      }
+      return  date[key]("days").format(format);
+  }
   const change = (val) => {
     if (!format || !val) {
       onChange?.(val);
       return;
     }
-    const subVal = val.map((item) => {
-      return item?.format(format) || null;
+    const keyArray=["startOf","endOf"];
+    const subVal = val.map((item,index) => {
+      return formatShowTimeDate(item,format,keyArray[index]);
     });
     onChange?.(paramsProvider(subVal));
   };
   return (
     <RangePicker
       value={timeVal}
+      style={{width:"100%",...style}}
       onChange={change}
       showTime={showTime}
       onCalendarChange={change}

package/src/pages/Form/index.tsx

@@ -34,8 +34,11 @@ const formData = (options) => {
     },
     {
       label: "时间",
-      type: "datePicker",
-      name: "datePicker",
+      type: "rangePicker",
+      name: "rangePicker",
+      itemProps: {
+
+      }
     },
     {
       label: "选择",