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

package/dist/esm/McThemeConfig/globalStyle.js

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ThemeConfig } from 'antd/es/config-provider/context';
+import { IMcThemeProviderProps } from './provider';
+type McThemeConfigType = ThemeConfig & {
+    ThemeToken: ThemeConfig;
+    Provider: ({ children }: IMcThemeProviderProps) => JSX.Element;
+};
+declare const McThemeConfig: McThemeConfigType;
+export default McThemeConfig;

package/dist/esm/McThemeConfig/index.js

@@ -0,0 +1,16 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { default as CustomToken } from "./customToken.json";
+import Provider from "./provider";
+import { default as ThemeToken } from "./themeToken.json";
+var token = ThemeToken.token,
+  components = ThemeToken.components;
+var AllToken = {
+  token: token,
+  components: _objectSpread(_objectSpread({}, components), CustomToken)
+};
+var McThemeConfig = _objectSpread(_objectSpread({}, AllToken), {}, {
+  // 兼容 1.0.1 默认导出 theme.json
+  ThemeToken: AllToken,
+  Provider: Provider
+});
+export default McThemeConfig;

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/esm/McThemeConfig/provider.d.ts

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import '../styles/utilities.less';
+export interface IMcThemeProviderProps {
+    children: ReactElement;
+    layout?: boolean;
+}
+declare const McThemeProvider: ({ children, layout }: IMcThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default McThemeProvider;

package/dist/esm/McThemeConfig/provider.js

@@ -0,0 +1,20 @@
+import { ThemeProvider } from 'antd-style';
+import { McFonts } from "./..";
+import GlobalStyle from "./globalStyle";
+import McThemeConfig from "./index";
+import LayoutStyle from "./layoutStyle";
+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) {
+  var children = _ref.children,
+    layout = _ref.layout;
+  return /*#__PURE__*/_jsxs(ThemeProvider, {
+    theme: McThemeConfig.ThemeToken,
+    children: [/*#__PURE__*/_jsx(GlobalStyle, {
+      font: McFonts,
+      layout: layout ? LayoutStyle : ''
+    }), children]
+  });
+};
+export default McThemeProvider;

package/dist/esm/McThemeConfig/themeToken.json

