@zykj2024/much-library 1.1.7-beta.4 → 1.1.7-beta.5

package/dist/McUpload/demo/formUpload.js

@@ -0,0 +1,105 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+/**
+ * title: 在表单中使用
+ * description: 对于在表单中使用的场景，提供了子组件McFormUpload,其上传API由beforeUpload和custonRequest收窄到uploadFile，其使用方式同McUpload的beforeUpload，只是返回类型不再是boolean值，而是UploadFile[]类型。
+ */
+import { Form, message } from 'antd';
+import { E_McUploadTriggerType, McUpload } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+var getBase64 = function getBase64(file) {
+  return new Promise(function (resolve, reject) {
+    var reader = new FileReader();
+    reader.readAsDataURL(file);
+    reader.onload = function () {
+      return resolve(reader.result);
+    };
+    reader.onerror = function (error) {
+      return reject(error);
+    };
+  });
+};
+var FormUpload = function FormUpload() {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(Form, {
+      children: /*#__PURE__*/_jsx(McUpload.McFormUpload, {
+        label: "\u6700\u591A\u4E24\u5F20\u56FE\u7247",
+        name: "images",
+        fieldProps: {
+          accept: 'image/*',
+          listType: E_McUploadTriggerType.SQUARE,
+          maxCount: 2,
+          multiple: true,
+          uploadFile: function () {
+            var _uploadFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref) {
+              var file, getMD5, taskQueue, basicVerifier, res, _res$errList, md5;
+              return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    file = _ref.file, getMD5 = _ref.getMD5, taskQueue = _ref.taskQueue, basicVerifier = _ref.basicVerifier;
+                    _context2.next = 3;
+                    return basicVerifier(file);
+                  case 3:
+                    res = _context2.sent;
+                    if (res.isPassed) {
+                      _context2.next = 7;
+                      break;
+                    }
+                    message.error(res === null || res === void 0 || (_res$errList = res.errList) === null || _res$errList === void 0 || (_res$errList = _res$errList[0]) === null || _res$errList === void 0 || (_res$errList = _res$errList.messages) === null || _res$errList === void 0 ? void 0 : _res$errList[0]);
+                    return _context2.abrupt("return", []);
+                  case 7:
+                    _context2.next = 9;
+                    return getMD5(file);
+                  case 9:
+                    md5 = _context2.sent;
+                    _context2.next = 12;
+                    return new Promise(function (resolve) {
+                      taskQueue.addTask({
+                        id: md5,
+                        task: function () {
+                          var _task = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+                            var base64;
+                            return _regeneratorRuntime().wrap(function _callee$(_context) {
+                              while (1) switch (_context.prev = _context.next) {
+                                case 0:
+                                  _context.next = 2;
+                                  return getBase64(file);
+                                case 2:
+                                  base64 = _context.sent;
+                                  resolve([{
+                                    uid: file.uid,
+                                    name: file.name,
+                                    url: base64
+                                  }]);
+                                case 4:
+                                case "end":
+                                  return _context.stop();
+                              }
+                            }, _callee);
+                          }));
+                          function task() {
+                            return _task.apply(this, arguments);
+                          }
+                          return task;
+                        }()
+                      });
+                    });
+                  case 12:
+                    return _context2.abrupt("return", _context2.sent);
+                  case 13:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            function uploadFile(_x) {
+              return _uploadFile.apply(this, arguments);
+            }
+            return uploadFile;
+          }()
+        }
+      })
+    })
+  });
+};
+export default FormUpload;

package/dist/McUpload/demo/picture.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McUpload/demo/picture.js

