@hw-component/form 0.0.1-bate → 0.0.1-beta

package/lib/TDPicker/RangePicker.js

@@ -1,29 +1,76 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js/object/get-own-property-symbols');
-var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/filter');
-var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptor');
-var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js/object/get-own-property-descriptors');
-var _Object$defineProperties = require('@babel/runtime-corejs3/core-js/object/define-properties');
-var _Object$defineProperty = require('@babel/runtime-corejs3/core-js/object/define-property');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-var _Object$values = require('@babel/runtime-corejs3/core-js/object/values');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var antd = require('antd');
-var hooks = require('./hooks.js');
-var React = require('react');
-var index = require('../hooks/index.js');
-var HFormConnect = require('../Form/HFormConnect.js');
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptor");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
+var _extends = require("@babel/runtime-corejs3/helpers/extends");
+var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+var _Object$values = require("@babel/runtime-corejs3/core-js/object/values");
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var antd = require("antd");
+var hooks = require("./hooks.js");
+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"];
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded = [
+  "value",
+  "onChange",
+  "showTime",
+  "format",
+  "valueMap",
+  "ranges",
+  "name",
+  "addFormat",
+];
+function ownKeys(object, enumerableOnly) {
+  var keys = _Object$keys(object);
+  if (_Object$getOwnPropertySymbols) {
+    var symbols = _Object$getOwnPropertySymbols(object);
+    enumerableOnly &&
+      (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context2, _context3;
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2
+      ? _forEachInstanceProperty(
+          (_context2 = ownKeys(Object(source), !0))
+        ).call(_context2, function (key) {
+          _defineProperty(target, key, source[key]);
+        })
+      : _Object$getOwnPropertyDescriptors
+      ? _Object$defineProperties(
+          target,
+          _Object$getOwnPropertyDescriptors(source)
+        )
+      : _forEachInstanceProperty((_context3 = ownKeys(Object(source)))).call(
+          _context3,
+          function (key) {
+            _Object$defineProperty(
+              target,
+              key,
+              _Object$getOwnPropertyDescriptor(source, key)
+            );
+          }
+        );
+  }
+  return target;
+}
 var RangePicker = antd.DatePicker.RangePicker;
 var HRangePicker = function HRangePicker(_ref) {
   var value = _ref.value,
@@ -40,51 +87,65 @@ var HRangePicker = function HRangePicker(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = index.useMatchConfigProps({
       valueRangePickerValueMap: valueMap,
-      dateRanges: undefined
+      dateRanges: undefined,
     }),
     _useMatchConfigProps$ = _useMatchConfigProps.valueRangePickerValueMap,
-    valueRangePickerValueMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$,
+    valueRangePickerValueMap =
+      _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$,
     dateRanges = _useMatchConfigProps.dateRanges;
   var dateMapKeys = hooks.useGetTimeKey({
     valueMap: valueRangePickerValueMap,
-    name: name
+    name: name,
   });
   var paramsProvider = hooks.useRangeValueProvider({
-    valueMap: dateMapKeys
+    valueMap: dateMapKeys,
   });
   var timeVal = hooks.useRangePickerTimeVal({
     value: value,
     format: format,
-    valueMap: dateMapKeys
+    valueMap: dateMapKeys,
   });
-  var defaultRanges = React.useMemo(function () {
-    if (!ranges) {
-      return null;
-    }
-    if (ranges === true) {
-      return dateRanges;
-    }
-    return ranges;
-  }, [ranges]);
-  addFormat === null || addFormat === void 0 ? void 0 : addFormat({
-    "float": {
-      inputValue: function inputValue(item, initValue) {
-        var _context;
-        var valueName = item.name;
-        var resultObj = {};
-        _forEachInstanceProperty(_context = _Object$values(dateMapKeys)).call(_context, function (key) {
-          resultObj[key] = initValue[key];
-        });
-        return _defineProperty({}, valueName, resultObj);
-      },
-      outputValue: function outputValue(item, _outputValue) {
-        var valueName = item.name;
-        var _outputValue$valueNam = _outputValue[valueName],
-          itemVal = _outputValue$valueNam === void 0 ? {} : _outputValue$valueNam;
-        return _objectSpread({}, itemVal);
+  var defaultRanges = React.useMemo(
+    function () {
+      if (!ranges) {
+        return null;
       }
-    }
-  });
+      if (ranges === true) {
+        return dateRanges;
+      }
+      return ranges;
+    },
+    [ranges]
+  );
+  addFormat === null || addFormat === void 0
+    ? void 0
+    : addFormat({
+        float: {
+          inputValue: function inputValue(item, initValue) {
+            var _context;
+            var _item$name = item.name,
+              valueName = _item$name === void 0 ? "" : _item$name;
+            var resultObj = {};
+            _forEachInstanceProperty(
+              (_context = _Object$values(dateMapKeys))
+            ).call(_context, function (key) {
+              if (initValue[key]) {
+                resultObj[key] = initValue[key];
+              }
+            });
+            var hasKeys = _Object$keys(resultObj).length !== 0;
+            return _defineProperty({}, valueName, hasKeys ? resultObj : null);
+          },
+          outputValue: function outputValue(item, _outputValue) {
+            var _item$name2 = item.name,
+              valueName = _item$name2 === void 0 ? "" : _item$name2;
+            var _outputValue$valueNam = _outputValue[valueName],
+              itemVal =
+                _outputValue$valueNam === void 0 ? {} : _outputValue$valueNam;
+            return _objectSpread({}, itemVal);
+          },
+        },
+      });
   var change = function change(val) {
     if (!format || !val) {
       onChange === null || onChange === void 0 ? void 0 : onChange(val);
@@ -93,26 +154,37 @@ var HRangePicker = function HRangePicker(_ref) {
     var subVal = _mapInstanceProperty(val).call(val, function (item) {
       return item === null || item === void 0 ? void 0 : item.format(format);
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange(paramsProvider(subVal));
+    onChange === null || onChange === void 0
+      ? void 0
+      : onChange(paramsProvider(subVal));
   };
-  return /*#__PURE__*/React.createElement(RangePicker, _extends({
-    value: timeVal,
-    onChange: change,
-    showTime: showTime,
-    ranges: defaultRanges
-  }, props));
+  return /*#__PURE__*/ React.createElement(
+    RangePicker,
+    _extends(
+      {
+        value: timeVal,
+        onChange: change,
+        showTime: showTime,
+        ranges: defaultRanges,
+      },
+      props
+    )
+  );
 };
 var Index = HFormConnect.default(HRangePicker);
 var HRangePicker$1 = {
   Component: Index,
   placeholder: function placeholder(_ref3) {
     var label = _ref3.label;
-    return ["\u8BF7\u9009\u62E9\u5F00\u59CB".concat(label), "\u8BF7\u9009\u62E9\u7ED3\u675F".concat(label)];
+    return [
+      "\u8BF7\u9009\u62E9\u5F00\u59CB".concat(label),
+      "\u8BF7\u9009\u62E9\u7ED3\u675F".concat(label),
+    ];
   },
   requiredErrMsg: function requiredErrMsg(_ref4) {
     var label = _ref4.label;
     return "\u8BF7\u9009\u62E9".concat(label);
-  }
+  },
 };
 
 exports.default = HRangePicker$1;

package/lib/TDPicker/TimePicker.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
 import type { HTimePickerProps } from "./modal";
-declare const _default: ({ value, format, onChange, ...props }: HTimePickerProps) => JSX.Element;
+declare const _default: ({
+  value,
+  format,
+  onChange,
+  ...props
+}: HTimePickerProps) => JSX.Element;
 export default _default;

package/lib/TDPicker/TimePicker.js

@@ -1,15 +1,15 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var React = require('react');
-var _extends = require('@babel/runtime-corejs3/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var antd = require('antd');
-var hooks = require('./hooks.js');
+var React = require("react");
+var _extends = require("@babel/runtime-corejs3/helpers/extends");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var antd = require("antd");
+var hooks = require("./hooks.js");
 
 var _excluded = ["value", "format", "onChange"];
-var HTimePicker = (function (_ref) {
+var HTimePicker = function (_ref) {
   var value = _ref.value,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
@@ -17,18 +17,24 @@ var HTimePicker = (function (_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = hooks.useTimePickerValue({
     value: value,
-    format: format
+    format: format,
   });
   var change = hooks.useTimePickerChange({
     value: value,
     format: format,
-    onChange: onChange
+    onChange: onChange,
   });
-  return /*#__PURE__*/React.createElement(antd.TimePicker, _extends({
-    value: timeVal,
-    onChange: change
-  }, props));
-});
+  return /*#__PURE__*/ React.createElement(
+    antd.TimePicker,
+    _extends(
+      {
+        value: timeVal,
+        onChange: change,
+      },
+      props
+    )
+  );
+};
 
 exports.default = HTimePicker;
 // powered by h

package/lib/TDPicker/hooks.d.ts

@@ -2,32 +2,52 @@ import type { Moment, DurationInputArg2 } from "moment";
 import type { HRangePickerProps } from "./modal";
 import type { DateRangePickerValueMapModal } from "../modal";
 interface UseTimeValParams {
-    value?: any | [any, any];
-    format?: string;
-    valueMap?: DateRangePickerValueMapModal;
+  value?: any | [any, any];
+  format?: string;
+  valueMap?: DateRangePickerValueMapModal;
 }
 interface UseTimePickerValParams {
-    value?: any;
-    format?: string | DurationInputArg2;
+  value?: any;
+  format?: string | DurationInputArg2;
 }
 interface UseTimeChangeParams {
-    format?: string;
-    onChange?: (time?: Moment | string | number) => void;
-    value?: any;
+  format?: string;
+  onChange?: (time?: Moment | string | number) => void;
+  value?: any;
 }
 export declare const useTimeVal: ({ value, format }: UseTimeValParams) => any;
-export declare const useGetTimeKey: ({ valueMap, name, }: HRangePickerProps) => {
-    start?: undefined;
-    end?: undefined;
-} | {
-    start: string;
-    end: string;
-};
-export declare const useTimeChange: ({ format, onChange }: UseTimeChangeParams) => (value: any) => void;
-export declare const useTimePickerValue: ({ value, format, }: UseTimePickerValParams) => any;
-export declare const useTimePickerChange: ({ value, format, onChange, }: UseTimeChangeParams) => (val: any) => void;
-export declare const useRangeValueProvider: ({ valueMap }: HRangePickerProps) => (val: any[]) => any[] | {
-    [x: string]: any;
-};
-export declare const useRangePickerTimeVal: ({ value, format, valueMap, }: UseTimeValParams) => any;
+export declare const useGetTimeKey: ({ valueMap, name }: HRangePickerProps) =>
+  | {
+      start?: undefined;
+      end?: undefined;
+    }
+  | {
+      start: string;
+      end: string;
+    };
+export declare const useTimeChange: ({
+  format,
+  onChange,
+}: UseTimeChangeParams) => (value: any) => void;
+export declare const useTimePickerValue: ({
+  value,
+  format,
+}: UseTimePickerValParams) => any;
+export declare const useTimePickerChange: ({
+  value,
+  format,
+  onChange,
+}: UseTimeChangeParams) => (val: any) => void;
+export declare const useRangeValueProvider: ({
+  valueMap,
+}: HRangePickerProps) => (val: any[]) =>
+  | any[]
+  | {
+      [x: string]: any;
+    };
+export declare const useRangePickerTimeVal: ({
+  value,
+  format,
+  valueMap,
+}: UseTimeValParams) => any;
 export {};

package/lib/TDPicker/hooks.js

@@ -1,20 +1,23 @@
-'use strict';
+"use strict";
 
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
-var _Array$isArray = require('@babel/runtime-corejs3/core-js/array/is-array');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var React = require('react');
-var moment = require('moment');
+var _defineProperty = require("@babel/runtime-corejs3/helpers/defineProperty");
+var _Array$isArray = require("@babel/runtime-corejs3/core-js/array/is-array");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var React = require("react");
+var moment = require("moment");
 
 var useTimeVal = function useTimeVal(_ref) {
   var value = _ref.value,
     format = _ref.format;
-  return React.useMemo(function () {
-    if (!value || !format) {
-      return value;
-    }
-    return moment(value, format);
-  }, [value, format]);
+  return React.useMemo(
+    function () {
+      if (!value || !format) {
+        return value;
+      }
+      return moment(value, format);
+    },
+    [value, format]
+  );
 };
 var useGetTimeKey = function useGetTimeKey(_ref2) {
   var _ref2$valueMap = _ref2.valueMap,
@@ -30,57 +33,72 @@ var useGetTimeKey = function useGetTimeKey(_ref2) {
   var endKey = typeof end === "string" ? end : end(name);
   return {
     start: startKey,
-    end: endKey
+    end: endKey,
   };
 };
 var useTimeChange = function useTimeChange(_ref3) {
   var format = _ref3.format,
     onChange = _ref3.onChange;
-  return React.useCallback(function (value) {
-    if (!format) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(value);
-      return;
-    }
-    var subVal = value === null || value === void 0 ? void 0 : value.format(format);
-    onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
-  }, [format, onChange]);
+  return React.useCallback(
+    function (value) {
+      if (!format) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        return;
+      }
+      var subVal =
+        value === null || value === void 0 ? void 0 : value.format(format);
+      onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
+    },
+    [format, onChange]
+  );
 };
 var formatMap = {
   X: "s",
-  x: "ms"
+  x: "ms",
 };
 var useTimePickerValue = function useTimePickerValue(_ref4) {
   var value = _ref4.value,
     format = _ref4.format;
-  return React.useMemo(function () {
-    if (!value || !format) {
-      return value;
-    }
-    if (formatMap[format]) {
-      var timeStr = moment().startOf("days").add(value, formatMap[format]).format("HH:mm:ss");
-      return moment(timeStr, "HH:mm:ss");
-    }
-    return moment(value, format);
-  }, [value, format]);
+  return React.useMemo(
+    function () {
+      if (!value || !format) {
+        return value;
+      }
+      if (formatMap[format]) {
+        var timeStr = moment()
+          .startOf("days")
+          .add(value, formatMap[format])
+          .format("HH:mm:ss");
+        return moment(timeStr, "HH:mm:ss");
+      }
+      return moment(value, format);
+    },
+    [value, format]
+  );
 };
 var useTimePickerChange = function useTimePickerChange(_ref5) {
   var value = _ref5.value,
     format = _ref5.format,
     onChange = _ref5.onChange;
-  return React.useCallback(function (val) {
-    if (!format || !val) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(val);
-      return;
-    }
-    if (formatMap[format]) {
-      var startTime = moment().startOf("days").format(format);
-      var nowTime = val.format(format);
-      onChange === null || onChange === void 0 ? void 0 : onChange(nowTime - startTime);
-      return;
-    }
-    var subVal = val === null || val === void 0 ? void 0 : val.format(format);
-    onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
-  }, [format, onChange, value]);
+  return React.useCallback(
+    function (val) {
+      if (!format || !val) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(val);
+        return;
+      }
+      if (formatMap[format]) {
+        var startTime = moment().startOf("days").format(format);
+        var nowTime = val.format(format);
+        onChange === null || onChange === void 0
+          ? void 0
+          : onChange(nowTime - startTime);
+        return;
+      }
+      var subVal = val === null || val === void 0 ? void 0 : val.format(format);
+      onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
+    },
+    [format, onChange, value]
+  );
 };
 var useRangeValueProvider = function useRangeValueProvider(_ref6) {
   var _ref6$valueMap = _ref6.valueMap,
@@ -92,7 +110,12 @@ var useRangeValueProvider = function useRangeValueProvider(_ref6) {
     if (!start || !end) {
       return val;
     }
-    return _ref7 = {}, _defineProperty(_ref7, start, val[0]), _defineProperty(_ref7, end, val[1]), _ref7;
+    return (
+      (_ref7 = {}),
+      _defineProperty(_ref7, start, val[0]),
+      _defineProperty(_ref7, end, val[1]),
+      _ref7
+    );
   };
 };
 var useRangePickerTimeVal = function useRangePickerTimeVal(_ref8) {
@@ -100,33 +123,36 @@ var useRangePickerTimeVal = function useRangePickerTimeVal(_ref8) {
     format = _ref8.format,
     _ref8$valueMap = _ref8.valueMap,
     valueMap = _ref8$valueMap === void 0 ? {} : _ref8$valueMap;
-  return React.useMemo(function () {
-    if (!value || !format) {
-      return value;
-    }
-    if (!_Array$isArray(value)) {
-      var start = valueMap.start,
-        end = valueMap.end;
-      if (!start || !end) {
-        console.error("日期value格式错误!");
-        return;
+  return React.useMemo(
+    function () {
+      if (!value || !format) {
+        return value;
       }
-      var startTime = value[start],
-        endTime = value[end];
-      if (!startTime && !endTime) {
-        return [];
-      }
-      var startMoment = moment(startTime, format);
-      var endMoment = moment(endTime, format);
-      return [startMoment, endMoment];
-    }
-    return _mapInstanceProperty(value).call(value, function (item) {
-      if (!item) {
-        return item;
+      if (!_Array$isArray(value)) {
+        var start = valueMap.start,
+          end = valueMap.end;
+        if (!start || !end) {
+          console.error("日期value格式错误!");
+          return;
+        }
+        var startTime = value[start],
+          endTime = value[end];
+        if (!startTime && !endTime) {
+          return [];
+        }
+        var startMoment = moment(startTime, format);
+        var endMoment = moment(endTime, format);
+        return [startMoment, endMoment];
       }
-      return moment(item, format);
-    });
-  }, [value, format, valueMap]);
+      return _mapInstanceProperty(value).call(value, function (item) {
+        if (!item) {
+          return item;
+        }
+        return moment(item, format);
+      });
+    },
+    [value, format, valueMap]
+  );
 };
 
 exports.useGetTimeKey = useGetTimeKey;

package/lib/TDPicker/index.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
 import type { HDatePickerProps } from "./modal";
-declare const _default: ({ value, onChange, showTime, format, ...props }: HDatePickerProps) => JSX.Element;
+declare const _default: ({
+  value,
+  onChange,
+  showTime,
+  format,
+  ...props
+}: HDatePickerProps) => JSX.Element;
 export default _default;