@@ -0,0 +1,152 @@
+{
+  "token": {
+    "colorPrimary": "#325cf7",
+    "colorInfo": "#325cf7",
+    "colorSuccess": "#3aaf00",
+    "colorTextBase": "#262626",
+    "borderRadius": 4,
+    "colorText": "#262626",
+    "colorTextSecondary": "#595959",
+    "colorTextTertiary": "#8c8c8c",
+    "colorTextQuaternary": "#8c8c8c",
+    "controlHeightSM": 26,
+    "fontFamily": "'SourceHanSansCN', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'"
+  },
+  "components": {
+    "Button": {
+      "defaultActiveBg": "rgb(228, 230, 232)",
+      "defaultActiveBorderColor": "rgb(228, 230, 232)",
+      "defaultActiveColor": "rgb(50, 92, 247)",
+      "defaultHoverBg": "rgb(240, 242, 245)",
+      "defaultColor": "rgb(38, 38, 38)",
+      "defaultBg": "rgb(240, 242, 245)",
+      "defaultBorderColor": "rgb(240, 242, 245)",
+      "defaultHoverBorderColor": "rgb(240, 242, 245)",
+      "defaultHoverColor": "rgb(50, 92, 247)",
+      "groupBorderColor": "rgb(50, 92, 247)",
+      "textHoverBg": "rgb(245, 245, 245)",
+      "colorTextDisabled": "rgb(183, 179, 179)",
+      "contentFontSizeSM": 12,
+      "paddingInline": 16,
+      "paddingInlineLG": 16,
+      "paddingInlineSM": 12,
+      "colorText": "rgb(38, 38, 38)",
+      "borderColorDisabled": "rgb(245, 245, 245)",
+      "dangerShadow": "",
+      "defaultShadow": "",
+      "primaryShadow": ""
+    },
+    "Divider": {
+      "colorText": "rgb(38, 38, 38)",
+      "colorTextHeading": "rgb(38, 38, 38)",
+      "colorSplit": "rgb(235, 235, 235)"
+    },
+    "Anchor": {
+      "colorSplit": "rgb(235, 235, 235)",
+      "colorText": "rgb(38, 38, 38)"
+    },
+    "Breadcrumb": {
+      "lastItemColor": "rgb(0, 0, 0)",
+      "itemColor": "rgb(140, 140, 140)"
+    },
+    "Form": {
+      "labelColor": "rgb(38, 38, 38)"
+    },
+    "Input": {
+      "activeBg": "rgb(240, 242, 245)",
+      "hoverBg": "rgb(240, 242, 245)",
+      "colorBgContainer": "rgb(240, 242, 245)",
+      "hoverBorderColor": "rgb(50, 92, 247)",
+      "colorBgContainerDisabled": "rgba(240, 242, 245, 0.5)",
+      "colorBorder": "rgba(240, 242, 245, 0)",
+      "paddingBlockLG": 8,
+      "paddingInlineSM": 8,
+      "addonBg": "rgb(240, 242, 245)",
+      "colorTextPlaceholder": "rgb(140, 140, 140)",
+      "colorTextQuaternary": "rgb(179, 179, 179)"
+    },
+    "InputNumber": {
+      "activeBg": "rgb(240, 242, 245)",
+      "activeBorderColor": "rgb(50, 92, 247)",
+      "addonBg": "rgb(240, 242, 245)",
+      "filledHandleBg": "rgb(240, 242, 245)",
+      "handleBorderColor": "rgb(240, 242, 245)",
+      "hoverBg": "rgb(240, 242, 245)",
+      "hoverBorderColor": "rgb(50, 92, 247)",
+      "handleHoverColor": "rgb(50, 92, 247)",
+      "colorBgContainer": "rgb(240, 242, 245)",
+      "colorBorder": "rgba(240, 242, 245, 0)",
+      "colorBgContainerDisabled": "rgba(240, 242, 245, 0.5)",
+      "colorTextDisabled": "rgb(179, 179, 179)"
+    },
+    "Mentions": {
+      "activeBg": "rgb(240, 242, 245)",
+      "addonBg": "rgb(240, 242, 245)",
+      "hoverBg": "rgb(240, 242, 245)",
+      "colorBgContainer": "rgb(240, 242, 245)",
+      "colorBorder": "rgb(240, 242, 245)",
+      "hoverBorderColor": "rgb(50, 92, 247)",
+      "activeBorderColor": "rgb(50, 92, 247)"
+    },
+    "Radio": {
+      "buttonBg": "rgba(240, 242, 245)",
+      "buttonColor": "rgb(38, 38, 38)",
+      "buttonCheckedBg": "rgba(255, 255, 255, 0.1)",
+      "buttonCheckedBgDisabled": "rgba(255, 255, 255, 0.1)",
+      "buttonCheckedBorderColorDisabled": "#B3B3B3",
+      "colorBgContainerDisabled": "#F0F2F5"
+    },
+    "Select": {
+      "selectorBg": "rgb(240, 242, 245)",
+      "colorBgContainer": "rgb(240, 242, 245)",
+      "colorBorder": "rgba(240, 242, 245, 0)",
+      "multipleItemBg": "rgb(255, 255, 255)",
+      "multipleSelectorBgDisabled": "rgb(255, 255, 255)",
+      "optionActiveBg": "rgb(240, 242, 245)",
+      "colorTextPlaceholder": "rgb(140, 140, 140)",
+      "colorTextDisabled": "rgb(179, 179, 179)",
+      "multipleItemColorDisabled": "rgb(179, 179, 179)",
+      "optionSelectedColor": "rgb(38, 38, 38)",
+      "colorBgContainerDisabled": "rgba(240, 242, 245, 0.5)"
+    },
+    "DatePicker": {
+      "cellHoverBg": "rgb(240, 242, 245)",
+      "hoverBg": "rgb(240, 242, 245)",
+      "activeBg": "rgb(240, 242, 245)",
+      "colorBgContainer": "rgb(240, 242, 245)",
+      "colorBorder": "rgba(240, 242, 245, 0)",
+      "hoverBorderColor": "rgb(50, 92, 247)",
+      "cellBgDisabled": "rgba(240, 242, 245, 0.5)",
+      "multipleItemColorDisabled": "rgb(179, 179, 179)",
+      "colorBgContainerDisabled": "rgba(240, 242, 245, 0.5)",
+      "colorTextPlaceholder": "rgb(140, 140, 140)"
+    },
+    "Cascader": {
+      "colorBgContainerDisabled": "rgba(240, 242, 245, 0.5)",
+      "colorSplit": "rgba(5, 5, 5, 0)",
+      "colorBorder": "rgba(217, 217, 217)"
+    },
+    "Switch": {
+      "handleShadow": "-1px 0px 2px 0px rgba(0, 0, 0, 0.1)",
+      "trackPadding": 3,
+      "trackHeight": 24,
+      "trackHeightSM": 20,
+      "handleSizeSM": 14,
+      "innerMaxMargin": 25,
+      "innerMinMargin": 9,
+      "trackMinWidthSM": 36
+    },
+    "Tabs": {
+      "horizontalItemGutter": 24,
+      "horizontalItemPadding": "5px 16px 9px",
+      "cardBg": "#F0F4F9",
+      "cardGutter": 0,
+      "cardHeight": 44,
+      "cardPadding": "12px 32px"
+    },
+    "Pagination": {
+      "itemActiveBg": "#325CF7",
+      "itemSizeSM": 22
+    }
+  }
+}

