@hw-component/form 0.0.2 → 0.0.3-beta-v2

package/lib/Select/index.js

@@ -13,7 +13,7 @@ var changeHooks = require('./hooks/changeHooks.js');
 var defaultConfig = require('./defaultConfig.js');
 var DropdownComponent = require('./components/DropdownComponent.js');
 var AllSelect = require('./components/AllSelect.js');
-var useChangeOptions = require('../hooks/useChangeOptions.js');
+var index = require('../hooks/index.js');
 
 var _excluded = ["style", "mode", "options", "modeConfig", "value", "onChange", "fieldNames", "request", "manual", "optionLabelProp", "filterProvider", "optionFilterProp", "serviceSearch", "onSearch", "filterOption", "showSearch", "labelInValue", "noMatchItemRender", "allSelect"];
 var Option = antd.Select.Option;
@@ -28,14 +28,14 @@ var HSelect = (function (_ref) {
     modeConfig = _ref$modeConfig === void 0 ? defaultConfig.defaultModeConfig : _ref$modeConfig,
     value = _ref.value,
     onChange = _ref.onChange,
-    fieldNames = _ref.fieldNames,
+    propsFieldNames = _ref.fieldNames,
     request = _ref.request,
     manual = _ref.manual,
     _ref$optionLabelProp = _ref.optionLabelProp,
     optionLabelProp = _ref$optionLabelProp === void 0 ? "label" : _ref$optionLabelProp,
     filterProvider = _ref.filterProvider,
     _ref$optionFilterProp = _ref.optionFilterProp,
-    optionFilterProp = _ref$optionFilterProp === void 0 ? "filterlabel" : _ref$optionFilterProp,
+    optionFilterProp = _ref$optionFilterProp === void 0 ? "filterLabel" : _ref$optionFilterProp,
     serviceSearch = _ref.serviceSearch,
     propsOnSearch = _ref.onSearch,
     filterOption = _ref.filterOption,
@@ -48,6 +48,10 @@ var HSelect = (function (_ref) {
   var _ref2 = (modeConfig === null || modeConfig === void 0 ? void 0 : modeConfig[mode || ""]) || {},
     icon = _ref2.icon,
     render = _ref2.render;
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      fieldNames: propsFieldNames
+    }),
+    fieldNames = _useMatchConfigProps.fieldNames;
   var selfFilterOption = norHooks.useFilterOption({
     filterOption: filterOption,
     serviceSearch: serviceSearch
@@ -57,14 +61,17 @@ var HSelect = (function (_ref) {
       manual: manual,
       fieldNames: fieldNames,
       request: request,
-      serviceSearch: serviceSearch
+      serviceSearch: serviceSearch,
+      showSearch: showSearch,
+      onSearch: propsOnSearch
     }),
     run = _useOptionReq.run,
     loading = _useOptionReq.loading,
     resultData = _useOptionReq.data,
     error = _useOptionReq.error,
-    onSearch = _useOptionReq.onSearch;
-  var data = useChangeOptions.useChangeOptions({
+    onSearch = _useOptionReq.onSearch,
+    mathShowSearch = _useOptionReq.mathShowSearch;
+  var data = index.useChangeOptions({
     options: resultData,
     fieldNames: fieldNames
   });
@@ -84,7 +91,7 @@ var HSelect = (function (_ref) {
     mode: mode,
     loading: loading,
     value: val,
-    onSearch: propsOnSearch || onSearch,
+    onSearch: onSearch,
     onChange: change,
     dropdownRender: function dropdownRender(node) {
       return /*#__PURE__*/React.createElement(DropdownComponent.default, {
@@ -98,25 +105,25 @@ var HSelect = (function (_ref) {
         mode: mode,
         value: val,
         onChange: change
-      }), node);
+      }, node));
     },
     optionLabelProp: optionLabelProp,
     menuItemSelectedIcon: icon,
     optionFilterProp: optionFilterProp,
     filterOption: selfFilterOption,
-    showSearch: showSearch,
+    showSearch: mathShowSearch,
     labelInValue: true
   }, props), data === null || data === void 0 ? void 0 : _mapInstanceProperty(data).call(data, function (item) {
     var optionValue = item.value,
       label = item.label;
     var result = (filterProvider === null || filterProvider === void 0 ? void 0 : filterProvider(item)) || label;
-    var filer = _defineProperty({}, optionFilterProp, result);
+    var filter = _defineProperty({}, optionFilterProp, result);
     return /*#__PURE__*/React.createElement(Option, _extends({
       value: optionValue,
       key: optionValue,
       label: label,
       mode: mode
-    }, filer), render ? render(item, val) : label);
+    }, filter), render ? render(item, val) : label);
   }));
 });
 

