@zykj2024/much-library 1.1.6 → 1.1.7-beta.10

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

@@ -1,16 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-var _excluded = ["style", "className", "label", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange", "toFilterOptions", "searchInPanel", "pinSelectedOptions", "searchInPanelPlaceholder"];
+var _excluded = ["style", "className", "label", "colon", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange", "toFilterOptions", "searchInPanel", "pinSelectedOptions", "searchInPanelPlaceholder"];
+import { useAsync } from '@zykj2024/much-hooks';
 import { Empty, Popover, Select, Spin } from 'antd';
-import { debounce } from "../Utils";
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { debounce } from "../Utils";
 import PanelSearchInput from "./components/PanelSearchInput";
-import "./index.css";
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -46,6 +47,8 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var style = props.style,
     className = props.className,
     label = props.label,
+    _props$colon = props.colon,
+    colon = _props$colon === void 0 ? true : _props$colon,
     multiple = props.multiple,
     changeOnHidden = props.changeOnHidden,
     _props$inexistent = props.inexistent,
@@ -71,6 +74,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     pinSelectedOptions = _props$pinSelectedOpt === void 0 ? false : _props$pinSelectedOpt,
     searchInPanelPlaceholder = props.searchInPanelPlaceholder,
     rest = _objectWithoutProperties(props, _excluded);
+  // 不存在值默认值处理
   var _ref = typeof inexistent === 'boolean' ? {} : inexistent,
     _ref$inexistentText = _ref.inexistentText,
     inexistentText = _ref$inexistentText === void 0 ? '不存在' : _ref$inexistentText,
@@ -78,45 +82,25 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     inexistentColor = _ref$inexistentColor === void 0 ? '#ff4d4f' : _ref$inexistentColor,
     _ref$reserveOriginalV = _ref.reserveOriginalValue,
     reserveOriginalValue = _ref$reserveOriginalV === void 0 ? false : _ref$reserveOriginalV;
-  var _maxTagCount = useMemo(function () {
+  /** 设置最大标签数，默认1 */
+  var curMaxTagCount = useMemo(function () {
     return props.hasOwnProperty('maxTagCount') ? maxTagCount : 1;
   }, [maxTagCount]);
-
-  /* 获取label宽度 */
-  var labelRef = useRef();
-  var _useState = useState(11),
-    _useState2 = _slicedToArray(_useState, 2),
-    paddingLeft = _useState2[0],
-    setPaddingLeft = _useState2[1];
-  var labelResizeObserver = new ResizeObserver(function (entries) {
-    setPaddingLeft(entries[0].contentRect.width + 11);
-  });
-  useEffect(function () {
-    labelRef.current && labelResizeObserver.observe(labelRef.current);
-    return function () {
-      return labelResizeObserver.disconnect();
-    };
-  }, []);
-
   /* 基础数据 */
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectValue = _useState4[0],
-    setSelectValue = _useState4[1];
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectValue = _useState2[0],
+    setSelectValue = _useState2[1];
   var _selectValue = useRef();
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectOptions = _useState6[0],
-    setSelectOptions = _useState6[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectOptions = _useState4[0],
+    setSelectOptions = _useState4[1];
   var _selectOptions = useRef([]);
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    searchValue = _useState8[0],
-    setSearchValue = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    fetching = _useState10[0],
-    setFetching = _useState10[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    searchValue = _useState6[0],
+    setSearchValue = _useState6[1];
   var _extra = useRef(null);
   var _current = useRef(1);
   var _maxPage = useRef(1);
@@ -127,16 +111,76 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var _inexistent = useRef(false);
   var panelSearchInputRef = useRef(null);
   var useDefaultSearch = !(multiple && searchInPanel);
+  var _useAsync = useAsync( /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(keyword, current) {
+        var _yield$fetchOptions, data, total, newOptions;
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (!fetchOptions) {
+                _context.next = 20;
+                break;
+              }
+              _context.prev = 1;
+              _current.current = current;
+              if (current === 1) {
+                setSelectOptions([]);
+                _selectOptions.current = [];
+                setRemoteOptions([]);
+              }
+              _context.next = 6;
+              return fetchOptions({
+                current: current,
+                pageSize: pageSize,
+                keyword: keyword,
+                extra: extra
+              });
+            case 6:
+              _yield$fetchOptions = _context.sent;
+              data = _yield$fetchOptions.data;
+              total = _yield$fetchOptions.total;
+              newOptions = (current === 1 ? [] : _selectOptions.current || []).concat(data || []);
+              _maxPage.current = Math.ceil(total / pageSize) || 1;
+              // 下拉列表滚动至最新数据的位置
+              if (_listEl.current) {
+                _listEl.current.target.scrollTop = (_selectOptions.current || []).length * 32;
+              }
+              setSelectOptions(newOptions);
+              _selectOptions.current = newOptions;
+              return _context.abrupt("return", newOptions);
+            case 17:
+              _context.prev = 17;
+              _context.t0 = _context["catch"](1);
+              return _context.abrupt("return", []);
+            case 20:
+              return _context.abrupt("return", []);
+            case 21:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[1, 17]]);
+      }));
+      return function (_x, _x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }(), {
+      manual: true
+    }),
+    remoteOptions = _useAsync.data,
+    _loadOptions = _useAsync.run,
+    fetching = _useAsync.loading,
+    setRemoteOptions = _useAsync.mutate;
   var optionWithPriority = useMemo(function () {
+    var curSelectOptions = fetchOptions && remoteOptions ? remoteOptions : selectOptions;
     if (pinSelectedOptions && multiple) {
       if (fetchOptions && !labelInValue) {
         console.warn('远程搜索下，pinSelectedOptions只支持labelInValue模式,建议修改');
       } else {
-        return createPinedSelectedOptions(selectOptions, selectValue);
+        return createPinedSelectedOptions(curSelectOptions, selectValue);
       }
     }
-    return selectOptions;
-  }, [selectOptions, selectValue]);
+    return curSelectOptions;
+  }, [selectOptions, selectValue, remoteOptions]);
   var filteredOptions = toFilterOptions ? toFilterOptions(optionWithPriority) : optionWithPriority; // 只要有render就需要重新生成options
 
   // 监听值和备选项的变化（赋值备选项，执行不存在值的判断逻辑）
