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

package/lib/Upload/index.js

@@ -1,78 +1,29 @@
-"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,
@@ -91,40 +42,31 @@ 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);
@@ -132,48 +74,36 @@ 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,27 +4,25 @@ 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,11 +1,5 @@
 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,14 +10,12 @@ 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;
@@ -25,16 +23,10 @@ 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,44 +24,41 @@ 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,20 +1,13 @@
 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 {};