package/lib/Select/modal.d.ts

@@ -1,5 +1,6 @@
 import type { SelectProps } from "antd";
 import type React from "react";
+import type { PromiseFnResult } from "../modal";
 export type OptionType = Record<string, any>;
 export type PartialHSelectProps = Partial<HSelectProps>;
 export type RenderFn = (data: OptionType) => React.ReactNode;

package/lib/Submit/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { ButtonProps, FormInstance } from "antd/es";
+export interface ISubmitProps extends Omit<ButtonProps, "form"> {
+    text?: string;
+    form: FormInstance;
+}
+declare const _default: ({ text, type, form, loading, ...props }: ISubmitProps) => JSX.Element;
+export default _default;

package/lib/Submit/index.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
+var antd = require('antd');
+var React = require('react');
+var index = require('../Form/Context/index.js');
+
+var _excluded = ["text", "type", "form", "loading"];
+var HSubmit = (function (_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "提交" : _ref$text,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "primary" : _ref$type,
+    form = _ref.form,
+    loading = _ref.loading,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFormContext = index.useFormContext(),
+    _useFormContext$loadi = _useFormContext.loading,
+    formSubLoading = _useFormContext$loadi === void 0 ? loading : _useFormContext$loadi;
+  return /*#__PURE__*/React.createElement(antd.Button, _extends({}, props, {
+    type: type,
+    onClick: form.submit,
+    loading: formSubLoading
+  }), text);
+});
+
+exports.default = HSubmit;
+// powered by h

package/lib/Switch/index.d.ts

@@ -1,10 +1,11 @@
 import type { SwitchProps } from "antd";
 import React from "react";
