@zykj2024/much-library 1.1.7-beta.9 → 1.1.7

package/dist/McThemeConfig/demo/tabs.js

@@ -0,0 +1,35 @@
+import { Tabs } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var items = Array.from({
+    length: 5
+  }, function (_, index) {
+    return {
+      label: "item ".concat(index + 1),
+      key: "".concat(index + 1)
+    };
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", {
+      children: "\u5E38\u89C4"
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Tabs, {
+        defaultActiveKey: "1",
+        items: items
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      style: {
+        marginBottom: 16
+      },
+      children: "\u5361\u7247"
+    }), /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(Tabs, {
+        defaultActiveKey: "2",
+        type: "card",
+        items: items
+      })
+    })]
+  });
+});

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

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

package/dist/McThemeConfig/layoutStyle.d.ts

@@ -0,0 +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: 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-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-menu-overflow-item-rest {\n      margin: 8px !important;\n    }\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  }";
+export default _default;

package/dist/McThemeConfig/layoutStyle.js

@@ -0,0 +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: 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-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-menu-overflow-item-rest {\n      margin: 8px !important;\n    }\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  }";

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

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

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

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

package/dist/McTreePanel/demo/base.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 基本使用
+ * description: 设置 `disabled` 为 `true` 则禁止编辑
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/base.js

@@ -0,0 +1,45 @@
+/**
+ * title: 基本使用
+ * description: 设置 `disabled` 为 `true` 则禁止编辑
+ */
+
+import { Space } from 'antd';
+import { McTreePanel } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsx(McTreePanel, {
+      treeData: options
+    }), /*#__PURE__*/_jsx(McTreePanel, {
+      disabled: true,
+      treeData: options
+    })]
+  });
+});

package/dist/McTreePanel/demo/fieldNames.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 使用 fieldNames
+ * description: 设置 `fieldNames` 来自定义节点 title、key、children 的字段
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/fieldNames.js

@@ -0,0 +1,37 @@
+/**
+ * title: 使用 fieldNames
+ * description: 设置 `fieldNames` 来自定义节点 title、key、children 的字段
+ */
+
+import { McTreePanel } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  return /*#__PURE__*/_jsx(McTreePanel, {
+    treeData: options,
+    fieldNames: {
+      title: 'label',
+      key: 'value'
+    }
+  });
+});

package/dist/McTreePanel/demo/inexistent.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 不存在值的回显
+ * description: 设置 `inexistent` 为 `true` 处理不存在值的回显
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/inexistent.js

@@ -0,0 +1,56 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 不存在值的回显
+ * description: 设置 `inexistent` 为 `true` 处理不存在值的回显
+ */
+
+import { Col, Space } from 'antd';
+import { McTreePanel } from "../..";
+import { useState } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState([100]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs(Col, {
+      children: ["\u5F53\u524D\u503C\uFF1A", JSON.stringify(value !== null && value !== void 0 ? value : [])]
+    }), /*#__PURE__*/_jsx(McTreePanel, {
+      treeData: options,
+      value: value,
+      inexistent: true,
+      onChange: handelChange
+    })]
+  });
+});

package/dist/McTreePanel/demo/labelInValue.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 使用 labelInValue
+ * description: 设置 `labelInValue` 为 `true` 把每个选项的title等信息包装到value中
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/labelInValue.js

@@ -0,0 +1,56 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 使用 labelInValue
+ * description: 设置 `labelInValue` 为 `true` 把每个选项的title等信息包装到value中
+ */
+
+import { Col, Space } from 'antd';
+import { McTreePanel } from "../..";
+import { useState } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    direction: "vertical",
+    size: 16,
+    style: {
+      width: '100%'
+    },
+    children: [/*#__PURE__*/_jsxs(Col, {
+      children: ["\u5F53\u524D\u503C\uFF1A", JSON.stringify(value !== null && value !== void 0 ? value : [])]
+    }), /*#__PURE__*/_jsx(McTreePanel, {
+      treeData: options,
+      labelInValue: true,
+      value: value,
+      onChange: handelChange
+    })]
+  });
+});

package/dist/McTreePanel/demo/sortable.d.ts