@@ -0,0 +1,145 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 图片上传
+ * description: 内置了常见的图片上传触发器、回显，通过listType属性进行控制
+ */
+import { Flex } from 'antd';
+import { E_McUploadTriggerType, McUpload } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var getBase64 = function getBase64(file) {
+    return new Promise(function (resolve, reject) {
+      var reader = new FileReader();
+      reader.readAsDataURL(file);
+      reader.onload = function () {
+        return resolve(reader.result);
+      };
+      reader.onerror = function (error) {
+        return reject(error);
+      };
+    });
+  };
+  var _useState = useState([{
+      uid: '-1',
+      name: 'xxx.png',
+      status: 'done',
+      url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png'
+    }]),
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
+  return /*#__PURE__*/_jsxs(Flex, {
+    style: {
+      flexFlow: 'column',
+      gap: 16
+    },
+    children: [/*#__PURE__*/_jsx(McUpload, {
+      listType: E_McUploadTriggerType.CIRCLE,
+      fileList: fileList,
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref) {
+          var file, url;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                file = _ref.file;
+                _context.next = 3;
+                return getBase64(file);
+              case 3:
+                url = _context.sent;
+                setFileList(function (pre) {
+                  return [].concat(_toConsumableArray(pre), [{
+                    url: url,
+                    name: file.name,
+                    uid: file.uid
+                  }]);
+                });
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        setFileList(info.fileList);
+      }
+    }), /*#__PURE__*/_jsx(McUpload, {
+      listType: E_McUploadTriggerType.SQUARE,
+      fileList: fileList,
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref3) {
+          var file, url;
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                file = _ref3.file;
+                _context2.next = 3;
+                return getBase64(file);
+              case 3:
+                url = _context2.sent;
+                setFileList(function (pre) {
+                  return [].concat(_toConsumableArray(pre), [{
+                    url: url,
+                    name: file.name,
+                    uid: file.uid
+                  }]);
+                });
+              case 5:
+              case "end":
+                return _context2.stop();
+            }
+          }, _callee2);
+        }));
+        return function (_x2) {
+          return _ref4.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        setFileList(info.fileList);
+      }
+    }), /*#__PURE__*/_jsx(McUpload, {
+      listType: E_McUploadTriggerType.RECTANGLE,
+      fileList: fileList,
+      beforeUpload: ( /*#__PURE__*/function () {
+        var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref5) {
+          var file, url;
+          return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
+              case 0:
+                file = _ref5.file;
+                _context3.next = 3;
+                return getBase64(file);
+              case 3:
+                url = _context3.sent;
+                setFileList(function (pre) {
+                  return [].concat(_toConsumableArray(pre), [{
+                    url: url,
+                    name: file.name,
+                    uid: file.uid
+                  }]);
+                });
+              case 5:
+              case "end":
+                return _context3.stop();
+            }
+          }, _callee3);
+        }));
+        return function (_x3) {
+          return _ref6.apply(this, arguments);
+        };
+      }()),
+      onChange: function onChange(info) {
+        setFileList(info.fileList);
+      }
+    })]
+  });
+});

package/dist/{esm/Utils → Utils}/index.js

@@ -4,6 +4,6 @@ export { default as debounce } from 'lodash/debounce';
 export { default as isEmpty } from 'lodash/isEmpty';
 export { default as isNil } from 'lodash/isNil';
 export { default as throttle } from 'lodash/throttle';
+export { default as copyToClipboard } from "./lib/copyToClipboard";
 export { default as PriorityQueueTask } from "./lib/Queue/PriorityQueue";
-export { default as TaskQueue } from "./lib/Queue/TaskQueue";
-export { default as copyToClipboard } from "./lib/copyToClipboard";
+export { default as TaskQueue } from "./lib/Queue/TaskQueue";

package/dist/{esm/index.js → index.js}

@@ -2,6 +2,7 @@ import McFonts from "./McFonts";
 import McGroupPanel from "./McGroupPanel";
 import McIconFont from "./McIconFont";
 import McInputNumber from "./McInputNumber";
+import McLazyLoader from "./McLazyLoader";
 import McModalProvider from "./McModalProvider";
 import McPeriodSelect from "./McPeriodSelect";
 import McPopoverButton from "./McPopoverButton";
@@ -9,11 +10,11 @@ import McPopoverForm from "./McPopoverForm";
 import McProSelect from "./McProSelect";
 import McResult from "./McResult";
 import McTag from "./McTag";
-import McLazyLoader from "./McLazyLoader";
 import McThemeConfig from "./McThemeConfig";
 import McTreePanel from "./McTreePanel";
 import McTreeSelect from "./McTreeSelect";
 import McUpload from "./McUpload";
+import * as Utils from "./Utils";
 export * from "./McCascader";
 export { default as McCascader } from "./McCascader";
 export * from "./McContainer";
@@ -29,5 +30,4 @@ export { default as McListSelect } from "./McListSelect";
 export * from "./McSelect";
 export { default as McSelect } from "./McSelect";
 export * from "./McUpload";
-import * as Utils from "./Utils";
 export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, McUpload, Utils };

package/dist/styles/demo/basic.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/styles/demo/basic.js

@@ -0,0 +1,44 @@
+import { Form, Radio } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      label: ".text-center",
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 100,
+          border: '1px solid grey'
+        },
+        className: "text-center",
+        children: "\u6587\u5B57\u5C45\u4E2D"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: ".text-ellipsis",
+      children: /*#__PURE__*/_jsx("div", {
+        style: {
+          width: 100,
+          border: '1px solid grey'
+        },
+        className: "text-ellipsis",
+        children: "\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565\u5C3E\u90E8\u8D85\u51FA\u7701\u7565"
+      })
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      label: "\u7B49\u5BBDRadioButton .equal-radio-group",
+      children: /*#__PURE__*/_jsxs(Radio.Group, {
+        className: "equal-radio-group",
+        value: "a",
+        children: [/*#__PURE__*/_jsx(Radio.Button, {
+          value: "a",
+          children: "A"
+        }), /*#__PURE__*/_jsx(Radio.Button, {
+          value: "b",
+          children: "B"
+        }), /*#__PURE__*/_jsx(Radio.Button, {
+          value: "c",
+          children: "C\u5F88\u957F\u5F88\u957F"
+        })]
+      })
+    })]
+  });
+});

