@zjpcy/simple-design 1.3.0 → 1.3.1

package/dist/es/Layout/styles.js

@@ -1 +1 @@
-import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r=function(n,o){return"var(".concat(n,", ").concat(o,")")},e=o.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  min-height: ",";\n  max-height: 100vh;\n  background: ",";\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n\n  &.layout-wrapper {\n    /* 外部可通过 .layout-wrapper 选择器覆盖样式 */\n  }\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  min-height: ",";\n  max-height: 100vh;\n  background: ",";\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n\n  &.layout-wrapper {\n    /* 外部可通过 .layout-wrapper 选择器覆盖样式 */\n  }\n\n  ","\n"])),r("--layout-min-height","100vh"),function(n){return"dark"===n.$theme?"linear-gradient(180deg, ".concat(r("--layout-bg-dark","#000")," 0%, ").concat(r("--idp-text-color","rgba(0, 0, 0, 0.85)")," 100%)"):"linear-gradient(180deg, ".concat(r("--layout-bg-light","#f5f5f5")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return n.$hasSider&&"\n    flex-direction: row;\n  "}),t=o.header(u||(u=n(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-header-light {\n    border-bottom: ",";\n  }\n\n  &.layout-header-dark {\n    border-bottom: 1px solid transparent;\n  }\n\n  &.layout-header {\n    /* 外部可通过 .layout-header 选择器覆盖样式 */\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-header-light {\n    border-bottom: ",";\n  }\n\n  &.layout-header-dark {\n    border-bottom: 1px solid transparent;\n  }\n\n  &.layout-header {\n    /* 外部可通过 .layout-header 选择器覆盖样式 */\n  }\n\n  ","\n"])),r("--layout-header-padding","0 24px"),function(n){return"dark"===n.$theme?"linear-gradient(135deg, ".concat(r("--layout-header-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(135deg, ".concat(r("--layout-header-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-header-color-dark","#fff"):r("--layout-header-color-light","rgba(0, 0, 0, 0.85)")},function(n){var o=n.$height;return"number"==typeof o?"".concat(o,"px"):o||r("--layout-header-height","64px")},r("--layout-header-z-index","10"),r("--layout-header-transition","all 0.2s ease-in-out"),function(n){var o=n.$bgColor;return"1px solid ".concat(o)},function(n){return n.$fixed&&"\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    box-shadow: ".concat(r("--layout-header-box-shadow","0 2px 8px rgba(0, 0, 0, 0.15)"),";\n  ")}),a=o.aside(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  background: ",";\n  color: ",";\n  z-index: ",";\n  transition: ",";\n  flex: ",";\n  box-sizing: border-box;\n  border-right: ",";\n  box-shadow: ",";\n\n  /* Sider 高度 = 浏览器高度 - Header 高度 */\n  height: calc(100vh - var(--layout-header-height, 64px));\n  min-height: calc(100vh - var(--layout-header-height, 64px));\n\n  &.layout-sider {\n    /* 外部可通过 .layout-sider 选择器覆盖样式 */\n  }\n\n  /* 让子元素占据剩余空间，使 trigger 可以固定在底部 */\n  & > *:not(.layout-sider-trigger) {\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  ","\n\n  ","\n\n  /* ============================================\n     集成 Menu 组件样式 - 与 Menu.css 保持一致\n     ============================================ */\n  \n  /* 覆盖 Menu 组件基础样式 */\n  .idp-menu {\n    background: transparent;\n  }\n\n  /* Menu 菜单项在 Sider 中的样式 - 覆盖默认样式 */\n  .idp-menu-item {\n    border-radius: ",";\n    margin: 4px 8px;\n    \n    /* Light 主题 - 与 Menu.css 保持一致 */\n    &.light {\n      color: ",";\n      \n      &:hover:not(.disabled) {\n        background: ",";\n        color: ",";\n      }\n      \n      &.selected {\n        background-color: ",";\n        color: ",";\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: ",";\n        }\n      }\n    }\n    \n    /* Dark 主题 - 与 Menu.css 保持一致 */\n    &.dark {\n      color: rgba(255, 255, 255, 0.85);\n      \n      &:hover:not(.disabled) {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: #fff;\n      }\n      \n      &.selected {\n        background-color: rgba(24, 144, 255, 0.25);\n        color: #fff;\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: rgba(24, 144, 255, 0.35);\n        }\n      }\n    }\n  }\n\n  /* 子菜单样式 */\n  .idp-menu-submenu {\n    .idp-menu-item {\n      margin: 2px 8px 2px 16px;\n    }\n  }\n\n  /* Dark 主题下的子菜单样式 */\n  .idp-menu-submenu.horizontal-popup,\n  .idp-menu-submenu.horizontal-popup .idp-menu-submenu {\n    background: linear-gradient(135deg, #001529 0%, #002140 100%);\n    border: 1px solid #303030;\n  }\n\n  /* Dark 主题下子菜单中的菜单项 */\n  .idp-menu-submenu .idp-menu-item.dark {\n    color: rgba(255, 255, 255, 0.85);\n    \n    &:hover:not(.disabled) {\n      background-color: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    \n    &.selected {\n      background-color: rgba(24, 144, 255, 0.25);\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  background: ",";\n  color: ",";\n  z-index: ",";\n  transition: ",";\n  flex: ",";\n  box-sizing: border-box;\n  border-right: ",";\n  box-shadow: ",";\n\n  /* Sider 高度 = 浏览器高度 - Header 高度 */\n  height: calc(100vh - var(--layout-header-height, 64px));\n  min-height: calc(100vh - var(--layout-header-height, 64px));\n\n  &.layout-sider {\n    /* 外部可通过 .layout-sider 选择器覆盖样式 */\n  }\n\n  /* 让子元素占据剩余空间，使 trigger 可以固定在底部 */\n  & > *:not(.layout-sider-trigger) {\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  ","\n\n  ","\n\n  /* ============================================\n     集成 Menu 组件样式 - 与 Menu.css 保持一致\n     ============================================ */\n  \n  /* 覆盖 Menu 组件基础样式 */\n  .idp-menu {\n    background: transparent;\n  }\n\n  /* Menu 菜单项在 Sider 中的样式 - 覆盖默认样式 */\n  .idp-menu-item {\n    border-radius: ",";\n    margin: 4px 8px;\n    \n    /* Light 主题 - 与 Menu.css 保持一致 */\n    &.light {\n      color: ",";\n      \n      &:hover:not(.disabled) {\n        background: ",";\n        color: ",";\n      }\n      \n      &.selected {\n        background-color: ",";\n        color: ",";\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: ",";\n        }\n      }\n    }\n    \n    /* Dark 主题 - 与 Menu.css 保持一致 */\n    &.dark {\n      color: rgba(255, 255, 255, 0.85);\n      \n      &:hover:not(.disabled) {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: #fff;\n      }\n      \n      &.selected {\n        background-color: rgba(24, 144, 255, 0.25);\n        color: #fff;\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: rgba(24, 144, 255, 0.35);\n        }\n      }\n    }\n  }\n\n  /* 子菜单样式 */\n  .idp-menu-submenu {\n    .idp-menu-item {\n      margin: 2px 8px 2px 16px;\n    }\n  }\n\n  /* Dark 主题下的子菜单样式 */\n  .idp-menu-submenu.horizontal-popup,\n  .idp-menu-submenu.horizontal-popup .idp-menu-submenu {\n    background: linear-gradient(135deg, #001529 0%, #002140 100%);\n    border: 1px solid #303030;\n  }\n\n  /* Dark 主题下子菜单中的菜单项 */\n  .idp-menu-submenu .idp-menu-item.dark {\n    color: rgba(255, 255, 255, 0.85);\n    \n    &:hover:not(.disabled) {\n      background-color: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    \n    &.selected {\n      background-color: rgba(24, 144, 255, 0.25);\n      color: #fff;\n    }\n  }\n"])),function(n){return"dark"===n.$theme?"linear-gradient(180deg, ".concat(r("--layout-sider-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(180deg, ".concat(r("--layout-sider-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-sider-color-dark","#fff"):r("--layout-sider-color-light","rgba(0, 0, 0, 0.85)")},r("--layout-sider-z-index","10"),r("--layout-sider-transition","all 0.2s ease-in-out"),r("--layout-sider-flex","0 0 200px"),function(n){return"dark"===n.$theme?"var(--layout-sider-border, 1px solid #303030)":"var(--layout-sider-border, 1px solid ".concat(r("--idp-border-color-light","#f0f0f0"),")")},function(n){return"dark"===n.$theme?"2px 0 8px rgba(0, 0, 0, 0.3)":r("--idp-shadow-sm","0 2px 8px rgba(0, 0, 0, 0.08)")},function(n){var o=n.$width,e=n.$collapsedWidth,t=n.$collapsed,a="number"==typeof o?"".concat(o,"px"):o||r("--layout-sider-width","200px"),i=void 0!==e?"".concat(e,"px"):r("--layout-sider-collapsed-width","64px");return"\n      width: ".concat(t?i:a,";\n      min-width: ").concat(t?i:a,";\n      max-width: ").concat(t?i:a,";\n    ")},function(n){return n.$fixed&&"\n    position: fixed;\n    top: ".concat(r("--layout-header-height","64px"),";\n    left: 0;\n    bottom: 0;\n    overflow-y: auto;\n    box-shadow: ").concat(r("--layout-sider-box-shadow","0 4px 12px rgba(0, 0, 0, 0.15)"),";\n  ")},r("--idp-border-radius-sm","4px"),r("--idp-text-color","rgba(0, 0, 0, 0.85)"),r("--idp-primary-light-color","rgba(24, 144, 255, 0.06)"),r("--idp-primary-color","#1890ff"),r("--idp-primary-light-color","rgba(24, 144, 255, 0.12)"),r("--idp-primary-color","#1890ff"),r("--idp-primary-color","#1890ff"),r("--idp-primary-light-color","rgba(24, 144, 255, 0.18)"),r("--idp-primary-color","#1890ff")),i=o.div(g||(g=n(["\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  /* 内容过渡动画 */\n  & > * {\n    transition: all "," ease;\n  }\n\n  /* 收缩状态下的内容样式 */\n  ","\n"],["\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  /* 内容过渡动画 */\n  & > * {\n    transition: all "," ease;\n  }\n\n  /* 收缩状态下的内容样式 */\n  ","\n"])),r("--idp-transition-duration","0.2s"),function(n){return n.$collapsed&&"\n    & > * {\n      text-align: center;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  "}),d=o.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  background: ",";\n  color: ",";\n  cursor: pointer;\n  transition: ",";\n  user-select: none;\n  order: ",";\n\n  &.layout-sider-trigger {\n    /* 外部可通过 .layout-sider-trigger 选择器覆盖样式 */\n  }\n\n  &:hover {\n    background: ",";\n    color: ",";\n  }\n\n  /* 分割线 */\n  ","\n\n  ","\n\n  /* 零宽度模式下，收缩时隐藏触发器 */\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  background: ",";\n  color: ",";\n  cursor: pointer;\n  transition: ",";\n  user-select: none;\n  order: ",";\n\n  &.layout-sider-trigger {\n    /* 外部可通过 .layout-sider-trigger 选择器覆盖样式 */\n  }\n\n  &:hover {\n    background: ",";\n    color: ",";\n  }\n\n  /* 分割线 */\n  ","\n\n  ","\n\n  /* 零宽度模式下，收缩时隐藏触发器 */\n  ","\n"])),r("--layout-trigger-height","48px"),function(n){return"dark"===n.$theme?"linear-gradient(135deg, ".concat(r("--layout-sider-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(135deg, ".concat(r("--layout-sider-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-sider-color-dark","#fff"):r("--layout-sider-color-light","rgba(0, 0, 0, 0.85)")},r("--layout-trigger-transition","all 0.2s ease-in-out"),function(n){return"top"===n.$placement?"-1":"auto"},function(n){return"dark"===n.$theme?"linear-gradient(135deg, #002140 0%, ".concat(r("--idp-primary-color","#1890ff")," 100%)"):"linear-gradient(135deg, ".concat(r("--idp-primary-light-color","rgba(24, 100, 240, 0.1)")," 0%, ").concat(r("--idp-bg-color-light","#f5f5f5")," 100%)")},function(n){return"dark"===n.$theme?"#fff":r("--idp-primary-color","#1890ff")},function(n){var o=n.$placement,e=n.$theme;return"top"===o&&"\n    border-bottom: 1px solid ".concat("dark"===e?"#303030":r("--idp-border-color-light","#f0f0f0"),";\n  ")},function(n){var o=n.$placement,e=n.$theme;return"top"!==o&&"\n    border-top: 1px solid ".concat("dark"===e?"#303030":r("--idp-border-color-light","#f0f0f0"),";\n  ")},function(n){var o=n.$zeroWidthMode,r=n.$collapsed;return o&&r&&"\n    display: none;\n  "}),l=o.div(f||(f=n(["\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, "," 0%, "," 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: ",";\n  z-index: 100;\n  transition: all "," ",";\n\n  &:hover {\n    background: linear-gradient(135deg, "," 0%, #69c0ff 100%);\n    box-shadow: ",";\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n    box-shadow: ",";\n  }\n"],["\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, "," 0%, "," 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: ",";\n  z-index: 100;\n  transition: all "," ",";\n\n  &:hover {\n    background: linear-gradient(135deg, "," 0%, #69c0ff 100%);\n    box-shadow: ",";\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n    box-shadow: ",";\n  }\n"])),r("--idp-primary-color","#1890ff"),r("--idp-primary-hover-color","#40a9ff"),r("--idp-shadow-sm","0 2px 8px rgba(0, 0, 0, 0.15)"),r("--idp-transition-duration","0.2s"),r("--idp-transition-timing-function","ease-in-out"),r("--idp-primary-hover-color","#40a9ff"),r("--idp-shadow-md","0 4px 12px rgba(0, 0, 0, 0.25)"),r("--idp-shadow-extra-light","0 2px 8px rgba(0, 0, 0, 0.08)"));o.div(b||(b=n(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n\n  ","\n"],["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n\n  ","\n"])),function(n){return n.$hasSider&&"\n    flex-direction: row;\n  "});var c,u,s,g,p,f,b,h,x,m=o.main(h||(h=n(["\n  flex: 1;\n  padding: ",";\n  background: ",";\n  min-height: ",";\n  transition: ",";\n  overflow-y: auto;\n  box-sizing: border-box;\n  position: relative;\n\n  &.layout-content {\n    /* 外部可通过 .layout-content 选择器覆盖样式 */\n  }\n\n  ","\n\n  /* 滚动条样式 */\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ",";\n    border-radius: ",";\n    transition: background-color "," ease;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: ",";\n  }\n\n  /* Dark 主题滚动条样式 */\n  ","\n"],["\n  flex: 1;\n  padding: ",";\n  background: ",";\n  min-height: ",";\n  transition: ",";\n  overflow-y: auto;\n  box-sizing: border-box;\n  position: relative;\n\n  &.layout-content {\n    /* 外部可通过 .layout-content 选择器覆盖样式 */\n  }\n\n  ","\n\n  /* 滚动条样式 */\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ",";\n    border-radius: ",";\n    transition: background-color "," ease;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: ",";\n  }\n\n  /* Dark 主题滚动条样式 */\n  ","\n"])),r("--layout-content-padding","24px"),r("--layout-content-bg","transparent"),r("--layout-content-min-height","280px"),r("--layout-content-transition","all 0.2s ease-in-out"),function(n){return n.$fixed&&"\n    overflow-y: auto;\n  "},r("--idp-border-color-extra-light","#d9d9d9"),r("--idp-border-radius-sm","4px"),r("--idp-transition-duration","0.2s"),r("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),function(n){return"dark"===n.$theme&&"\n    &::-webkit-scrollbar-thumb {\n      background-color: color-mix(in srgb, ".concat(r("--idp-primary-color","#1890ff")," 50%, transparent);\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      background-color: color-mix(in srgb, ").concat(r("--idp-primary-color","#1890ff")," 70%, transparent);\n    }\n\n    scrollbar-width: thin;\n    scrollbar-color: color-mix(in srgb, ").concat(r("--idp-primary-color","#1890ff")," 50%, transparent) transparent;\n  ")}),y=o.footer(x||(x=n(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  border-top: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-footer {\n    /* 外部可通过 .layout-footer 选择器覆盖样式 */\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  border-top: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-footer {\n    /* 外部可通过 .layout-footer 选择器覆盖样式 */\n  }\n\n  ","\n"])),r("--layout-footer-padding","24px 50px"),function(n){return"dark"===n.$theme?"linear-gradient(135deg, ".concat(r("--layout-footer-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(135deg, ".concat(r("--layout-footer-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-footer-color-dark","#fff"):r("--layout-footer-color-light","rgba(0, 0, 0, 0.85)")},function(n){var o=n.$height;return"number"==typeof o?"".concat(o,"px"):o||r("--layout-footer-height","48px")},function(n){return"dark"===n.$theme?"var(--layout-footer-border, 1px solid #303030)":"var(--layout-footer-border, 1px solid ".concat(r("--idp-border-color-light","#f0f0f0"),")")},r("--layout-footer-z-index","10"),r("--layout-footer-transition","all 0.2s ease-in-out"),function(n){return n.$fixed&&"\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n  "});export{m as ContentWrapper,y as FooterWrapper,t as HeaderWrapper,e as LayoutWrapper,i as SiderContentWrapper,d as SiderTrigger,a as SiderWrapper,l as ZeroWidthTriggerInContent};
+import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r=function(n,o){return"var(".concat(n,", ").concat(o,")")},e=o.div(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  min-height: ",";\n  max-height: 100vh;\n  background: ",";\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  flex: 1;\n\n  &.layout-wrapper {\n    /* 外部可通过 .layout-wrapper 选择器覆盖样式 */\n  }\n\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  min-height: ",";\n  max-height: 100vh;\n  background: ",";\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  flex: 1;\n\n  &.layout-wrapper {\n    /* 外部可通过 .layout-wrapper 选择器覆盖样式 */\n  }\n\n  ","\n"])),r("--layout-min-height","100vh"),function(n){return"dark"===n.$theme?"linear-gradient(180deg, ".concat(r("--layout-bg-dark","#000")," 0%, ").concat(r("--idp-text-color","rgba(0, 0, 0, 0.85)")," 100%)"):"linear-gradient(180deg, ".concat(r("--layout-bg-light","#f5f5f5")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return n.$hasSider&&"\n    flex-direction: row;\n  "}),t=o.header(u||(u=n(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-header-light {\n    border-bottom: ",";\n  }\n\n  &.layout-header-dark {\n    border-bottom: 1px solid transparent;\n  }\n\n  &.layout-header {\n    /* 外部可通过 .layout-header 选择器覆盖样式 */\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-header-light {\n    border-bottom: ",";\n  }\n\n  &.layout-header-dark {\n    border-bottom: 1px solid transparent;\n  }\n\n  &.layout-header {\n    /* 外部可通过 .layout-header 选择器覆盖样式 */\n  }\n\n  ","\n"])),r("--layout-header-padding","0 24px"),function(n){return"dark"===n.$theme?"linear-gradient(135deg, ".concat(r("--layout-header-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(135deg, ".concat(r("--layout-header-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-header-color-dark","#fff"):r("--layout-header-color-light","rgba(0, 0, 0, 0.85)")},function(n){var o=n.$height;return"number"==typeof o?"".concat(o,"px"):o||r("--layout-header-height","64px")},r("--layout-header-z-index","10"),r("--layout-header-transition","all 0.2s ease-in-out"),function(n){var o=n.$bgColor;return"1px solid ".concat(o)},function(n){return n.$fixed&&"\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    box-shadow: ".concat(r("--layout-header-box-shadow","0 2px 8px rgba(0, 0, 0, 0.15)"),";\n  ")}),a=o.aside(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  background: ",";\n  color: ",";\n  z-index: ",";\n  transition: ",";\n  flex: ",";\n  box-sizing: border-box;\n  border-right: ",";\n  box-shadow: ",";\n\n  /* Sider 高度 = 浏览器高度 - Header 高度 */\n  height: calc(100vh - var(--layout-header-height, 64px));\n  min-height: calc(100vh - var(--layout-header-height, 64px));\n\n  &.layout-sider {\n    /* 外部可通过 .layout-sider 选择器覆盖样式 */\n  }\n\n  /* 让子元素占据剩余空间，使 trigger 可以固定在底部 */\n  & > *:not(.layout-sider-trigger) {\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  ","\n\n  ","\n\n  /* ============================================\n     集成 Menu 组件样式 - 与 Menu.css 保持一致\n     ============================================ */\n  \n  /* 覆盖 Menu 组件基础样式 */\n  .idp-menu {\n    background: transparent;\n  }\n\n  /* Menu 菜单项在 Sider 中的样式 - 覆盖默认样式 */\n  .idp-menu-item {\n    border-radius: ",";\n    margin: 4px 8px;\n    \n    /* Light 主题 - 与 Menu.css 保持一致 */\n    &.light {\n      color: ",";\n      \n      &:hover:not(.disabled) {\n        background: ",";\n        color: ",";\n      }\n      \n      &.selected {\n        background-color: ",";\n        color: ",";\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: ",";\n        }\n      }\n    }\n    \n    /* Dark 主题 - 与 Menu.css 保持一致 */\n    &.dark {\n      color: rgba(255, 255, 255, 0.85);\n      \n      &:hover:not(.disabled) {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: #fff;\n      }\n      \n      &.selected {\n        background-color: rgba(24, 144, 255, 0.25);\n        color: #fff;\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: rgba(24, 144, 255, 0.35);\n        }\n      }\n    }\n  }\n\n  /* 子菜单样式 */\n  .idp-menu-submenu {\n    .idp-menu-item {\n      margin: 2px 8px 2px 16px;\n    }\n  }\n\n  /* Dark 主题下的子菜单样式 */\n  .idp-menu-submenu.horizontal-popup,\n  .idp-menu-submenu.horizontal-popup .idp-menu-submenu {\n    background: linear-gradient(135deg, #001529 0%, #002140 100%);\n    border: 1px solid #303030;\n  }\n\n  /* Dark 主题下子菜单中的菜单项 */\n  .idp-menu-submenu .idp-menu-item.dark {\n    color: rgba(255, 255, 255, 0.85);\n    \n    &:hover:not(.disabled) {\n      background-color: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    \n    &.selected {\n      background-color: rgba(24, 144, 255, 0.25);\n      color: #fff;\n    }\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  background: ",";\n  color: ",";\n  z-index: ",";\n  transition: ",";\n  flex: ",";\n  box-sizing: border-box;\n  border-right: ",";\n  box-shadow: ",";\n\n  /* Sider 高度 = 浏览器高度 - Header 高度 */\n  height: calc(100vh - var(--layout-header-height, 64px));\n  min-height: calc(100vh - var(--layout-header-height, 64px));\n\n  &.layout-sider {\n    /* 外部可通过 .layout-sider 选择器覆盖样式 */\n  }\n\n  /* 让子元素占据剩余空间，使 trigger 可以固定在底部 */\n  & > *:not(.layout-sider-trigger) {\n    flex: 1;\n    min-height: 0;\n    overflow-y: auto;\n  }\n\n  ","\n\n  ","\n\n  /* ============================================\n     集成 Menu 组件样式 - 与 Menu.css 保持一致\n     ============================================ */\n  \n  /* 覆盖 Menu 组件基础样式 */\n  .idp-menu {\n    background: transparent;\n  }\n\n  /* Menu 菜单项在 Sider 中的样式 - 覆盖默认样式 */\n  .idp-menu-item {\n    border-radius: ",";\n    margin: 4px 8px;\n    \n    /* Light 主题 - 与 Menu.css 保持一致 */\n    &.light {\n      color: ",";\n      \n      &:hover:not(.disabled) {\n        background: ",";\n        color: ",";\n      }\n      \n      &.selected {\n        background-color: ",";\n        color: ",";\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: ",";\n        }\n      }\n    }\n    \n    /* Dark 主题 - 与 Menu.css 保持一致 */\n    &.dark {\n      color: rgba(255, 255, 255, 0.85);\n      \n      &:hover:not(.disabled) {\n        background-color: rgba(255, 255, 255, 0.08);\n        color: #fff;\n      }\n      \n      &.selected {\n        background-color: rgba(24, 144, 255, 0.25);\n        color: #fff;\n        box-shadow: inset 3px 0 0 ",";\n        font-weight: 600;\n        \n        &:hover {\n          background-color: rgba(24, 144, 255, 0.35);\n        }\n      }\n    }\n  }\n\n  /* 子菜单样式 */\n  .idp-menu-submenu {\n    .idp-menu-item {\n      margin: 2px 8px 2px 16px;\n    }\n  }\n\n  /* Dark 主题下的子菜单样式 */\n  .idp-menu-submenu.horizontal-popup,\n  .idp-menu-submenu.horizontal-popup .idp-menu-submenu {\n    background: linear-gradient(135deg, #001529 0%, #002140 100%);\n    border: 1px solid #303030;\n  }\n\n  /* Dark 主题下子菜单中的菜单项 */\n  .idp-menu-submenu .idp-menu-item.dark {\n    color: rgba(255, 255, 255, 0.85);\n    \n    &:hover:not(.disabled) {\n      background-color: rgba(255, 255, 255, 0.08);\n      color: #fff;\n    }\n    \n    &.selected {\n      background-color: rgba(24, 144, 255, 0.25);\n      color: #fff;\n    }\n  }\n"])),function(n){return"dark"===n.$theme?"linear-gradient(180deg, ".concat(r("--layout-sider-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(180deg, ".concat(r("--layout-sider-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-sider-color-dark","#fff"):r("--layout-sider-color-light","rgba(0, 0, 0, 0.85)")},r("--layout-sider-z-index","10"),r("--layout-sider-transition","all 0.2s ease-in-out"),r("--layout-sider-flex","0 0 200px"),function(n){return"dark"===n.$theme?"var(--layout-sider-border, 1px solid #303030)":"var(--layout-sider-border, 1px solid ".concat(r("--idp-border-color-light","#f0f0f0"),")")},function(n){return"dark"===n.$theme?"2px 0 8px rgba(0, 0, 0, 0.3)":r("--idp-shadow-sm","0 2px 8px rgba(0, 0, 0, 0.08)")},function(n){var o=n.$width,e=n.$collapsedWidth,t=n.$collapsed,a="number"==typeof o?"".concat(o,"px"):o||r("--layout-sider-width","200px"),i=void 0!==e?"".concat(e,"px"):r("--layout-sider-collapsed-width","64px");return"\n      width: ".concat(t?i:a,";\n      min-width: ").concat(t?i:a,";\n      max-width: ").concat(t?i:a,";\n    ")},function(n){return n.$fixed&&"\n    position: fixed;\n    top: ".concat(r("--layout-header-height","64px"),";\n    left: 0;\n    bottom: 0;\n    overflow-y: auto;\n    box-shadow: ").concat(r("--layout-sider-box-shadow","0 4px 12px rgba(0, 0, 0, 0.15)"),";\n  ")},r("--idp-border-radius-sm","4px"),r("--idp-text-color","rgba(0, 0, 0, 0.85)"),r("--idp-primary-light-color","rgba(24, 144, 255, 0.06)"),r("--idp-primary-color","#1890ff"),r("--idp-primary-light-color","rgba(24, 144, 255, 0.12)"),r("--idp-primary-color","#1890ff"),r("--idp-primary-color","#1890ff"),r("--idp-primary-light-color","rgba(24, 144, 255, 0.18)"),r("--idp-primary-color","#1890ff")),i=o.div(g||(g=n(["\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  /* 内容过渡动画 */\n  & > * {\n    transition: all "," ease;\n  }\n\n  /* 收缩状态下的内容样式 */\n  ","\n"],["\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n\n  /* 内容过渡动画 */\n  & > * {\n    transition: all "," ease;\n  }\n\n  /* 收缩状态下的内容样式 */\n  ","\n"])),r("--idp-transition-duration","0.2s"),function(n){return n.$collapsed&&"\n    & > * {\n      text-align: center;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  "}),d=o.div(p||(p=n(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  background: ",";\n  color: ",";\n  cursor: pointer;\n  transition: ",";\n  user-select: none;\n  order: ",";\n\n  &.layout-sider-trigger {\n    /* 外部可通过 .layout-sider-trigger 选择器覆盖样式 */\n  }\n\n  &:hover {\n    background: ",";\n    color: ",";\n  }\n\n  /* 分割线 */\n  ","\n\n  ","\n\n  /* 零宽度模式下，收缩时隐藏触发器 */\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",";\n  background: ",";\n  color: ",";\n  cursor: pointer;\n  transition: ",";\n  user-select: none;\n  order: ",";\n\n  &.layout-sider-trigger {\n    /* 外部可通过 .layout-sider-trigger 选择器覆盖样式 */\n  }\n\n  &:hover {\n    background: ",";\n    color: ",";\n  }\n\n  /* 分割线 */\n  ","\n\n  ","\n\n  /* 零宽度模式下，收缩时隐藏触发器 */\n  ","\n"])),r("--layout-trigger-height","48px"),function(n){return"dark"===n.$theme?"linear-gradient(135deg, ".concat(r("--layout-sider-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(135deg, ".concat(r("--layout-sider-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-sider-color-dark","#fff"):r("--layout-sider-color-light","rgba(0, 0, 0, 0.85)")},r("--layout-trigger-transition","all 0.2s ease-in-out"),function(n){return"top"===n.$placement?"-1":"auto"},function(n){return"dark"===n.$theme?"linear-gradient(135deg, #002140 0%, ".concat(r("--idp-primary-color","#1890ff")," 100%)"):"linear-gradient(135deg, ".concat(r("--idp-primary-light-color","rgba(24, 100, 240, 0.1)")," 0%, ").concat(r("--idp-bg-color-light","#f5f5f5")," 100%)")},function(n){return"dark"===n.$theme?"#fff":r("--idp-primary-color","#1890ff")},function(n){var o=n.$placement,e=n.$theme;return"top"===o&&"\n    border-bottom: 1px solid ".concat("dark"===e?"#303030":r("--idp-border-color-light","#f0f0f0"),";\n  ")},function(n){var o=n.$placement,e=n.$theme;return"top"!==o&&"\n    border-top: 1px solid ".concat("dark"===e?"#303030":r("--idp-border-color-light","#f0f0f0"),";\n  ")},function(n){var o=n.$zeroWidthMode,r=n.$collapsed;return o&&r&&"\n    display: none;\n  "}),l=o.div(f||(f=n(["\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, "," 0%, "," 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: ",";\n  z-index: 100;\n  transition: all "," ",";\n\n  &:hover {\n    background: linear-gradient(135deg, "," 0%, #69c0ff 100%);\n    box-shadow: ",";\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n    box-shadow: ",";\n  }\n"],["\n  position: absolute;\n  top: 16px;\n  left: 16px;\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, "," 0%, "," 100%);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  box-shadow: ",";\n  z-index: 100;\n  transition: all "," ",";\n\n  &:hover {\n    background: linear-gradient(135deg, "," 0%, #69c0ff 100%);\n    box-shadow: ",";\n    transform: scale(1.05);\n  }\n\n  &:active {\n    transform: scale(0.95);\n    box-shadow: ",";\n  }\n"])),r("--idp-primary-color","#1890ff"),r("--idp-primary-hover-color","#40a9ff"),r("--idp-shadow-sm","0 2px 8px rgba(0, 0, 0, 0.15)"),r("--idp-transition-duration","0.2s"),r("--idp-transition-timing-function","ease-in-out"),r("--idp-primary-hover-color","#40a9ff"),r("--idp-shadow-md","0 4px 12px rgba(0, 0, 0, 0.25)"),r("--idp-shadow-extra-light","0 2px 8px rgba(0, 0, 0, 0.08)"));o.div(b||(b=n(["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n\n  ","\n"],["\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  overflow: hidden;\n\n  ","\n"])),function(n){return n.$hasSider&&"\n    flex-direction: row;\n  "});var c,u,s,g,p,f,b,h,x,m=o.main(h||(h=n(["\n  flex: 1;\n  padding: ",";\n  background: ",";\n  min-height: ",";\n  transition: ",";\n  overflow-y: auto;\n  box-sizing: border-box;\n  position: relative;\n\n  &.layout-content {\n    /* 外部可通过 .layout-content 选择器覆盖样式 */\n  }\n\n  ","\n\n  /* 滚动条样式 */\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ",";\n    border-radius: ",";\n    transition: background-color "," ease;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: ",";\n  }\n\n  /* Dark 主题滚动条样式 */\n  ","\n"],["\n  flex: 1;\n  padding: ",";\n  background: ",";\n  min-height: ",";\n  transition: ",";\n  overflow-y: auto;\n  box-sizing: border-box;\n  position: relative;\n\n  &.layout-content {\n    /* 外部可通过 .layout-content 选择器覆盖样式 */\n  }\n\n  ","\n\n  /* 滚动条样式 */\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ",";\n    border-radius: ",";\n    transition: background-color "," ease;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: ",";\n  }\n\n  /* Dark 主题滚动条样式 */\n  ","\n"])),r("--layout-content-padding","24px"),r("--layout-content-bg","transparent"),r("--layout-content-min-height","280px"),r("--layout-content-transition","all 0.2s ease-in-out"),function(n){return n.$fixed&&"\n    overflow-y: auto;\n  "},r("--idp-border-color-extra-light","#d9d9d9"),r("--idp-border-radius-sm","4px"),r("--idp-transition-duration","0.2s"),r("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),function(n){return"dark"===n.$theme&&"\n    &::-webkit-scrollbar-thumb {\n      background-color: color-mix(in srgb, ".concat(r("--idp-primary-color","#1890ff")," 50%, transparent);\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      background-color: color-mix(in srgb, ").concat(r("--idp-primary-color","#1890ff")," 70%, transparent);\n    }\n\n    scrollbar-width: thin;\n    scrollbar-color: color-mix(in srgb, ").concat(r("--idp-primary-color","#1890ff")," 50%, transparent) transparent;\n  ")}),y=o.footer(x||(x=n(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  border-top: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-footer {\n    /* 外部可通过 .layout-footer 选择器覆盖样式 */\n  }\n\n  ","\n"],["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  padding: ",";\n  background: ",";\n  color: ",";\n  height: ",";\n  border-top: ",";\n  z-index: ",";\n  transition: ",";\n  box-sizing: border-box;\n\n  &.layout-footer {\n    /* 外部可通过 .layout-footer 选择器覆盖样式 */\n  }\n\n  ","\n"])),r("--layout-footer-padding","24px 50px"),function(n){return"dark"===n.$theme?"linear-gradient(135deg, ".concat(r("--layout-footer-bg-dark","#001529")," 0%, #002140 100%)"):"linear-gradient(135deg, ".concat(r("--layout-footer-bg-light","#fff")," 0%, ").concat(r("--idp-bg-color","#fafafa")," 100%)")},function(n){return"dark"===n.$theme?r("--layout-footer-color-dark","#fff"):r("--layout-footer-color-light","rgba(0, 0, 0, 0.85)")},function(n){var o=n.$height;return"number"==typeof o?"".concat(o,"px"):o||r("--layout-footer-height","48px")},function(n){return"dark"===n.$theme?"var(--layout-footer-border, 1px solid #303030)":"var(--layout-footer-border, 1px solid ".concat(r("--idp-border-color-light","#f0f0f0"),")")},r("--layout-footer-z-index","10"),r("--layout-footer-transition","all 0.2s ease-in-out"),function(n){return n.$fixed&&"\n    position: fixed;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);\n  "});export{m as ContentWrapper,y as FooterWrapper,t as HeaderWrapper,e as LayoutWrapper,i as SiderContentWrapper,d as SiderTrigger,a as SiderWrapper,l as ZeroWidthTriggerInContent};

package/dist/types/Anchor/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AnchorProps, AnchorLinkProps } from './types';
+import './Anchor.css';
+declare const Anchor: React.FC<AnchorProps> & {
+    Link: React.FC<AnchorLinkProps>;
+};
+export default Anchor;

package/dist/types/Anchor/types.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface AnchorLinkProps {
+    href: string;
+    title: string;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface AnchorProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    offsetTop?: number;
+    affix?: boolean;
+    bounds?: number;
+    getContainer: () => HTMLElement;
+    onChange?: (activeLink: string) => void;
+}
+export interface AnchorItem {
+    href: string;
+    title: string;
+    top: number;
+}

package/dist/types/Breadcrumb/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './Breadcrumb.css';
+import { BreadcrumbProps } from './types';
+export declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;

package/dist/types/Breadcrumb/types.d.ts

@@ -0,0 +1,9 @@
+export interface BreadcrumbItem {
+    label: React.ReactNode;
+    href?: string;
+}
+export interface BreadcrumbProps {
+    items: BreadcrumbItem[];
+    separator?: string;
+    className?: string;
+}

package/dist/types/Button/Button.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './Button.css';
+export interface ButtonProps {
+    children?: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'link';
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+    icon?: string | React.ReactNode;
+    type?: 'button' | 'submit' | 'reset';
+    href?: string;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLElement>>;
+export default Button;

package/dist/types/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export * from './Button';

package/dist/types/Carousel/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { CarouselProps } from './types';
+import './Carousel.css';
+declare const Carousel: React.FC<CarouselProps>;
+export default Carousel;

package/dist/types/Carousel/styles.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { CarouselArrowPosition, CarouselIndicatorPosition } from './types';
+export declare const carouselStyle: CSSProperties;
+export declare const carouselTrackStyle: (direction: "horizontal" | "vertical") => CSSProperties;
+export declare const carouselItemStyle: CSSProperties;
+export declare const getIndicatorContainerStyle: (position: CarouselIndicatorPosition, direction: "horizontal" | "vertical") => CSSProperties;
+export declare const indicatorStyle: (active: boolean, position: CarouselIndicatorPosition) => CSSProperties;
+export declare const getArrowContainerStyle: (position: CarouselArrowPosition, _direction: "horizontal" | "vertical") => CSSProperties;
+export declare const arrowRightStyle: CSSProperties;
+export declare const carouselCardStyle: (index: number, activeIndex: number, cardNumber: number, cardSpacing: number) => CSSProperties;
+export declare const fadeItemStyle: CSSProperties;
+export declare const fadeActiveItemStyle: CSSProperties;

package/dist/types/Carousel/types.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+export type CarouselInfoPosition = 'bottom' | 'top' | 'left' | 'right' | 'center';
+export interface CarouselItem {
+    /** 唯一标识 */
+    key: string;
+    /** 图片地址 */
+    image: string;
+    /** 标题 */
+    title?: React.ReactNode;
+    /** 描述 */
+    description?: React.ReactNode;
+    /** 点击跳转链接 */
+    link?: string;
+    /** 自定义渲染内容 */
+    render?: () => React.ReactNode;
+    /** 文案位置 */
+    infoPosition?: CarouselInfoPosition;
+}
+export type CarouselEffect = 'slide' | 'fade' | 'flip' | 'cards' | 'creative' | 'coverflow' | 'parallax' | 'zoom' | 'book' | 'curtain' | 'mosaic' | 'rain';
+export type CarouselDirection = 'horizontal' | 'vertical';
+export type CarouselIndicatorPosition = 'bottom' | 'top' | 'left' | 'right' | 'center';
+export type CarouselArrowPosition = 'inside' | 'outside' | 'none';
+export interface CarouselProps {
+    /** 轮播数据 */
+    items: CarouselItem[];
+    /** 当前激活的索引 */
+    currentIndex?: number;
+    /** 默认激活的索引 */
+    defaultCurrentIndex?: number;
+    /** 切换时的回调 */
+    onChange?: (index: number) => void;
+    /** 是否自动播放 */
+    autoplay?: boolean;
+    /** 自动播放间隔(ms) */
+    interval?: number;
+    /** 切换动画效果 */
+    effect?: CarouselEffect;
+    /** 切换方向 */
+    direction?: CarouselDirection;
+    /** 是否显示指示器 */
+    showIndicators?: boolean;
+    /** 指示器位置 */
+    indicatorPosition?: CarouselIndicatorPosition;
+    /** 是否显示箭头 */
+    showArrows?: boolean;
+    /** 是否循环播放 */
+    loop?: boolean;
+    /** 是否暂停在hover时 */
+    pauseOnHover?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 内容区域类名 */
+    contentClassName?: string;
+    /** 内容区域样式 */
+    contentStyle?: React.CSSProperties;
+    /** 图片点击事件 */
+    onItemClick?: (item: CarouselItem, index: number) => void;
+    /** 切换动画时长(ms) */
+    duration?: number;
+    /** 自定义左箭头图标 */
+    prevIcon?: React.ReactNode;
+    /** 自定义右箭头图标 */
+    nextIcon?: React.ReactNode;
+    /** 自定义上箭头图标（垂直方向） */
+    upIcon?: React.ReactNode;
+    /** 自定义下箭头图标（垂直方向） */
+    downIcon?: React.ReactNode;
+    /** 是否启用指示器进度动画（自动播放时显示进度） */
+    indicatorProgress?: boolean;
+}

package/dist/types/Cascader/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CascaderProps } from './types';
+import './Cascader.css';
+declare const Cascader: React.FC<CascaderProps>;
+export default Cascader;

package/dist/types/Cascader/types.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface CascaderOption {
+    value: any;
+    label: React.ReactNode;
+    disabled?: boolean;
+    children?: CascaderOption[];
+}
+export interface CascaderProps {
+    value?: any[];
+    defaultValue?: any[];
+    onChange?: (value: any[], selectedOptions: CascaderOption[]) => void;
+    options?: CascaderOption[];
+    placeholder?: string;
+    disabled?: boolean;
+    size?: 'large' | 'middle' | 'small';
+    style?: React.CSSProperties;
+    className?: string;
+    allowClear?: boolean;
+    maxTagCount?: number;
+    showSearch?: boolean;
+    expandTrigger?: 'click' | 'hover';
+    changeOnSelect?: boolean;
+    fieldNames?: {
+        label?: string;
+        value?: string;
+        children?: string;
+    };
+    width?: number | string;
+    dropdownWidth?: number | string;
+    dropdownHeight?: number | string;
+    dropdownStyle?: React.CSSProperties;
+    dropdownClassName?: string;
+    placement?: 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
+    checkbox?: boolean;
+    autoWidth?: boolean;
+}

package/dist/types/Checkbox/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { CheckboxProps, CheckboxGroupProps } from './types';
+import './Checkbox.css';
+declare const Checkbox: React.FC<CheckboxProps> & {
+    Group: React.FC<CheckboxGroupProps>;
+};
+export default Checkbox;
+export * from './types';

package/dist/types/Checkbox/types.d.ts

@@ -0,0 +1,37 @@
+export interface CheckboxProps {
+    value?: any;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, value: any) => void;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** 标签文案，显示在复选框前面 */
+    label?: string | React.ReactNode;
+    /** 标签到复选框的距离 */
+    labelGap?: string | number;
+    /** 标签的CSS类名 */
+    labelClassName?: string;
+    /** 标签的样式 */
+    labelStyle?: React.CSSProperties;
+}
+export interface CheckboxGroupProps {
+    value?: any[];
+    defaultValue?: any[];
+    onChange?: (checkedValues: any[]) => void;
+    disabled?: boolean;
+    options?: Array<{
+        label: string | React.ReactNode;
+        value: any;
+        disabled?: boolean;
+    }>;
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    /** 排列方式：horizontal 横向排列，vertical 纵向排列 */
+    layout?: 'horizontal' | 'vertical';
+    /** 复选框之间的间距 */
+    gap?: number | string;
+}

package/dist/types/ColorPicker/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ColorPickerProps } from './types';
+import './ColorPicker.css';
+declare const ColorPickerComponent: React.FC<ColorPickerProps>;
+export default ColorPickerComponent;

