@zykj2024/much-library 1.0.10-beta.9 → 1.0.11

package/dist/McCascader/index.css

@@ -1,7 +1,33 @@
+.mc-cascader__label {
+  color: #262626;
+  font-size: 14px;
+  position: absolute;
+  top: 0;
+  left: 11px;
+  z-index: 2;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+.mc-cascader__label::after {
+  content: '：';
+  margin-left: 2px;
+}
+.mc-cascader__label.mc-cascader--disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: no-drop;
+}
 .mc-cascader__content {
   width: 100%;
   height: 100%;
 }
+.mc-cascader__content.ant-cascader.ant-select .ant-select-selector {
+  padding-left: var(--selector-pl);
+}
 .mc-cascader__content.ant-cascader.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item {
   color: #fff;
   background: #325cf7;
@@ -13,6 +39,12 @@
 .mc-cascader__content.ant-cascader.ant-select .ant-select-selector .ant-select-selection-item[title*='「'][title$='」'] {
   color: var(--inexistent-color);
 }
+.mc-cascader__content.ant-cascader.ant-select.ant-select-single .ant-select-selector .ant-select-selection-search {
+  left: var(--selector-pl);
+}
+.mc-cascader__content.ant-cascader.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
+  left: var(--selector-pl);
+}
 .mc-cascader__content.ant-cascader.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search {
   margin-left: 0;
 }

package/dist/McCascader/index.d.ts

@@ -13,7 +13,6 @@ export type McCascaderProps = CascaderProps & {
     label?: ReactNode;
     inexistent?: boolean | Inexistent;
     city?: boolean;
-    prefix?: string;
     [key: string]: any;
 };
 declare const McCascader: FC<McCascaderProps>;

package/dist/McCascader/index.js