@@ -211,52 +255,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
   /* 异步分页查询 */
   // 异步加载备选项的方法
-  var loadOptions = useCallback( /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(keyword, current) {
-      var _yield$fetchOptions, data, total, newOptions;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if (!fetchOptions) {
-              _context.next = 15;
-              break;
-            }
-            _current.current = current;
-            if (current === 1) {
-              setSelectOptions([]);
-              _selectOptions.current = [];
-            }
-            setFetching(true);
-            _context.next = 6;
-            return fetchOptions({
-              current: current,
-              pageSize: pageSize,
-              keyword: keyword,
-              extra: extra
-            });
-          case 6:
-            _yield$fetchOptions = _context.sent;
-            data = _yield$fetchOptions.data;
-            total = _yield$fetchOptions.total;
-            newOptions = (current === 1 ? [] : _selectOptions.current || []).concat(data || []);
-            _maxPage.current = Math.ceil(total / pageSize) || 1;
-            // 下拉列表滚动至最新数据的位置
-            if (_listEl.current) {
-              _listEl.current.target.scrollTop = (_selectOptions.current || []).length * 32;
-            }
-            setSelectOptions(newOptions);
-            _selectOptions.current = newOptions;
-            setFetching(false);
-          case 15:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function (_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [fetchOptions, pageSize, extra, multiple]);
+  var loadOptions = useCallback(_loadOptions, [fetchOptions, pageSize, extra, multiple]);
 
   // 搜索防抖函数
   var debounceSearcher = useMemo(function () {
@@ -363,19 +362,13 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       })]
     });
   };
-  return /*#__PURE__*/_jsxs("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: _objectSpread({
-      position: label ? 'relative' : 'static',
       height: multiple ? 'auto' : 32,
-      '--selector-pl': "".concat(paddingLeft, "px"),
       '--inexistent-color': inexistentColor
     }, style),
-    className: "mc-select ".concat(multiple && _maxTagCount === 1 ? 'mc-select--inline' : '', " ").concat(className || ''),
-    children: [label && /*#__PURE__*/_jsx("span", {
-      ref: labelRef,
-      className: "mc-select__label ".concat(disabled ? 'mc-select--disabled' : ''),
-      children: label
-    }), /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+    className: "mc-select ".concat(multiple && curMaxTagCount === 1 ? 'mc-select--inline' : '', " ").concat(className || ''),
+    children: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
       ref: ref,
       className: "mc-select__content",
       value: selectValue,
@@ -383,16 +376,26 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       labelInValue: labelInValue,
       options: filteredOptions,
       disabled: disabled,
+      prefix: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [label, label && colon && /*#__PURE__*/_jsx("span", {
+          style: {
+            marginLeft: 2
+          },
+          children: "\uFF1A"
+        })]
+      }),
       placeholder: "\u8BF7\u9009\u62E9",
       showSearch: useDefaultSearch // 否则会和panel中的search冲突
       ,
       optionFilterProp: "label",
       allowClear: true,