package/dist/styles/demo/delete-icon.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/styles/demo/delete-icon.js

@@ -0,0 +1,72 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["key", "name"];
+import { Button, Form, Input, Space } from 'antd';
+import { DeleteOutlined, PlusOutlined } from 'much-icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx(Form, {
+      layout: "vertical",
+      children: /*#__PURE__*/_jsx(Form.List, {
+        name: "items",
+        initialValue: [{
+          name: '',
+          description: ''
+        }] // 初始数据
+        ,
+        children: function children(fields, _ref) {
+          var add = _ref.add,
+            remove = _ref.remove;
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [fields.map(function (_ref2) {
+              var key = _ref2.key,
+                name = _ref2.name,
+                restField = _objectWithoutProperties(_ref2, _excluded);
+              return /*#__PURE__*/_jsxs(Space, {
+                style: {
+                  display: 'flex',
+                  marginBottom: 0
+                },
+                align: "baseline",
+                children: [/*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restField), {}, {
+                  name: [name, 'name'],
+                  rules: [{
+                    required: true,
+                    message: '请输入名称'
+                  }],
+                  children: /*#__PURE__*/_jsx(Input, {
+                    placeholder: "\u540D\u79F0"
+                  })
+                })), /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({}, restField), {}, {
+                  name: [name, 'description'],
+                  rules: [{
+                    required: true,
+                    message: '请输入描述'
+                  }],
+                  children: /*#__PURE__*/_jsx(Input, {
+                    placeholder: "\u63CF\u8FF0"
+                  })
+                })), /*#__PURE__*/_jsx(DeleteOutlined, {
+                  className: "mc-delete-icon",
+                  onClick: function onClick() {
+                    return remove(name);
+                  }
+                })]
+              }, key);
+            }), /*#__PURE__*/_jsx(Button, {
+              type: "link",
+              onClick: function onClick() {
+                return add();
+              },
+              icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
+              children: "\u6DFB\u52A0"
+            })]
+          });
+        }
+      })
+    })
+  });
+});

package/dist/styles/demo/form-bottom-0.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/styles/demo/form-bottom-0.js

@@ -0,0 +1,33 @@
+import { Card, Form, Input, Space } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsxs(Space, {
+        children: [/*#__PURE__*/_jsxs(Card, {
+          type: "inner",
+          title: "\u9ED8\u8BA4\u72B6\u6001\uFF0C\u5E95\u90E8\u95F4\u8DDD\u8FC7\u5927",
+          children: [/*#__PURE__*/_jsx(Form.Item, {
+            label: "\u59D3\u540D",
+            children: /*#__PURE__*/_jsx(Input, {})
+          }), /*#__PURE__*/_jsx(Form.Item, {
+            label: "\u5E74\u9F84",
+            children: /*#__PURE__*/_jsx(Input, {})
+          })]
+        }), /*#__PURE__*/_jsxs(Card, {
+          type: "inner",
+          title: "\u6DFB\u52A0className='card-last-form-item-mb0',\u53BB\u6389\u5E95\u90E8\u95F4\u8DDD",
+          className: "card-last-form-item-mb0",
+          children: [/*#__PURE__*/_jsx(Form.Item, {
+            label: "\u59D3\u540D",
+            children: /*#__PURE__*/_jsx(Input, {})
+          }), /*#__PURE__*/_jsx(Form.Item, {
+            label: "\u5E74\u9F84",
+            children: /*#__PURE__*/_jsx(Input, {})
+          })]
+        })]
+      })
+    })
+  });
+});

package/dist/{esm/styles/utilities.less → styles/index.css}

@@ -1,36 +1,27 @@
-// 通用工具类 (如 .text-center, .mt-1 等)
-@import './mixins.less';
-
+/** 给input和input number用的， 增加竖线 **/
+/** 最后一个formitem没有底部空白 */
 .text-center {
-  .text-center();
+  text-align: center;
 }