@@ -2,8 +2,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "className", "label", "inexistent", "city", "value", "onChange", "options", "multiple", "disabled", "fieldNames", "maxTagCount", "prefix"];
-import { Cascader, Popover } from 'antd';
+var _excluded = ["style", "className", "label", "inexistent", "city", "value", "onChange", "options", "multiple", "disabled", "fieldNames", "maxTagCount"];
+import { Cascader, Divider, Popover } from 'antd';
 import { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
 import { cityData } from "./city";
 import "./index.css";
@@ -24,7 +24,6 @@ var McCascader = /*#__PURE__*/forwardRef(function (props, ref) {
     disabled = props.disabled,
     fieldNames = props.fieldNames,
     maxTagCount = props.maxTagCount,
-    prefix = props.prefix,
     rest = _objectWithoutProperties(props, _excluded);
   var _ref = typeof inexistent === 'boolean' ? {} : inexistent,
     _ref$inexistentText = _ref.inexistentText,
@@ -49,11 +48,27 @@ var McCascader = /*#__PURE__*/forwardRef(function (props, ref) {
     } : fieldNames;
   }, [city, fieldNames]);
 
-  /* 判断value值是否存在于options中 */
-  var _useState = useState(),
+  /* 获取label宽度 */
+  var labelRef = useRef();
+  var _useState = useState(11),
     _useState2 = _slicedToArray(_useState, 2),
-    cascaderValue = _useState2[0],
-    setCascaderValue = _useState2[1];
+    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();
+    };
+  }, []);
+
+  /* 判断value值是否存在于options中 */
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    cascaderValue = _useState4[0],
+    setCascaderValue = _useState4[1];
   var _inexistent = useRef(false);
   // 获取所有备选项的值列表
   var _values = useMemo(function () {
@@ -130,32 +145,38 @@ var McCascader = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     onChange === null || onChange === void 0 || onChange(_v, _selectedOptions);
   };
-  // 原有多余代码，不知缘由，暂时不删
-  // // 扩展全选功能 (继承原有插槽)
-  // const dropdownRender = (menus: React.ReactNode,dropdownRender:React.ReactNode) => (
-  //   <div>
-  //     {menus}
-  //     {dropdownRender}
-  //     <Divider style={{ margin: 0 }} />
-  //     <div
-  //       style={{ padding: 8 }}
-  //       onClick={() => {
-  //         // console.log(ref)
-  //       }}>
-  //       全选
-  //     </div>
-  //   </div>
-  // )
-
-  return /*#__PURE__*/_jsx("div", {
+  // 扩展全选功能 (继承原有插槽)
+  var dropdownRender = function dropdownRender(menus, _dropdownRender) {
+    return /*#__PURE__*/_jsxs("div", {
+      children: [menus, _dropdownRender, /*#__PURE__*/_jsx(Divider, {
+        style: {
+          margin: 0
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        style: {
+          padding: 8
+        },
+        onClick: function onClick() {
+          // console.log(ref)
+        },
+        children: "\u5168\u9009"
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsxs("div", {
     style: _objectSpread({
+      position: label ? 'relative' : 'static',
       height: multiple ? 'auto' : 32,
+      '--selector-pl': "".concat(paddingLeft, "px"),
       '--inexistent-color': inexistentColor
     }, style),
     className: "mc-cascader ".concat(multiple && _maxTagCount === 1 ? 'mc-cascader--inline' : '', " ").concat(className || ''),
-    children: /*#__PURE__*/_jsx(Cascader, _objectSpread({
+    children: [label && /*#__PURE__*/_jsx("span", {
+      ref: labelRef,
+      className: "mc-cascader__label ".concat(disabled ? 'mc-cascader--disabled' : ''),
+      children: label
+    }), /*#__PURE__*/_jsx(Cascader, _objectSpread({
       ref: ref,
-      prefix: label ? "".concat(label, "\uFF1A") : prefix ? prefix : undefined,
       className: "mc-cascader__content",
       value: cascaderValue,
       onChange: change,
@@ -194,7 +215,7 @@ var McCascader = /*#__PURE__*/forwardRef(function (props, ref) {
           })
         });
       }
-    }, rest))
+    }, rest))]
   });
 });
 export default McCascader;

package/dist/McContainer/index.css

@@ -2,18 +2,17 @@
   position: relative;
 }
 .mc-container__ceiling {
-  width: calc(100% - 40px);
+  width: calc(100% - 48px);
   height: 24px;
   position: absolute;
   top: 0;
-  left: 16px;
+  left: 24px;
   z-index: 9;
 }
 .mc-container__wrapper {
   height: 100%;
-  padding: 24px 24px 50px 16px;
-  overflow-y: auto;
-  border-top-right-radius: 12px;
+  padding: 24px 24px 64px;
+  overflow: auto;
 }
 .mc-container__query {
   display: -webkit-box;
@@ -28,7 +27,7 @@
 .mc-container__query .mc-select,
 .mc-container__query .mc-cascader,
 .mc-container__query .mc-input-number {
-  width: 270px;
+  width: 280px;
 }
 .mc-container__query .mc-date-range {
   width: 330px;
@@ -114,11 +113,11 @@
   transition: all 0.3s;
 }
 .mc-container__pagination {
-  padding: 8px 0 16px;
+  padding: 16px 0 24px;
   margin: 0 !important;
-  width: calc(100% - 40px);
+  width: calc(100% - 48px);
   position: absolute;
-  left: 16px;
+  left: 24px;
   bottom: 0;
   z-index: 9;
 }

package/dist/McContainer/index.d.ts

@@ -1,15 +1,11 @@
 import { TableProps } from 'antd';
 import { CSSProperties, FC, ReactElement, ReactNode } from 'react';
 import './index.less';
-export type McContainerPropsType = {
+export type PropsType = {
     style?: CSSProperties;
     className?: string;
     height?: string;
     backgroundColor?: string;
-    /**
-     * 是否展示头部遮罩，默认显示
-     */
-    showCell?: boolean;
     immediateQuery?: boolean;
     loading?: boolean;
     queryItems?: ReactElement;
@@ -34,8 +30,6 @@ export type McContainerPropsType = {
     onCancel?: () => void;
     tableProps?: TableProps<any>;
     tableRender?: ReactNode;
-    /** 折叠事件的回调 */
-    onCollapse?: (v: boolean) => void;
     [key: string]: any;
 };
 export type McContainerRef = {
@@ -51,5 +45,5 @@ export type McContainerRef = {
     getQueryParams: () => any;
     resetQueryParams: () => void;
 };
-declare const McContainer: FC<McContainerPropsType>;
+declare const McContainer: FC<PropsType>;
 export default McContainer;

package/dist/McContainer/index.js

@@ -15,8 +15,6 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     height = _props$height === void 0 ? 'calc(100vh - 88px)' : _props$height,
     _props$backgroundColo = props.backgroundColor,
     backgroundColor = _props$backgroundColo === void 0 ? '#ffffff' : _props$backgroundColo,
-    _props$showCell = props.showCell,
-    showCell = _props$showCell === void 0 ? true : _props$showCell,
     _props$immediateQuery = props.immediateQuery,
     immediateQuery = _props$immediateQuery === void 0 ? true : _props$immediateQuery,
     _props$loading = props.loading,
@@ -38,8 +36,7 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
     batchBtns = props.batchBtns,
     onCancel = props.onCancel,
     tableProps = props.tableProps,
-    tableRender = props.tableRender,
-    onCollapse = props.onCollapse;
+    tableRender = props.tableRender;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     collapse = _useState2[0],
@@ -70,9 +67,6 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
       return actionBarResizeObserver.disconnect();
     };
   }, []);
-  useEffect(function () {
-    onCollapse === null || onCollapse === void 0 || onCollapse(collapse);
-  }, [collapse]);
 
   // 为设置过name属性的查询项添加value属性和onChange事件，从而收集查询项的值（查询项自身已绑定value属性的除外，需自行编写相关业务逻辑代码进行状态管理）
   var mapQuerys = function mapQuerys(items) {
@@ -271,7 +265,7 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
         height: height,
         backgroundColor: backgroundColor
       }, style),
-      children: [showCell && /*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
         className: "mc-container__ceiling",
         style: {
           backgroundColor: backgroundColor
@@ -279,7 +273,7 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
       }), /*#__PURE__*/_jsxs("div", {
         className: "mc-container__wrapper",
         style: {
-          paddingBottom: tableRender || tableRender === null || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false ? 16 : 50
+          paddingBottom: tableRender || tableRender === null || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.pagination) === false ? 24 : 64
         },
         children: [queryRender || queryRender === null ? queryRender : /*#__PURE__*/_jsxs("div", {
           className: "mc-container__query",
@@ -306,8 +300,7 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
               style: {
                 marginLeft: 16,
                 fontSize: 12,
-                padding: 0,
-                gap: 4
+                padding: 0
               },
               onClick: function onClick() {
                 return setCollapse(function (os) {
@@ -316,7 +309,8 @@ var McContainer = /*#__PURE__*/forwardRef(function (props, ref) {
               },
               children: [collapse ? '展开' : '收起', /*#__PURE__*/_jsx(DoubleLeftOutlined, {
                 style: {
-                  fontSize: 12
+                  fontSize: 12,
+                  marginLeft: 2
                 },
                 rotate: collapse ? -90 : 90
               })]

package/dist/McDateRange/index.d.ts

@@ -10,7 +10,7 @@ declare const shortcutValueMap: {
     last60days: string[];
     last90days: string[];
 };
-export declare const SHORTCUT_VALUE_MAP: typeof shortcutValueMap & {
+export declare const SHORTCUTprivateValue_MAP: typeof shortcutValueMap & {
     [key: string]: any;
 };
 export type McDateRangeProps = Omit<RangePickerProps, 'value' | 'onChange'> & {

package/dist/McDateRange/index.js

@@ -18,7 +18,7 @@ var shortcutValueMap = {
   last60days: [dayjs().add(-59, 'd').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')],
   last90days: [dayjs().add(-89, 'd').format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')]
 };
-export var SHORTCUT_VALUE_MAP = shortcutValueMap;
+export var SHORTCUTprivateValue_MAP = shortcutValueMap;
 var McDateRange = /*#__PURE__*/forwardRef(function (props, ref) {
   var style = props.style,
     className = props.className,

package/dist/McInput/index.css

@@ -42,28 +42,3 @@
   color: #b3b3b3;
   font-size: 12px;
 }
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-child(1)::after,
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-last-child(1)::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  /* 居中对齐 */
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  /* 垂直居中 */
-  height: 50%;
-  /* 竖线高度为输入框高度的 50% */
-  width: 1px;
-  /* 竖线宽度 */
-  background-color: #d8d8d8;
-  /* 竖线颜色 */
-}
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-child(1)::after {
-  right: 0;
-  /* 定位到右侧 */
-}
-.mc-input .ant-input-wrapper .ant-input-group-addon:nth-last-child(1)::before {
-  left: 0;
-  /* 定位到右侧 */
-}

package/dist/McSelect/demo/fetchOptions.js

@@ -130,7 +130,6 @@ export default (function () {
           return _ref3.apply(this, arguments);
         };
       }()),
-      searchInPanel: true,
       multiple: true,
       onChange: setMultipleValue
     }), /*#__PURE__*/_jsx(McSelect, {

package/dist/McSelect/index.css

@@ -1,7 +1,33 @@
+.mc-select__label {
+  color: #262626;
+  font-size: 14px;
+  position: absolute;
+  top: 0;
+  left: 11px;
+  z-index: 2;
+  height: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+}
+.mc-select__label::after {
+  content: '：';
+  margin-left: 2px;
+}
+.mc-select__label.mc-select--disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: no-drop;
+}
 .mc-select__content {
   width: 100%;
   height: 100%;
 }
+.mc-select__content.ant-select .ant-select-selector {
+  padding-left: var(--selector-pl);
+}
 .mc-select__content.ant-select .ant-select-selector .ant-select-selection-overflow-item-rest .ant-select-selection-item {
   color: #fff;
   background: #325cf7;
@@ -13,6 +39,12 @@
 .mc-select__content.ant-select .ant-select-selector .ant-select-selection-item[title*='「'][title$='」'] {
   color: var(--inexistent-color);
 }
+.mc-select__content.ant-select.ant-select-single .ant-select-selector .ant-select-selection-search {
+  left: var(--selector-pl);
+}
+.mc-select__content.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-placeholder {
+  left: var(--selector-pl);
+}
 .mc-select__content.ant-select.ant-select-multiple .ant-select-selector .ant-select-selection-search {
   margin-left: 0;
 }

package/dist/McSelect/index.d.ts

@@ -25,7 +25,6 @@ export type FetchOptions = (params: {
 export type McSelectProps = Omit<SelectProps, 'mode' | 'fieldNames'> & {
     style?: CSSProperties;
     className?: string;
-    /** 外部控制展示的options */
     toFilterOptions?: (options: Option[]) => Option[];
     name?: string;
     label?: ReactNode;
@@ -36,14 +35,6 @@ export type McSelectProps = Omit<SelectProps, 'mode' | 'fieldNames'> & {
     pageSize?: number;
     extra?: any;
     options?: Option[];
-    /** 仅多选生效。默认为false，在下拉框中展示搜索框，会影响回车生成新标签等功能 */
-    searchInPanel?: boolean;
-    /** 搜索框提示文字 */
-    searchInPanelPlaceholder?: string;
-    /** 仅多选+("非远程"或"远程+labelvalue"")生效。默认为false，将选中项置顶。 */
-    pinSelectedOptions?: boolean;
-    /** antd 5.22.0新加的属性 */
-    prefix?: string;
 };
 declare const McSelect: FC<McSelectProps>;
 export default McSelect;

package/dist/McSelect/index.js

@@ -3,45 +3,13 @@ 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", "prefix"];
+var _excluded = ["style", "className", "label", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange", "toFilterOptions"];
 import { Empty, Popover, Select, Spin } from 'antd';
 import { debounce } from "../Utils";
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import PanelSearchInput from "./components/PanelSearchInput";
 import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-// 将已选的option置顶
-var createPinedSelectedOptions = function createPinedSelectedOptions(options, selectedValues) {
-  if (!options || options.length === 0) return [];
-  if (!selectedValues || selectedValues.length === 0) return options;
-  var isLabelInValue = _typeof(selectedValues[0]) === 'object';
-  if (isLabelInValue) {
-    var unselectedOptions = options.filter(function (o) {
-      return !selectedValues.some(function (v) {
-        return v.value === o.value;
-      });
-    });
-    return [].concat(_toConsumableArray(selectedValues), _toConsumableArray(unselectedOptions));
-  } else {
-    var _options$filter;
-    // options中找不到的就不展示
-    var selectedOptions = selectedValues.map(function (v) {
-      return options.find(function (o) {
-        return o.value === v;
-      });
-    }).filter(function (o) {
-      return Boolean(o);
-    });
-    var _unselectedOptions = (_options$filter = options.filter(function (x) {
-      return !selectedValues.includes(x.value);
-    })) !== null && _options$filter !== void 0 ? _options$filter : [];
-    return [].concat(_toConsumableArray(selectedOptions), _toConsumableArray(_unselectedOptions));
-  }
-};
 var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var style = props.style,
     className = props.className,
@@ -65,12 +33,6 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     onBlur = props.onBlur,
     onDropdownVisibleChange = props.onDropdownVisibleChange,
     toFilterOptions = props.toFilterOptions,
-    _props$searchInPanel = props.searchInPanel,
-    searchInPanel = _props$searchInPanel === void 0 ? false : _props$searchInPanel,
-    _props$pinSelectedOpt = props.pinSelectedOptions,
-    pinSelectedOptions = _props$pinSelectedOpt === void 0 ? false : _props$pinSelectedOpt,
-    searchInPanelPlaceholder = props.searchInPanelPlaceholder,
-    prefix = props.prefix,
     rest = _objectWithoutProperties(props, _excluded);
   var _ref = typeof inexistent === 'boolean' ? {} : inexistent,
     _ref$inexistentText = _ref.inexistentText,
@@ -83,25 +45,41 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     return props.hasOwnProperty('maxTagCount') ? maxTagCount : 1;
   }, [maxTagCount]);
 
-  /* 基础数据 */
-  var _useState = useState(),
+  /* 获取label宽度 */
+  var labelRef = useRef();
+  var _useState = useState(11),
     _useState2 = _slicedToArray(_useState, 2),
-    selectValue = _useState2[0],
-    setSelectValue = _useState2[1];
-  var _selectValue = useRef();
-  var _useState3 = useState([]),
+    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),
-    selectOptions = _useState4[0],
-    setSelectOptions = _useState4[1];
-  var _selectOptions = useRef([]);
-  var _useState5 = useState(''),
+    selectValue = _useState4[0],
+    setSelectValue = _useState4[1];
+  var _selectValue = useRef();
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    searchValue = _useState6[0],
-    setSearchValue = _useState6[1];
-  var _useState7 = useState(false),
+    selectOptions = _useState6[0],
+    setSelectOptions = _useState6[1];
+  var _selectOptions = useRef([]);
+  var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    fetching = _useState8[0],
-    setFetching = _useState8[1];
+    searchValue = _useState8[0],
+    setSearchValue = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    fetching = _useState10[0],
+    setFetching = _useState10[1];
   var _extra = useRef(null);
   var _current = useRef(1);
   var _maxPage = useRef(1);
@@ -110,19 +88,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var _oldValue = useRef();
   var _changeOption = useRef();
   var _inexistent = useRef(false);
-  var panelSearchInputRef = useRef(null);
-  var useDefaultSearch = !(multiple && searchInPanel);
-  var optionWithPriority = useMemo(function () {
-    if (pinSelectedOptions && multiple) {
-      if (fetchOptions && !labelInValue) {
-        console.warn('远程搜索下，pinSelectedOptions只支持labelInValue模式,建议修改');
-      } else {
-        return createPinedSelectedOptions(selectOptions, selectValue);
-      }
-    }
-    return selectOptions;
-  }, [selectOptions, selectValue]);
-  var filteredOptions = toFilterOptions ? toFilterOptions(optionWithPriority) : optionWithPriority; // 只要有render就需要重新生成options
+  var filteredOptions = toFilterOptions ? toFilterOptions(selectOptions) : selectOptions; // 只要有render就需要重新生成options
 
   // 监听值和备选项的变化（赋值备选项，执行不存在值的判断逻辑）
   useEffect(function () {
@@ -250,7 +216,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 文本框值变化时回调
   var search = function search(v) {
-    var _v = (v === null || v === void 0 ? void 0 : v.trim()) || '';
+    var _v = v.trim();
     setSearchValue(_v);
     if (fetchOptions) {
       debounceSearcher(_v, 1);
@@ -290,16 +256,13 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     onPopupScroll === null || onPopupScroll === void 0 || onPopupScroll(e);
   };
-  var clearSearchData = function clearSearchData() {
-    setSearchValue('');
-    loadOptions('', 1);
-  };
 
   // 失去焦点时的回调（若为异步分页查询，需重置查询）
   var blur = function blur(e) {
     // 若当前文本框有值，则清空文本框并重置查询
-    if (useDefaultSearch && searchValue) {
-      clearSearchData();
+    if (searchValue) {
+      setSearchValue('');
+      loadOptions('', 1);
     }
     onBlur === null || onBlur === void 0 || onBlur(e);
   };
@@ -316,57 +279,30 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       }
     }
-    // 新版搜索交互逻辑
-    if (!useDefaultSearch) {
-      if (open) {
-        var _panelSearchInputRef$;
-        (_panelSearchInputRef$ = panelSearchInputRef.current) === null || _panelSearchInputRef$ === void 0 || _panelSearchInputRef$.focus();
-      } else if (searchValue) {
-        // 避免界面抖动
-        setTimeout(clearSearchData, 200);
-      }
-    }
     onDropdownVisibleChange === null || onDropdownVisibleChange === void 0 || onDropdownVisibleChange(open);
   };
-  var renderDropdownPanel = function renderDropdownPanel(menu) {
-    if (!multiple || !searchInPanel) {
-      return menu;
-    }
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(PanelSearchInput, {
-        ref: panelSearchInputRef,
-        placeholder: searchInPanelPlaceholder,
-        searchValue: searchValue,
-        onSearch: search
-      }), menu, filteredOptions.length > 0 && fetching && /*#__PURE__*/_jsx("div", {
-        style: {
-          color: '#999',
-          fontSize: 12,
-          textAlign: 'center'
-        },
-        children: "\u52A0\u8F7D\u4E2D..."
-      })]
-    });
-  };
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/_jsxs("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: /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
+    children: [label && /*#__PURE__*/_jsx("span", {
+      ref: labelRef,
+      className: "mc-select__label ".concat(disabled ? 'mc-select--disabled' : ''),
+      children: label
+    }), /*#__PURE__*/_jsx(Select, _objectSpread(_objectSpread({
       ref: ref,
       className: "mc-select__content",
       value: selectValue,
-      prefix: label ? "".concat(label, "\uFF1A") : prefix ? prefix : undefined,
       onChange: change,
       labelInValue: labelInValue,
       options: filteredOptions,
       disabled: disabled,
       placeholder: "\u8BF7\u9009\u62E9",
-      showSearch: useDefaultSearch // 否则会和panel中的search冲突
-      ,
+      showSearch: true,
       optionFilterProp: "label",
       allowClear: true,
       maxTagCount: _maxTagCount,
@@ -396,8 +332,8 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         });
       },
       filterOption: fetchOptions ? false : true,
-      searchValue: useDefaultSearch ? searchValue : undefined,
-      onSearch: useDefaultSearch ? search : undefined,
+      searchValue: searchValue,
+      onSearch: search,
       loading: fetching,
       notFoundContent: fetching ? /*#__PURE__*/_jsx(Spin, {
         size: "small"
@@ -406,12 +342,11 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       }),
       onPopupScroll: popupScroll,
       onBlur: blur,
-      onDropdownVisibleChange: dropdownVisibleChange,
-      dropdownRender: renderDropdownPanel
+      onDropdownVisibleChange: dropdownVisibleChange
     }, rest), {}, {
       mode: multiple ? 'multiple' : undefined,
       fieldNames: undefined
-    }))
+    }))]
   });
 });
 export default McSelect;

package/dist/McThemeConfig/customToken.json

@@ -33,7 +33,7 @@
     "Radio": {
       "buttonLineBg": "rgb(216, 216, 216)",
       "buttonLineHeight": 16,
-      "buttonCheckedBorderColorDisabled": "rgb(216, 216, 216)"
+      "buttonCheckedBorderColorDisabled": "#B3B3B3"
     }
   }
 }

package/dist/McThemeConfig/globalStyle.js

@@ -2,7 +2,7 @@ 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}\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\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"])), 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}\n\nbody * {\n  font-family: 'SourceHanSansCN';\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\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    &::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\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-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"])), function (props) {
   return props.layout;
 }, function (props) {
   return props.font.Regular;
@@ -154,14 +154,6 @@ var globalStyle = createGlobalStyle(_templateObject || (_templateObject = _tagge
   return props.theme.CustomToken.Pagination.itemActiveHoverBorderColor;
 }, function (props) {
   return props.theme.CustomToken.Pagination.itemActiveColor;
-}, function (props) {
-  return props.theme.Input.colorBgContainer;
-}, function (props) {
-  return props.theme.Input.colorBorder;
-}, function (props) {
-  return props.theme.Input.hoverBorderColor;
-}, function (props) {
-  return props.theme.Input.hoverBorderColor;
 }, function (props) {
   return props.theme.Radio.buttonBg;
 }, function (props) {

package/dist/McThemeConfig/layoutStyle.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "\n/* =========== 布局样式 =========== */\n.ant-pro-layout {\n\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  \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: 4px 0;\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: 4px 0;\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: 4px 0;\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: 14px;\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-menu-item.ant-menu-item-selected,\n        .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n          background: #ffffff;\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            \n          .ant-menu-item {\n            padding: 0 28px;\n            margin: 8px;\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  }";
+declare const _default: "\n/* =========== 布局样式 =========== */\n.ant-pro-layout {\n\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  \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: 4px 0;\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: 4px 0;\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: 4px 0;\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: 14px;\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-menu-item.ant-menu-item-selected,\n        .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n          background: #ffffff;\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-item {\n            padding: 0 28px;\n            margin: 8px;\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/McThemeConfig/layoutStyle.js

@@ -1 +1 @@
-export default "\n/* =========== \u5E03\u5C40\u6837\u5F0F =========== */\n.ant-pro-layout {\n\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  \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: 4px 0;\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: 4px 0;\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: 4px 0;\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: 14px;\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-menu-item.ant-menu-item-selected,\n        .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n          background: #ffffff;\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            \n          .ant-menu-item {\n            padding: 0 28px;\n            margin: 8px;\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  }";
+export default "\n/* =========== \u5E03\u5C40\u6837\u5F0F =========== */\n.ant-pro-layout {\n\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  \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: 4px 0;\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: 4px 0;\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: 4px 0;\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: 14px;\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-menu-item.ant-menu-item-selected,\n        .ant-menu-submenu.ant-menu-submenu-selected .ant-menu-submenu-title {\n          background: #ffffff;\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-item {\n            padding: 0 28px;\n            margin: 8px;\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/themeToken.json

@@ -8,8 +8,7 @@
     "colorText": "#262626",
     "colorTextSecondary": "#595959",
     "colorTextTertiary": "#8c8c8c",
-    "colorTextQuaternary": "#b3b3b3",
-    "controlHeightSM": 26
+    "colorTextQuaternary": "#b3b3b3"
   },
   "components": {
     "Button": {
@@ -92,8 +91,8 @@
       "buttonColor": "rgb(38, 38, 38)",
       "buttonCheckedBg": "rgba(255, 255, 255, 0.1)",
       "buttonCheckedBgDisabled": "rgba(255, 255, 255, 0.1)",
-      "buttonCheckedColorDisabled": "rgb(179, 179, 179)",
-      "colorBgContainerDisabled": "rgb(245, 245, 245)"
+      "buttonCheckedBorderColorDisabled": "#B3B3B3",
+      "colorBgContainerDisabled": "#F0F2F5"
     },
     "Select": {
       "selectorBg": "rgb(240, 242, 245)",
@@ -122,7 +121,7 @@
     "Cascader": {
       "colorBgContainerDisabled": "rgba(240, 242, 245, 0.5)",
       "colorSplit": "rgba(5, 5, 5, 0)",
-      "colorBorder": "rgba(217, 217, 217)"
+      "colorBorder": "rgba(217, 217, 217, 0)"
     },
     "Switch": {
       "handleShadow": "-1px 0px 2px 0px rgba(0, 0, 0, 0.1)",
@@ -140,7 +139,7 @@
       "cardBg": "#F0F4F9",
       "cardGutter": 0,
       "cardHeight": 44,
-      "cardPadding": "12px 32px"
+      "cardPadding": "11px 32px"
     },
     "Pagination": {
       "itemActiveBg": "#325CF7",

package/dist/index.d.ts

@@ -1,6 +1,10 @@
+import McCascader from './McCascader';
+import McContainer from './McContainer';
+import McDateRange from './McDateRange';
 import McFonts from './McFonts';
 import McGroupPanel from './McGroupPanel';
 import McIconFont from './McIconFont';
+import McInput from './McInput';
 import McInputNumber from './McInputNumber';
 import McModalProvider from './McModalProvider';
 import McPeriodSelect from './McPeriodSelect';
@@ -8,20 +12,11 @@ import McPopoverButton from './McPopoverButton';
 import McPopoverForm from './McPopoverForm';
 import McProSelect from './McProSelect';
 import McResult from './McResult';
+import McSelect from './McSelect';
 import McTag from './McTag';
 import McLazyLoader from './McLazyLoader';
 import McThemeConfig from './McThemeConfig';
 import McTreePanel from './McTreePanel';
 import McTreeSelect from './McTreeSelect';
-export * from './McCascader';
-export { default as McCascader } from './McCascader';
-export * from './McContainer';
-export { default as McContainer } from './McContainer';
-export * from './McDateRange';
-export { default as McDateRange } from './McDateRange';
-export * from './McInput';
-export { default as McInput } from './McInput';
-export * from './McSelect';
-export { default as McSelect } from './McSelect';
 import * as Utils from './Utils';
-export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils, };
+export { McCascader, McContainer, McDateRange, McFonts, McGroupPanel, McIconFont, McInput, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McSelect, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils, };

package/dist/index.js

@@ -1,6 +1,10 @@
+import McCascader from "./McCascader";
+import McContainer from "./McContainer";
+import McDateRange from "./McDateRange";
 import McFonts from "./McFonts";
 import McGroupPanel from "./McGroupPanel";
 import McIconFont from "./McIconFont";
+import McInput from "./McInput";
 import McInputNumber from "./McInputNumber";
 import McModalProvider from "./McModalProvider";
 import McPeriodSelect from "./McPeriodSelect";
@@ -8,20 +12,11 @@ import McPopoverButton from "./McPopoverButton";
 import McPopoverForm from "./McPopoverForm";
 import McProSelect from "./McProSelect";
 import McResult from "./McResult";
+import McSelect from "./McSelect";
 import McTag from "./McTag";
 import McLazyLoader from "./McLazyLoader";
 import McThemeConfig from "./McThemeConfig";
 import McTreePanel from "./McTreePanel";
 import McTreeSelect from "./McTreeSelect";
-export * from "./McCascader";
-export { default as McCascader } from "./McCascader";
-export * from "./McContainer";
-export { default as McContainer } from "./McContainer";
-export * from "./McDateRange";
-export { default as McDateRange } from "./McDateRange";
-export * from "./McInput";
-export { default as McInput } from "./McInput";
-export * from "./McSelect";
-export { default as McSelect } from "./McSelect";
 import * as Utils from "./Utils";
-export { McFonts, McGroupPanel, McIconFont, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils };
+export { McCascader, McContainer, McDateRange, McFonts, McGroupPanel, McIconFont, McInput, McInputNumber, McLazyLoader, McModalProvider, McPeriodSelect, McPopoverButton, McPopoverForm, McProSelect, McResult, McSelect, McTag, McThemeConfig, McTreePanel, McTreeSelect, Utils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.0.10-beta.9",
+  "version": "1.0.11",
   "description": "react library",
   "license": "MIT",
   "module": "dist/index.js",
@@ -47,7 +47,7 @@
     "@babel/runtime": "^7.25.6",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/sortable": "^8.0.0",
-    "antd": ">=5.16.2 <=5.21.5",
+    "antd": "^5.16.2",
     "antd-style": "^3.6.2",
     "dayjs": "^1.11.12",
     "lodash": "^4.17.21",

package/dist/McSelect/components/PanelSearchInput/index.css

@@ -1,6 +0,0 @@
-.mc-search-input__container {
-  margin: 8px;
-}
-.mc-search-input {
-  width: '100%';
-}

package/dist/McSelect/components/PanelSearchInput/index.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-interface PanelSearchInputProps {
-    placeholder: string | undefined;
-    searchValue: string | undefined;
-    onSearch: (e: string | undefined) => void;
-}
-export interface PanelSearchInputRef {
-    focus: () => void;
-}
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<PanelSearchInputProps & import("react").RefAttributes<PanelSearchInputRef>>>;
-export default _default;

package/dist/McSelect/components/PanelSearchInput/index.js

@@ -1,45 +0,0 @@
-import { SearchOutlined } from 'much-icons';
-import { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';
-import McInput from "../../../McInput";
-import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-var PanelSearchInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var placeholder = _ref.placeholder,
-    onSearch = _ref.onSearch,
-    searchValue = _ref.searchValue;
-  var inputRef = useRef(null);
-  var focus = function focus() {
-    if (inputRef.current) {
-      setTimeout(function () {
-        var _inputRef$current;
-        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus({
-          cursor: 'all'
-        });
-      }, 200);
-    }
-  };
-  useEffect(focus, []);
-  useImperativeHandle(ref, function () {
-    return {
-      focus: focus
-    };
-  });
-  return /*#__PURE__*/_jsx("div", {
-    className: "mc-search-input__container",
-    children: /*#__PURE__*/_jsx(McInput, {
-      ref: inputRef,
-      className: "mc-search-input",
-      placeholder: placeholder || '请输入搜索内容',
-      value: searchValue,
-      onKeyDown: function onKeyDown(e) {
-        // 避免触发原select的keydown，比如删除选项等不符预期的操作
-        if (['Backspace', 'Delete', 'Enter'].includes(e.key)) {
-          e.stopPropagation();
-        }
-      },
-      onChange: onSearch,
-      suffix: /*#__PURE__*/_jsx(SearchOutlined, {})
-    })
-  });
-});
-export default /*#__PURE__*/memo(PanelSearchInput);