package/dist/types/ColorPicker/types.d.ts

@@ -0,0 +1,15 @@
+export interface ColorPickerProps {
+    color: string;
+    onChange: (color: string) => void;
+    onColorChange?: (color?: string) => void;
+    variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning';
+    size?: 'large' | 'small' | 'middle';
+    disabled?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+    showText?: boolean;
+    alpha?: boolean;
+    presetColors?: string[];
+    gradient?: boolean;
+    children?: React.ReactNode;
+}

package/dist/types/CopyToClipboard/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CopyToClipboardProps } from './types';
+import useCopy from '../Hooks/useCopy';
+import './CopyToClipboard.css';
+declare const CopyToClipboard: React.FC<CopyToClipboardProps>;
+export default CopyToClipboard;
+export declare const useOnCopy: typeof useCopy;

package/dist/types/CopyToClipboard/types.d.ts

@@ -0,0 +1,5 @@
+export interface CopyToClipboardProps {
+    url: string;
+    onCopyStatusChange?: (status: 'success' | 'error') => void;
+    children?: React.ReactNode;
+}

package/dist/types/DatePicker/RangePicker.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DateRangePickerProps } from './types';
+declare const RangePicker: React.FC<DateRangePickerProps>;
+export default RangePicker;

package/dist/types/DatePicker/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import RangePicker from './RangePicker';
+import './DatePicker.css';
+import { DatePickerProps } from './types';
+declare const DatePicker: React.FC<DatePickerProps> & {
+    RangePicker: typeof RangePicker;
+};
+export default DatePicker;
+export type { DatePickerProps, DateRangePickerProps, DateFormat, CalendarPanelProps, CalendarHeaderProps, DateCellProps } from './types';