-
 .text-ellipsis {
-  .text-ellipsis();
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
-
 /** 等宽的radio-group */
 .equal-radio-group {
   text-align: center;
   display: grid;
-  grid-template-columns: repeat(
-    auto-fill,
-    minmax(100px, 1fr)
-  ); // 定义每列宽度均等
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
 }
-
 /** 最后一个form item"直接"子元素，不展示底部空白 **/
-.last-form-item-mb0 {
-  .last-form-item-no-bottom();
+.last-form-item-mb0 > .ant-form-item:last-child {
+  margin-bottom: 0;
 }
-
 /** 卡片内最后一个form item直接子元素，不展示底部空白 **/
-.card-last-form-item-mb0 {
-  > .ant-card-body {
-    .last-form-item-no-bottom();
-  }
+.card-last-form-item-mb0 > .ant-card-body > .ant-form-item:last-child {
+  margin-bottom: 0;
 }
-
 /** 列表的删除按钮，hover为红色，默认为黑色
 * 举例：deleteIconProps={{
     Icon: (props) => (
@@ -44,8 +35,7 @@
 **/
 .mc-delete-icon {
   color: #262626;
-
-  :hover {
-    color: #ff4d4f;
-  }
+}
+.mc-delete-icon :hover {
+  color: #ff4d4f;
 }

package/dist/styles/mixins.css

@@ -0,0 +1,2 @@
+/** 给input和input number用的， 增加竖线 **/
+/** 最后一个formitem没有底部空白 */

package/dist/styles/utilities.css

@@ -0,0 +1,41 @@
+/** 给input和input number用的， 增加竖线 **/
+/** 最后一个formitem没有底部空白 */
+.text-center {
+  text-align: center;
+}
+.text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+/** 等宽的radio-group */
+.equal-radio-group {
+  text-align: center;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
+}
+/** 最后一个form item"直接"子元素，不展示底部空白 **/
+.last-form-item-mb0 > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+/** 卡片内最后一个form item直接子元素，不展示底部空白 **/
+.card-last-form-item-mb0 > .ant-card-body > .ant-form-item:last-child {
+  margin-bottom: 0;
+}
+/** 列表的删除按钮，hover为红色，默认为黑色
+* 举例：deleteIconProps={{
+    Icon: (props) => (
+      <DeleteOutlined
+        {...props}
+        style={{ marginLeft: 8 }}
+        className="list-delete-icon"
+      />
+    ),
+  }}
+**/
+.mc-delete-icon {
+  color: #262626;
+}
+.mc-delete-icon :hover {
+  color: #ff4d4f;
+}

package/dist/{esm/typings.d.ts → typings.d.ts}

@@ -17,4 +17,4 @@ declare module 'numeral';
 declare module '@antv/data-set';
 declare module 'react-fittext';
 declare module 'bizcharts-plugin-slider';
-declare module '@zykj2024/much-library';
+declare module 'much-library';

package/package.json

@@ -1,23 +1,26 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.1.7-beta.4",
+  "version": "1.1.7-beta.5",
   "description": "react library",
   "license": "MIT",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
-    "dist",
-    "compiled"
+    "dist"
   ],
   "scripts": {
     "build": "father build",
     "build:watch": "father dev",
     "dev": "dumi dev",
     "dev-build-all": "pnpm -r --parallel run dev & dumi dev",
+    "docs-dev:publish": "cross-env DOCS_ENV=dev sh ./bash/deploy.sh dev",
+    "docs:build": "dumi build",
+    "docs:publish": "sh ./bash/deploy.sh",
     "doctor": "father doctor",
     "lint": "npm run lint:es && npm run lint:css",
     "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
     "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepare": "husky install && dumi setup",
     "prepublishOnly": "father doctor && npm run build",
     "publish-dev": "npm publish --tag beta",
     "start": "npm run dev"
@@ -49,6 +52,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@makotot/ghostui": "^2.0.0",
+    "@zykj2024/much-hooks": "workspace:*",
     "@zykj2024/much-icons": "^1.0.8",
     "antd": "^5.16.2",
     "antd-style": "^3.6.2",
@@ -65,7 +69,7 @@
     "typescript-react-svg-icon-generator": "^1.1.9"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
+    "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^17.1.0",
     "@types/lodash": "^4.17.10",
     "@types/react": "^18.0.0",
@@ -73,7 +77,7 @@
     "@umijs/lint": "^4.0.0",
     "dumi": "^2.4.4",
     "eslint": "^8.23.0",
-    "father": "^4.5.5",
+    "father": "^4.5.0",
     "husky": "^8.0.1",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
@@ -82,15 +86,11 @@
     "stylelint": "^14.9.1"
   },
   "peerDependencies": {
-    "@zykj2024/much-hooks": ">=1.0.2",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "authors": [],
-  "dumi": {
-    "entryFile": "src/index.ts"
-  }
+  "authors": []
 }