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

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,18 +19,24 @@ 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,23 +6,28 @@ 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/Upload/Btn.d.ts

@@ -1,4 +1,8 @@
 /// <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,34 +1,50 @@
-'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]);
-  if (listType === "picture-card") {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(icons.PlusOutlined, null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        marginTop: 8
+  var text = React.useMemo(
+    function () {
+      if (len === maxCount) {
+        return "更新";
       }
-    }, text));
+      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(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,10 +1,15 @@
 /// <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,43 +1,51 @@
-'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,4 +1,8 @@
 /// <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,22 +18,25 @@ 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,5 +2,9 @@
 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,24 +1,28 @@
-'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

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

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

package/lib/Upload/UrlUpload/index.js

@@ -1,24 +1,25 @@
-'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 _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var _trimInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/trim');
-var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/map');
-var _Array$from = require('@babel/runtime-corejs3/core-js/array/from');
-var antd = require('antd');
-var Input = require('antd/es/input/Input');
-var index = require('../index.js');
-var TypeEle = require('../MediaTypeEle/TypeEle.js');
+var React = require("react");
+var _extends = require("@babel/runtime-corejs3/helpers/extends");
+var _toConsumableArray = require("@babel/runtime-corejs3/helpers/toConsumableArray");
+var _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var _trimInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/trim");
+var _mapInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/map");
+var _Array$from = require("@babel/runtime-corejs3/core-js/array/from");
+var antd = require("antd");
+var Input = require("antd/es/input/Input");
+var index = require("../index.js");
+var TypeEle = require("../MediaTypeEle/TypeEle.js");
 
 var _excluded = ["placeholder", "value", "onChange", "mediaType"];
-var HUrlUpload = (function (_ref) {
+var HUrlUpload = function (_ref) {
   var _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
+    placeholder =
+      _ref$placeholder === void 0 ? "请输入文件地址" : _ref$placeholder,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
     onChange = _ref.onChange,
@@ -42,8 +43,8 @@ var HUrlUpload = (function (_ref) {
       fileName: url,
       thumbUrl: url,
       response: {
-        url: url
-      }
+        url: url,
+      },
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(newFileList);
     setUrl("");
@@ -56,7 +57,9 @@ var HUrlUpload = (function (_ref) {
   };
   var onBlur = function onBlur(e) {
     var _context;
-    if (_trimInstanceProperty(_context = e.target.value).call(_context) === "") {
+    if (
+      _trimInstanceProperty((_context = e.target.value)).call(_context) === ""
+    ) {
       return;
     }
     setLoad(true);
@@ -68,7 +71,9 @@ var HUrlUpload = (function (_ref) {
       return;
     }
     e.preventDefault();
-    var newFileList = _mapInstanceProperty(_context2 = _Array$from(files)).call(_context2, function (item) {
+    var newFileList = _mapInstanceProperty(
+      (_context2 = _Array$from(files))
+    ).call(_context2, function (item) {
       var name = item.name,
         size = item.size,
         type = item.type;
@@ -78,45 +83,61 @@ var HUrlUpload = (function (_ref) {
         status: "uploading",
         uid: new Date().valueOf().toString(),
         originFileObj: item,
-        type: type
+        type: type,
       };
     });
-    (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.change({
-      fileList: newFileList,
-      file: newFileList[0]
-    });
+    (_ref$current = ref.current) === null || _ref$current === void 0
+      ? void 0
+      : _ref$current.change({
+          fileList: newFileList,
+          file: newFileList[0],
+        });
     setUrl("");
     setLoad(false);
   };
-  return /*#__PURE__*/React.createElement(antd.Space, {
-    direction: "vertical",
-    style: {
-      width: "100%"
+  return /*#__PURE__*/ React.createElement(
+    antd.Space,
+    {
+      direction: "vertical",
+      style: {
+        width: "100%",
+      },
+      size: "middle",
     },
-    size: "middle"
-  }, /*#__PURE__*/React.createElement(Input, {
-    placeholder: placeholder,
-    onBlur: onBlur,
-    value: url,
-    onPaste: onPaste,
-    onChange: function onChange(e) {
-      setUrl(e.target.value);
-    }
-  }), /*#__PURE__*/React.createElement(index.default, _extends({}, props, {
-    ref: ref,
-    value: value,
-    onChange: onChange
-  })), load && /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: "none"
-    }
-  }, /*#__PURE__*/React.createElement(TypeEle.default, {
-    url: url,
-    mediaType: mediaType,
-    onReady: onReady,
-    onError: onError
-  })));
-});
+    /*#__PURE__*/ React.createElement(Input, {
+      placeholder: placeholder,
+      onBlur: onBlur,
+      value: url,
+      onPaste: onPaste,
+      onChange: function onChange(e) {
+        setUrl(e.target.value);
+      },
+    }),
+    /*#__PURE__*/ React.createElement(
+      index.default,
+      _extends({}, props, {
+        ref: ref,
+        value: value,
+        onChange: onChange,
+      })
+    ),
+    load &&
+      /*#__PURE__*/ React.createElement(
+        "div",
+        {
+          style: {
+            display: "none",
+          },
+        },
+        /*#__PURE__*/ React.createElement(TypeEle.default, {
+          url: url,
+          mediaType: mediaType,
+          onReady: onReady,
+          onError: onError,
+        })
+      )
+  );
+};
 
 exports.default = HUrlUpload;
 // powered by h

package/lib/Upload/enums.d.ts

@@ -1,5 +1,5 @@
 export declare enum MediaTypeEnum {
-    video = 0,
-    audio = 1,
-    img = 2
+  video = 0,
+  audio = 1,
+  img = 2,
 }

package/lib/Upload/enums.js

@@ -1,9 +1,9 @@
-'use strict';
+"use strict";
 
 exports.MediaTypeEnum = void 0;
 (function (MediaTypeEnum) {
-  MediaTypeEnum[MediaTypeEnum["video"] = 0] = "video";
-  MediaTypeEnum[MediaTypeEnum["audio"] = 1] = "audio";
-  MediaTypeEnum[MediaTypeEnum["img"] = 2] = "img";
+  MediaTypeEnum[(MediaTypeEnum["video"] = 0)] = "video";
+  MediaTypeEnum[(MediaTypeEnum["audio"] = 1)] = "audio";
+  MediaTypeEnum[(MediaTypeEnum["img"] = 2)] = "img";
 })(exports.MediaTypeEnum || (exports.MediaTypeEnum = {}));
 // powered by h

package/lib/Upload/hooks/change.d.ts

@@ -1,3 +1,10 @@
 import type { IUpLoadProps } from "../modal";
 import type { UploadChangeParam, UploadFile } from "antd/lib/upload/interface";
-export declare const useChange: ({ value, onChange, maxCount, request, exFiles, maxSize, }: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;
+export declare const useChange: ({
+  value,
+  onChange,
+  maxCount,
+  request,
+  exFiles,
+  maxSize,
+}: IUpLoadProps) => (info: UploadChangeParam<UploadFile>) => void;