-interface IProps extends Omit<SwitchProps, "onChange"> {
-    valueCheckMap?: ValueCheckMapModal;
+import type { ValueSwitchMapModal } from "../modal";
+export interface HSwitchProps extends Omit<SwitchProps, "onChange"> {
+    valueMap?: ValueSwitchMapModal;
     value?: any;
     onChange?: (val: any) => void;
     beforeText?: React.ReactNode;
 }
-declare const Index: React.FC<IProps>;
+declare const Index: React.FC<HSwitchProps>;
 export default Index;

package/lib/Switch/index.js

@@ -6,14 +6,13 @@ var _extends = require('@babel/runtime-corejs3/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var antd = require('antd');
 var React = require('react');
-var config = require('../config.js');
+var index = require('../hooks/index.js');
 
-var _excluded = ["value", "onChange", "valueCheckMap", "children", "unCheckedChildren", "checkedChildren", "beforeText"];
+var _excluded = ["value", "onChange", "valueMap", "children", "unCheckedChildren", "checkedChildren", "beforeText"];
 var Index = function Index(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
-    _ref$valueCheckMap = _ref.valueCheckMap,
-    valueCheckMap = _ref$valueCheckMap === void 0 ? config.baseConfig.defaultValueSwitchMap : _ref$valueCheckMap,
+    propsValueSwitchMap = _ref.valueMap,
     children = _ref.children,
     _ref$unCheckedChildre = _ref.unCheckedChildren,
     unCheckedChildren = _ref$unCheckedChildre === void 0 ? "关闭" : _ref$unCheckedChildre,
@@ -21,14 +20,19 @@ var Index = function Index(_ref) {
     checkedChildren = _ref$checkedChildren === void 0 ? "开启" : _ref$checkedChildren,
     beforeText = _ref.beforeText,
     props = _objectWithoutProperties(_ref, _excluded);
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      valueSwitchMap: propsValueSwitchMap
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.valueSwitchMap,
+    valueSwitchMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$;
   var swChecked = React.useMemo(function () {
-    var checked = valueCheckMap.checked;
-    return value === checked;
+    var open = valueSwitchMap.open;
+    return value === open;
   }, [value]);
   var change = function change(checked) {
-    var subVal = valueCheckMap === null || valueCheckMap === void 0 ? void 0 : valueCheckMap.noChecked;
+    var subVal = valueSwitchMap.close;
     if (checked) {
-      subVal = valueCheckMap === null || valueCheckMap === void 0 ? void 0 : valueCheckMap.checked;
+      subVal = valueSwitchMap.open;
     }
     onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
   };

package/lib/TDPicker/RangePicker.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { HItemProps } from "../Form/modal";
+declare const _default: {
+    Component: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
+    placeholder: ({ label }: HItemProps) => string[];
+    requiredErrMsg: ({ label }: HItemProps) => string;
+};
+export default _default;

package/lib/TDPicker/RangePicker.js

@@ -0,0 +1,124 @@
+'use strict';
+
+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 _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,
+    onChange = _ref.onChange,
+    _ref$showTime = _ref.showTime,
+    showTime = _ref$showTime === void 0 ? true : _ref$showTime,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "X" : _ref$format,
+    valueMap = _ref.valueMap,
+    _ref$ranges = _ref.ranges,
+    ranges = _ref$ranges === void 0 ? true : _ref$ranges,
+    name = _ref.name,
+    addFormat = _ref.addFormat,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMatchConfigProps = index.useMatchConfigProps({
+      valueRangePickerValueMap: valueMap,
+      dateRanges: undefined
+    }),
+    _useMatchConfigProps$ = _useMatchConfigProps.valueRangePickerValueMap,
+    valueRangePickerValueMap = _useMatchConfigProps$ === void 0 ? {} : _useMatchConfigProps$,
+    dateRanges = _useMatchConfigProps.dateRanges;
+  var dateMapKeys = hooks.useGetTimeKey({
+    valueMap: valueRangePickerValueMap,
+    name: name
+  });
+  var paramsProvider = hooks.useRangeValueProvider({
+    valueMap: dateMapKeys
+  });
+  var timeVal = hooks.useRangePickerTimeVal({
+    value: value,
+    format: format,
+    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 _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);
+      return;
+    }
+    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));
+  };
+  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)];
+  },
+  requiredErrMsg: function requiredErrMsg(_ref4) {
+    var label = _ref4.label;
+    return "\u8BF7\u9009\u62E9".concat(label);
+  }
+};
+
+exports.default = HRangePicker$1;
+// powered by h

package/lib/TDPicker/TimePicker.d.ts

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

package/lib/TDPicker/TimePicker.js

@@ -0,0 +1,34 @@
+'use strict';
+
+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 _excluded = ["value", "format", "onChange"];
+var HTimePicker = (function (_ref) {
+  var value = _ref.value,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? "X" : _ref$format,
+    onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var timeVal = hooks.useTimePickerValue({
+    value: value,
+    format: format
+  });
+  var change = hooks.useTimePickerChange({
+    value: value,
+    format: format,
+    onChange: onChange
+  });
+  return /*#__PURE__*/React.createElement(antd.TimePicker, _extends({
+    value: timeVal,
+    onChange: change
+  }, props));
+});
+
+exports.default = HTimePicker;
+// powered by h

package/lib/TDPicker/hooks.d.ts

