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

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;

package/lib/TDPicker/index.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", "onChange", "showTime", "format"];
-var HDatePicker = function (_ref) {
+var HDatePicker = (function (_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
     _ref$showTime = _ref.showTime,
@@ -19,24 +19,18 @@ var HDatePicker = function (_ref) {
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = hooks.useTimeVal({
     value: value,
-    format: format,
+    format: format
   });
   var change = hooks.useTimeChange({
     format: format,
-    onChange: onChange,
+    onChange: onChange
   });
-  return /*#__PURE__*/ React.createElement(
-    antd.DatePicker,
-    _extends(
-      {
-        value: timeVal,
-        onChange: change,
-        showTime: showTime,
-      },
-      props
-    )
-  );
-};
+  return /*#__PURE__*/React.createElement(antd.DatePicker, _extends({
+    value: timeVal,
+    onChange: change,
+    showTime: showTime
+  }, props));
+});
 
 exports.default = HDatePicker;
 // powered by h

package/lib/TDPicker/modal.d.ts

@@ -6,28 +6,23 @@ 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 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
-    | {
+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;
+    };
+    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;
+export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
+    onChange?: (time?: Moment | string | number) => void;
+    format?: DurationInputArg2 | string;
 }

package/lib/TextArea/index.d.ts

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

package/lib/Upload/Btn.d.ts

@@ -1,8 +1,4 @@
 /// <reference types="react" />
 import type { IUpLoadProps } from "./modal";
-declare const _default: ({
-  value,
-  maxCount,
-  listType,
-}: IUpLoadProps) => JSX.Element;
+declare const _default: ({ value, maxCount, listType }: IUpLoadProps) => JSX.Element;
 export default _default;

package/lib/Upload/Btn.js

@@ -1,50 +1,34 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var icons = require("@ant-design/icons");
-var antd = require("antd");
+var React = require('react');
+var icons = require('@ant-design/icons');
+var antd = require('antd');
 
-var Btn = function (_ref) {
+var Btn = (function (_ref) {
   var value = _ref.value,
     _ref$maxCount = _ref.maxCount,
     maxCount = _ref$maxCount === void 0 ? 1 : _ref$maxCount,
     listType = _ref.listType;
   var len = (value === null || value === void 0 ? void 0 : value.length) || 0;
-  var text = React.useMemo(
-    function () {
-      if (len === maxCount) {
-        return "更新";
-      }
-      return "上传";
-    },
-    [len, maxCount]
-  );
+  var text = React.useMemo(function () {
+    if (len === maxCount) {
+      return "更新";
+    }
+    return "上传";
+  }, [len, maxCount]);
   if (listType === "picture-card") {
-    return /*#__PURE__*/ React.createElement(
-      "div",
-      null,
-      /*#__PURE__*/ React.createElement(icons.PlusOutlined, null),
-      /*#__PURE__*/ React.createElement(
-        "div",
-        {
-          style: {
-            marginTop: 8,
-          },
-        },
-        text
-      )
-    );
+    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(icons.PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
+      style: {
+        marginTop: 8
+      }
+    }, text));
   }
-  return /*#__PURE__*/ React.createElement(
-    antd.Button,
-    {
-      icon: /*#__PURE__*/ React.createElement(icons.UploadOutlined, null),
-    },
-    text
-  );
-};
+  return /*#__PURE__*/React.createElement(antd.Button, {
+    icon: /*#__PURE__*/React.createElement(icons.UploadOutlined, null)
+  }, text);
+});
 
 exports.default = Btn;
 // powered by h

package/lib/Upload/MediaTypeEle/TypeEle.d.ts

@@ -1,15 +1,10 @@
 /// <reference types="react" />
 import { MediaTypeEnum } from "../enums";
 interface TypeEleProps {
-  mediaType?: MediaTypeEnum;
-  url?: string;
-  onReady?: VoidFunction;
-  onError?: VoidFunction;
+    mediaType?: MediaTypeEnum;
+    url?: string;
+    onReady?: VoidFunction;
+    onError?: VoidFunction;
 }
-declare const _default: ({
-  mediaType,
-  url,
-  onReady,
-  onError,
-}: TypeEleProps) => JSX.Element;
+declare const _default: ({ mediaType, url, onReady, onError }: TypeEleProps) => JSX.Element;
 export default _default;

package/lib/Upload/MediaTypeEle/TypeEle.js

@@ -1,51 +1,43 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var enums = require("../enums.js");
+var React = require('react');
+var enums = require('../enums.js');
 
