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

package/lib/Upload/index.js

@@ -1,29 +1,78 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", { value: true });
 
-var _Object$keys = require('@babel/runtime-corejs3/core-js/object/keys');
-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 _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/for-each');
-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 _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
-var antd = require('antd');
-var Btn = require('./Btn.js');
-var React = require('react');
-var index = require('./Preview/index.js');
-var change = require('./hooks/change.js');
-var propsMaker = require('./hooks/propsMaker.js');
+var _Object$keys = require("@babel/runtime-corejs3/core-js/object/keys");
+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 _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/for-each");
+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 _slicedToArray = require("@babel/runtime-corejs3/helpers/slicedToArray");
+var _objectWithoutProperties = require("@babel/runtime-corejs3/helpers/objectWithoutProperties");
+var antd = require("antd");
+var Btn = require("./Btn.js");
+var React = require("react");
+var index = require("./Preview/index.js");
+var change = require("./hooks/change.js");
+var propsMaker = require("./hooks/propsMaker.js");
 
-var _excluded = ["value", "onChange", "listType", "exFiles", "maxCount", "maxRowNum", "onPreview", "request", "maxSize"];
-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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _excluded = [
+  "value",
+  "onChange",
+  "listType",
+  "exFiles",
+  "maxCount",
+  "maxRowNum",
+  "onPreview",
+  "request",
+  "maxSize",
+];
+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 _context, _context2;
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2
+      ? _forEachInstanceProperty((_context = ownKeys(Object(source), !0))).call(
+          _context,
+          function (key) {
+            _defineProperty(target, key, source[key]);
+          }
+        )
+      : _Object$getOwnPropertyDescriptors
+      ? _Object$defineProperties(
+          target,
+          _Object$getOwnPropertyDescriptors(source)
+        )
+      : _forEachInstanceProperty((_context2 = ownKeys(Object(source)))).call(
+          _context2,
+          function (key) {
+            _Object$defineProperty(
+              target,
+              key,
+              _Object$getOwnPropertyDescriptor(source, key)
+            );
+          }
+        );
+  }
+  return target;
+}
 var Index = function Index(_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -42,31 +91,40 @@ var Index = function Index(_ref, ref) {
   var matchProps = propsMaker.useProps({
     request: request,
     exFiles: exFiles,
-    maxSize: maxSize
+    maxSize: maxSize,
   });
   var _useState = React.useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     previewModal = _useState2[0],
     setPreviewModal = _useState2[1];
-  var change$1 = change.useChange(_objectSpread(_objectSpread({}, matchProps), {}, {
-    value: value,
-    maxCount: maxCount,
-    onChange: onChange
-  }));
+  var change$1 = change.useChange(
+    _objectSpread(
+      _objectSpread({}, matchProps),
+      {},
+      {
+        value: value,
+        maxCount: maxCount,
+        onChange: onChange,
+      }
+    )
+  );
   React.useImperativeHandle(ref, function () {
     return {
-      change: change$1
+      change: change$1,
     };
   });
-  var contentStyle = React.useMemo(function () {
-    if (listType !== "picture-card") {
-      return {};
-    }
-    return {
-      width: 112 * maxRowNum,
-      maxWidth: "100%"
-    };
-  }, [maxRowNum, listType]);
+  var contentStyle = React.useMemo(
+    function () {
+      if (listType !== "picture-card") {
+        return {};
+      }
+      return {
+        width: 112 * maxRowNum,
+        maxWidth: "100%",
+      };
+    },
+    [maxRowNum, listType]
+  );
   var preview = function preview(file) {
     if (onPreview) {
       onPreview(file);
@@ -74,36 +132,48 @@ var Index = function Index(_ref, ref) {
     }
     setPreviewModal({
       visible: true,
-      file: file
+      file: file,
     });
   };
   var maxNum = maxCount === 1 ? maxCount : Number.MAX_VALUE;
   var visible = previewModal.visible,
     previewFile = previewModal.file;
-  return /*#__PURE__*/React.createElement("div", {
-    style: contentStyle
-  }, /*#__PURE__*/React.createElement(antd.Upload, _extends({
-    listType: listType,
-    maxCount: maxNum,
-    fileList: value,
-    onPreview: preview,
-    onChange: change$1,
-    beforeUpload: function beforeUpload() {
-      return false;
-    }
-  }, props), /*#__PURE__*/React.createElement(Btn.default, {
-    value: value,
-    maxCount: maxCount,
-    listType: listType
-  })), /*#__PURE__*/React.createElement(index.default, {
-    visible: visible,
-    file: previewFile,
-    onCancel: function onCancel() {
-      setPreviewModal({});
-    }
-  }));
+  return /*#__PURE__*/ React.createElement(
+    "div",
+    {
+      style: contentStyle,
+    },
+    /*#__PURE__*/ React.createElement(
+      antd.Upload,
+      _extends(
+        {
+          listType: listType,
+          maxCount: maxNum,
+          fileList: value,
+          onPreview: preview,
+          onChange: change$1,
+          beforeUpload: function beforeUpload() {
+            return false;
+          },
+        },
+        props
+      ),
+      /*#__PURE__*/ React.createElement(Btn.default, {
+        value: value,
+        maxCount: maxCount,
+        listType: listType,
+      })
+    ),
+    /*#__PURE__*/ React.createElement(index.default, {
+      visible: visible,
+      file: previewFile,
+      onCancel: function onCancel() {
+        setPreviewModal({});
+      },
+    })
+  );
 };
-var HUpload = /*#__PURE__*/React.forwardRef(Index);
+var HUpload = /*#__PURE__*/ React.forwardRef(Index);
 
 exports.default = HUpload;
 // powered by h

package/lib/Upload/modal.d.ts

@@ -4,25 +4,27 @@ import type { BeforeUploadFileType, RcFile } from "rc-upload/lib/interface";
 import type { UploadChangeParam } from "antd/lib/upload/interface";
 import type { MediaTypeEnum } from "@/components/Upload/enums";
 export interface IUpLoadProps extends Omit<UploadProps, "onChange"> {
-    exFiles?: string[];
-    request?: (file: Exclude<BeforeUploadFileType, File | boolean> | RcFile) => Promise<{
-        url: string;
-    }>;
-    errorType?: "alert" | "show";
-    onChange?: (fileList: UploadFile[]) => void;
-    value?: UploadFile[];
-    maxRowNum?: number;
-    maxSize?: number;
+  exFiles?: string[];
+  request?: (
+    file: Exclude<BeforeUploadFileType, File | boolean> | RcFile
+  ) => Promise<{
+    url: string;
+  }>;
+  errorType?: "alert" | "show";
+  onChange?: (fileList: UploadFile[]) => void;
+  value?: UploadFile[];
+  maxRowNum?: number;
+  maxSize?: number;
 }
 export interface IMediaTypeEleProps {
-    file?: UploadFile;
-    onReady?: VoidFunction;
-    onError?: VoidFunction;
+  file?: UploadFile;
+  onReady?: VoidFunction;
+  onError?: VoidFunction;
 }
 export interface IUploadRefModal {
-    change: (info: UploadChangeParam<UploadFile>) => void;
+  change: (info: UploadChangeParam<UploadFile>) => void;
 }
 export interface IUrlUploadProps extends IUpLoadProps {
-    placeholder?: string;
-    mediaType?: MediaTypeEnum;
+  placeholder?: string;
+  mediaType?: MediaTypeEnum;
 }

package/lib/Upload/util.d.ts

@@ -1,5 +1,11 @@
 import type { UploadFile } from "antd/es/upload/interface";
 export declare const getFileExt: (file: UploadFile) => string;
-export declare const checkFileType: (file: UploadFile, exFiles?: string[]) => boolean;
-export declare const checkFileSize: (file: UploadFile, maxSize?: number) => boolean;
+export declare const checkFileType: (
+  file: UploadFile,
+  exFiles?: string[]
+) => boolean;
+export declare const checkFileSize: (
+  file: UploadFile,
+  maxSize?: number
+) => boolean;
 export declare const fileToBase64: (file: any) => Promise<unknown>;

package/lib/Upload/util.js

@@ -1,8 +1,8 @@
-'use strict';
+"use strict";
 
-var _lastIndexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/last-index-of');
-var _indexOfInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/index-of');
-var _Promise = require('@babel/runtime-corejs3/core-js/promise');
+var _lastIndexOfInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/last-index-of");
+var _indexOfInstanceProperty = require("@babel/runtime-corejs3/core-js/instance/index-of");
+var _Promise = require("@babel/runtime-corejs3/core-js/promise");
 
 var getFileExt = function getFileExt(file) {
   var name = file.name;
@@ -10,12 +10,14 @@ var getFileExt = function getFileExt(file) {
   return name.substring(index + 1).toUpperCase();
 };
 var checkFileType = function checkFileType(file) {
-  var exFiles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var exFiles =
+    arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var exName = getFileExt(file);
   return _indexOfInstanceProperty(exFiles).call(exFiles, exName) !== -1;
 };
 var checkFileSize = function checkFileSize(file) {
-  var maxSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var maxSize =
+    arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var _file$size = file.size,
     size = _file$size === void 0 ? 0 : _file$size;
   return size <= maxSize;
@@ -23,10 +25,16 @@ var checkFileSize = function checkFileSize(file) {
 var fileToBase64 = function fileToBase64(file) {
   return new _Promise(function (resolve) {
     var reader = new FileReader();
-    reader.readAsDataURL(file === null || file === void 0 ? void 0 : file.originFileObj);
+    reader.readAsDataURL(
+      file === null || file === void 0 ? void 0 : file.originFileObj
+    );
     reader.onload = function (e) {
       var _e$target;
-      resolve((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.result);
+      resolve(
+        (_e$target = e.target) === null || _e$target === void 0
+          ? void 0
+          : _e$target.result
+      );
     };
   });
 };

package/lib/config.js

@@ -1,22 +1,22 @@
-'use strict';
+"use strict";
 
-var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
-var moment = require('moment');
-var util = require('./Upload/util.js');
+var _asyncToGenerator = require("@babel/runtime-corejs3/helpers/asyncToGenerator");
+var _regeneratorRuntime = require("@babel/runtime-corejs3/regenerator");
+var moment = require("moment");
+var util = require("./Upload/util.js");
 
 var baseConfig = {
   fieldNames: {
     label: "label",
-    value: "value"
+    value: "value",
   },
   valueCheckMap: {
     checked: true,
-    noChecked: false
+    noChecked: false,
   },
   valueSwitchMap: {
     open: true,
-    close: false
+    close: false,
   },
   valueRangePickerValueMap: {
     start: function start(name) {
@@ -24,41 +24,44 @@ var baseConfig = {
     },
     end: function end(name) {
       return "".concat(name, "EndTime");
-    }
+    },
   },
   dateRanges: {
     最近三天: [moment().subtract(2, "days").startOf("days"), moment()],
     最近七天: [moment().subtract(6, "days").startOf("days"), moment()],
-    最近三十天: [moment().subtract(29, "days").startOf("days"), moment()]
+    最近三十天: [moment().subtract(29, "days").startOf("days"), moment()],
   },
   uploadProps: {
     exFiles: ["JPG", "PNG", "JPEG", "GIF"],
-    request: function () {
-      var _request = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
-        var url;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return util.fileToBase64(file);
-            case 2:
-              url = _context.sent;
-              return _context.abrupt("return", {
-                url: url
-              });
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
+    request: (function () {
+      var _request = _asyncToGenerator(
+        /*#__PURE__*/ _regeneratorRuntime.mark(function _callee(file) {
+          var url;
+          return _regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1)
+              switch ((_context.prev = _context.next)) {
+                case 0:
+                  _context.next = 2;
+                  return util.fileToBase64(file);
+                case 2:
+                  url = _context.sent;
+                  return _context.abrupt("return", {
+                    url: url,
+                  });
+                case 4:
+                case "end":
+                  return _context.stop();
+              }
+          }, _callee);
+        })
+      );
       function request(_x) {
         return _request.apply(this, arguments);
       }
       return request;
-    }(),
-    maxSize: 1024 * 1024 * 1.8
-  }
+    })(),
+    maxSize: 1024 * 1024 * 1.8,
+  },
 };
 
 exports.baseConfig = baseConfig;

package/lib/hooks/index.d.ts

@@ -1,13 +1,20 @@
 import type { SelectProps } from "antd";
 import type { IFormConfigContextProps } from "../Form/modal";
 interface UseChangeOptionsParams {
-    options?: Record<string, any>[];
-    fieldNames?: SelectProps["fieldNames"];
+  options?: Record<string, any>[];
+  fieldNames?: SelectProps["fieldNames"];
 }
-export declare const useChangeOptions: ({ options, fieldNames, }: UseChangeOptionsParams) => {
-    label: any;
-    value: any;
-}[] | undefined;
+export declare const useChangeOptions: ({
+  options,
+  fieldNames,
+}: UseChangeOptionsParams) =>
+  | {
+      label: any;
+      value: any;
+    }[]
+  | undefined;
 export declare const useClassName: (className: string | string[]) => string;
-export declare const useMatchConfigProps: (matchProps: IFormConfigContextProps) => IFormConfigContextProps;
+export declare const useMatchConfigProps: (
+  matchProps: IFormConfigContextProps
+) => IFormConfigContextProps;
 export {};