@@ -0,0 +1,33 @@
+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;
+}
+interface UseTimePickerValParams {
+    value?: any;
+    format?: string | DurationInputArg2;
+}
+interface UseTimeChangeParams {
+    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 {};

package/lib/TDPicker/hooks.js

@@ -0,0 +1,139 @@
+'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 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]);
+};
+var useGetTimeKey = function useGetTimeKey(_ref2) {
+  var _ref2$valueMap = _ref2.valueMap,
+    valueMap = _ref2$valueMap === void 0 ? {} : _ref2$valueMap,
+    _ref2$name = _ref2.name,
+    name = _ref2$name === void 0 ? "" : _ref2$name;
+  var start = valueMap.start,
+    end = valueMap.end;
+  if (!start || !end) {
+    return {};
+  }
+  var startKey = typeof start === "string" ? start : start(name);
+  var endKey = typeof end === "string" ? end : end(name);
+  return {
+    start: startKey,
+    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]);
+};
+var formatMap = {
+  X: "s",
+  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]);
+};
+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]);
+};
+var useRangeValueProvider = function useRangeValueProvider(_ref6) {
+  var _ref6$valueMap = _ref6.valueMap,
+    valueMap = _ref6$valueMap === void 0 ? {} : _ref6$valueMap;
+  return function (val) {
+    var _ref7;
+    var start = valueMap.start,
+      end = valueMap.end;
+    if (!start || !end) {
+      return val;
+    }
+    return _ref7 = {}, _defineProperty(_ref7, start, val[0]), _defineProperty(_ref7, end, val[1]), _ref7;
+  };
+};
+var useRangePickerTimeVal = function useRangePickerTimeVal(_ref8) {
+  var value = _ref8.value,
+    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;
+      }
+      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 moment(item, format);
+    });
+  }, [value, format, valueMap]);
+};
+
+exports.useGetTimeKey = useGetTimeKey;
+exports.useRangePickerTimeVal = useRangePickerTimeVal;
+exports.useRangeValueProvider = useRangeValueProvider;
+exports.useTimeChange = useTimeChange;
+exports.useTimePickerChange = useTimePickerChange;
+exports.useTimePickerValue = useTimePickerValue;
+exports.useTimeVal = useTimeVal;
+// powered by h

package/{es/DatePicker → lib/TDPicker}/index.d.ts

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

package/lib/{DatePicker → TDPicker}/index.js

@@ -6,10 +6,10 @@ 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 moment = require('moment');
+var hooks = require('./hooks.js');
 
 var _excluded = ["value", "onChange", "showTime", "format"];
-var index = (function (_ref) {
+var HDatePicker = (function (_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     _ref$showTime = _ref.showTime,
@@ -17,20 +17,14 @@ var index = (function (_ref) {
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     props = _objectWithoutProperties(_ref, _excluded);
-  var timeVal = React.useMemo(function () {
-    if (!value || !format) {
-      return value;
-    }
-    return moment(value, format);
-  }, [value, format]);
-  var change = function change(val) {
-    if (!format) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(val);
-      return;
-    }
-    var subVal = val === null || val === void 0 ? void 0 : val.format(format);
-    onChange === null || onChange === void 0 ? void 0 : onChange(subVal);
-  };
+  var timeVal = hooks.useTimeVal({
+    value: value,
+    format: format
+  });
+  var change = hooks.useTimeChange({
+    format: format,
+    onChange: onChange
+  });
   return /*#__PURE__*/React.createElement(antd.DatePicker, _extends({
     value: timeVal,
     onChange: change,
@@ -38,5 +32,5 @@ var index = (function (_ref) {
   }, props));
 });
 
-exports.default = index;
+exports.default = HDatePicker;
 // powered by h

package/lib/TDPicker/modal.d.ts

@@ -0,0 +1,28 @@
+import type { RangePickerProps } from "antd/es/date-picker";
+import type { SharedTimeProps } from "rc-picker/lib/panels/TimePanel";
+import type { Moment } from "moment";
+import type { DatePickerProps } from "antd";
+import type { TimePickerProps } from "antd";
+import type { DurationInputArg2 } from "moment";
+import type { DateRangePickerValueMapModal } from "../modal";
+import type { addFormatItemModal } from "@/components/Form/modal";
+export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: string;
+    showTime?: boolean | SharedTimeProps<Moment>;
+}
+export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
+    value?: [any, any] | Record<string, any>;
+    onChange?: (val: any) => void;
+    showTime?: boolean | {
+        defaultValue?: Moment[];
+    };
+    format?: string;
+    valueMap?: DateRangePickerValueMapModal;
+    ranges?: RangePickerProps["ranges"] | boolean;
+    addFormat?: (config: Record<string, addFormatItemModal>) => void;
+}
+export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: DurationInputArg2 | string;
+}

package/lib/TextArea/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TextAreaProps } from "antd/es/input";
+declare const _default: ({ autoSize, ...props }: TextAreaProps) => JSX.Element;
+export default _default;