-var TypeEle = function (_ref) {
+var TypeEle = (function (_ref) {
   var mediaType = _ref.mediaType,
     url = _ref.url,
     onReady = _ref.onReady,
     onError = _ref.onError;
   if (mediaType === enums.MediaTypeEnum.video) {
-    return /*#__PURE__*/ React.createElement(
-      "video",
-      {
-        autoPlay: true,
-        width: "100%",
-        controls: true,
-        onPlay: onReady,
-        onError: onError,
-      },
-      /*#__PURE__*/ React.createElement("source", {
-        src: url,
-      })
-    );
+    return /*#__PURE__*/React.createElement("video", {
+      autoPlay: true,
+      width: "100%",
+      controls: true,
+      onPlay: onReady,
+      onError: onError
+    }, /*#__PURE__*/React.createElement("source", {
+      src: url
+    }));
   }
   if (mediaType === enums.MediaTypeEnum.audio) {
-    return /*#__PURE__*/ React.createElement(
-      "audio",
-      {
-        autoPlay: true,
-        controls: true,
-        onPlay: onReady,
-        onError: onError,
-      },
-      /*#__PURE__*/ React.createElement("source", {
-        src: url,
-      })
-    );
+    return /*#__PURE__*/React.createElement("audio", {
+      autoPlay: true,
+      controls: true,
+      onPlay: onReady,
+      onError: onError
+    }, /*#__PURE__*/React.createElement("source", {
+      src: url
+    }));
   }
-  return /*#__PURE__*/ React.createElement("img", {
+  return /*#__PURE__*/React.createElement("img", {
     src: url,
     width: "100%",
     onLoad: onReady,
-    onError: onError,
+    onError: onError
   });
-};
+});
 
 exports.default = TypeEle;
 // powered by h

package/lib/Upload/MediaTypeEle/index.d.ts

@@ -1,8 +1,4 @@
 /// <reference types="react" />
 import type { IMediaTypeEleProps } from "../modal";
-declare const _default: ({
-  file,
-  onReady,
-  onError,
-}: IMediaTypeEleProps) => JSX.Element | null;
+declare const _default: ({ file, onReady, onError }: IMediaTypeEleProps) => JSX.Element | null;
 export default _default;

package/lib/Upload/MediaTypeEle/index.js

@@ -1,16 +1,16 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var _indexOfInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/index-of");
-var util = require("../util.js");
-var TypeEle = require("./TypeEle.js");
-var enums = require("../enums.js");
+var React = require('react');
+var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
+var util = require('../util.js');
+var TypeEle = require('./TypeEle.js');
+var enums = require('../enums.js');
 
 var videoType = ["MP4"];
 var audioType = ["MP3"];
-var MediaTypeEle = function (_ref) {
+var MediaTypeEle = (function (_ref) {
   var file = _ref.file,
     onReady = _ref.onReady,
     onError = _ref.onError;
@@ -18,25 +18,22 @@ var MediaTypeEle = function (_ref) {
     return null;
   }
   var name = util.getFileExt(file);
-  var mediaType = React.useMemo(
-    function () {
-      if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
-        return enums.MediaTypeEnum.video;
-      }
-      if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
-        return enums.MediaTypeEnum.audio;
-      }
-      return enums.MediaTypeEnum.img;
-    },
-    [name]
-  );
-  return /*#__PURE__*/ React.createElement(TypeEle.default, {
+  var mediaType = React.useMemo(function () {
+    if (_indexOfInstanceProperty(videoType).call(videoType, name) !== -1) {
+      return enums.MediaTypeEnum.video;
+    }
+    if (_indexOfInstanceProperty(audioType).call(audioType, name) !== -1) {
+      return enums.MediaTypeEnum.audio;
+    }
+    return enums.MediaTypeEnum.img;
+  }, [name]);
+  return /*#__PURE__*/React.createElement(TypeEle.default, {
     onError: onError,
     onReady: onReady,
     mediaType: mediaType,
-    url: file.response.url,
+    url: file.response.url
   });
-};
+});
 
 exports.default = MediaTypeEle;
 // powered by h

package/lib/Upload/Preview/index.d.ts

@@ -2,9 +2,5 @@
 import type { ModalProps } from "antd";
 import type { IMediaTypeEleProps } from "../modal";
 export type IPreviewProps = IMediaTypeEleProps & ModalProps;
-declare const _default: ({
-  visible,
-  file,
-  onCancel,
-}: IPreviewProps) => JSX.Element;
+declare const _default: ({ visible, file, onCancel }: IPreviewProps) => JSX.Element;
 export default _default;

package/lib/Upload/Preview/index.js

@@ -1,28 +1,24 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require("react");
-var antd = require("antd");
-var index = require("../MediaTypeEle/index.js");
+var React = require('react');
+var antd = require('antd');
+var index = require('../MediaTypeEle/index.js');
 
-var Preview = function (_ref) {
+var Preview = (function (_ref) {
   var visible = _ref.visible,
     file = _ref.file,
     onCancel = _ref.onCancel;
-  return /*#__PURE__*/ React.createElement(
-    antd.Modal,
-    {
-      footer: null,
-      visible: visible,
-      title: "\u9884\u89C8",
-      onCancel: onCancel,
-    },
-    /*#__PURE__*/ React.createElement(index.default, {
-      file: file,
-    })
-  );
-};
+  return /*#__PURE__*/React.createElement(antd.Modal, {
+    footer: null,
+    visible: visible,
+    title: "\u9884\u89C8",
+    onCancel: onCancel
+  }, /*#__PURE__*/React.createElement(index.default, {
+    file: file
+  }));
+});
 
 exports.default = Preview;
 // powered by h