-      maxTagCount: _maxTagCount,
+      maxTagCount: curMaxTagCount,
       maxTagPlaceholder: function maxTagPlaceholder(v) {
         return /*#__PURE__*/_jsx(Popover, {
-          overlayStyle: {
-            maxWidth: 300
+          styles: {
+            root: {
+              maxWidth: 300
+            }
           },
           content: v.map(function (_ref3, index) {
             var _ref4;
@@ -430,7 +433,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }, rest), {}, {
       mode: multiple ? 'multiple' : undefined,
       fieldNames: undefined
-    }))]
+    }))
   });
 });
 export default McSelect;

package/dist/esm/McSelect/index.less

@@ -0,0 +1,38 @@
+.mc-select {
+  &__content {
+    width: 100%;
+    height: 100%;
+
+    &.ant-select {
+      .ant-select-selector {
+        .ant-select-prefix {
+          margin-right: 0;
+        }
+
+        .ant-select-selection-overflow-item-rest .ant-select-selection-item {
+          color: #fff;
+          background: #325cf7;
+          padding-left: 4px;
+
+          .ant-select-selection-item-content {
+            margin-right: 0;
+          }
+        }
+
+        .ant-select-selection-item[title*='「'][title$='」'] {
+          color: var(--inexistent-color);
+        }
+      }
+    }
+  }
+
+  &.mc-select--inline
+    .ant-select-selection-overflow-item:not(
+      .ant-select-selection-overflow-item-rest,
+      .ant-select-selection-overflow-item-suffix
+    ) {
+    flex: 1;
+    min-width: 0;
+    margin-right: 4px;
+  }
+}

package/dist/{McThemeConfig → esm/McThemeConfig}/globalStyle.js

@@ -18,7 +18,7 @@ import { createGlobalStyle } from 'antd-style';
 //   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) {
