@zykj2024/much-library 1.1.2-beta.7 → 1.1.4-beta.1

package/dist/McContainer/demo/pagination.js

@@ -1,3 +1,5 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /**
  * title: 分页器配置
@@ -8,20 +10,12 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Col, Row, Switch } from 'antd';
 import { McContainer } from "../..";
 import { useState } from 'react';
+import { fetchMockRequest } from "../mock";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var tableData = Array.from({
-  length: 5
-}, function (_, index) {
-  return {
-    id: index + 1,
-    name: "\u59D3\u540D".concat(index + 1),
-    age: 18 + index
-  };
-});
 export default (function () {
-  var _useState = useState(tableData),
+  var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     dataSource = _useState2[0],
     setDataSource = _useState2[1];
@@ -39,13 +33,44 @@ export default (function () {
     setShowPagination = _useState8[1];
   var columns = [{
     title: 'ID',
-    dataIndex: 'id'
+    dataIndex: 'id',
+    width: 100
   }, {
     title: '姓名',
-    dataIndex: 'name'
+    dataIndex: 'name',
+    width: 100
   }, {
     title: '年龄',
-    dataIndex: 'age'
+    dataIndex: 'age',
+    width: 100
+  }, {
+    title: '城市',
+    dataIndex: 'city',
+    width: 100
+  }, {
+    title: '日期',
+    dataIndex: 'date',
+    width: 180
+  }, {
+    title: '爱好',
+    dataIndex: 'funny',
+    width: 100
+  }, {
+    title: '地址',
+    dataIndex: 'address',
+    width: 100
+  }, {
+    title: '电话',
+    dataIndex: 'phone',
+    width: 100
+  }, {
+    title: '邮箱',
+    dataIndex: 'email',
+    width: 100
+  }, {
+    title: '描述',
+    dataIndex: 'desc',
+    width: 100
   }, {
     title: '操作',
     dataIndex: 'option',
@@ -56,17 +81,32 @@ export default (function () {
       });
     }
   }];
-  var onQuery = function onQuery() {
-    return new Promise(function (resolve) {
-      setLoading(true);
-      setTimeout(function () {
-        setDataSource(tableData);
-        setTotal(tableData === null || tableData === void 0 ? void 0 : tableData.length);
-        setLoading(false);
-        resolve();
-      }, 1000);
-    });
-  };
+  var onQuery = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _yield$fetchMockReque, data, total;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.next = 3;
+            return fetchMockRequest();
+          case 3:
+            _yield$fetchMockReque = _context.sent;
+            data = _yield$fetchMockReque.data;
+            total = _yield$fetchMockReque.total;
+            setDataSource(data);
+            setTotal(total);
+            setLoading(false);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onQuery() {
+      return _ref.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Row, {
       children: /*#__PURE__*/_jsxs(Col, {
@@ -76,8 +116,7 @@ export default (function () {
         })]
       })
     }), /*#__PURE__*/_jsx(McContainer, {
-      height: "100%",
-      immediateQuery: false,
+      height: "300px",
       loading: loading,
       onQuery: onQuery,
       queryRender: null,

package/dist/McContainer/demo/standard.d.ts

@@ -1,6 +1,6 @@
 /**
  * title: 标准用法
- * description: 标准用法功能全面，可以直接用于常规页面
+ * description: 标准用法功能全面，可以直接用于常规页面。设置`autoBackPagination`为`true`时，非第一页删除最后一条数据后，会自动跳转到上一页。
  * transform: true
  */
 declare const _default: () => import("react/jsx-runtime").JSX.Element;

package/dist/McContainer/demo/standard.js

@@ -1,7 +1,9 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /**
  * title: 标准用法
- * description: 标准用法功能全面，可以直接用于常规页面
+ * description: 标准用法功能全面，可以直接用于常规页面。设置`autoBackPagination`为`true`时，非第一页删除最后一条数据后，会自动跳转到上一页。
  * transform: true
  */
 
@@ -9,27 +11,17 @@ import { Button, Col, Row, Space } from 'antd';
 import { AddOutlined } from 'much-icons';
 import { McCascader, McContainer, McDateRange, McInput, McPopoverButton } from "../..";
 import { useEffect, useRef, useState } from 'react';
+import { deleteMockRequest, fetchMockRequest } from "../mock";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-var tableData = Array.from({
-  length: 21
-}, function (_, index) {
-  return {
-    id: index + 1,
-    name: "\u59D3\u540D".concat(index + 1),
-    age: 18 + index,
-    city: "\u57CE\u5E02".concat(index + 1),
-    date: "2024-01-0".concat(index + 1, " 12:00:00")
-  };
-});
 export default (function () {
   var mcContainerRef = useRef();
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     total = _useState2[0],
     setTotal = _useState2[1];
-  var _useState3 = useState(tableData),
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
     dataSource = _useState4[0],
     setDataSource = _useState4[1];
@@ -45,29 +37,70 @@ export default (function () {
     _useState10 = _slicedToArray(_useState9, 2),
     searchJsonStr = _useState10[0],
     setSearchJsonStr = _useState10[1];
-  var onDelete = function onDelete(index) {
-    var _mcContainerRef$curre;
-    tableData.splice(index, 1);
-    (_mcContainerRef$curre = mcContainerRef.current) === null || _mcContainerRef$curre === void 0 || _mcContainerRef$curre.query();
-  };
+  var onDelete = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
+      var _mcContainerRef$curre;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return deleteMockRequest(id);
+          case 2:
+            (_mcContainerRef$curre = mcContainerRef.current) === null || _mcContainerRef$curre === void 0 || _mcContainerRef$curre.query();
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onDelete(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
   var columns = [{
     title: 'ID',
-    dataIndex: 'id'
+    dataIndex: 'id',
+    width: 100
   }, {
     title: '姓名',
-    dataIndex: 'name'
+    dataIndex: 'name',
+    width: 100
   }, {
     title: '年龄',
-    dataIndex: 'age'
+    dataIndex: 'age',
+    width: 100
   }, {
     title: '城市',
-    dataIndex: 'city'
+    dataIndex: 'city',
+    width: 100
   }, {
     title: '日期',
-    dataIndex: 'date'
+    dataIndex: 'date',
+    width: 180
+  }, {
+    title: '爱好',
+    dataIndex: 'funny',
+    width: 100
+  }, {
+    title: '地址',
+    dataIndex: 'address',
+    width: 100
+  }, {
+    title: '电话',
+    dataIndex: 'phone',
+    width: 100
+  }, {
+    title: '邮箱',
+    dataIndex: 'email',
+    width: 100
+  }, {
+    title: '描述',
+    dataIndex: 'desc',
+    width: 100
   }, {
     title: '操作',
     dataIndex: 'option',
+    fixed: 'right',
     width: 100,
     render: function render(_, record, index) {
       return /*#__PURE__*/_jsxs(Space, {
@@ -110,23 +143,33 @@ export default (function () {
       name: '姓名1'
     });
   }, []);
-  var onQuery = function onQuery(values) {
-    setSearchJsonStr(JSON.stringify(values !== null && values !== void 0 ? values : {}));
-    return new Promise(function (resolve) {
-      setLoading(true);
-      setTimeout(function () {
-        var startIndex = (values.current - 1) * values.pageSize;
-        // 计算结束索引
-        var endIndex = startIndex + values.pageSize;
-        // 使用 slice 方法截取当前页的数据
-        var data = tableData.slice(startIndex, endIndex);
-        setDataSource(data || []);
-        setTotal(tableData.length || 0);
-        setLoading(false);
-        resolve();
-      }, 1000);
-    });
-  };
+  var onQuery = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(values) {
+      var _yield$fetchMockReque, data, total;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setSearchJsonStr(JSON.stringify(values !== null && values !== void 0 ? values : {}));
+            setLoading(true);
+            _context2.next = 4;
+            return fetchMockRequest(values);
+          case 4:
+            _yield$fetchMockReque = _context2.sent;
+            data = _yield$fetchMockReque.data;
+            total = _yield$fetchMockReque.total;
+            setDataSource(data || []);
+            setTotal(total || 0);
+            setLoading(false);
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function onQuery(_x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Row, {
       children: /*#__PURE__*/_jsxs(Col, {
@@ -136,9 +179,8 @@ export default (function () {
       })
     }), /*#__PURE__*/_jsx(McContainer, {
       ref: mcContainerRef,
-      height: "100%",
+      height: "500px",
       loading: loading,
-      immediateQuery: false,
       onQuery: onQuery,
       queryItems: queryItems,
       actionBar: /*#__PURE__*/_jsx(Button, {

package/dist/McContainer/mock/index.d.ts

@@ -0,0 +1,21 @@
+export type I_ListItem = {
+    id: number;
+    name?: string;
+    age?: number;
+    city?: string;
+    date?: string;
+    funny?: string;
+    address?: string;
+    phone?: string;
+    email?: string;
+    desc?: string;
+};
+/** 列表数据源 */
+export declare const tableData: I_ListItem[];
+/** 获取列表数据 */
+export declare const fetchMockRequest: (values?: any) => Promise<{
+    data: any;
+    total: number;
+}>;
+/** 删除某条列表数据 */
+export declare const deleteMockRequest: (id: number) => Promise<void>;

package/dist/McContainer/mock/index.js

@@ -0,0 +1,50 @@
+/** 列表数据源 */
+export var tableData = Array.from({
+  length: 21
+}, function (_, index) {
+  return {
+    id: index + 1,
+    name: "\u59D3\u540D".concat(index + 1),
+    age: 18 + index,
+    city: "\u57CE\u5E02".concat(index + 1),
+    date: "2025-01-0".concat(index + 1, " 12:00:00"),
+    funny: "\u7231\u597D".concat(index + 1),
+    address: "\u5730\u5740".concat(index + 1),
+    phone: "\u7535\u8BDD".concat(index + 1),
+    email: "\u90AE\u7BB1".concat(index + 1),
+    desc: "\u63CF\u8FF0".concat(index + 1)
+  };
+});
+
+/** 获取列表数据 */
+export var fetchMockRequest = function fetchMockRequest(values) {
+  var _ref = values !== null && values !== void 0 ? values : {},
+    current = _ref.current,
+    pageSize = _ref.pageSize;
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      var data = tableData;
+      if (current && pageSize) {
+        var startIndex = (values.current - 1) * values.pageSize;
+        var endIndex = startIndex + values.pageSize;
+        data = tableData.slice(startIndex, endIndex);
+      }
+      resolve({
+        data: data,
+        total: tableData === null || tableData === void 0 ? void 0 : tableData.length
+      });
+    }, 1000);
+  });
+};
+
+/** 删除某条列表数据 */
+export var deleteMockRequest = function deleteMockRequest(id) {
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      tableData.splice(tableData.findIndex(function (item) {
+        return item.id === id;
+      }), 1);
+      resolve();
+    }, 1000);
+  });
+};

package/dist/McFonts/index.d.ts

@@ -1,7 +1,8 @@
 declare const _default: {
-    Regular: any;
-    Bold: any;
-    Light: any;
-    Medium: any;
+    Regular: string;
+    Bold: string;
+    Light: string;
+    Medium: string;
+    Alphanumeric: string;
 };
 export default _default;

package/dist/McFonts/index.js

@@ -1,10 +1,7 @@
-import { default as Bold } from "./public/SourceHanSansCN-Bold.otf";
-import { default as Light } from "./public/SourceHanSansCN-Light.otf";
-import { default as Medium } from "./public/SourceHanSansCN-Medium.otf";
-import { default as Regular } from "./public/SourceHanSansCN-Regular.otf";
 export default {
-  Regular: Regular,
-  Bold: Bold,
-  Light: Light,
-  Medium: Medium
+  Regular: 'https://orchardplanet.oss-cn-shenzhen.aliyuncs.com/fonts/SourceHanSansCN-Regular.otf',
+  Bold: 'https://orchardplanet.oss-cn-shenzhen.aliyuncs.com/fonts/SourceHanSansCN-Bold.otf',
+  Light: 'https://orchardplanet.oss-cn-shenzhen.aliyuncs.com/fonts/SourceHanSansCN-Light.otf',
+  Medium: 'https://orchardplanet.oss-cn-shenzhen.aliyuncs.com/fonts/SourceHanSansCN-Medium.otf',
+  Alphanumeric: 'https://orchardplanet.oss-cn-shenzhen.aliyuncs.com/fonts/FF-DIN-Pro-Bold.otf'
 };

package/dist/McThemeConfig/globalStyle.js

@@ -2,10 +2,30 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 // @ts-nocheck
 import { createGlobalStyle } from 'antd-style';
-var globalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n// <====================== Layout ======================>\n\n", "\n\n// <====================== Font ======================>\n\n@font-face {\n   font-family: 'SourceHanSansCN';\n   src: url(", ");\n}\n\nbody * {\n  font-family: 'SourceHanSansCN';\n  box-sizing: border-box;\n}\n\n// <====================== Button ======================>\n\n// primary\n.ant-btn-primary[disabled]{\n  background: ", ";\n  color: ", ";\n  opacity: 0.3;\n}\n\n// default\n.ant-btn-default[disabled] {\n  border-color: ", " !important;\n}\n\n// danger\n.ant-btn-default.ant-btn-dangerous,.ant-btn-default[data-danger],\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  color: ", ";\n  background:  ", ";\n  border-color:", ";\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color:", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  opacity: 0.4;\n}\n\n// secondary\n.ant-btn-default[data-secondary],\n// modal\u3001drawer\u3001popconfirm footer\n.ant-modal-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-drawer-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-popconfirm-buttons .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous){\n  background: ", ";\n  border-color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    border-color: ", " !important;\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-secondary][disabled] {\n  color: ", " ;\n  background: ", ";\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", ";\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// add\n.ant-btn-default[data-add] {\n  background: ", " !important;\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-add][disabled] {\n  opacity: 0.4;\n  color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n  }\n\n  &:active{\n    background: ", " !important;\n    color: ", " !important;\n  }\n}\n\n//dashed\n.ant-btn-dashed {\n  background: ", " !important;\n  border-color: ", " !important;\n}\n\n.ant-btn-dashed:not([disabled]) {\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// dashed danger\n.ant-btn-dashed.ant-btn-dangerous,\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  opacity: 0.4;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// ghost\n.ant-btn-background-ghost:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// link\n.ant-btn-link:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n\n  }\n}\n\n.ant-btn-link[disabled] {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n// link danger\n.ant-btn-link.ant-btn-dangerous {\n\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n\n.ant-btn-link.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n\n\n// <====================== Drawer ======================>\n\n.ant-drawer .ant-drawer-header{\n  border-bottom: none;\n  padding: 23px 24px;\n  .ant-drawer-header-title {\n    flex-direction: row-reverse;\n    .ant-drawer-close {\n      margin: -4px;\n    }\n  }\n}\n// Drawer \u5BBD\u9AD8 \u4E1A\u52A1\u65B9\u81EA\u884C\u5B9E\u73B0\n//.ant-drawer .ant-drawer-content-wrapper {\n//  min-width: 480px\n//}\n.ant-drawer .ant-drawer-body{\n  padding: 0 24px;\n}\n.ant-drawer .ant-drawer-footer{\n  border-top: none;\n  padding: 24px;\n}\n\n// <====================== Modal ======================>\n\n.ant-modal .ant-modal-header {\n  margin-bottom:24px;\n}\n.ant-modal-body {\n  overflow-y: auto\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1280px\u4E14\u5C0F\u4E8E1366px\u7684\u65F6\u5019\u6267\u884C,1280-1366*/\n@media screen and (min-width:1280px) and (max-width: 1366px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 40px;\n    }\n  }\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1440px\u4E14\u5C0F\u4E8E1600px\u7684\u65F6\u5019\u6267\u884C,1440-1600*/\n@media screen and (min-width:1440px) and (max-width:1600px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n}\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1680px\u4E14\u5C0F\u4E8E1920px\u7684\u65F6\u5019\u6267\u884C,1680-1920*/\n@media screen and (min-width:1680px) and (max-width:2560px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n}\n\n// <====================== Tabs ======================>\n\n.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  text-shadow: unset;\n}\n.ant-tabs-card {\n  .ant-tabs-nav {\n    margin: 0;\n    &::before {\n      border: none;\n    }\n    .ant-tabs-nav-wrap {\n      background: transparent;\n      .ant-tabs-nav-list {\n        background: ", ";\n        border-top-right-radius: ", "px;\n        .ant-tabs-tab {\n          position: relative;\n          border: ", ";\n          border-radius: ", "px ", "px 0px 0px;\n          &::after {\n            position: absolute;\n            top: 11px;\n            right: -1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-nav-add {\n          position: relative;\n          border: none;\n          border-top-right-radius: ", "px;\n          &::before {\n            position: absolute;\n            top: 11px;\n            left: 1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-tab-active {\n          border: ", ";\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:nth-last-of-type(2) {\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:has(+ .ant-tabs-tab-active) {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n// <====================== Pagination ======================>\n\n.ant-pagination {\n  display: flex;\n  align-items: center;\n\n  .ant-pagination-total-text {\n    margin-right: auto;\n    color: ", ";\n  }\n\n  .ant-pagination-item.ant-pagination-item-active {\n    &:hover {\n      border-color: ", ";\n    }\n\n    &>a {\n      color: ", ";\n    }\n  }\n\n  .ant-pagination-options {\n    .ant-pagination-options-quick-jumper {\n      input {\n        background: ", ";\n        border-color:  ", ";\n        padding: 12px;\n\n        &:hover {\n          border-color: ", ";\n        }\n\n        &:focus {\n          border-color: ", ";\n        }\n      }\n    }\n  }\n\n  &.ant-pagination-mini li:not(:first-of-type) {\n    margin-left: 2px;\n  }\n}\n\n// <====================== Radio ======================>\n  .ant-radio-group {\n  .ant-radio-button-wrapper {\n    position: relative;\n    border: 1px solid ", ";\n    &::before {\n      display: none;\n    }\n    &::after {\n      display: inline-block;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 1px;\n      height: ", "px;\n      background: ", ";\n      right: -1px;\n      content: '';\n    }\n  }\n  .ant-radio-button-wrapper-checked {\n    border: 1px solid ", ";\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:nth-last-of-type(1) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:has(+ .ant-radio-button-wrapper-checked) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper-disabled {\n    border: 1px solid ", " !important;\n  }\n  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {\n    border-color: ", " !important;\n  }\n}\n// <====================== Collapse ======================>\n.ant-collapse .ant-collapse-content {\n  border-top-width: 0px;\n}\n\n// <====================== Card  ======================>\n.ant-card-type-inner .ant-card-head {\n  border-bottom-width: 0;\n  background: #FAFAFA;\n}\n\n// <====================== Global scroll,Fix Table two scroll  ======================>\n\n/* \u901A\u7528\u6837\u5F0F\uFF1A\u9002\u7528\u4E8E Firefox */\n* {\n  scrollbar-color: #d9d9d9 transparent;\n  scrollbar-width: thin;\n  /* \u5BF9\u5E94\u6EDA\u52A8\u6761\u5BBD\u5EA6\u7EA6\u4E3A 6px */\n}\n\n/* WebKit \u6D4F\u89C8\u5668\u6837\u5F0F\uFF1A\u5E94\u7528\u4E8E\u6240\u6709\u5E26\u6EDA\u52A8\u6761\u7684\u5143\u7D20 */\n*::-webkit-scrollbar {\n  width: 6px;\n  /* \u5782\u76F4\u6EDA\u52A8\u6761\u5BBD\u5EA6 */\n  height: 6px;\n  /* \u6C34\u5E73\u6EDA\u52A8\u6761\u9AD8\u5EA6 */\n}\n\n*::-webkit-scrollbar-thumb {\n  background-color: #d9d9d9;\n  /* \u6EDA\u52A8\u6761\u989C\u8272 */\n  border-radius: 4px;\n  /* \u6EDA\u52A8\u6761\u5706\u89D2 */\n}\n\n*::-webkit-scrollbar-track {\n  background: transparent;\n  /* \u6EDA\u52A8\u6761\u8F68\u9053\u80CC\u666F\u900F\u660E */\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll {\n  height: 0 !important;\n  background: #d9d9d9;\n  border-top-width: 0;\n  opacity: 1;\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll-bar-active, .ant-table-wrapper .ant-table-sticky-scroll-bar:hover {\n  background-color: #d9d9d9;\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll-bar {\n  height: 6px;\n  background: #d9d9d9;\n}\n\n// <====================== antd 5.22 bugfix  ======================>\n.ant-select-multiple .ant-select-selection-wrap {\n  position: static;\n}\n\n"])), function (props) {
+
+// 后续如果需要精确控制字体粗细时再加上那个
+// @font-face {
+//   font-family: 'SourceHanSansCN';
+//   src: url(${(props) => props.font.Medium});
+//   font-weight: 600;
+//   font-display: swap;
+// }
+
+// @font-face {
+//   font-family: 'SourceHanSansCN';
+//   src: url(${(props) => props.font.Bold});
+//   font-weight: 700;
+//   font-display: swap;
+// }
+
+var globalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\n// <====================== Layout ======================>\n\n", "\n\n// <====================== Font ======================>\n\n@font-face {\n  font-family: 'SourceHanSansCN';\n  src: url(", ");\n  font-weight: 300;\n  font-display: swap;\n}\n\n@font-face {\n   font-family: 'SourceHanSansCN';\n   src: url(", ");\n  font-weight: 400;\n   font-display: swap;\n}\n\n@font-face {\n   font-family: 'FFDIN';\n   src: url(", ");\n}\n\nbody * {\n  font-family: 'SourceHanSansCN';\n  box-sizing: border-box;\n}\n\n// <====================== Button ======================>\n\n// primary\n.ant-btn-primary[disabled]{\n  background: ", ";\n  color: ", ";\n  opacity: 0.3;\n}\n\n// default\n.ant-btn-default[disabled] {\n  border-color: ", " !important;\n}\n\n// danger\n.ant-btn-default.ant-btn-dangerous,.ant-btn-default[data-danger],\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  color: ", ";\n  background:  ", ";\n  border-color:", ";\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color:", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-default.ant-btn-dangerous[disabled],.ant-btn-default[data-danger][disabled] {\n  opacity: 0.4;\n}\n\n// secondary\n.ant-btn-default[data-secondary],\n// modal\u3001drawer\u3001popconfirm footer\n.ant-modal-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-drawer-footer .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous),\n.ant-popconfirm-buttons .ant-btn-default:not([data-default]):not([data-danger]):not(.ant-btn-dangerous){\n  background: ", ";\n  border-color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    border-color: ", " !important;\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-secondary][disabled] {\n  color: ", " ;\n  background: ", ";\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", ";\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// add\n.ant-btn-default[data-add] {\n  background: ", " !important;\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    background: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n  }\n}\n\n.ant-btn-default[data-add][disabled] {\n  opacity: 0.4;\n  color: ", ";\n\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n  }\n\n  &:active{\n    background: ", " !important;\n    color: ", " !important;\n  }\n}\n\n//dashed\n.ant-btn-dashed {\n  background: ", " !important;\n  border-color: ", " !important;\n}\n\n.ant-btn-dashed:not([disabled]) {\n  &:hover {\n    background: ", " !important;\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active{\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// dashed danger\n.ant-btn-dashed.ant-btn-dangerous,\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  border-color: ", " !important;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n.ant-btn-dashed.ant-btn-dangerous:disabled {\n  opacity: 0.4;\n\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// ghost\n.ant-btn-background-ghost:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n    border-color: ", " !important;\n  }\n}\n\n// link\n.ant-btn-link:not([disabled]) {\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n\n  }\n}\n\n.ant-btn-link[disabled] {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n// link danger\n.ant-btn-link.ant-btn-dangerous {\n\n  &:hover {\n    color: ", " !important;\n  }\n\n  &:active {\n    color: ", " !important;\n  }\n}\n\n.ant-btn-link.ant-btn-dangerous:disabled {\n  color: ", " !important;\n  opacity: 0.3;\n}\n\n\n\n// <====================== Drawer ======================>\n\n.ant-drawer .ant-drawer-header{\n  border-bottom: none;\n  padding: 23px 24px;\n  .ant-drawer-header-title {\n    flex-direction: row-reverse;\n    .ant-drawer-close {\n      margin: -4px;\n    }\n  }\n}\n// Drawer \u5BBD\u9AD8 \u4E1A\u52A1\u65B9\u81EA\u884C\u5B9E\u73B0\n//.ant-drawer .ant-drawer-content-wrapper {\n//  min-width: 480px\n//}\n.ant-drawer .ant-drawer-body{\n  padding: 0 24px;\n}\n.ant-drawer .ant-drawer-footer{\n  border-top: none;\n  padding: 24px;\n}\n\n// <====================== Modal ======================>\n\n.ant-modal .ant-modal-header {\n  margin-bottom:24px;\n}\n.ant-modal-body {\n  overflow-y: auto\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1280px\u4E14\u5C0F\u4E8E1366px\u7684\u65F6\u5019\u6267\u884C,1280-1366*/\n@media screen and (min-width:1280px) and (max-width: 1366px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 40px;\n    }\n  }\n}\n\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1440px\u4E14\u5C0F\u4E8E1600px\u7684\u65F6\u5019\u6267\u884C,1440-1600*/\n@media screen and (min-width:1440px) and (max-width:1600px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 80px;\n    }\n  }\n}\n/*\u5F53\u9875\u9762\u5BBD\u5EA6\u5927\u4E8E1680px\u4E14\u5C0F\u4E8E1920px\u7684\u65F6\u5019\u6267\u884C,1680-1920*/\n@media screen and (min-width:1680px) and (max-width:2560px){\n  .ant-modal-root[data-small] {\n    .ant-modal-body {\n      max-height: 150px;\n    }\n    .ant-modal {\n      top: 200px;\n    }\n  }\n\n  .ant-modal-root[data-medium] {\n    .ant-modal-body {\n      max-height: 300px;\n      min-height: 150px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n\n  .ant-modal-root[data-large] {\n    .ant-modal-body {\n      max-height: 450px;\n      min-height: 300px\n    }\n    .ant-modal {\n      top: 150px;\n    }\n  }\n}\n\n// <====================== Tabs ======================>\n\n.ant-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n  text-shadow: unset;\n}\n.ant-tabs-card {\n  .ant-tabs-nav {\n    margin: 0;\n    &::before {\n      border: none;\n    }\n    .ant-tabs-nav-wrap {\n      background: transparent;\n      .ant-tabs-nav-list {\n        background: ", ";\n        border-top-right-radius: ", "px;\n        .ant-tabs-tab {\n          position: relative;\n          border: ", ";\n          border-radius: ", "px ", "px 0px 0px;\n          &::after {\n            position: absolute;\n            top: 11px;\n            right: -1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-nav-add {\n          position: relative;\n          border: none;\n          border-top-right-radius: ", "px;\n          &::before {\n            position: absolute;\n            top: 11px;\n            left: 1px;\n            width: 1px;\n            height: 24px;\n            background: ", ";\n            content: '';\n          }\n        }\n        .ant-tabs-tab-active {\n          border: ", ";\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:nth-last-of-type(2) {\n          &::after {\n            display: none;\n          }\n        }\n        .ant-tabs-tab:has(+ .ant-tabs-tab-active) {\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n// <====================== Pagination ======================>\n\n.ant-pagination {\n  display: flex;\n  align-items: center;\n\n  .ant-pagination-total-text {\n    margin-right: auto;\n    color: ", ";\n  }\n\n  .ant-pagination-item.ant-pagination-item-active {\n    &:hover {\n      border-color: ", ";\n    }\n\n    &>a {\n      color: ", ";\n    }\n  }\n\n  .ant-pagination-options {\n    .ant-pagination-options-quick-jumper {\n      input {\n        background: ", ";\n        border-color:  ", ";\n        padding: 12px;\n\n        &:hover {\n          border-color: ", ";\n        }\n\n        &:focus {\n          border-color: ", ";\n        }\n      }\n    }\n  }\n\n  &.ant-pagination-mini li:not(:first-of-type) {\n    margin-left: 2px;\n  }\n}\n\n// <====================== Radio ======================>\n  .ant-radio-group {\n  .ant-radio-button-wrapper {\n    position: relative;\n    border: 1px solid ", ";\n    &::before {\n      display: none;\n    }\n    &::after {\n      display: inline-block;\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 1px;\n      height: ", "px;\n      background: ", ";\n      right: -1px;\n      content: '';\n    }\n  }\n  .ant-radio-button-wrapper-checked {\n    border: 1px solid ", ";\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:nth-last-of-type(1) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper:has(+ .ant-radio-button-wrapper-checked) {\n    &::after {\n      display: none;\n    }\n  }\n  .ant-radio-button-wrapper-disabled {\n    border: 1px solid ", " !important;\n  }\n  .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {\n    border-color: ", " !important;\n  }\n}\n// <====================== Collapse ======================>\n.ant-collapse .ant-collapse-content {\n  border-top-width: 0px;\n}\n\n// <====================== Card  ======================>\n.ant-card-type-inner .ant-card-head {\n  border-bottom-width: 0;\n  background: #FAFAFA;\n}\n\n// <====================== Global scroll,Fix Table two scroll  ======================>\n\n/* \u901A\u7528\u6837\u5F0F\uFF1A\u9002\u7528\u4E8E Firefox */\n* {\n  scrollbar-color: #d9d9d9 transparent;\n  scrollbar-width: thin;\n  /* \u5BF9\u5E94\u6EDA\u52A8\u6761\u5BBD\u5EA6\u7EA6\u4E3A 6px */\n}\n\n/* WebKit \u6D4F\u89C8\u5668\u6837\u5F0F\uFF1A\u5E94\u7528\u4E8E\u6240\u6709\u5E26\u6EDA\u52A8\u6761\u7684\u5143\u7D20 */\n*::-webkit-scrollbar {\n  width: 6px;\n  /* \u5782\u76F4\u6EDA\u52A8\u6761\u5BBD\u5EA6 */\n  height: 6px;\n  /* \u6C34\u5E73\u6EDA\u52A8\u6761\u9AD8\u5EA6 */\n}\n\n*::-webkit-scrollbar-thumb {\n  background-color: #d9d9d9;\n  /* \u6EDA\u52A8\u6761\u989C\u8272 */\n  border-radius: 4px;\n  /* \u6EDA\u52A8\u6761\u5706\u89D2 */\n}\n\n*::-webkit-scrollbar-track {\n  background: transparent;\n  /* \u6EDA\u52A8\u6761\u8F68\u9053\u80CC\u666F\u900F\u660E */\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll {\n  height: 0 !important;\n  background: #d9d9d9;\n  border-top-width: 0;\n  opacity: 1;\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll-bar-active, .ant-table-wrapper .ant-table-sticky-scroll-bar:hover {\n  background-color: #d9d9d9;\n}\n\n.ant-table-wrapper .ant-table-sticky-scroll-bar {\n  height: 6px;\n  background: #d9d9d9;\n}\n\n// <====================== antd 5.22 bugfix  ======================>\n.ant-select-multiple .ant-select-selection-wrap {\n  position: static;\n}\n\n"])), function (props) {
   return props.layout;
+}, function (props) {
+  return props.font.Light;
 }, function (props) {
   return props.font.Regular;
+}, function (props) {
+  return props.font.Alphanumeric;
 }, function (props) {
   return props.theme.colorPrimary;
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.1.2-beta.7",
+  "version": "1.1.4-beta.1",
   "description": "react library",
   "license": "MIT",
   "module": "dist/index.js",
@@ -9,7 +9,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "father build",
+    "build": "BUNDLE_ANALYZE=1 father build",
     "build:watch": "father dev",
     "dev": "dumi dev",
     "dev-build-all": "pnpm -r --parallel run dev & dumi dev",
@@ -67,6 +67,7 @@
   "devDependencies": {
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
+    "@types/html-minifier-terser": "^7.0.2",
     "@types/lodash": "^4.17.10",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",