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

package/es/TDPicker/RangePicker.js

@@ -1,26 +1,77 @@
 // welcome to hoo hoo hoo
-import _Object$keys from '@babel/runtime-corejs3/core-js/object/keys';
-import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js/object/get-own-property-symbols';
-import _filterInstanceProperty from '@babel/runtime-corejs3/core-js/instance/filter';
-import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptor';
-import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js/object/get-own-property-descriptors';
-import _Object$defineProperties from '@babel/runtime-corejs3/core-js/object/define-properties';
-import _Object$defineProperty from '@babel/runtime-corejs3/core-js/object/define-property';
-import _extends from '@babel/runtime-corejs3/helpers/extends';
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js/instance/for-each';
-import _Object$values from '@babel/runtime-corejs3/core-js/object/values';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
-import { DatePicker } from 'antd';
-import { useGetTimeKey, useRangeValueProvider, useRangePickerTimeVal } from './hooks.js';
-import React, { useMemo } from 'react';
-import { useMatchConfigProps } from '../hooks/index.js';
-import HFormConnect from '../Form/HFormConnect.js';
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptor";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js/object/define-property";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js/instance/for-each";
+import _Object$values from "@babel/runtime-corejs3/core-js/object/values";
+import _Object$keys from "@babel/runtime-corejs3/core-js/object/keys";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { DatePicker } from "antd";
+import {
+  useGetTimeKey,
+  useRangeValueProvider,
+  useRangePickerTimeVal,
+} from "./hooks.js";
+import React, { 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"];
-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 = DatePicker.RangePicker;
 var HRangePicker = function HRangePicker(_ref) {
   var value = _ref.value,
@@ -37,51 +88,65 @@ var HRangePicker = function HRangePicker(_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = 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 = useGetTimeKey({
     valueMap: valueRangePickerValueMap,
-    name: name
+    name: name,
   });
   var paramsProvider = useRangeValueProvider({
-    valueMap: dateMapKeys
+    valueMap: dateMapKeys,
   });
   var timeVal = useRangePickerTimeVal({
     value: value,
     format: format,
-    valueMap: dateMapKeys
+    valueMap: dateMapKeys,
   });
-  var defaultRanges = 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 = 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);
@@ -90,26 +155,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(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);
-  }
+  },
 };
 
 export { HRangePicker$1 as default };

package/es/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/es/TDPicker/TimePicker.js

@@ -1,12 +1,12 @@
 // welcome to hoo hoo hoo
-import React from 'react';
-import _extends from '@babel/runtime-corejs3/helpers/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import { TimePicker } from 'antd';
-import { useTimePickerValue, useTimePickerChange } from './hooks.js';
+import React from "react";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/objectWithoutProperties";
+import { TimePicker } from "antd";
+import { useTimePickerValue, useTimePickerChange } from "./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,
@@ -14,18 +14,24 @@ var HTimePicker = (function (_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = useTimePickerValue({
     value: value,
-    format: format
+    format: format,
   });
   var change = useTimePickerChange({
     value: value,
     format: format,
-    onChange: onChange
+    onChange: onChange,
   });
-  return /*#__PURE__*/React.createElement(TimePicker, _extends({
-    value: timeVal,
-    onChange: change
-  }, props));
-});
+  return /*#__PURE__*/ React.createElement(
+    TimePicker,
+    _extends(
+      {
+        value: timeVal,
+        onChange: change,
+      },
+      props
+    )
+  );
+};
 
 export { HTimePicker as default };
 // powered by hdj

package/es/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/es/TDPicker/hooks.js

@@ -1,19 +1,22 @@
 // welcome to hoo hoo hoo
-import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
-import _Array$isArray from '@babel/runtime-corejs3/core-js/array/is-array';
-import _mapInstanceProperty from '@babel/runtime-corejs3/core-js/instance/map';
-import { useMemo, useCallback } from 'react';
-import moment from 'moment';
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Array$isArray from "@babel/runtime-corejs3/core-js/array/is-array";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import { useMemo, useCallback } from "react";
+import moment from "moment";
 
 var useTimeVal = function useTimeVal(_ref) {
   var value = _ref.value,
     format = _ref.format;
-  return useMemo(function () {
-    if (!value || !format) {
-      return value;
-    }
-    return moment(value, format);
-  }, [value, format]);
+  return useMemo(
+    function () {
+      if (!value || !format) {
+        return value;
+      }
+      return moment(value, format);
+    },
+    [value, format]
+  );
 };
 var useGetTimeKey = function useGetTimeKey(_ref2) {
   var _ref2$valueMap = _ref2.valueMap,
@@ -29,57 +32,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 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 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 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 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 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 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,
@@ -91,7 +109,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) {
@@ -99,34 +122,45 @@ var useRangePickerTimeVal = function useRangePickerTimeVal(_ref8) {
     format = _ref8.format,
     _ref8$valueMap = _ref8.valueMap,
     valueMap = _ref8$valueMap === void 0 ? {} : _ref8$valueMap;
-  return 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 useMemo(
+    function () {
+      if (!value || !format) {
+        return value;
       }
-      var startTime = value[start],
-        endTime = value[end];
-      if (!startTime && !endTime) {
-        return [];
+      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];
       }
-      var startMoment = moment(startTime, format);
-      var endMoment = moment(endTime, format);
-      return [startMoment, endMoment];
-    }
-    return _mapInstanceProperty(value).call(value, function (item) {
-      if (!item) {
-        return item;
-      }
-      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]
+  );
 };
 
-export { useGetTimeKey, useRangePickerTimeVal, useRangeValueProvider, useTimeChange, useTimePickerChange, useTimePickerValue, useTimeVal };
+export {
+  useGetTimeKey,
+  useRangePickerTimeVal,
+  useRangeValueProvider,
+  useTimeChange,
+  useTimePickerChange,
+  useTimePickerValue,
+  useTimeVal,
+};
 // powered by hdj

package/es/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;