+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"])), function (props) {
   return props.layout;
 }, function (props) {
   return props.font.Light;

package/dist/esm/McThemeConfig/layoutStyle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "\n/* =========== 布局样式 =========== */\n.ant-pro-layout {\n  /* 侧边菜单 */\n  .ant-pro-sider {\n    padding: 8px 0 16px 16px;\n    background: transparent !important;\n\n    .ant-layout-sider-children {\n      background: #f0f4f9;\n      border-radius: 12px 0 0 12px;\n      padding: 0;\n      border-right: 0;\n      margin-right: 0;\n      overflow: hidden;\n\n      .ant-pro-sider-menu {\n        .ant-pro-base-menu-inline-item-icon .anticon {\n          font-size: 18px;\n          color: #8c8c8c;\n        }\n\n        [class*='-selected'] .ant-pro-base-menu-inline-item-icon .anticon {\n          color: #325cf7;\n        }\n\n        a {\n          transition: color 0s;\n        }\n\n        & > .ant-menu-item {\n          color: #262626;\n          font-weight: 500;\n          margin: 0;\n          margin-bottom: 8px;\n          width: 100%;\n          border-radius: 4px 0 0 4px;\n\n          &:first-of-type {\n            margin-top: 0;\n          }\n\n          &:not(.ant-menu-item-selected):hover {\n            color: #325cf7;\n            background: transparent !important;\n\n            .ant-pro-base-menu-inline-item-icon .anticon {\n              color: #325cf7;\n            }\n          }\n\n          &.ant-menu-item-selected {\n            color: #325cf7;\n            background: #ffffff;\n          }\n        }\n\n        .ant-menu-submenu {\n          .ant-menu-submenu-title {\n            color: #262626;\n            font-weight: 500;\n            margin: 0;\n            margin-bottom: 8px;\n            width: 100%;\n            border-radius: 4px 0 0 4px;\n\n            &:hover {\n              color: #325cf7;\n              background: transparent;\n\n              .ant-pro-base-menu-inline-item-icon .anticon {\n                color: #325cf7;\n              }\n            }\n          }\n\n          &:first-of-type .ant-menu-submenu-title {\n            margin-top: 0;\n          }\n\n          &.ant-menu-submenu-selected {\n            .ant-menu-submenu-title {\n              color: #325cf7;\n            }\n          }\n\n          .ant-menu-sub {\n            padding: 0;\n\n            .ant-menu-item {\n              color: #595959;\n              margin: 0;\n              margin-bottom: 8px;\n              width: 100%;\n              border-radius: 4px 0 0 4px;\n              padding-left: 44px !important;\n\n              &:hover {\n                color: #325cf7;\n                background: transparent;\n\n                .ant-pro-base-menu-inline-item-icon .anticon {\n                  color: #325cf7;\n                }\n              }\n\n              &.ant-menu-item-selected {\n                color: #325cf7;\n                font-weight: 500;\n                background: #ffffff;\n              }\n            }\n          }\n        }\n      }\n\n      .ant-pro-sider-footer {\n        text-align: right;\n        padding: 0 12px 16px;\n\n        .menu-footer-collapse-btn {\n          width: 24px;\n          height: 24px;\n          border-radius: 6px;\n          padding: 0;\n          border: 0;\n\n          .ant-btn-icon .anticon {\n            font-size: 21px;\n            color: #b3b3b3;\n          }\n\n          &:not(:hover) {\n            background: #ffffff;\n          }\n        }\n      }\n    }\n\n    &.ant-layout-sider-collapsed .ant-layout-sider-children .ant-pro-sider-menu {\n      margin-top: -4px;\n\n      .ant-pro-base-menu-vertical-item-icon .anticon {\n        color: #8c8c8c;\n      }\n\n      .ant-menu-item {\n        &:hover {\n          .ant-pro-base-menu-vertical-item-icon .anticon {\n            color: #325cf7;\n          }\n        }\n      }\n\n      .ant-menu-item.ant-menu-item-selected,\n      .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n        background: #ffffff;\n        .ant-pro-base-menu-vertical-item-icon .anticon {\n          color: #325cf7;\n        }\n      }\n    }\n  }\n\n  /* 头部区header */\n  .ant-pro-layout-container .ant-pro-layout-header {\n    border-bottom: 0 !important;\n\n    .ant-pro-top-nav-header-main {\n      padding-left: 0;\n\n      .ant-pro-top-nav-header-menu {\n        padding: 0;\n        line-height: 48px;\n\n        .ant-menu-overflow-item-rest {\n          margin: 8px;\n\n          &:hover {\n            background: rgba(50, 92, 247, 0.1);\n          }\n        }\n\n        .ant-menu-item {\n          padding: 0 28px;\n          margin: 8px 0;\n\n          &:hover {\n            font-weight: 500;\n            background: rgba(50, 92, 247, 0.1);\n          }\n\n          &.ant-menu-item-selected {\n            font-weight: bold;\n\n            &:hover {\n              background: rgba(50, 92, 247, 0.1);\n            }\n\n            &::after {\n              content: '';\n              display: block;\n              width: 21px;\n              height: 4px;\n              border-radius: 4px;\n              background: #325cf7;\n              position: absolute;\n              bottom: 0;\n              left: calc((100% - 21px) / 2);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /* 内容区main */\n  .ant-pro-layout-container .ant-pro-layout-content {\n    width: calc(100% - 32px);\n    margin: 8px 16px 16px;\n    padding: 0;\n    height: calc(100vh - 88px);\n    overflow: auto;\n    border-radius: 12px;\n  }\n\n  .ant-layout-has-sider .ant-pro-layout-container .ant-pro-layout-content {\n    width: calc(100% - 16px);\n    margin-left: 0;\n    border-radius: 0 12px 12px 0;\n  }\n}";
+export default _default;

package/dist/esm/McThemeConfig/layoutStyle.js

@@ -0,0 +1 @@
+export default "\n/* =========== \u5E03\u5C40\u6837\u5F0F =========== */\n.ant-pro-layout {\n  /* \u4FA7\u8FB9\u83DC\u5355 */\n  .ant-pro-sider {\n    padding: 8px 0 16px 16px;\n    background: transparent !important;\n\n    .ant-layout-sider-children {\n      background: #f0f4f9;\n      border-radius: 12px 0 0 12px;\n      padding: 0;\n      border-right: 0;\n      margin-right: 0;\n      overflow: hidden;\n\n      .ant-pro-sider-menu {\n        .ant-pro-base-menu-inline-item-icon .anticon {\n          font-size: 18px;\n          color: #8c8c8c;\n        }\n\n        [class*='-selected'] .ant-pro-base-menu-inline-item-icon .anticon {\n          color: #325cf7;\n        }\n\n        a {\n          transition: color 0s;\n        }\n\n        & > .ant-menu-item {\n          color: #262626;\n          font-weight: 500;\n          margin: 0;\n          margin-bottom: 8px;\n          width: 100%;\n          border-radius: 4px 0 0 4px;\n\n          &:first-of-type {\n            margin-top: 0;\n          }\n\n          &:not(.ant-menu-item-selected):hover {\n            color: #325cf7;\n            background: transparent !important;\n\n            .ant-pro-base-menu-inline-item-icon .anticon {\n              color: #325cf7;\n            }\n          }\n\n          &.ant-menu-item-selected {\n            color: #325cf7;\n            background: #ffffff;\n          }\n        }\n\n        .ant-menu-submenu {\n          .ant-menu-submenu-title {\n            color: #262626;\n            font-weight: 500;\n            margin: 0;\n            margin-bottom: 8px;\n            width: 100%;\n            border-radius: 4px 0 0 4px;\n\n            &:hover {\n              color: #325cf7;\n              background: transparent;\n\n              .ant-pro-base-menu-inline-item-icon .anticon {\n                color: #325cf7;\n              }\n            }\n          }\n\n          &:first-of-type .ant-menu-submenu-title {\n            margin-top: 0;\n          }\n\n          &.ant-menu-submenu-selected {\n            .ant-menu-submenu-title {\n              color: #325cf7;\n            }\n          }\n\n          .ant-menu-sub {\n            padding: 0;\n\n            .ant-menu-item {\n              color: #595959;\n              margin: 0;\n              margin-bottom: 8px;\n              width: 100%;\n              border-radius: 4px 0 0 4px;\n              padding-left: 44px !important;\n\n              &:hover {\n                color: #325cf7;\n                background: transparent;\n\n                .ant-pro-base-menu-inline-item-icon .anticon {\n                  color: #325cf7;\n                }\n              }\n\n              &.ant-menu-item-selected {\n                color: #325cf7;\n                font-weight: 500;\n                background: #ffffff;\n              }\n            }\n          }\n        }\n      }\n\n      .ant-pro-sider-footer {\n        text-align: right;\n        padding: 0 12px 16px;\n\n        .menu-footer-collapse-btn {\n          width: 24px;\n          height: 24px;\n          border-radius: 6px;\n          padding: 0;\n          border: 0;\n\n          .ant-btn-icon .anticon {\n            font-size: 21px;\n            color: #b3b3b3;\n          }\n\n          &:not(:hover) {\n            background: #ffffff;\n          }\n        }\n      }\n    }\n\n    &.ant-layout-sider-collapsed .ant-layout-sider-children .ant-pro-sider-menu {\n      margin-top: -4px;\n\n      .ant-pro-base-menu-vertical-item-icon .anticon {\n        color: #8c8c8c;\n      }\n\n      .ant-menu-item {\n        &:hover {\n          .ant-pro-base-menu-vertical-item-icon .anticon {\n            color: #325cf7;\n          }\n        }\n      }\n\n      .ant-menu-item.ant-menu-item-selected,\n      .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n        background: #ffffff;\n        .ant-pro-base-menu-vertical-item-icon .anticon {\n          color: #325cf7;\n        }\n      }\n    }\n  }\n\n  /* \u5934\u90E8\u533Aheader */\n  .ant-pro-layout-container .ant-pro-layout-header {\n    border-bottom: 0 !important;\n\n    .ant-pro-top-nav-header-main {\n      padding-left: 0;\n\n      .ant-pro-top-nav-header-menu {\n        padding: 0;\n        line-height: 48px;\n\n        .ant-menu-overflow-item-rest {\n          margin: 8px;\n\n          &:hover {\n            background: rgba(50, 92, 247, 0.1);\n          }\n        }\n\n        .ant-menu-item {\n          padding: 0 28px;\n          margin: 8px 0;\n\n          &:hover {\n            font-weight: 500;\n            background: rgba(50, 92, 247, 0.1);\n          }\n\n          &.ant-menu-item-selected {\n            font-weight: bold;\n\n            &:hover {\n              background: rgba(50, 92, 247, 0.1);\n            }\n\n            &::after {\n              content: '';\n              display: block;\n              width: 21px;\n              height: 4px;\n              border-radius: 4px;\n              background: #325cf7;\n              position: absolute;\n              bottom: 0;\n              left: calc((100% - 21px) / 2);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /* \u5185\u5BB9\u533Amain */\n  .ant-pro-layout-container .ant-pro-layout-content {\n    width: calc(100% - 32px);\n    margin: 8px 16px 16px;\n    padding: 0;\n    height: calc(100vh - 88px);\n    overflow: auto;\n    border-radius: 12px;\n  }\n\n  .ant-layout-has-sider .ant-pro-layout-container .ant-pro-layout-content {\n    width: calc(100% - 16px);\n    margin-left: 0;\n    border-radius: 0 12px 12px 0;\n  }\n}";

package/dist/{McThemeConfig → esm/McThemeConfig}/provider.js

@@ -1,9 +1,9 @@
-import { ThemeProvider } from 'antd-style';
 import { McFonts } from "./..";
+import { ThemeProvider } from 'antd-style';
 import GlobalStyle from "./globalStyle";
 import McThemeConfig from "./index";
 import LayoutStyle from "./layoutStyle";
-import "../styles/utilities.css";
+import "../styles/utilities.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var McThemeProvider = function McThemeProvider(_ref) {

package/dist/{McTreePanel → esm/McTreePanel}/SelectedItem.js

@@ -1,10 +1,10 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { useSortable } from '@dnd-kit/sortable';
-import { Button, Typography } from 'antd';
-import { MenuOutlined } from 'much-icons';
+import { MenuOutlined } from '@zykj2024/much-icons';
 import { McIconFont } from "./..";
+import { Button, Typography } from 'antd';
 import { memo, useMemo } from 'react';
-import "./index.css";
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SelectedItem = function SelectedItem(_ref) {

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

@@ -7,7 +7,7 @@ import { SortableContext, arrayMove, verticalListSortingStrategy } from '@dnd-ki
 import { Button, Checkbox, Empty, Tree } from 'antd';
 import { useEffect, useMemo, useState } from 'react';
 import SelectedItem from "./SelectedItem";
-import "./index.css";
+import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var McTreePanel = function McTreePanel(props) {

package/dist/esm/McTreePanel/index.less

@@ -0,0 +1,106 @@
+.disabled(@background: rgba(228, 228, 228, 0.3)) {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9;
+  border-radius: 4px;
+  background: @background;
+  cursor: no-drop;
+}
+
+.mc-tree-panel {
+  width: 100%;
+  height: 382px;
+
+  &__wrapper {
+    height: calc(100% - 40px);
+    display: flex;
+    column-gap: 8px;
+  }
+
+  .card() {
+    border-radius: 4px;
+    border: 1px solid #ebebeb;
+    overflow: hidden;
+  }
+
+  &__card-header {
+    height: 40px;
+    background: #fafafa;
+    padding: 0 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  &__card-title {
+    color: rgba(0, 0, 0, 84.7%);
+    font-weight: 600;
+  }
+
+  &__card-body {
+    height: calc(100% - 40px);
+    overflow: auto;
+    padding: 8px;
+  }
+
+  &__options {
+    .card();
+
+    flex: 1;
+  }
+
+  &__selected {
+    .card();
+
+    width: 240px;
+    position: relative;
+
+    &-item {
+      width: 208px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      padding: 0 8px;
+      background: #f5f5f5;
+      border-radius: 4px;
+      overflow: hidden;
+
+      &:not(:first-child) {
+        margin-top: 8px;
+      }
+
+      &__drag {
+        flex-shrink: 0;
+        color: #8c8c8c;
+        padding: 5px 0 3px;
+
+        &:hover {
+          background: rgba(38, 38, 38, 15%) !important;
+          cursor: move;
+        }
+      }
+
+      &__remove {
+        flex-shrink: 0;
+        color: #8c8c8c;
+        margin-left: 8px;
+
+        &:hover {
+          cursor: pointer;
+          color: #262626;
+        }
+      }
+
+      &--disabled {
+        .disabled(@background: rgba(246, 246, 246, 0.66));
+      }
+    }
+
+    &--disabled {
+      .disabled();
+    }
+  }
+}

package/dist/{McTreeSelect → esm/McTreeSelect}/index.d.ts

@@ -6,6 +6,8 @@ export type McTreeSelectProps = TreeSelectProps & {
     className?: string;
     name?: string;
     label?: string;
+    /** label是否显示冒号，默认true显示 */
+    colon?: boolean;
     inexistent?: boolean;
     [key: string]: any;
 };