@@ -0,0 +1,6 @@
+/**
+ * title: 已选项拖拽排序
+ * description: 设置 `sortable` 为 `true` 实现已选项可拖拽排序
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreePanel/demo/sortable.js

@@ -0,0 +1,34 @@
+/**
+ * title: 已选项拖拽排序
+ * description: 设置 `sortable` 为 `true` 实现已选项可拖拽排序
+ */
+
+import { McTreePanel } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var options = [{
+    title: '部门1',
+    key: 1,
+    children: [{
+      title: '部门1-1',
+      key: 11
+    }, {
+      title: '部门1-2',
+      key: 12
+    }]
+  }, {
+    title: '部门2',
+    key: 2,
+    children: [{
+      title: '部门2-1',
+      key: 21
+    }, {
+      title: '部门2-2',
+      key: 22
+    }]
+  }];
+  return /*#__PURE__*/_jsx(McTreePanel, {
+    treeData: options,
+    sortable: true
+  });
+});

package/dist/McTreePanel/index.css

@@ -0,0 +1,110 @@
+.mc-tree-panel {
+  width: 100%;
+  height: 382px;
+}
+.mc-tree-panel__wrapper {
+  height: calc(100% - 40px);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-column-gap: 8px;
+  -moz-column-gap: 8px;
+  column-gap: 8px;
+}
+.mc-tree-panel__card-header {
+  height: 40px;
+  background: #fafafa;
+  padding: 0 16px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+}
+.mc-tree-panel__card-title {
+  color: rgba(0, 0, 0, 0.847);
+  font-weight: 600;
+}
+.mc-tree-panel__card-body {
+  height: calc(100% - 40px);
+  overflow: auto;
+  padding: 8px;
+}
+.mc-tree-panel__options {
+  border-radius: 4px;
+  border: 1px solid #ebebeb;
+  overflow: hidden;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+}
+.mc-tree-panel__selected {
+  border-radius: 4px;
+  border: 1px solid #ebebeb;
+  overflow: hidden;
+  width: 240px;
+  position: relative;
+}
+.mc-tree-panel__selected-item {
+  width: 208px;
+  height: 40px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  padding: 0 8px;
+  background: #f5f5f5;
+  border-radius: 4px;
+  overflow: hidden;
+}
+.mc-tree-panel__selected-item:not(:first-child) {
+  margin-top: 8px;
+}
+.mc-tree-panel__selected-item__drag {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  color: #8c8c8c;
+  padding: 5px 0 3px;
+}
+.mc-tree-panel__selected-item__drag:hover {
+  background: rgba(38, 38, 38, 0.15) !important;
+  cursor: move;
+}
+.mc-tree-panel__selected-item__remove {
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  color: #8c8c8c;
+  margin-left: 8px;
+}
+.mc-tree-panel__selected-item__remove:hover {
+  cursor: pointer;
+  color: #262626;
+}
+.mc-tree-panel__selected-item--disabled {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9;
+  border-radius: 4px;
+  background: rgba(246, 246, 246, 0.66);
+  cursor: no-drop;
+}
+.mc-tree-panel__selected--disabled {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 9;
+  border-radius: 4px;
+  background: rgba(228, 228, 228, 0.3);
+  cursor: no-drop;
+}

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

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

package/dist/McTreeSelect/demo/base.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 基本使用
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTreeSelect/demo/base.js

@@ -0,0 +1,58 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/**
+ * title: 基本使用
+ */
+
+import { Space } from 'antd';
+import { McTreeSelect } from "../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var options = [{
+    label: '部门1',
+    value: 1,
+    children: [{
+      label: '部门1-1',
+      value: 11
+    }, {
+      label: '部门1-2',
+      value: 12
+    }]
+  }, {
+    label: '部门2',
+    value: 2,
+    children: [{
+      label: '部门2-1',
+      value: 21
+    }, {
+      label: '部门2-2',
+      value: 22
+    }]
+  }];
+  var handelChange = function handelChange(v) {
+    setValue(v);
+  };
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 16,
+    direction: "vertical",
+    children: [/*#__PURE__*/_jsx(McTreeSelect, {
+      value: value,
+      style: {
+        width: 270
+      },
+      options: options,
+      onChange: handelChange
+    }), /*#__PURE__*/_jsx(McTreeSelect, {
+      style: {
+        width: 270
+      },
+      disabled: true,
+      options: []
+    })]
+  });
+});

package/dist/McTreeSelect/demo/inexistent.d.ts

@@ -0,0 +1,5 @@
+/**
+ * title: 回显不存在的选项
+ */
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;