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

package/es/TDPicker/RangePicker.js

@@ -1,77 +1,26 @@
 // welcome to hoo hoo hoo
-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";
+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,
@@ -88,65 +37,56 @@ 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;
+  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);
       }
-      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);
@@ -155,37 +95,26 @@ 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,9 +1,4 @@
 /// <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,24 +14,18 @@ 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,52 +2,32 @@ 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,22 +1,19 @@
 // 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,
@@ -32,72 +29,57 @@ 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,
@@ -109,12 +91,7 @@ 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) {
@@ -122,45 +99,34 @@ 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;
+  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;
       }
-      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 startTime = value[start],
+        endTime = value[end];
+      if (!startTime && !endTime) {
+        return [];
       }
-      return _mapInstanceProperty(value).call(value, function (item) {
-        if (!item) {
-          return item;
-        }
-        return moment(item, format);
-      });
-    },
-    [value, format, valueMap]
-  );
+      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]);
 };
 
-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,10 +1,4 @@
 /// <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;