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

package/lib/TDPicker/RangePicker.js

@@ -1,76 +1,29 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-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 _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,
@@ -87,65 +40,56 @@ 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;
+  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);
       }
-      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);
@@ -154,37 +98,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.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,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/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,24 +17,18 @@ 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,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/lib/TDPicker/hooks.js

@@ -1,23 +1,20 @@
-"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,
@@ -33,72 +30,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 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,
@@ -110,12 +92,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) {
@@ -123,36 +100,33 @@ 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;
+  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;
       }
-      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 [];
+      }
+      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 _mapInstanceProperty(value).call(value, function (item) {
-        if (!item) {
-          return item;
-        }
-        return moment(item, format);
-      });
-    },
-    [value, format, valueMap]
-  );
+      return moment(item, format);
+    });
+  }, [value, format, valueMap]);
 };
 
 exports.useGetTimeKey = useGetTimeKey;

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