package/dist/esm/McTreePanel/SelectedItem.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import './index.less';
+declare const _default: import("react").MemoExoticComponent<({ sortable, itemMap, inexistent, text, color, reserved, inexistentItemMap, value, onRemove, }: any) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/esm/McTreePanel/SelectedItem.js

@@ -0,0 +1,75 @@
+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 { McIconFont } from "./..";
+import { memo, useMemo } from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SelectedItem = function SelectedItem(_ref) {
+  var sortable = _ref.sortable,
+    itemMap = _ref.itemMap,
+    inexistent = _ref.inexistent,
+    text = _ref.text,
+    color = _ref.color,
+    reserved = _ref.reserved,
+    inexistentItemMap = _ref.inexistentItemMap,
+    value = _ref.value,
+    onRemove = _ref.onRemove;
+  var _label = useMemo(function () {
+    var _itemMap$value, _inexistentItemMap$va;
+    var label = ((_itemMap$value = itemMap[value]) === null || _itemMap$value === void 0 ? void 0 : _itemMap$value.title) || "".concat((_inexistentItemMap$va = inexistentItemMap[value]) === null || _inexistentItemMap$va === void 0 ? void 0 : _inexistentItemMap$va.title).concat(inexistent && !reserved ? "\u300C".concat(text, "\u300D") : '');
+    var fn = function fn() {
+      var isTooltip = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      return /*#__PURE__*/_jsx("span", {
+        style: {
+          color: !itemMap[value] && inexistent && !reserved ? color : isTooltip ? '#ffffff' : '#262626'
+        },
+        children: label
+      });
+    };
+    return fn;
+  }, [itemMap, inexistent, text, color, reserved, inexistentItemMap, value]);
+  var _useSortable = useSortable({
+      id: value
+    }),
+    setNodeRef = _useSortable.setNodeRef,
+    attributes = _useSortable.attributes,
+    listeners = _useSortable.listeners,
+    transform = _useSortable.transform,
+    transition = _useSortable.transition,
+    isDragging = _useSortable.isDragging;
+  var style = transform ? {
+    transform: "translate3d(".concat(transform.x, "px, ").concat(transform.y, "px, 0)"),
+    transition: isDragging ? 'unset' : transition
+  } : {
+    transition: 'unset'
+  };
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    ref: setNodeRef,
+    style: style
+  }, attributes), {}, {
+    className: "mc-tree-panel__selected-item",
+    children: [sortable && /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, listeners), {}, {
+      className: "mc-tree-panel__selected-item__drag",
+      type: "text",
+      icon: /*#__PURE__*/_jsx(MenuOutlined, {})
+    })), /*#__PURE__*/_jsx(Typography.Paragraph, {
+      style: {
+        margin: '0 auto 0 4px'
+      },
+      ellipsis: {
+        tooltip: _label(true)
+      },
+      children: _label()
+    }), /*#__PURE__*/_jsx(McIconFont, {
+      className: "mc-tree-panel__selected-item__remove",
+      type: "icon-CloseOutlined",
+      onClick: onRemove
+    }), !itemMap[value] && reserved && /*#__PURE__*/_jsx("div", {
+      className: "mc-group-panel__selected-item--disabled"
+    })]
+  }));
+};
+export default /*#__PURE__*/memo(SelectedItem);

package/dist/esm/McTreePanel/index.d.ts

@@ -0,0 +1,27 @@
+import { TreeDataNode } from 'antd';
+import { CSSProperties, FC } from 'react';
+import './index.less';
+type Inexistent = {
+    text?: string;
+    color?: string;
+    reserved?: boolean;
+};
+type PropsType = {
+    style?: CSSProperties;
+    className?: string;
+    treeData?: TreeDataNode[];
+    fieldNames?: {
+        key?: string;
+        title?: string;
+        children?: string;
+    };
+    disabled?: boolean;
+    labelInValue?: boolean;
+    inexistent?: boolean | Inexistent;
+    sortable?: boolean;
+    value?: any[];
+    onChange?: (value?: any[]) => void;
+    [key: string]: any;
+};
+declare const McTreePanel: FC<PropsType>;
+export default McTreePanel;