@zjpcy/simple-design 1.2.3 → 1.2.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/es/Anchor/index.js +1 -1
- package/dist/es/Button/Button.js +1 -1
- package/dist/es/Carousel/index.js +1 -0
- package/dist/es/Cascader/index.js +1 -1
- package/dist/es/Checkbox/index.js +1 -0
- package/dist/es/DatePicker/RangePicker.js +1 -0
- package/dist/es/DatePicker/index.js +1 -0
- package/dist/es/DatePicker/styles.js +1 -0
- package/dist/es/Drawer/index.js +1 -0
- package/dist/es/Dropdown/index.js +1 -1
- package/dist/es/Form/index.js +1 -1
- package/dist/es/Grid/index.js +1 -0
- package/dist/es/Grid/styles.js +1 -0
- package/dist/es/Hooks/useClickOutside.js +1 -0
- package/dist/es/Input/InputBase.js +1 -1
- package/dist/es/Input/Number.js +1 -1
- package/dist/es/Input/Password.js +1 -0
- package/dist/es/Input/Textarea.js +1 -0
- package/dist/es/Input/index.js +1 -1
- package/dist/es/Label/styles.js +1 -1
- package/dist/es/Layout/LayoutContext.js +1 -0
- package/dist/es/Layout/index.js +1 -0
- package/dist/es/Layout/styles.js +1 -0
- package/dist/es/Menu/index.js +1 -1
- package/dist/es/Message/Message.js +1 -1
- package/dist/es/Message/index.js +1 -1
- package/dist/es/Modal/index.js +1 -1
- package/dist/es/Notice/Notice.js +1 -1
- package/dist/es/Pagination/index.js +1 -1
- package/dist/es/Popconfirm/index.js +1 -0
- package/dist/es/Progress/index.js +1 -0
- package/dist/es/Radio/index.js +1 -1
- package/dist/es/Select/index.js +1 -1
- package/dist/es/Select/styles.js +1 -0
- package/dist/es/Slider/index.js +1 -1
- package/dist/es/Switch/styles.js +1 -1
- package/dist/es/Table/SortableRow.js +1 -0
- package/dist/es/Table/index.js +1 -1
- package/dist/es/Tag/index.js +1 -0
- package/dist/es/TimePicker/RangePicker.js +1 -0
- package/dist/es/TimePicker/TimePickerPanel.js +1 -0
- package/dist/es/TimePicker/index.js +1 -0
- package/dist/es/Tooltip/Tooltip.js +1 -1
- package/dist/es/Tree/index.js +1 -0
- package/dist/es/index.css +1 -1
- package/dist/es/index.js +1 -1
- package/dist/types/components/Button/Button.d.ts +3 -2
- package/dist/types/components/Carousel/index.d.ts +5 -0
- package/dist/types/components/Carousel/styles.d.ts +12 -0
- package/dist/types/components/Carousel/types.d.ts +72 -0
- package/dist/types/components/DatePicker/RangePicker.d.ts +4 -0
- package/dist/types/components/DatePicker/index.d.ts +9 -0
- package/dist/types/components/DatePicker/styles.d.ts +186 -0
- package/dist/types/components/DatePicker/types.d.ts +228 -0
- package/dist/types/components/Drawer/index.d.ts +6 -0
- package/dist/types/components/Drawer/styles.d.ts +0 -0
- package/dist/types/components/Drawer/types.d.ts +71 -0
- package/dist/types/components/Grid/index.d.ts +14 -0
- package/dist/types/components/Grid/styles.d.ts +22 -0
- package/dist/types/components/Grid/types.d.ts +49 -0
- package/dist/types/components/Input/AutoComplete.d.ts +0 -0
- package/dist/types/components/Input/InputBase.d.ts +4 -0
- package/dist/types/components/Input/Password.d.ts +13 -0
- package/dist/types/components/Input/Textarea.d.ts +51 -0
- package/dist/types/components/Input/index.d.ts +6 -2
- package/dist/types/components/Layout/LayoutContext.d.ts +15 -0
- package/dist/types/components/Layout/index.d.ts +86 -0
- package/dist/types/components/Layout/styles.d.ts +40 -0
- package/dist/types/components/Layout/types.d.ts +112 -0
- package/dist/types/components/Menu/index.d.ts +8 -1
- package/dist/types/components/Menu/styles.d.ts +7 -0
- package/dist/types/components/Menu/types.d.ts +56 -7
- package/dist/types/components/Message/types.d.ts +2 -1
- package/dist/types/components/Modal/types.d.ts +4 -0
- package/dist/types/components/Notice/Notice.d.ts +4 -1
- package/dist/types/components/Pagination/types.d.ts +15 -3
- package/dist/types/components/Popconfirm/index.d.ts +6 -0
- package/dist/types/components/Popconfirm/types.d.ts +30 -0
- package/dist/types/components/Progress/index.d.ts +6 -0
- package/dist/types/components/Progress/styles.d.ts +0 -0
- package/dist/types/components/Progress/types.d.ts +59 -0
- package/dist/types/components/Select/index.d.ts +25 -6
- package/dist/types/components/Select/styles.d.ts +45 -0
- package/dist/types/components/Select/types.d.ts +120 -27
- package/dist/types/components/Table/SortableRow.d.ts +26 -0
- package/dist/types/components/Table/index.d.ts +5 -1
- package/dist/types/components/Tag/index.d.ts +6 -0
- package/dist/types/components/Tag/styles.d.ts +52 -0
- package/dist/types/components/Tag/types.d.ts +46 -0
- package/dist/types/components/TimePicker/RangePicker.d.ts +4 -0
- package/dist/types/components/TimePicker/TimePickerPanel.d.ts +4 -0
- package/dist/types/components/TimePicker/index.d.ts +10 -0
- package/dist/types/components/TimePicker/styles.d.ts +33 -0
- package/dist/types/components/TimePicker/types.d.ts +151 -0
- package/dist/types/components/Tree/index.d.ts +12 -0
- package/dist/types/components/Tree/styles.d.ts +54 -0
- package/dist/types/components/Tree/types.d.ts +202 -0
- package/dist/types/components/index.d.ts +20 -2
- package/dist/variables.css +39 -0
- package/package.json +2 -1
- package/dist/es/Navigation/index.js +0 -1
- package/dist/types/components/Navigation/index.d.ts +0 -5
- package/dist/types/components/Navigation/types.d.ts +0 -43
|
@@ -0,0 +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};
|
package/dist/es/Menu/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as e
|
|
1
|
+
import{__spreadArray as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as n,jsx as i,Fragment as o}from"react/jsx-runtime";import t,{useCallback as l,useRef as c,useState as a,useMemo as r,useEffect as d}from"react";import{useClickOutside as s}from"../Hooks/useClickOutside.js";var u=t.memo(function(e){var t,c,r,s,m,p=e.item,h=e.level,f=e.mode,v=e.collapsed,g=e.theme,y=e.openKeySet,b=e.selectedKey,k=e.onItemClick,N=e.onToggleOpen,C=!!p.children&&p.children.length>0,K=y.has(p.key),w=b===p.key,z="horizontal"===f,O="inline"===f,S=0===h,T=l(function(e){e.stopPropagation(),p.disabled||(C&&N(p.key),k(p,p.key))},[p,k,N,C]),A=z&&S?16:O?12+24*h:v?0:12+16*h,I=K&&(!v||z),j=function(e){var n=a(e),i=n[0],o=n[1],t=a(e),l=t[0],c=t[1];return d(function(){var n;return e?(c(!0),n=requestAnimationFrame(function(){o(!0)})):(o(!1),n=setTimeout(function(){c(!1)},150)),function(){"number"==typeof n?cancelAnimationFrame(n):clearTimeout(n)}},[e]),{isVisible:i,shouldRender:l}}(I&&z&&S),x=j.isVisible,F=j.shouldRender,H=C&&(!v||!S),M=g||"light";return n("div",{className:"idp-menu-item-wrapper ".concat(S?"root":""),children:[i("div",{className:"\n idp-menu-item\n ".concat(w?"selected":"","\n ").concat(p.disabled?"disabled":"","\n ").concat(C?"has-children":"","\n ").concat(S?"root":"","\n ").concat(v&&S?"collapsed":"","\n ").concat(f,"\n ").concat(M,"\n "),style:{paddingLeft:A},title:v&&S?p.label:void 0,onClick:T,children:n("div",{className:"idp-menu-item-content",children:[p.icon&&i("span",{className:"idp-menu-item-icon ".concat(v&&S?"collapsed":""),children:p.icon}),(!v||!S)&&i(o,{children:i("span",{className:"idp-menu-item-label",children:p.label})}),v&&S&&!p.icon&&i("span",{className:"idp-menu-item-collapsed-label",children:(s=p.label,m||s.charAt(0).toUpperCase())}),H&&i("span",{className:"idp-menu-item-arrow ".concat(I?"open":""," ").concat(f),children:i("svg",{viewBox:"0 0 1024 1024",width:"10",height:"10",fill:"currentColor",children:i("path",{d:"M840.4 300H183.6c-19.7 0-30.7 25.7-18.5 40.5l328.4 402.4c9.4 11.6 26.7 11.6 36.1 0l328.4-402.4c12.2-14.8 1.2-40.5-18.5-40.5z"})})})]})}),C&&(!z||!S||F)&&i("div",{className:"idp-menu-submenu-wrapper ".concat(f," ").concat(z&&S?"horizontal-popup-wrapper":""),children:i("div",{className:"idp-menu-submenu ".concat((c=z&&S?"horizontal-popup":"",r=O&&I?"open inline":"",z&&S?"".concat(z&&S?x?"open":"":I?"open":""," ").concat(c).trim():O?r:I?"open":"")," ").concat(f),children:i("div",{className:"idp-menu-submenu-content",children:null===(t=p.children)||void 0===t?void 0:t.map(function(e){return i(u,{item:e,level:h+1,mode:f,collapsed:v,theme:g,openKeySet:y,selectedKey:b,onItemClick:k,onToggleOpen:N},e.key)})})})})]})});u.displayName="MenuItemComponent";var m=function(n){var o=n.mode,t=void 0===o?"vertical":o,m=n.items,p=n.className,h=void 0===p?"":p,f=n.style,v=n.selectedKey,g=n.defaultOpenKeys,y=void 0===g?[]:g,b=n.openKeys,k=n.collapsed,N=void 0!==k&&k,C=n.open,K=n.theme,w=void 0===K?"light":K,z=n.onChange,O=n.onOpenChange,S=c(null),T=a(!0)[0],A=a(y),I=A[0],j=A[1],x=a(""),F=x[0],H=x[1],M=void 0!==b,R=void 0!==v,V=M?b:I,q=R?v:F,B=void 0!==C?C:T,L=r(function(){return new Set(V)},[V]);d(function(){void 0!==v&&H(v)},[v]),d(function(){if(q&&!M&&"horizontal"!==t){var n=function(i,o,t){void 0===t&&(t=[]);for(var l=0,c=i;l<c.length;l++){var a=c[l];if(a.key===o)return t;if(a.children&&a.children.length>0){var r=n(a.children,o,e(e([],t,!0),[a.key],!1));if(r.length>0)return r}}return[]},i=n(m,q);i.length>0&&j(function(n){var o=new Set(e(e([],n,!0),i,!0));return Array.from(o)})}},[q,m,M,t]);var P=l(function(e,n){R||H(n),null==z||z(e,n),"horizontal"===t&&(!e.children||0===e.children.length)&&V.length>0&&(M||j([]),null==O||O([]))},[z,R,t,V.length,M,O]),U=l(function(n){if(M){var i=L.has(n)?V.filter(function(e){return e!==n}):e(e([],V,!0),[n],!1);null==O||O(i)}else j(function(i){var o=i.includes(n)?i.filter(function(e){return e!==n}):e(e([],i,!0),[n],!1);return null==O||O(o),o})},[L,V,M,O]),_="horizontal"!==t&&N;return s(S,l(function(){"horizontal"===t&&V.length>0&&(M||j([]),null==O||O([]))},[t,V.length,M,O])),B?i("div",{ref:S,className:"idp-menu idp-menu-".concat(w," idp-menu-").concat(t," ").concat(_?"collapsed":""," ").concat(h),style:f,role:"menu",children:m.map(function(e){return i(u,{item:e,level:0,mode:t,collapsed:_,theme:w,openKeySet:L,selectedKey:q,onItemClick:P,onToggleOpen:U},e.key)})}):null};export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as n,useEffect as c}from"react";import s from"../Icon/Icon.js";var t=function(t){var a=t.type,o=t.content,i=t.duration,u=void 0===i?3e3:i,l=t.className,d=void 0===l?"":l,m=t.style,p=t.onClose,f=n(!0),v=f[0],g=f[1];if(c(function(){if(u>0){var r=setTimeout(function(){g(!1),null==p||p()},u);return function(){return clearTimeout(r)}}},[u,p]),!v)return null;return r("div",{className:"idp-message idp-message--".concat(a," ").concat(d," ").concat(v?"idp-message--show":""),style:m,children:e("div",{className:"idp-message-content",children:[r(s,{type:function(){switch(a){case"success":return"success";case"warning":return"warning";case"error":return"error";default:return"infoCircleFill"}}(),size:20,color:function(){switch(a){case"success":return"var(--idp-success-color)";case"warning":return"var(--idp-warning-color)";case"error":return"var(--idp-error-color)";default:return"var(--idp-primary-color)"}}()}),r("span",{className:"idp-message-text",children:o})]})})};export{t as default};
|
package/dist/es/Message/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__spreadArray as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o,useCallback as i,useContext as u}from"react";import{createRoot as c}from"react-dom/client";import s from"./Message.js";var
|
|
1
|
+
import{__spreadArray as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{createContext as r,useState as o,useCallback as i,useContext as u}from"react";import{createRoot as c}from"react-dom/client";import s from"./Message.js";var f=0,a=new Map,d=function(n){var t=a.get(n);if(t){var e=t.container;t.root.unmount(),document.body.contains(e)&&document.body.removeChild(e),a.delete(n)}},l=function(n,t,r){void 0===r&&(r=3e3);var o=++f,i=function(){var n=document.createElement("div");return n.style.position="fixed",n.style.top="20px",n.style.left="50%",n.style.transform="translateX(-50%)",n.style.zIndex="1050",n.style.pointerEvents="none",document.body.appendChild(n),n}(),u=c(i);u.render(e(s,{type:n,content:t,duration:r,onClose:function(){d(o)}})),a.set(o,{container:i,root:u});var l=setTimeout(function(){d(o)},r);return{close:function(){clearTimeout(l),d(o)}}},m={success:function(n,t){l("success",n,t)},warning:function(n,t){l("warning",n,t)},error:function(n,t){l("error",n,t)},info:function(n,t){l("info",n,t)},close:function(){a.forEach(function(n,t){return d(t)})}},p=r({message:null}),v=function(r){var u=r.children,c=o([]),f=c[0],a=c[1],d=o(0),l=d[0],m=d[1],v=i(function(t,e,r){void 0===r&&(r=3e3);var o=l;m(function(n){return n+1}),a(function(i){return n(n([],i,!0),[{id:o,type:t,content:e,duration:r}],!1)});var i=setTimeout(function(){u(o)},r),u=function(n){a(function(t){return t.filter(function(t){return t.id!==n})})};return{close:function(){clearTimeout(i),u(o)}}},[l]),y={success:function(n,t){return v("success",n,t)},warning:function(n,t){return v("warning",n,t)},error:function(n,t){return v("error",n,t)},info:function(n,t){return v("info",n,t)},close:function(){return a([])}};return t(p.Provider,{value:{message:y},children:[u,f.map(function(n){return e(s,{type:n.type,content:n.content,duration:n.duration,onClose:function(){return a(function(t){return t.filter(function(t){return t.id!==n.id})})}},n.id)})]})},y=function(){var n=u(p);return(null==n?void 0:n.message)?n.message:m};export{v as MessageProvider,s as default,m as message,y as useMessage};
|
package/dist/es/Modal/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as i}from"../node_modules/tslib/tslib.es6.js";import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useState as e,useRef as t,useEffect as r}from"react";import{createPortal as d}from"react-dom";import a from"classnames";import l from"../Icon/Icon.js";import c from"../Flex/index.js";import m from"../Button/Button.js";var s=function(s){var p,u=s.visible,v=s.title,h=void 0===v?"标题":v,f=s.width,g=void 0===f?600:f,x=s.height,y=void 0===x?300:x,b=s.headerHeight,N=void 0===b?40:b,w=s.footerHeight,k=void 0===w?40:w,C=s.confirmLoading,_=void 0!==C&&C,j=s.direction,H=void 0===j?"normal":j,I=s.top,T=s.onCancel,W=s.onOk,z=s.children,B=s.footer,L=void 0===B?null:B,O=s.bordered,E=void 0!==O&&O,S=s.className,F=s.style,M=s.okText,P=void 0===M?"确认":M,X=s.cancelText,Y=void 0===X?"取消":X,$=s.getContainer,q=void 0===$?function(){return document.body}:$,A=s.maskStyle,D=s.maskClassName,G=s.zIndex,J=void 0===G?1e3:G,K=s.contentClassName,Q=s.contentStyle,R=s.destroyOnClose,U=void 0!==R&&R,V=s.loading,Z=void 0!==V&&V,ii=s.loadingIcon,oi=e(!1),ni=oi[0],ei=oi[1],ti=e(!1),ri=ti[0],di=ti[1],ai=e({x:0,y:0}),li=ai[0],ci=ai[1],mi=t(null),si=H,pi=function(i){if("number"==typeof i)return i;var o=i.match(/^(\d+)px$/);return o?parseInt(o[1],10):0};r(function(){var i=function(i){mi.current={x:i.clientX,y:i.clientY}};return document.addEventListener("mousedown",i,!0),function(){document.removeEventListener("mousedown",i,!0)}},[]),r(function(){if(!u){di(!0);var i=setTimeout(function(){ei(!1),di(!1)},550);return function(){return clearTimeout(i)}}var o=function(){var i=mi.current;if(!i||"undefined"==typeof window)return{x:0,y:0};var o=y?pi(y):0;if("center"===si&&void 0!==I){var n=window.innerWidth/2,e=I+(o>0?o/2:0);return{x:i.x-n,y:i.y-e}}if("center"===si)return n=window.innerWidth/2,e=window.innerHeight/2,{x:i.x-n,y:i.y-e};if(void 0!==I&&o>0)return n=window.innerWidth/2,e=I+o/2,{x:i.x-n,y:i.y-e};return n=window.innerWidth/2,e=window.innerHeight/2,{x:i.x-n,y:i.y-e}}();ci(o),di(!1),ei(!0)},[u,550,y,I,U]);var ui=function(){di(!0);var i=setTimeout(function(){ei(!1),di(!1),null==T||T()},550);return function(){return clearTimeout(i)}},vi=function(){null==W||W()},hi=i(((p={width:"number"==typeof g?"".concat(g,"px"):g,top:void 0!==I?"".concat(I,"px"):void 0})["--idp-modal-origin-x"]="".concat(li.x,"px"),p["--idp-modal-origin-y"]="".concat(li.y,"px"),p),F),fi={height:"number"==typeof N?"".concat(N,"px"):N},gi=y?pi(y):0,xi=pi(N),yi=pi(k),bi=gi>0?Math.max(0,gi-xi-yi):void 0,Ni=i({},Q);if(!Ni.maxHeight&&y){var wi=pi(y);Ni.maxHeight="".concat(wi,"px")}!Ni.maxHeight&&bi&&(Ni.maxHeight="".concat(bi,"px"));var ki={height:"number"==typeof k?"".concat(k,"px"):k},Ci=function(){if(!ni&&!ri)return null;var e=i({zIndex:J},A);return o("div",{className:a("idp-modal-overlay",{"idp-modal-overlay--visible":ni,"idp-modal-overlay--closing":ri,"idp-modal-overlay--custom-top":void 0!==I},S,D),onClick:ui,style:e,children:n("div",{className:a("idp-modal-container",{"idp-modal-container--center-top":ni&&!ri&&"center"===si&&void 0!==I,"idp-modal-container--center":ni&&!ri&&"center"===si&&void 0===I,"idp-modal-container--top-right":ni&&!ri&&"top-right"===si,"idp-modal-container--bottom-right":ni&&!ri&&"bottom-right"===si,"idp-modal-container--bottom-left":ni&&!ri&&"bottom-left"===si,"idp-modal-container--normal":ni&&!ri&&"normal"===si,"idp-modal-container--closing-center-top":ri&&"center"===si&&void 0!==I,"idp-modal-container--closing-center":ri&&"center"===si&&void 0===I,"idp-modal-container--closing-top-right":ri&&"top-right"===si,"idp-modal-container--closing-bottom-right":ri&&"bottom-right"===si,"idp-modal-container--closing-bottom-left":ri&&"bottom-left"===si,"idp-modal-container--closing-normal":ri&&"normal"===si,"idp-modal-container--bordered":E,"idp-modal-container--has-height":void 0!==y}),style:hi,onClick:function(i){return i.stopPropagation()},children:[Z?o("div",ii?{className:"idp-modal-loading",children:o("div",{className:"idp-modal-loading-content",children:ii})}:{className:"idp-modal-loading",children:o("div",{className:"idp-modal-loading-content",children:o("div",{className:"idp-modal-loading-spinner",children:n("svg",{viewBox:"0 0 24 24",className:"idp-modal-loading-icon",children:[o("circle",{className:"idp-modal-loading-track",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"}),o("circle",{className:"idp-modal-loading-indicator",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"})]})})})}):null,n("div",{className:"idp-modal-header",style:fi,children:[o("div",{className:"idp-modal-header__left",children:o("span",{className:"idp-modal-header__title",children:h})}),o("div",{className:"idp-modal-header__right",children:o("div",{className:"idp-modal-close-btn",onClick:ui,children:o(l,{type:"close",size:20,color:"currentColor"})})})]}),ni&&o("div",{className:a("idp-modal-content",K),style:Ni,children:U&&ri?null:z}),o(c,{className:"idp-modal-footer",align:"center",justify:"flex-end",style:Object.assign({},ki,{padding:"0px 10px"}),gap:12,children:null===L?n(c,{className:"idp-modal-footer__actions",justify:"flex-end",gap:12,children:[o(m,{variant:"secondary",onClick:ui,disabled:_,children:Y||"取消"}),o(m,{variant:"primary",onClick:vi,loading:_,children:P||"确认"})]}):L})]})})}();if(!Ci)return null;if(!1===q)return Ci;var _i="function"==typeof q?q():q;return _i?d(Ci,_i):Ci};export{s as default};
|
package/dist/es/Notice/Notice.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as n}from"react/jsx-runtime";import t from"../node_modules/react-fast-marquee/dist/index.js";import o from"react";var c=function(c){var s=c.text,a=void 0===s?"":s,l=c.speed,d=void 0===l?50:l,r=c.height,p=void 0===r?60:r,m=c.icon,h=void 0===m?null:m,u=c.styles,v=void 0===u?{}:u,f=c.closeStyle,y=void 0===f?{}:f,x=c.showCloseButton,N=void 0!==x&&x,g=c.floatingTop,b=void 0!==g&&g,j=c.pauseOnHover,k=void 0===j||j,w=c.type,A=void 0===w?"primary":w,C=c.className,H=void 0===C?"":C,O=o.useState(!0),S=O[0],_=O[1];if(!a||!S)return null;return i("div",{className:"idp-notice idp-notice--".concat(A," ").concat(b?"idp-notice-floating":""," ").concat(H),style:e({height:"".concat(p,"px")},v),children:[i(t,{pauseOnHover:k,speed:d,gradient:!1,children:[n("span",{style:{width:"1200px"}}),Array.isArray(a)?n("div",{className:"idp-notice-content",children:a.map(function(e,t){return i("span",{style:{marginRight:"15px",display:"inline-block"},children:[h?n("span",{className:"idp-notice-icon",children:h}):null,n("span",{className:"idp-notice-text",children:e})]},t)})}):n("div",{className:"idp-notice-content",children:i("span",{children:[h?n("span",{className:"idp-notice-icon",children:h}):null,n("span",{className:"idp-notice-text",children:a})]})})]}),N&&n("div",{className:"idp-notice-close",style:e({height:"".concat(p,"px")},y),onClick:function(){_(!1)},children:n("span",{className:"idp-notice-close-icon",children:"×"})})]})};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as o,useCallback as r}from"react";var
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as n,useRef as t,useEffect as o,useCallback as r}from"react";import a from"../Icon/Icon.js";var c=function(a){var c=a.value,s=a.options,l=a.onChange,d=n(!1),u=d[0],p=d[1],v=t(null),f=t(null),h=n({}),m=h[0],g=h[1],w=r(function(){var e,i;if(v.current){var n=v.current.getBoundingClientRect(),t=window.innerHeight,o=(null===(e=f.current)||void 0===e?void 0:e.offsetWidth)||120,r=(null===(i=f.current)||void 0===i?void 0:i.offsetHeight)||200,a=n.left+n.width/2-o/2+window.scrollX,c=t-n.bottom,s=c>=r||c>=n.top;g(s?{top:n.bottom+window.scrollY+6,left:a,width:"auto",minWidth:Math.max(o,120)}:{top:n.top+window.scrollY-r-6,left:a,width:"auto",minWidth:Math.max(o,120)})}},[]);o(function(){var e=function(e){v.current&&!v.current.contains(e.target)&&p(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]),o(function(){if(u){w();var e=function(){return w()};return window.addEventListener("resize",e),window.addEventListener("scroll",e,!0),function(){window.removeEventListener("resize",e),window.removeEventListener("scroll",e,!0)}}},[u,w]);return e("div",{className:"idp-page-size-select",ref:v,children:[e("div",{className:"idp-page-size-select-trigger ".concat(u?"is-open":""),onClick:function(){p(!u),u||setTimeout(w,0)},children:[e("span",{className:"idp-page-size-select-value",children:[c," 条/页"]}),i("svg",{className:"idp-page-size-select-arrow",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",children:i("path",{d:"M6 8L1 3h10z",fill:"currentColor"})})]}),u&&i("div",{className:"idp-page-size-select-dropdown is-open",ref:f,style:m,children:s.map(function(i){var n="number"==typeof i?i:parseInt(i,10);return e("div",{className:"idp-page-size-select-option ".concat(c===n?"is-selected":""),onClick:function(){return l(n),void p(!1)},children:[i," 条/页"]},i)})})]})},s=function(r){var s=r.total,l=void 0===s?0:s,d=r.current,u=r.pageSize,p=void 0===u?10:u,v=r.onChange,f=r.pageSizeOptions,h=void 0===f?["10","20","50","100"]:f,m=r.showSizeChanger,g=void 0!==m&&m,w=r.showQuickJumper,N=void 0!==w&&w,y=r.showTotal,z=r.size,x=void 0===z?"default":z,C=r.align,k=r.className,L=void 0===k?"":k,b=r.style,E=n(1),I=E[0],M=E[1],S=n(p),W=S[0],j=S[1],B=t(!0),H=void 0!==d?d:I,R=void 0!==p?p:W,T=Math.ceil(l/R),Y=t(v);Y.current=v,o(function(){void 0!==p&&j(p)},[p]),o(function(){void 0!==d&&M(d)},[d]),o(function(){if(B.current)B.current=!1;else if(H>T&&T>0){var e=T;void 0===d&&M(e),Y.current&&Y.current(e,R)}},[H,T,d,R]);var q=function(e){e===H||e<1||e>T||(void 0===d&&M(e),v&&v(e,R))},A=(H-1)*R+1,J=Math.min(H*R,l),K="center"===C?"align-center":"flex-end"===C?"align-right":"";return e("div",{className:"idp-pagination ".concat("small"===x?"mini":""," ").concat(K," ").concat(L),style:b,children:[y&&i("div",{className:"idp-pagination-total-text",children:y(l,[A,J])}),e("ul",{className:"idp-pagination-list",children:[i("li",{className:"idp-pagination-prev ".concat(H<=1?"idp-pagination-prev-disabled":""),onClick:function(){H>1&&q(H-1)},children:i(a,{type:"arrowLeft"})}),function(){if(T<=7)return Array.from({length:T},function(e,i){return i+1});var e=[];if(e.push(1),H<=4){for(var i=2;i<=5;i++)e.push(i);e.push("..."),e.push(T)}else if(H>=T-3){e.push("...");for(i=T-4;i<=T-1;i++)e.push(i);e.push(T)}else{e.push("...");for(i=H-1;i<=H+1;i++)e.push(i);e.push("..."),e.push(T)}return e}().map(function(e,n){return i("li",{className:"number"==typeof e?"idp-pagination-item ".concat(e===H?"idp-pagination-item-active":""):"idp-pagination-ellipsis",onClick:function(){return"number"==typeof e&&q(e)},children:e},n)}),i("li",{className:"idp-pagination-next ".concat(H>=T?"idp-pagination-next-disabled":""),onClick:function(){H<T&&q(H+1)},children:i(a,{type:"arrowRight"})})]}),(g||N)&&e("div",{className:"idp-pagination-options",children:[g&&i(c,{value:R,options:h,onChange:function(e){return function(e){var i=parseInt(e,10);void 0===p&&j(i),void 0===d&&M(1),v&&v(1,i)}(e.toString())}}),N&&e("div",{className:"idp-pagination-options-quick-jumper",children:[i("div",{style:{minWidth:"30px"},children:"跳至"}),i("input",{type:"text",onKeyPress:function(e){if("Enter"===e.key){var i=e.target,n=parseInt(i.value,10);!isNaN(n)&&n>=1&&n<=T&&(q(n),i.value="")}},placeholder:"页码"}),"页"]})]})]})};export{s as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as t,__awaiter as o,__generator as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as i,Fragment as n,jsx as r}from"react/jsx-runtime";import{useState as c,useRef as p,useEffect as a,cloneElement as l}from"react";import{createPortal as d}from"react-dom";import s from"classnames";import f from"../Icon/Icon.js";import m from"../Button/Button.js";var h=function(h){var u=h.title,g=void 0===u?"确认删除吗?":u,v=h.description,b=h.okText,w=void 0===b?"确定":b,y=h.cancelText,B=void 0===y?"取消":y,L=h.okButtonProps,k=void 0===L?{}:L,T=h.cancelButtonProps,R=void 0===T?{}:T,C=h.onConfirm,N=h.onCancel,x=h.disabled,E=void 0!==x&&x,z=h.icon,j=h.type,P=void 0===j?"warning":j,D=h.placement,I=void 0===D?"top":D,H=h.showCancel,W=void 0===H||H,_=h.getContainer,q=void 0===_?function(){return document.body}:_,A=h.className,F=h.style,G=h.children,J=c(!1),K=J[0],M=J[1],O=c(!1),Q=O[0],S=O[1],U=c({top:0,left:0}),V=U[0],X=U[1],Y=p(null),Z=p(null),$={top:"idp-popconfirm-top",bottom:"idp-popconfirm-bottom",left:"idp-popconfirm-left",right:"idp-popconfirm-right",topLeft:"idp-popconfirm-topLeft",topRight:"idp-popconfirm-topRight",bottomLeft:"idp-popconfirm-bottomLeft",bottomRight:"idp-popconfirm-bottomRight",leftTop:"idp-popconfirm-leftTop",leftBottom:"idp-popconfirm-leftBottom",rightTop:"idp-popconfirm-rightTop",rightBottom:"idp-popconfirm-rightBottom"},tt=function(){if(Y.current&&Z.current){var t=Y.current.getBoundingClientRect(),o=Z.current.getBoundingClientRect(),e=0,i=0;switch(I){case"top":case"topLeft":case"topRight":e=t.top-o.height-8,i=t.left+(t.width-o.width)/2,"topLeft"===I?i=t.left:"topRight"===I&&(i=t.right-o.width);break;case"bottom":case"bottomLeft":case"bottomRight":e=t.bottom+8,i=t.left+(t.width-o.width)/2,"bottomLeft"===I?i=t.left:"bottomRight"===I&&(i=t.right-o.width);break;case"left":case"leftTop":case"leftBottom":e=t.top+(t.height-o.height)/2,i=t.left-o.width-8,"leftTop"===I?e=t.top:"leftBottom"===I&&(e=t.bottom-o.height);break;case"right":case"rightTop":case"rightBottom":e=t.top+(t.height-o.height)/2,i=t.right+8,"rightTop"===I?e=t.top:"rightBottom"===I&&(e=t.bottom-o.height)}var n=window.innerWidth,r=window.innerHeight;i<10&&(i=10),i+o.width>n-10&&(i=n-o.width-10),e<10&&(e=10),e+o.height>r-10&&(e=r-o.height-10),X({top:e,left:i})}},ot=function(t){E||(t&&t.preventDefault&&t.preventDefault(),t&&t.stopPropagation&&t.stopPropagation(),M(!0))},et=function(){return o(void 0,void 0,void 0,function(){return e(this,function(t){switch(t.label){case 0:if(!C)return[3,5];S(!0),t.label=1;case 1:return t.trys.push([1,,3,4]),[4,C()];case 2:return t.sent(),M(!1),[3,4];case 3:return S(!1),[7];case 4:return[3,6];case 5:M(!1),t.label=6;case 6:return[2]}})})},it=function(){N&&N(),M(!1)},nt=function(t){Z.current&&!Z.current.contains(t.target)&&Y.current&&!Y.current.contains(t.target)&&M(!1)};a(function(){if(K){setTimeout(function(){tt()},0),document.addEventListener("mousedown",nt);var t=function(){return tt()},o=function(){return tt()};return window.addEventListener("scroll",t,!0),window.addEventListener("resize",o),function(){document.removeEventListener("mousedown",nt),window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",o)}}},[K,I]);var rt,ct;return i(n,{children:[(rt=G,ct=rt.props||{},r("span",{ref:Y,style:{display:"inline-block"},children:l(rt,t(t({},ct),{onClick:ot}))})),function(){if(!K)return null;var o,e=i("div",{ref:Z,className:s("idp-popconfirm","idp-popconfirm-visible",$[I],"idp-popconfirm--".concat(P),A),style:t({position:"fixed",top:"".concat(V.top,"px"),left:"".concat(V.left,"px")},F),children:[r("div",{className:"idp-popconfirm-arrow"}),i("div",{className:"idp-popconfirm-inner",children:[i("div",{className:"idp-popconfirm-header",children:[r("span",{style:{display:z?"inline-block":"none"},className:"idp-popconfirm-icon",children:z||(o={info:{type:"info-circle",color:"#1890ff"},success:{type:"check-circle",color:"#52c41a"},warning:{type:"warning-circle",color:"#faad14"},error:{type:"close-circle",color:"#f5222d"},danger:{type:"close-circle",color:"#f5222d"}}[P],r(f,{type:o.type,size:18,color:o.color}))}),r("span",{className:"idp-popconfirm-title",children:g})]}),v&&r("div",{className:"idp-popconfirm-description",children:v}),i("div",{className:"idp-popconfirm-actions",children:[W&&r(m,{variant:R.variant||"secondary",onClick:it,disabled:R.disabled||Q,size:"small",children:B}),r(m,{variant:k.variant||"primary",onClick:et,loading:k.loading||Q,disabled:k.disabled,size:"small",children:w})]})]})]});if(!1===q)return e;var n="function"==typeof q?q():q;return n?d(e,n):e}()]})};export{h as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as r}from"../node_modules/tslib/tslib.es6.js";import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import n from"classnames";import o from"../Icon/Icon.js";var t=function(t){var c,a,d,p=t.percent,l=void 0===p?0:p,f=t.type,u=void 0===f?"line":f,g=t.status,m=t.showInfo,h=void 0===m||m,v=t.format,x=t.strokeColor,y=void 0===x?"#1890ff":x,b=t.trailColor,k=void 0===b?"gainsboro":b,N=t.strokeWidth,w=t.size,M=void 0===w?"default":w,C=t.transition,j=void 0===C||C,I=t.steps,z=t.segments,W=t.icon,D=t.prefix,A=t.suffix,B=t.children,G=t.className,L=t.style,P=g||(l>=100?"success":l<0?"exception":"normal"),_=function(){return v?v(l):"".concat(Math.floor(l),"%")},q=function(r){return"object"==typeof r&&"from"in r&&"to"in r},E=function(){return"success"===P?"#52c41a":"exception"===P?"#ff4d4f":q(y)?y.from:y},F=function(){return W||("success"===P?s(o,{type:"check-circle",style:{color:"#52c41a"}}):"exception"===P?s(o,{type:"close-circle",style:{color:"#ff4d4f"}}):null)};if("circle"===u||"dashboard"===u){var H=50-(N||6),J=2*Math.PI*H,K=J-l/100*J,O="success"===P?"#52c41a":"exception"===P?"#ff4d4f":y,Q=q(O)?(a=(c=O).from,d=c.to,"from-".concat(a.replace("#",""),"-to-").concat(d.replace("#",""))):null;return e("div",{className:n("idp-progress","idp-progress--circle",G),style:L,children:[e("svg",{width:120,height:120,viewBox:"0 0 120 120",style:{transform:"rotate(-90deg)"},children:[Q&&s("defs",{children:e("linearGradient",{id:Q,x1:"0%",y1:"0%",x2:"100%",y2:"0%",children:[s("stop",{offset:"0%",stopColor:O.from}),s("stop",{offset:"100%",stopColor:O.to})]})}),s("circle",{cx:60,cy:60,r:H,stroke:k,strokeWidth:N||6,fill:"none"}),s("circle",{cx:60,cy:60,r:H,stroke:Q?"url(#".concat(Q,")"):E(),strokeWidth:N||6,fill:"none",strokeDasharray:J,strokeDashoffset:K,strokeLinecap:"round",style:{transition:j?"stroke-dashoffset 0.3s cubic-bezier(0.34, 0.69, 0.1, 1)":"none"}})]}),h&&s("div",{className:"idp-progress-info",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",margin:0},children:B||e(i,{children:[F(),D,_(),A]})})]})}var R=function(r){var e=r.color;if(q(e)){var s=e.from,i=e.to,n=e.direction;return{background:"linear-gradient(".concat(void 0===n?"to right":n,", ").concat(s,", ").concat(i,")")}}return{backgroundColor:e}};return e("div",{className:n("idp-progress","idp-progress--".concat(M),"idp-progress--line",{"idp-progress--success":"success"===P},{"idp-progress--exception":"exception"===P},{"idp-progress--steps":I&&I>0},{"idp-progress--has-segments":z&&z.length>0},G),style:L,children:[s("div",{className:"idp-progress-wrapper",children:s("div",{className:"idp-progress-outer",children:I&&I>0?function(){if(!I||I<=0)return null;var r=l/100,e=Math.min(1,Math.max(0,r)),i=Array.from({length:I},function(r,i){var o=i/I,t=(i+1)/I;return s("div",{className:n("idp-progress-step",{"idp-progress-step--completed":e>=t,"idp-progress-step--current":e>o&&e<t,"idp-progress-step--pending":e<=o,"idp-progress-step--success":e>=1}),style:{transition:j?"all var(--idp-transition-duration) var(--idp-transition-timing-function)":"none"}},i)});return s("div",{className:"idp-progress-steps",children:i})}():z&&z.length>0?function(){if(!z||0===z.length)return null;var e=z.reduce(function(r,e){return r+e.percent},0),i=void 0===l||0===l?e:l,o=e>0?i/e:i/100,t=Math.min(1,Math.max(0,o)),c=0,a=z.map(function(i,o){var a=i.percent,d=c/e,p=(c+a)/e;c+=a;var l=t<=d;return s("div",{className:n("idp-progress-segment",{"idp-progress-segment--completed":t>=p,"idp-progress-segment--current":t>d&&t<p,"idp-progress-segment--pending":l}),style:r(r({width:"".concat(a,"%")},l?{}:R(i)),{transition:j?"all var(--idp-transition-duration) var(--idp-transition-timing-function)":"none"})},o)}),d=100-e;return d>0&&a.push(s("div",{className:"idp-progress-segment idp-progress-segment--remaining",style:{width:"".concat(d,"%"),backgroundColor:"gainsboro",transition:j?"all var(--idp-transition-duration) var(--idp-transition-timing-function)":"none"}},"remaining")),s("div",{className:"idp-progress-segments",children:a})}():s("div",{className:"idp-progress-inner",style:{background:k},children:s("div",{className:n("idp-progress-bg",{"idp-progress-bg--success":"success"===P,"idp-progress-bg--exception":"exception"===P,"idp-progress-bg--animated":function(){var r="success"===P?"#52c41a":"exception"===P?"#ff4d4f":y;return q(r)&&!0===r.animated}()}),style:r(r({width:"".concat(Math.min(100,Math.max(0,l)),"%"),backgroundColor:q(y)?void 0:E()},function(){var r="success"===P?"#52c41a":"exception"===P?"#ff4d4f":y;if(q(r)){var e=r.from,s=r.to,i=r.direction;return{background:"linear-gradient(".concat(void 0===i?"to right":i,", ").concat(e,", ").concat(s,")")}}return{}}()),{transition:j?"width 0.3s cubic-bezier(0.34, 0.69, 0.1, 1)":"none"})})})})}),h&&e("div",{className:"idp-progress-info",children:[F()&&s("span",{className:"idp-progress-icon",children:F()}),D&&s("span",{className:"idp-progress-prefix",children:D}),s("span",{children:_()}),A&&s("span",{className:"idp-progress-suffix",children:A})]})]})};export{t as default};
|
package/dist/es/Radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{createContext as t,useContext as n,useRef as r,useState as d,useEffect as o,useCallback as l}from"react";import c from"classnames";var s=t(void 0),u=function(t){var l,u=t.value,p=t.checked,v=t.defaultChecked,f=void 0!==v&&v,m=t.onChange,h=t.disabled,g=void 0!==h&&h,b=t.size,y=t.children,N=t.className,w=t.style,R=t.label,C=t.labelGap,_=void 0===C?8:C,x=t.labelClassName,z=void 0===x?"":x,k=t.labelStyle,I=n(s),G=!!I,A=r(null),F=d(f),j=F[0],q=F[1],B=G?I.value===u:void 0!==p?p:j,E=b||(G?I.size:void 0),L="button"===(G?I.type:void 0);o(function(){if(G&&I.registerRadio)return I.registerRadio(u,A.current),function(){var e;null===(e=I.unregisterRadio)||void 0===e||e.call(I,u)}},[G,u,I]),o(function(){B&&G&&I.updateIndicator&&requestAnimationFrame(function(){var e;null===(e=I.updateIndicator)||void 0===e||e.call(I)})},[B,G]),o(function(){G||void 0===p||q(p)},[p,G]);var X=c("idp-radio",((l={"idp-radio--checked":B,"idp-radio--disabled":g||G&&I.disabled})["idp-radio--".concat(E)]=E,l["idp-radio--button"]=L,l),N);return i("label",{ref:A,className:X,style:w,children:a("div",{className:"idp-radio-wrapper",style:{display:"flex",alignItems:"center"},children:[R&&i("div",{className:"idp-radio-label ".concat(z),style:e({marginRight:"number"==typeof _?"".concat(_,"px"):_},k),children:R}),a("div",{style:{display:"flex",alignItems:"center",gap:4},children:[i("input",{type:"radio",className:"idp-radio__input",checked:B,onChange:function(e){var i,a=e.target.checked;g||G&&I.disabled||(G?null===(i=I.onChange)||void 0===i||i.call(I,u):(q(a),null==m||m(a,u)))},disabled:g||G&&I.disabled,value:u}),!L&&i("span",{className:"idp-radio__inner"}),y&&i("span",{className:"idp-radio__label",children:y})]})]})})};u.Group=function(e){var t,n=e.value,u=e.defaultValue,p=e.onChange,v=e.disabled,f=void 0!==v&&v,m=e.type,h=void 0===m?"radio":m,g=e.size,b=void 0===g?"middle":g,y=e.children,N=e.className,w=e.style,R=d(u),C=R[0],_=R[1],x=r(null),z=r(new Map),k=d({width:0,height:0,transform:"translateX(0px)"}),I=k[0],G=k[1],A=void 0!==n?n:C,F=l(function(e,i){i&&z.current.set(e,i)},[]),j=l(function(e){z.current.delete(e)},[]),q=l(function(){if("button"===h&&x.current){var e=z.current.get(A);if(e){var i=x.current.getBoundingClientRect(),a=e.getBoundingClientRect(),t=a.left-i.left;G({width:a.width,height:a.height,transform:"translateX(".concat(t,"px)")})}}},[A,h]);o(function(){if("button"===h){var e=requestAnimationFrame(function(){q()});return function(){return cancelAnimationFrame(e)}}},[h,q]),o(function(){if("button"===h){var e=function(){q()};return window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}},[h,q]),o(function(){void 0!==n&&_(n)},[n]);var B=c("idp-radio-group",((t={"idp-radio-group--button":"button"===h})["idp-radio-group--".concat(b)]=b,t),N);return i(s.Provider,{value:{value:A,onChange:function(e){_(e),null==p||p(e)},disabled:f,type:h,size:b,registerRadio:F,unregisterRadio:j,updateIndicator:q},children:a("div",{ref:x,className:B,style:w,children:["button"===h&&i("div",{className:"idp-radio-group__indicator",style:{width:I.width,height:I.height,transform:I.transform}}),y]})})},u.displayName="Radio",u.Group.displayName="Radio.Group";var p=u;export{p as default};
|
package/dist/es/Select/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__spreadArray as e,__assign as n}from"../node_modules/tslib/tslib.es6.js";import{jsx as l,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useState as o,useRef as i,useEffect as a,useMemo as c,useCallback as u}from"react";import{injectGlobalStyles as s,Wrapper as d,LabelWrapper as v,Label as f,Selector as p,SelectorContent as h,SuffixArea as m,ClearButton as g,LoadingIcon as b,Arrow as y,SearchInput as w,TagsContainer as C,Placeholder as x,SingleValue as $,Dropdown as A,OptionList as N,Empty as k,Tag as L,TagClose as M,CheckIcon as D,Option as E}from"./styles.js";var z=function(z){var B=z.value,P=z.defaultValue,S=z.options,j=void 0===S?[]:S,H=z.disabled,R=void 0!==H&&H,T=z.loading,V=void 0!==T&&T,G=z.mode,I=void 0===G?"single":G,K=z.placeholder,O=void 0===K?"请选择":K,U=z.searchable,Z=void 0!==U&&U,_=z.clearable,q=void 0!==_&&_,F=z.size,J=void 0===F?"default":F,Q=z.width,W=z.styles,X=z.onChange,Y=z.onOpenChange,ee=z.onSearch,ne=z.optionRender,le=z.tagRender,te=z.label,re=z.labelGap,oe=void 0===re?8:re,ie=z.labelClassName,ae=void 0===ie?"":ie,ce=z.labelStyle,ue=z.className,se=void 0===ue?"":ue,de=z.style,ve=z.showArrow,fe=void 0===ve||ve,pe=z.maxHeight,he=void 0===pe?256:pe,me=z.emptyContent,ge=void 0===me?"暂无数据":me,be=z.getPopupContainer,ye=void 0!==B,we=o(void 0!==P?P:"multiple"===I?[]:""),Ce=we[0],xe=we[1],$e=o(!1),Ae=$e[0],Ne=$e[1],ke=o(""),Le=ke[0],Me=ke[1],De=o(-1),Ee=De[0],ze=De[1],Be=o(!1),Pe=Be[0],Se=Be[1],je=i(null),He=i(null),Re=i(null);a(function(){s()},[]);var Te=ye?B:Ce,Ve="multiple"===I,Ge=c(function(){return Le?j.filter(function(e){return String(e.label).toLowerCase().includes(Le.toLowerCase())}):j},[j,Le]),Ie=c(function(){if(Ve){var e=Array.isArray(Te)?Te:[];return j.filter(function(n){return e.includes(n.value)})}return j.find(function(e){return e.value===Te})||null},[Te,j,Ve]),Ke=u(function(e,n){ye||xe(e),null==X||X(e,n)},[ye,X]),Oe=u(function(e){e.disabled||(Ke(e.value,e),Me(""),Ne(!1))},[Ke]),Ue=u(function(n){if(!n.disabled){var l,t,r=Array.isArray(Te)?Te:[];r.includes(n.value)?(l=r.filter(function(e){return e!==n.value}),t=Ie.filter(function(e){return e.value!==n.value})):(l=e(e([],r,!0),[n.value],!1),t=e(e([],Ie,!0),[n],!1)),Ke(l,t),Me(""),setTimeout(function(){var e;return null===(e=Re.current)||void 0===e?void 0:e.focus()},0)}},[Te,Ke,Ie]),Ze=u(function(e){Ve?Ue(e):Oe(e)},[Ve,Ue,Oe]),_e=u(function(e,n){if(e.stopPropagation(),!R){var l=(Array.isArray(Te)?Te:[]).filter(function(e){return e!==n}),t=Ie.filter(function(e){return e.value!==n});Ke(l,t)}},[Te,R,Ke,Ie]),qe=u(function(e){(e.stopPropagation(),R)||(Ke(Ve?[]:"",Ve?[]:void 0),Me(""))},[R,Ve,Ke]),Fe=u(function(e){var n=e.target.value;Me(n),null==ee||ee(n)},[ee]);a(function(){var e=function(e){je.current&&!je.current.contains(e.target)&&(Ne(!1),Me(""))};return Ae&&document.addEventListener("mousedown",e),function(){document.removeEventListener("mousedown",e)}},[Ae]),a(function(){null==Y||Y(Ae),Ae&&Z&&setTimeout(function(){var e;return null===(e=Re.current)||void 0===e?void 0:e.focus()},0)},[Ae,Z,Y]);var Je,Qe=u(function(e){if(Ae)switch(e.key){case"Escape":e.preventDefault(),Ne(!1);break;case"ArrowDown":e.preventDefault(),ze(function(e){return e<Ge.length-1?e+1:0});break;case"ArrowUp":e.preventDefault(),ze(function(e){return e>0?e-1:Ge.length-1});break;case"Enter":e.preventDefault(),Ee>=0&&Ee<Ge.length&&Ze(Ge[Ee])}else"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ne(!0))},[Ae,Ee,Ge,Ze]),We=function(e){return le?le({value:e.value,label:e.label,onClose:function(n){return _e(n,e.value)},disabled:R}):t(L,{className:"select-tag",$disabled:R,$styles:null==W?void 0:W.tag,children:[l("span",{children:e.label}),!R&&l(M,{className:"select-tag-close",onClick:function(n){return _e(n,e.value)},children:l("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:l("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})})]},e.value)},Xe=function(e,n){var o=Ve?Te.includes(e.value):Te===e.value,i=n===Ee,a=ne?ne(e):t(r,{children:[o&&Ve&&l(D,{children:l("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:l("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"})})}),l("span",{children:e.label})]});return l(E,{className:"select-option ".concat(o?"select-option-selected":""," ").concat(i?"select-option-active":""),$selected:o,$active:i,$disabled:!!e.disabled,$styles:null==W?void 0:W.option,onClick:function(){return Ze(e)},onMouseEnter:function(){return ze(n)},children:a},e.value)},Ye=Ve?Array.isArray(Te)&&Te.length>0:""!==Te&&null!=Te,en=q&&!R&&Ye&&!V&&Pe,nn=fe&&!V&&!en;return l(d,{ref:je,className:"select-wrapper ".concat(se),$styles:null==W?void 0:W.wrapper,style:n({width:Q},de),children:t(v,{children:[te&&l(f,{className:"select-label ".concat(ae),style:n({marginRight:"number"==typeof oe?"".concat(oe,"px"):oe},ce),children:te}),t("div",{style:{flex:1,position:"relative"},children:[t(p,{className:"select-selector select-".concat(J," ").concat(Ae?"select-open":""," ").concat(R?"select-disabled":""),$disabled:R,$loading:V,$size:J,$open:Ae,$styles:null==W?void 0:W.selector,onClick:function(){return!R&&!V&&Ne(!Ae)},onKeyDown:Qe,onMouseEnter:function(){return Se(!0)},onMouseLeave:function(){return Se(!1)},tabIndex:R?-1:0,role:"combobox","aria-expanded":Ae,"aria-haspopup":"listbox",children:[l(h,{children:function(){if(Z&&Ae){var e=Ve?"搜索...":String((null==Ie?void 0:Ie.label)||O);return l(w,{ref:Re,type:"text",value:Le,onChange:Fe,placeholder:e,onClick:function(e){return e.stopPropagation()}})}if(Ve){var n=Ie;return n.length>0?l(C,{children:n.map(We)}):l(x,{children:O})}return Ie?l($,{children:Ie.label}):l(x,{children:O})}()}),t(m,{children:[en&&l(g,{className:"select-clear",onClick:qe,children:l("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:l("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"})})}),V&&l(b,{className:"select-loading",children:l("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:l("path",{d:"M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"})})}),nn&&l(y,{className:"select-arrow ".concat(Ae?"select-open":""),$open:Ae,children:l("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:l("path",{d:"M7 10l5 5 5-5z"})})})]})]}),(Je=l(A,{ref:He,className:"select-dropdown",$open:Ae,$styles:null==W?void 0:W.dropdown,children:l(N,{$maxHeight:he,children:Ge.length>0?Ge.map(Xe):l(k,{className:"select-empty",children:ge})})}),be?be()?Je:null:Je)]})]})})};export{z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import e from"styled-components";var t,r,i,o,a,l,d,s,p,c,f,g,x,u,b,h,m,w,y,v,k=function(n,e){return"var(".concat(n,", ").concat(e,")")},$=e.div(t||(t=n(["\n display: inline-block;\n position: relative;\n width: 100%;\n\n &.select-wrapper {\n /* 外部可通过 .select-wrapper 选择器覆盖样式 */\n }\n\n ","\n"],["\n display: inline-block;\n position: relative;\n width: 100%;\n\n &.select-wrapper {\n /* 外部可通过 .select-wrapper 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),j=e.div(r||(r=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),z=e.div(i||(i=n(["\n font-size: 14px;\n color: ",";\n white-space: nowrap;\n flex-shrink: 0;\n font-weight: 500;\n letter-spacing: 0.2px;\n"],["\n font-size: 14px;\n color: ",";\n white-space: nowrap;\n flex-shrink: 0;\n font-weight: 500;\n letter-spacing: 0.2px;\n"])),k("--idp-text-color","rgba(0, 0, 0, 0.85)")),O=e.div(o||(o=n(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border: 1px solid ",";\n border-radius: ",";\n background: linear-gradient(135deg, "," 0%, "," 100%);\n transition: all "," ",";\n outline: none;\n box-sizing: border-box;\n box-shadow: ","; \n overflow: hidden;\n cursor: ",";\n opacity: ",";\n\n &:hover {\n border-color: ",";\n box-shadow: ",";\n }\n\n &.select-selector {\n /* 外部可通过 .select-selector 选择器覆盖样式 */\n }\n\n /* 尺寸样式 */\n ","\n\n ","\n"],["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border: 1px solid ",";\n border-radius: ",";\n background: linear-gradient(135deg, "," 0%, "," 100%);\n transition: all "," ",";\n outline: none;\n box-sizing: border-box;\n box-shadow: ","; \n overflow: hidden;\n cursor: ",";\n opacity: ",";\n\n &:hover {\n border-color: ",";\n box-shadow: ",";\n }\n\n &.select-selector {\n /* 外部可通过 .select-selector 选择器覆盖样式 */\n }\n\n /* 尺寸样式 */\n ","\n\n ","\n"])),function(n){return n.$open?k("--idp-primary-color","#1890ff"):k("--idp-input-border","#d9d9d9")},k("--idp-border-radius-lg","8px"),k("--idp-bg-color-white","#fff"),k("--idp-bg-color","#fafafa"),k("--idp-transition-duration","0.2s"),k("--idp-transition-timing-function","ease-in-out"),function(n){return n.$open?k("--idp-input-box-shadow-focus","0 0 0 2px rgba(51, 154, 240, 0.2)"):k("--idp-shadow-extra-light","0 2px 8px rgba(0, 0, 0, 0.08)")},function(n){return n.$disabled?"not-allowed":"pointer"},function(n){return n.$disabled?k("--idp-opacity-disabled","0.65"):1},function(n){return n.$disabled?k("--idp-input-border","#d9d9d9"):k("--idp-primary-color","#1890ff")},function(n){return n.$disabled?"none":k("--idp-input-box-shadow-hover","0 0 0 2px rgba(51, 154, 240, 0.2)")},function(n){switch(n.$size){case"small":return"\n min-height: 24px;\n padding: 2px 8px;\n font-size: 13px;\n ";case"large":return"\n min-height: 40px;\n padding: 8px 16px;\n font-size: 15px;\n ";default:return"\n min-height: 32px;\n padding: 6px 12px;\n font-size: 14px;\n "}},function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),C=e.div(a||(a=n(["\n flex: 1;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 4px;\n overflow: hidden;\n"],["\n flex: 1;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 4px;\n overflow: hidden;\n"]))),E=e.span(l||(l=n(["\n color: ",";\n user-select: none;\n"],["\n color: ",";\n user-select: none;\n"])),k("--idp-text-color-light","#bfbfbf")),Y=e.span(d||(d=n(["\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"],["\n color: ",";\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])),k("--idp-text-color","rgba(0, 0, 0, 0.85)")),B=e.div(s||(s=n(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 4px;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 4px;\n"]))),H=e.span(p||(p=n(["\n display: inline-flex;\n align-items: center;\n padding: 2px 8px;\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n color: ",";\n font-size: 13px;\n line-height: 1.4;\n transition: all "," ease;\n\n &:hover {\n background: ",";\n color: ",";\n }\n\n ","\n\n ","\n"],["\n display: inline-flex;\n align-items: center;\n padding: 2px 8px;\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n color: ",";\n font-size: 13px;\n line-height: 1.4;\n transition: all "," ease;\n\n &:hover {\n background: ",";\n color: ",";\n }\n\n ","\n\n ","\n"])),k("--idp-primary-light-color","rgba(24, 100, 240, 0.1)"),k("--idp-primary-color","#1890ff"),k("--idp-border-radius-sm","4px"),k("--idp-primary-color","#1890ff"),k("--idp-transition-duration","0.2s"),k("--idp-primary-color","#1890ff"),k("--idp-bg-color-white","#fff"),function(n){return n.$disabled&&"\n cursor: not-allowed;\n opacity: 0.6;\n "},function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),I=e.span(c||(c=n(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 4px;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.1);\n }\n\n svg {\n width: 10px;\n height: 10px;\n }\n"],["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 4px;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n cursor: pointer;\n transition: all 0.2s ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.1);\n }\n\n svg {\n width: 10px;\n height: 10px;\n }\n"]))),_=e.input(f||(f=n(["\n flex: 1;\n min-width: 60px;\n border: none;\n outline: none;\n background: transparent;\n padding: 0;\n font-size: inherit;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n"],["\n flex: 1;\n min-width: 60px;\n border: none;\n outline: none;\n background: transparent;\n padding: 0;\n font-size: inherit;\n color: ",";\n\n &::placeholder {\n color: ",";\n }\n"])),k("--idp-text-color","rgba(0, 0, 0, 0.85)"),k("--idp-text-color-light","#bfbfbf")),q=e.div(g||(g=n(["\n display: flex;\n align-items: center;\n gap: 8px;\n margin-left: 8px;\n flex-shrink: 0;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n margin-left: 8px;\n flex-shrink: 0;\n"]))),A=e.div(x||(x=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.06);\n color: ",";\n cursor: pointer;\n transition: all "," ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.12);\n color: ",";\n }\n\n svg {\n width: 10px;\n height: 10px;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: rgba(0, 0, 0, 0.06);\n color: ",";\n cursor: pointer;\n transition: all "," ease;\n\n &:hover {\n background: rgba(0, 0, 0, 0.12);\n color: ",";\n }\n\n svg {\n width: 10px;\n height: 10px;\n }\n"])),k("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),k("--idp-transition-duration","0.2s"),k("--idp-text-color-secondary","rgba(0, 0, 0, 0.65)")),D=e.div(u||(u=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n transition: transform "," ease;\n transform: ",";\n\n svg {\n width: 12px;\n height: 12px;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n transition: transform "," ease;\n transform: ",";\n\n svg {\n width: 12px;\n height: 12px;\n }\n"])),k("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)"),k("--idp-transition-duration","0.2s"),function(n){return n.$open?"rotate(180deg)":"rotate(0deg)"}),F=e.div(b||(b=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n animation: select-spin 1s linear infinite;\n\n svg {\n width: 14px;\n height: 14px;\n }\n\n @keyframes select-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n color: ",";\n animation: select-spin 1s linear infinite;\n\n svg {\n width: 14px;\n height: 14px;\n }\n\n @keyframes select-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n"])),k("--idp-primary-color","#1890ff")),G=e.div(h||(h=n(["\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n z-index: ",";\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n box-shadow: ",";\n opacity: ",";\n visibility: ",";\n transform: ",";\n transition: all "," ",";\n overflow: hidden;\n\n &.select-dropdown {\n /* 外部可通过 .select-dropdown 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n right: 0;\n z-index: ",";\n background: ",";\n border: 1px solid ",";\n border-radius: ",";\n box-shadow: ",";\n opacity: ",";\n visibility: ",";\n transform: ",";\n transition: all "," ",";\n overflow: hidden;\n\n &.select-dropdown {\n /* 外部可通过 .select-dropdown 选择器覆盖样式 */\n }\n\n ","\n"])),k("--idp-z-index-modal","1000"),k("--idp-bg-color-white","#fff"),k("--idp-border-color-light","#f0f0f0"),k("--idp-border-radius-md","6px"),k("--idp-shadow-lg","0 8px 24px rgba(0, 0, 0, 0.15)"),function(n){return n.$open?1:0},function(n){return n.$open?"visible":"hidden"},function(n){return n.$open?"translateY(0)":"translateY(-8px)"},k("--idp-transition-duration","0.2s"),k("--idp-transition-timing-function","ease-in-out"),function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),J=e.div(m||(m=n(["\n max-height: ",";\n overflow-y: auto;\n padding: 4px 0;\n\n /* 滚动条样式 */\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ",";\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: ",";\n }\n"],["\n max-height: ",";\n overflow-y: auto;\n padding: 4px 0;\n\n /* 滚动条样式 */\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ",";\n border-radius: 3px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: ",";\n }\n"])),function(n){var e=n.$maxHeight;return e?"".concat(e,"px"):"256px"},k("--idp-border-color","#e8e8e8"),k("--idp-text-color-light","#bfbfbf")),K=e.div(w||(w=n(["\n display: flex;\n align-items: center;\n padding: 10px 12px;\n cursor: ",";\n transition: all "," ease;\n background: ",";\n color: ",";\n opacity: ",";\n\n &:hover {\n background: ",";\n }\n\n &.select-option {\n /* 外部可通过 .select-option 选择器覆盖样式 */\n }\n\n &.select-option-selected {\n font-weight: 500;\n }\n\n &.select-option-active {\n background: ",";\n }\n\n ","\n"],["\n display: flex;\n align-items: center;\n padding: 10px 12px;\n cursor: ",";\n transition: all "," ease;\n background: ",";\n color: ",";\n opacity: ",";\n\n &:hover {\n background: ",";\n }\n\n &.select-option {\n /* 外部可通过 .select-option 选择器覆盖样式 */\n }\n\n &.select-option-selected {\n font-weight: 500;\n }\n\n &.select-option-active {\n background: ",";\n }\n\n ","\n"])),function(n){return n.$disabled?"not-allowed":"pointer"},k("--idp-transition-duration","0.2s"),function(n){return n.$selected?k("--idp-primary-light-color","rgba(24, 100, 240, 0.1)"):"transparent"},function(n){var e=n.$disabled,t=n.$selected;return e?k("--idp-text-color-light","#bfbfbf"):t?k("--idp-primary-color","#1890ff"):k("--idp-text-color","rgba(0, 0, 0, 0.85)")},function(n){return n.$disabled?.6:1},function(n){var e=n.$disabled,t=n.$selected;return e?"transparent":t?k("--idp-primary-light-color","rgba(24, 100, 240, 0.1)"):k("--idp-bg-color","#fafafa")},k("--idp-bg-color","#fafafa"),function(n){var e=n.$styles;return e&&Object.entries(e).map(function(n){var e=n[0],t=n[1];return"".concat(e,": ").concat(t,";")}).join("\n")}),L=e.div(y||(y=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n color: ",";\n\n svg {\n width: 14px;\n height: 14px;\n }\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n color: ",";\n\n svg {\n width: 14px;\n height: 14px;\n }\n"])),k("--idp-primary-color","#1890ff")),M=e.div(v||(v=n(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px 16px;\n color: ",";\n font-size: 14px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px 16px;\n color: ",";\n font-size: 14px;\n"])),k("--idp-text-color-tertiary","rgba(0, 0, 0, 0.45)")),N=function(){if("undefined"!=typeof document){var n="select-global-styles";if(!document.getElementById(n)){var e=document.createElement("style");e.id=n,e.textContent="\n @keyframes select-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n ",document.head.appendChild(e)}}};export{D as Arrow,L as CheckIcon,A as ClearButton,G as Dropdown,M as Empty,z as Label,j as LabelWrapper,F as LoadingIcon,K as Option,J as OptionList,E as Placeholder,_ as SearchInput,O as Selector,C as SelectorContent,Y as SingleValue,q as SuffixArea,H as Tag,I as TagClose,B as TagsContainer,$ as Wrapper,N as injectGlobalStyles};
|
package/dist/es/Slider/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as
|
|
1
|
+
import{__assign as e}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import{useState as a,useRef as t,useEffect as o,useCallback as l,useMemo as i}from"react";var c=function(c){var d,u=c.min,s=void 0===u?0:u,m=c.max,v=void 0===m?100:m,h=c.step,f=void 0===h?1:h,k=c.value,C=c.defaultValue,p=void 0===C?0:C,b=c.disabled,g=void 0!==b&&b,M=c.marks,w=void 0===M?{}:M,x=c.showValue,L=void 0!==x&&x,N=c.trackColor,y=void 0===N?"#1890ff":N,A=c.handleColor,E=void 0===A?"#1890ff":A,D=c.gradient,F=c.onChange,j=c.onAfterChange,X=c.className,P=void 0===X?"":X,R=c.style,U=a(p),V=U[0],q=U[1],B=a(!1),H=B[0],I=B[1],K=t(null),O=t(null),S=t(void 0!==k?k:p),T=void 0!==k,_=T?k:V;o(function(){S.current=_},[_]);var z=l(function(e){var r=(e-s)/(v-s);return Math.max(0,Math.min(1,r))},[s,v]),G=l(function(e){var r=Math.max(0,Math.min(1,e)),n=s+r*(v-s);if(f>0){var a=Math.round(n/f)*f;return Math.min(v,Math.max(s,a))}return Math.min(v,Math.max(s,n))},[s,v,f]),J=function(e){return"touches"in e?e.touches[0].clientX:e.clientX},Q=l(function(e){K.current&&!g&&(O.current&&cancelAnimationFrame(O.current),O.current=requestAnimationFrame(function(){var r=K.current.getBoundingClientRect(),n=(e-r.left)/r.width,a=G(n);a!==S.current&&(S.current=a,T||q(a),null==F||F(a))}))},[g,T,G,F]),W=function(e){if(!g){e.preventDefault(),I(!0);var r=J(e);Q(r)}};o(function(){if(H){var e=function(e){e.preventDefault();var r=J(e);Q(r)},r=function(){I(!1),O.current&&(cancelAnimationFrame(O.current),O.current=null),null==j||j(S.current)};return document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),document.addEventListener("touchmove",e,{passive:!1}),document.addEventListener("touchend",r),function(){document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),document.removeEventListener("touchmove",e),document.removeEventListener("touchend",r),O.current&&(cancelAnimationFrame(O.current),O.current=null)}}},[H,Q,j]);var Y=z(_),Z=i(function(){return Object.entries(w).map(function(e){var r=e[0],n=e[1],a=Number(r),t="string"==typeof n?{trackColor:void 0,handleColor:void 0,mark:n}:n;return{value:a,label:t.mark,trackColor:t.trackColor,handleColor:t.handleColor,position:z(a)}}).sort(function(e,r){return e.value-r.value})},[w,z]),$=i(function(){for(var e=0;e<Z.length;e++){var r=Z[e];if(_<=r.value)return{trackColor:r.trackColor,handleColor:r.handleColor,mark:r.label}}var n=Z[Z.length-1];return n?{trackColor:n.trackColor,handleColor:n.handleColor,mark:n.label}:{trackColor:void 0,handleColor:void 0,mark:""}},[Z,_]),ee=R&&R["--idp-slider-track-filled-bg"],re=R&&R["--idp-slider-handle-border"],ne=D&&!$.trackColor&&!ee&&"#1890ff"===y,ae=$.trackColor||ee||y,te=$.handleColor||re||E;return r("div",{className:"slider-container ".concat(g?"disabled":""," ").concat(H?"dragging":""," ").concat(P),style:e((d={},d["--idp-slider-track-filled-bg"]=ae,d["--idp-slider-handle-border"]="2px solid ".concat(te),d),R),children:[r("div",{ref:K,className:"slider-track",onClick:function(e){g||(e.target.classList.contains("slider-handle")||(Q(e.clientX),null==j||j(_)))},role:"presentation",children:[n("div",{className:"slider-track-filled",style:e({width:"".concat(100*Y,"%")},ne&&D?{background:"linear-gradient(to right, ".concat(D.startColor,", ").concat(D.endColor,")")}:{})}),n("div",{className:"slider-handle",style:{left:"".concat(100*Y,"%")},onMouseDown:W,onTouchStart:W,onKeyDown:function(e){if(!g){var r=_;switch(e.key){case"ArrowLeft":case"ArrowDown":r=Math.max(s,_-f);break;case"ArrowRight":case"ArrowUp":r=Math.min(v,_+f);break;case"Home":r=s;break;case"End":r=v;break;case"PageDown":r=Math.max(s,_-10*f);break;case"PageUp":r=Math.min(v,_+10*f);break;default:return}e.preventDefault(),void 0===k&&q(r),null==F||F(r),null==j||j(r)}},role:"slider","aria-valuemin":s,"aria-valuemax":v,"aria-valuenow":_,"aria-disabled":g,tabIndex:g?-1:0,children:n("div",{className:"slider-tooltip",children:_})})]}),Z.length>0&&n("div",{className:"slider-marks",children:Z.map(function(e){return n("div",{className:"slider-mark",style:{left:"".concat(100*e.position,"%"),color:e.trackColor||void 0},children:e.label},e.value)})}),L&&r("div",{className:"slider-value-display",children:["当前值:",_]})]})},d=c;export{c as Slider,d as default};
|
package/dist/es/Switch/styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import t from"styled-components";var i,e,c,o,r,a,s=function(n,t){return"var(".concat(n,", ").concat(t,")")},l=t.div(i||(i=n(["\n display: inline-block;\n\n &.switch-wrapper {\n /* 外部可通过 .switch-wrapper 选择器覆盖样式 */\n }\n\n ","\n"],["\n display: inline-block;\n\n &.switch-wrapper {\n /* 外部可通过 .switch-wrapper 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),h=t.div(e||(e=n(["\n position: relative;\n background-color: ",";\n border-radius: ",";\n transition: all ",";\n cursor: ",";\n opacity: ",";\n box-sizing: border-box;\n overflow: hidden;\n\n &.switch-track {\n /* 外部可通过 .switch-track 选择器覆盖样式 */\n }\n\n &.switch-track-checked {\n background-color: ",";\n }\n\n &.switch-track-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n &.switch-track-loading {\n cursor: wait;\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: relative;\n background-color: ",";\n border-radius: ",";\n transition: all ",";\n cursor: ",";\n opacity: ",";\n box-sizing: border-box;\n overflow: hidden;\n\n &.switch-track {\n /* 外部可通过 .switch-track 选择器覆盖样式 */\n }\n\n &.switch-track-checked {\n background-color: ",";\n }\n\n &.switch-track-disabled {\n cursor: not-allowed;\n opacity: 0.4;\n }\n\n &.switch-track-loading {\n cursor: wait;\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"])),function(n){return s("--switch-track-bg","#dcdfe6")},function(n){return s("--switch-track-radius","10px")},function(n){return s("--switch-transition","0.3s")},function(n){return n.$disabled?"not-allowed":"pointer"},function(n){return n.$disabled?.4:1},s("--switch-track-active-bg","#409eff"),function(n){var t=n.$size,i=n.$hasChildren,e=n.$width;return e?"\n width: ".concat(e,"px;\n min-width: ").concat(e,"px;\n height: ").concat("small"===t?s("--switch-small-height","16px"):s("--switch-default-height","22px"),";\n "):"small"===t?"\n width: ".concat(i?"auto":s("--switch-small-width","28px"),";\n min-width: ").concat(s("--switch-small-width","28px"),";\n height: ").concat(s("--switch-small-height","16px"),";\n "):"\n width: ".concat(i?"auto":s("--switch-default-width","44px"),";\n min-width: ").concat(s("--switch-default-width","44px"),";\n height: ").concat(s("--switch-default-height","22px"),";\n ")},function(n){return n.$checked&&"\n background-color: ".concat(s("--switch-track-active-bg","#409eff"),";\n ")},function(n){return n.$loading&&"\n cursor: wait;\n "},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),d=t.div(c||(c=n(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n transition: left 0.3s ease;\n z-index: 2;\n\n &.switch-thumb {\n /* 外部可通过 .switch-thumb 选择器覆盖样式 */\n }\n\n &.switch-thumb-checked {\n /* 选中状态下的样式 */\n }\n\n ","\n\n ","\n\n ","\n"],["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background-color: ",";\n border-radius: ",";\n box-shadow: ",";\n transition: left 0.3s ease;\n z-index: 2;\n\n &.switch-thumb {\n /* 外部可通过 .switch-thumb 选择器覆盖样式 */\n }\n\n &.switch-thumb-checked {\n /* 选中状态下的样式 */\n }\n\n ","\n\n ","\n\n ","\n"])),function(n){return s("--switch-thumb-bg","#fff")},function(n){return s("--switch-thumb-radius","50%")},function(n){return s("--switch-thumb-shadow","0 2px 4px rgba(0, 0, 0, 0.2)")},function(n){var t=n.$size,i=n.$checked,e=n.$width,c="small"===t?12:18;if(e){var o="".concat(i?e-c-2:2,"px");return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(o,";\n ")}if("small"===t){var r=i?"14px":"2px";return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(r,";\n ")}var a=i?"24px":"2px";return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(a,";\n ")},function(n){return n.$loading&&"\n animation: switch-thumb-spin 1s linear infinite;\n "},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),u=t.div(o||(o=n(["\n position: absolute;\n top: 50%;\n margin-top: -6px; /* 12px 高度的一半,实现垂直居中 */\n width: ",";\n height: ",";\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.switch-loading-icon {\n /* 外部可通过 .switch-loading-icon 选择器覆盖样式 */\n }\n\n /* SVG 旋转动画 - 以中心点旋转 */\n & > svg {\n width: 100%;\n height: 100%;\n animation: switch-spin 1s linear infinite;\n transform-origin: center center;\n display: block;\n }\n\n ","\n\n ","\n"],["\n position: absolute;\n top: 50%;\n margin-top: -6px; /* 12px 高度的一半,实现垂直居中 */\n width: ",";\n height: ",";\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.switch-loading-icon {\n /* 外部可通过 .switch-loading-icon 选择器覆盖样式 */\n }\n\n /* SVG 旋转动画 - 以中心点旋转 */\n & > svg {\n width: 100%;\n height: 100%;\n animation: switch-spin 1s linear infinite;\n transform-origin: center center;\n display: block;\n }\n\n ","\n\n ","\n"])),function(n){return s("--switch-loading-size","12px")},function(n){return s("--switch-loading-size","12px")},function(n){var t=n.$size,i=n.$checked,e=n.$width,c="small"===t?12:18;return e?"\n left: ".concat((i?e-c-2:2)+(c-12)/2,"px;\n "):"small"===t?"\n left: ".concat((i?14:2)+(c-12)/2,"px;\n "):"\n left: ".concat((i?24:2)+(c-12)/2,"px;\n ")},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),p=t.span(r||(r=n(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-right: ",";\n\n &.switch-checked-inner {\n /* 外部可通过 .switch-checked-inner 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n left: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-right: ",";\n\n &.switch-checked-inner {\n /* 外部可通过 .switch-checked-inner 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return"small"===n.$size?"4px":"6px"},function(n){return"small"===n.$size?"14px":"22px"},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),f=t.span(a||(a=n(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-left: ",";\n\n &.switch-unchecked-inner {\n /* 外部可通过 .switch-unchecked-inner 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: 12px;\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-left: ",";\n\n &.switch-unchecked-inner {\n /* 外部可通过 .switch-unchecked-inner 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return"small"===n.$size?"4px":"6px"},function(n){return"small"===n.$size?"14px":"22px"},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),w=function(){if("undefined"!=typeof document&&!document.getElementById("switch-styles")){var n=document.createElement("style");n.id="switch-styles",n.textContent="\n @keyframes switch-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes switch-thumb-spin {\n from { transform: translateY(-50%) rotate(0deg); }\n to { transform: translateY(-50%) rotate(360deg); }\n }\n ",document.head.appendChild(n)}};export{p as CheckedInner,u as LoadingIcon,d as Thumb,h as Track,f as UnCheckedInner,l as Wrapper,w as injectGlobalStyles};
|
|
1
|
+
import{__makeTemplateObject as n}from"../node_modules/tslib/tslib.es6.js";import t from"styled-components";var i,e,c,a,o,r,s=function(n,t){return"var(".concat(n,", ").concat(t,")")},d=t.div(i||(i=n(["\n display: inline-block;\n\n &.switch-wrapper {\n /* 外部可通过 .switch-wrapper 选择器覆盖样式 */\n }\n\n ","\n"],["\n display: inline-block;\n\n &.switch-wrapper {\n /* 外部可通过 .switch-wrapper 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),p=t.div(e||(e=n(["\n position: relative;\n background: ",";\n border-radius: ",";\n transition: ",";\n cursor: ",";\n opacity: ",";\n box-sizing: border-box;\n overflow: hidden;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);\n\n &.switch-track {\n /* 外部可通过 .switch-track 选择器覆盖样式 */\n }\n\n &.switch-track-checked {\n background: ",";\n box-shadow: 0 2px 8px rgba(24, 144, 255, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.2);\n }\n\n &.switch-track-disabled {\n cursor: not-allowed;\n opacity: var(--idp-switch-disabled-opacity, 0.65);\n background: ",";\n }\n\n &.switch-track-loading {\n cursor: wait;\n }\n\n &:hover:not(.switch-track-disabled) {\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);\n }\n\n &.switch-track-checked:hover:not(.switch-track-disabled) {\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.2);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"],["\n position: relative;\n background: ",";\n border-radius: ",";\n transition: ",";\n cursor: ",";\n opacity: ",";\n box-sizing: border-box;\n overflow: hidden;\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);\n\n &.switch-track {\n /* 外部可通过 .switch-track 选择器覆盖样式 */\n }\n\n &.switch-track-checked {\n background: ",";\n box-shadow: 0 2px 8px rgba(24, 144, 255, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.2);\n }\n\n &.switch-track-disabled {\n cursor: not-allowed;\n opacity: var(--idp-switch-disabled-opacity, 0.65);\n background: ",";\n }\n\n &.switch-track-loading {\n cursor: wait;\n }\n\n &:hover:not(.switch-track-disabled) {\n box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);\n }\n\n &.switch-track-checked:hover:not(.switch-track-disabled) {\n box-shadow: 0 4px 12px rgba(24, 144, 255, 0.45), inset 0 1px 2px rgba(255, 255, 255, 0.2);\n }\n\n ","\n\n ","\n\n ","\n\n ","\n"])),s("--idp-switch-track-bg-gradient","linear-gradient(135deg, #e8e8e8 0%, #d9d9d9 100%)"),s("--idp-switch-track-radius","12px"),s("--idp-switch-transition","all 0.2s ease-in-out"),function(n){return n.$disabled?"not-allowed":"pointer"},function(n){return n.$disabled?"var(--idp-switch-disabled-opacity, 0.65)":1},s("--idp-switch-track-active-gradient","linear-gradient(135deg, #1890ff 0%, #40a9ff 100%)"),s("--idp-switch-disabled-bg","#f5f5f5"),function(n){var t=n.$size,i=n.$hasChildren,e=n.$width;return e?"\n width: ".concat(e,"px;\n min-width: ").concat(e,"px;\n height: ").concat("small"===t?s("--idp-switch-small-height","16px"):s("--idp-switch-default-height","22px"),";\n "):"small"===t?"\n width: ".concat(i?"auto":s("--idp-switch-small-width","28px"),";\n min-width: ").concat(s("--idp-switch-small-width","28px"),";\n height: ").concat(s("--idp-switch-small-height","16px"),";\n "):"\n width: ".concat(i?"auto":s("--idp-switch-default-width","44px"),";\n min-width: ").concat(s("--idp-switch-default-width","44px"),";\n height: ").concat(s("--idp-switch-default-height","22px"),";\n ")},function(n){return n.$checked&&"\n background: ".concat(s("--idp-switch-track-active-gradient","linear-gradient(135deg, #1890ff 0%, #40a9ff 100%)"),";\n box-shadow: 0 2px 8px rgba(24, 144, 255, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.2);\n ")},function(n){return n.$loading&&"\n cursor: wait;\n "},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),h=t.div(c||(c=n(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(135deg, "," 0%, "," 100%);\n border-radius: ",";\n box-shadow: ",";\n transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;\n z-index: 2;\n\n &.switch-thumb {\n /* 外部可通过 .switch-thumb 选择器覆盖样式 */\n }\n\n &.switch-thumb-checked {\n box-shadow: ",";\n }\n\n ","\n\n ","\n\n ","\n"],["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: linear-gradient(135deg, "," 0%, "," 100%);\n border-radius: ",";\n box-shadow: ",";\n transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s ease;\n z-index: 2;\n\n &.switch-thumb {\n /* 外部可通过 .switch-thumb 选择器覆盖样式 */\n }\n\n &.switch-thumb-checked {\n box-shadow: ",";\n }\n\n ","\n\n ","\n\n ","\n"])),s("--idp-switch-thumb-bg","#fff"),s("--idp-bg-color-light","#f5f5f5"),s("--idp-switch-thumb-radius","50%"),s("--idp-switch-thumb-shadow","0 2px 8px rgba(0, 0, 0, 0.15)"),s("--idp-switch-thumb-shadow-active","0 2px 8px rgba(24, 144, 255, 0.4)"),function(n){var t=n.$size,i=n.$checked,e=n.$width,c="small"===t?12:18;if(e){var a="".concat(i?e-c-2:2,"px");return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(a,";\n ")}if("small"===t){var o=i?"14px":"2px";return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(o,";\n ")}var r=i?"24px":"2px";return"\n width: ".concat(c,"px;\n height: ").concat(c,"px;\n left: ").concat(r,";\n ")},function(n){return n.$loading&&"\n animation: idp-switch-thumb-spin 1s linear infinite;\n "},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),l=t.div(a||(a=n(["\n position: absolute;\n top: 50%;\n margin-top: -6px; /* 12px 高度的一半,实现垂直居中 */\n width: ",";\n height: ",";\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.switch-loading-icon {\n /* 外部可通过 .switch-loading-icon 选择器覆盖样式 */\n }\n\n /* SVG 旋转动画 - 以中心点旋转 */\n & > svg {\n width: 100%;\n height: 100%;\n animation: idp-switch-spin 1s linear infinite;\n transform-origin: center center;\n display: block;\n fill: ",";\n }\n\n ","\n\n ","\n"],["\n position: absolute;\n top: 50%;\n margin-top: -6px; /* 12px 高度的一半,实现垂直居中 */\n width: ",";\n height: ",";\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &.switch-loading-icon {\n /* 外部可通过 .switch-loading-icon 选择器覆盖样式 */\n }\n\n /* SVG 旋转动画 - 以中心点旋转 */\n & > svg {\n width: 100%;\n height: 100%;\n animation: idp-switch-spin 1s linear infinite;\n transform-origin: center center;\n display: block;\n fill: ",";\n }\n\n ","\n\n ","\n"])),s("--idp-switch-loading-size","12px"),s("--idp-switch-loading-size","12px"),s("--idp-switch-loading-color","#1890ff"),function(n){var t=n.$size,i=n.$checked,e=n.$width,c="small"===t?12:18;return e?"\n left: ".concat((i?e-c-2:2)+(c-12)/2,"px;\n "):"small"===t?"\n left: ".concat((i?14:2)+(c-12)/2,"px;\n "):"\n left: ".concat((i?24:2)+(c-12)/2,"px;\n ")},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),w=t.span(o||(o=n(["\n position: absolute;\n top: 0;\n bottom: 0;\n left: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: ",";\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-right: ",";\n font-weight: 500;\n letter-spacing: 0.2px;\n\n &.switch-checked-inner {\n /* 外部可通过 .switch-checked-inner 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n left: ",";\n display: flex;\n align-items: center;\n justify-content: flex-start;\n font-size: ",";\n color: #fff;\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-right: ",";\n font-weight: 500;\n letter-spacing: 0.2px;\n\n &.switch-checked-inner {\n /* 外部可通过 .switch-checked-inner 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return"small"===n.$size?"3px":"4px"},function(n){return"small"===n.$size?"9px":"10px"},function(n){return"small"===n.$size?"14px":"20px"},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),u=t.span(r||(r=n(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: ",";\n color: ",";\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-left: ",";\n font-weight: 500;\n letter-spacing: 0.2px;\n\n &.switch-unchecked-inner {\n /* 外部可通过 .switch-unchecked-inner 选择器覆盖样式 */\n }\n\n ","\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: ",";\n display: flex;\n align-items: center;\n justify-content: flex-end;\n font-size: ",";\n color: ",";\n white-space: nowrap;\n user-select: none;\n z-index: 1;\n padding-left: ",";\n font-weight: 500;\n letter-spacing: 0.2px;\n\n &.switch-unchecked-inner {\n /* 外部可通过 .switch-unchecked-inner 选择器覆盖样式 */\n }\n\n ","\n"])),function(n){return"small"===n.$size?"3px":"4px"},function(n){return"small"===n.$size?"9px":"10px"},s("--idp-text-color-secondary","rgba(0, 0, 0, 0.65)"),function(n){return"small"===n.$size?"14px":"20px"},function(n){var t=n.$styles;return t&&Object.entries(t).map(function(n){var t=n[0],i=n[1];return"".concat(t,": ").concat(i,";")}).join("\n")}),f=function(){if("undefined"!=typeof document&&!document.getElementById("idp-switch-styles")){var n=document.createElement("style");n.id="idp-switch-styles",n.textContent="\n @keyframes idp-switch-spin {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n @keyframes idp-switch-thumb-spin {\n from { transform: translateY(-50%) rotate(0deg); }\n to { transform: translateY(-50%) rotate(360deg); }\n }\n ",document.head.appendChild(n)}};export{w as CheckedInner,l as LoadingIcon,h as Thumb,p as Track,u as UnCheckedInner,d as Wrapper,f as injectGlobalStyles};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__assign as r}from"../node_modules/tslib/tslib.es6.js";import{jsx as t}from"react/jsx-runtime";import{useSortable as i}from"@dnd-kit/sortable";import{CSS as e}from"@dnd-kit/utilities";var o=function(o){var a=o.id,n=o.record,s=o.rowIndex,d=o.allColumns,l=o.renderTableCell,m=i({id:a}),f=m.attributes,g=m.listeners,u=m.setNodeRef,c=m.transform,b=m.transition,p=m.isDragging,x={transform:e.Transform.toString(c),transition:b,opacity:p?.5:1,cursor:"grab"};return t("tr",r({ref:u,style:x},f,g,{className:"idp-table-sortable-row ".concat(p?"is-dragging":""),"data-dragging":p,children:d.map(function(r,t){return l(r,n,s,t,d)})}))};export{o as default};
|
package/dist/es/Table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__assign as e,__spreadArray as t,__rest as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as i,jsx as o}from"react/jsx-runtime";import{useState as a,useRef as r,useEffect as l,useMemo as c}from"react";import d from"../Empty/index.js";import s from"../Pagination/index.js";import u from"../Icon/Icon.js";import f from"../Tooltip/Tooltip.js";var p=function(p){var m=p.dataSource,h=void 0===m?[]:m,x=p.columns,v=void 0===x?[]:x,g=p.bordered,b=void 0!==g&&g,y=p.scroll,w=void 0===y?{}:y,k=p.rowKey,N=void 0===k?"key":k,I=p.className,S=void 0===I?"":I,z=p.pagination,C=p.empty,L=p.loading,j=void 0!==L&&L,T=p.loadingText,_=void 0===T?"加载中...":T,A=p.loadingDelay,P=a([]),K=P[0],W=P[1],E=a([]),M=E[0],B=E[1],D=a([]),F=D[0],H=D[1],J=a([]),Q=J[0],X=J[1],Y=a(1),q=Y[0],G=Y[1],O=a(10),R=O[0],U=O[1],V=a(j),Z=V[0],$=V[1],ee=r(null),te=r(null),ne=r(null),ie=r(null),oe=a(null),ae=oe[0],re=oe[1],le=a(""),ce=le[0],de=le[1];l(function(){return ee.current&&(clearTimeout(ee.current),ee.current=null),j&&A&&A>0?($(!0),ee.current=setTimeout(function(){$(!1)},A)):$(j),function(){ee.current&&clearTimeout(ee.current)}},[j,A]),l(function(){z&&"object"==typeof z&&(void 0!==z.current&&G(z.current),void 0!==z.pageSize&&U(z.pageSize))},[z&&"object"==typeof z?z.current:void 0,z&&"object"==typeof z?z.pageSize:void 0]);l(function(){var t=[],n=[],i=[],o=[];v.forEach(function(a,r){var l,c=(l=a.width)?"number"==typeof l?l:parseInt(l,10)||0:0;o[r]=c;var d=e(e({},a),{_index:r});"start"===a.fixed||!0===a.fixed?t.push(d):"end"===a.fixed?n.push(d):i.push(d)}),W(t),B(n),H(i),X(o)},[v]);var se=function(e,t){var n=t||R,i=n!==R?1:e;G(i),U(n),z&&"function"==typeof z.onChange&&z.onChange(i,t)},ue=function(e){return null==e?"":"string"==typeof e?e:"number"==typeof e?String(e):Array.isArray(e)?e.map(ue).join(""):"object"==typeof e&&e.props&&e.props.children?ue(e.props.children):""},fe=function(){re(null),de("")},pe=function(e,t,n,a,r){var l={width:e.width||"auto",textAlign:e.align||"left",backgroundColor:"white"};if("start"===e.fixed||!0===e.fixed){l.position="sticky";for(var c=0,d=0;d<a;d++)c+=Q[d]||0;l.left="".concat(c,"px"),l.zIndex=5}else if("end"===e.fixed){l.position="sticky";var s=0;for(d=r.length-1;d>a;d--)s+=Q[d]||0;l.right="".concat(s,"px"),l.zIndex=5}var p=K.length?K.length-1:-1,m=M.length?K.length+F.length:-1,h=("start"===e.fixed||!0===e.fixed)&&a===p,x="end"===e.fixed&&a===m,v=e.key||e.dataIndex||e._index,g=(null==ae?void 0:ae.rowIndex)===n&&(null==ae?void 0:ae.colKey)===String(v),b=e.dataIndex?t[e.dataIndex]:null;e.render&&(b=e.render(b,t,n));var y=e.maxLines&&e.maxLines>0,w="";if(e.tooltip&&!g&&!(w=ue(b))&&e.dataIndex&&(w=String(t[e.dataIndex]||"")),e.editable&&g)return o("td",{style:l,className:"".concat(h?"idp-table-fixed-left-shadow":"").concat(x?" idp-table-fixed-right-shadow":""),children:i("div",{className:"idp-table-edit-cell",onClick:function(e){return e.stopPropagation()},children:[o("input",{type:"text",className:"idp-table-edit-input",value:ce,onChange:function(e){return de(e.target.value)},autoFocus:!0,onClick:function(e){return e.stopPropagation()}}),i("div",{className:"idp-table-edit-actions",children:[o("span",{className:"idp-table-edit-icon idp-edit-submit",onClick:function(){return function(e,t){t.onSave&&t.onSave(e,ce),re(null),de("")}(t,e)},title:"保存",children:o(u,{type:"check",size:24,color:"#339af0"})}),o("span",{className:"idp-table-edit-icon idp-edit-cancel",onClick:fe,title:"取消",children:o(u,{type:"close",size:24,color:"#339af0"})})]})]})},e.key||e.dataIndex||e._index);var k=y?o("div",{className:"idp-table-cell-ellipsis",style:{WebkitLineClamp:e.maxLines},children:b}):b,N=w?o(f,{title:w,placement:"top",children:k}):k;return i("td",{style:l,onClick:e.editable?function(){return function(e,t,n){re({rowIndex:e,colKey:t}),de(String(n||""))}(n,String(v),b)}:void 0,className:"".concat(h?"idp-table-fixed-left-shadow":"").concat(x?" idp-table-fixed-right-shadow":"").concat(y?" idp-table-cell-has-ellipsis":"").concat(e.editable?" idp-table-editable-cell":""),children:[N,e.editable&&o("span",{className:"idp-table-edit-icon-wrapper",children:o(u,{type:"edit",size:16,color:"#339af0"})})]},e.key||e.dataIndex||e._index)},me={width:w.x?"number"==typeof w.x?"".concat(w.x,"px"):w.x:"100%"},he={maxHeight:w.y?"number"==typeof w.y?"".concat(w.y,"px"):w.y:"auto",overflowY:w.y?"auto":"visible",overflowX:w.x?"auto":"visible"},xe=t(t(t([],K,!0),F,!0),M,!0),ve=c(function(){return function(e,t){if(void 0===e&&(e=q),void 0===t&&(t=R),!1===z)return null;var n,i=void 0!==(null==z?void 0:z.total)?z.total:h.length,o=Math.ceil(i/t)||1,a=Math.min(e,o);if(void 0!==(null==z?void 0:z.total))n=h;else{var r=(a-1)*t,l=r+t;n=h.slice(r,l)}return{data:n,total:i,pageSize:t,current:a,totalPages:o}}()},[h,z,R,q]),ge=ve?ve.data:h;return i("div",{ref:te,className:"custom-table-container ".concat(b?"bordered":""," ").concat(S),style:me,children:[Z&&o("div",{className:"custom-table-loading-mask",children:i("div",{className:"custom-table-loading-content",children:[o("div",{className:"custom-table-loading-spinner",children:i("svg",{viewBox:"0 0 24 24",className:"custom-table-loading-icon",children:[o("circle",{className:"custom-table-loading-track",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"}),o("circle",{className:"custom-table-loading-indicator",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"})]})}),_&&o("div",{className:"custom-table-loading-text",children:_})]})}),o("div",{className:"custom-table-header",ref:ne,onScroll:function(e){if(ne.current&&ie.current){var t=e.target;t===ne.current&&ie.current.scrollLeft!==t.scrollLeft&&(ie.current.scrollLeft=t.scrollLeft)}},children:i("table",{className:"custom-table ".concat(b?"bordered":""),children:[o("colgroup",{children:xe.map(function(e,t){return o("col",{style:{width:e.width||"auto"}},"header-col-".concat(e.dataIndex||e.key||t))})}),o("thead",{children:o("tr",{children:xe.map(function(e,t){return function(e,t,n){var i={width:e.width||"auto",textAlign:e.align||"left",backgroundColor:"#fafafa !important",top:0};if("start"===e.fixed||!0===e.fixed){i.position="sticky";for(var a=0,r=0;r<t;r++)a+=Q[r]||0;i.left="".concat(a,"px"),i.zIndex=10}else if("end"===e.fixed){i.position="sticky";var l=0;for(r=n.length-1;r>t;r--)l+=Q[r]||0;i.right="".concat(l,"px"),i.zIndex=10}return o("th",{style:i,children:e.title||""},e.key||e.dataIndex||e._index)}(e,t,xe)})})})]})}),o("div",{className:"custom-table-body",ref:ie,style:he,onScroll:function(e){if(ne.current&&ie.current){var t=e.target;t===ie.current&&ne.current.scrollLeft!==t.scrollLeft&&(ne.current.scrollLeft=t.scrollLeft)}},children:i("table",{className:"custom-table ".concat(b?"bordered":""),children:[o("colgroup",{children:xe.map(function(e,t){return o("col",{style:{width:e.width||"auto"}},"body-col-".concat(e.dataIndex||e.key||t))})}),o("tbody",{children:ge.map(function(e,t){return o("tr",{children:xe.map(function(n,i){return pe(n,e,t,i,xe)})},function(e,t){return"function"==typeof N?N(e,t):e[N]||t}(e,t))})})]})}),0===ge.length&&o("div",{className:"custom-table-empty",children:C||o(d,{size:"small",description:"暂无数据"})}),function(){if(!1===z||!ve)return null;var t=ve.total,i=ve.current,a=ve.pageSize,r=n(z||{},["onChange","pageSize","current"]);return o("div",{className:"custom-table-pagination-wrapper",children:o(s,e({total:t,current:i,pageSize:a,onChange:se,showTotal:function(e,t){return"第 ".concat(t[0],"-").concat(t[1]," 条,共 ").concat(e," 条")},showSizeChanger:!0,showQuickJumper:!0,align:"flex-end"},r))})}()]})};export{p as default};
|
|
1
|
+
import{__assign as t,__spreadArray as e,__rest as n}from"../node_modules/tslib/tslib.es6.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import o,{useState as a,useRef as c,useEffect as l,useMemo as d}from"react";import{useSensors as u,useSensor as s,PointerSensor as f,KeyboardSensor as m,DndContext as p,closestCenter as h}from"@dnd-kit/core";import{sortableKeyboardCoordinates as g,SortableContext as v,verticalListSortingStrategy as b,arrayMove as x}from"@dnd-kit/sortable";import y from"../Empty/index.js";import S from"../Pagination/index.js";import w from"../Icon/Icon.js";import k from"./SortableRow.js";import N from"../Tooltip/Tooltip.js";var C=function(C){var I=C.dataSource,z=void 0===I?[]:I,j=C.columns,T=void 0===j?[]:j,E=C.bordered,A=void 0!==E&&E,L=C.scroll,_=void 0===L?{}:L,F=C.rowKey,D=void 0===F?"key":F,M=C.className,P=void 0===M?"":M,V=C.pagination,W=C.empty,q=C.loading,J=void 0!==q&&q,K=C.loadingText,X=void 0===K?"加载中...":K,O=C.loadingDelay,R=C.draggable,B=void 0!==R&&R,G=C.onDragEnd,H=a([]),Q=H[0],Y=H[1],U=a([]),Z=U[0],$=U[1],tt=a([]),et=tt[0],nt=tt[1],rt=a([]),it=rt[0],ot=rt[1],at=a(1),ct=at[0],lt=at[1],dt=a(10),ut=dt[0],st=dt[1],ft=a(J),mt=ft[0],pt=ft[1],ht=a(z),gt=ht[0],vt=ht[1],bt=c(null),xt=c(null),yt=c(null),St=c(null),wt=c(null),kt=c(0),Nt=c(!1),Ct=c(null),It=c(0),zt=a(null),jt=zt[0],Tt=zt[1],Et=a(""),At=Et[0],Lt=Et[1];l(function(){vt(z)},[z]),l(function(){return bt.current&&(clearTimeout(bt.current),bt.current=null),J&&O&&O>0?(pt(!0),bt.current=setTimeout(function(){pt(!1)},O)):pt(J),function(){bt.current&&clearTimeout(bt.current)}},[J,O]),l(function(){V&&"object"==typeof V&&(void 0!==V.current&<(V.current),void 0!==V.pageSize&&st(V.pageSize))},[V&&"object"==typeof V?V.current:void 0,V&&"object"==typeof V?V.pageSize:void 0]),l(function(){return function(){wt.current&&cancelAnimationFrame(wt.current),Ct.current&&clearTimeout(Ct.current)}},[]);l(function(){var e=[],n=[],r=[],i=[];T.forEach(function(o,a){var c,l=(c=o.width)?"number"==typeof c?c:parseInt(c,10)||0:0;i[a]=l;var d=t(t({},o),{_index:a});"start"===o.fixed||!0===o.fixed?e.push(d):"end"===o.fixed?n.push(d):r.push(d)}),Y(e),$(n),nt(r),ot(i),requestAnimationFrame(function(){_t.current(0)})},[T]);var _t=c(function(t){xt.current&&xt.current.querySelectorAll('.custom-table th[style*="sticky"], .custom-table td[style*="sticky"]').forEach(function(e){var n=e,r=window.getComputedStyle(n),i=r.left,o=r.right;"auto"!==i&&"0px"!==i?n.style.transform="translateX(".concat(t,"px)"):"auto"!==o&&"0px"!==o&&(n.style.transform="translateX(".concat(-t,"px)"))})}),Ft=function(t,e,n){wt.current&&cancelAnimationFrame(wt.current),wt.current=requestAnimationFrame(function(){e&&e.scrollLeft!==n&&(e.scrollLeft=n),_t.current(n),wt.current=null})},Dt=function(t,e){var n=e||ut,r=n!==ut?1:t;lt(r),st(n),V&&"function"==typeof V.onChange&&V.onChange(r,e)},Mt=function(t,e){if(void 0===t&&(t=ct),void 0===e&&(e=ut),!1===V)return null;var n,r=void 0!==(null==V?void 0:V.total)?V.total:gt.length,i=Math.ceil(r/e)||1,o=Math.min(t,i);if(void 0!==(null==V?void 0:V.total))n=gt;else{var a=(o-1)*e,c=a+e;n=gt.slice(a,c)}return{data:n,total:r,pageSize:e,current:o,totalPages:i}},Pt=function(t,e){return"function"==typeof D?D(t,e):t[D]||e},Vt=function(t){if(null==t)return"";if("string"==typeof t)return t;if("number"==typeof t)return String(t);if("boolean"==typeof t)return"";if(Array.isArray(t))return t.map(Vt).join("");if("object"==typeof t&&!o.isValidElement(t)){if(void 0!==t.name)return String(t.name);if(void 0!==t.label)return String(t.label);if(void 0!==t.title)return String(t.title);try{return JSON.stringify(t)}catch(t){return""}}return"object"==typeof t&&t.props&&t.props.children?Vt(t.props.children):""},Wt=function(t,e,n){Tt({rowIndex:t,colKey:e}),Lt(String(n||""))},qt=function(t,e){e.onSave&&e.onSave(t,At),Tt(null),Lt("")},Jt=function(){Tt(null),Lt("")},Kt=function(t,e,n,a,c){var l={width:t.width||"auto",textAlign:t.align||"left",backgroundColor:"white"};if("start"===t.fixed||!0===t.fixed){l.position="sticky";for(var d=0,u=0;u<a;u++)d+=it[u]||0;l.left="".concat(d,"px"),l.zIndex=5}else if("end"===t.fixed){l.position="sticky";var s=0;for(u=c.length-1;u>a;u--)s+=it[u]||0;l.right="".concat(s,"px"),l.zIndex=5}var f=Q.length?Q.length-1:-1,m=Z.length?Q.length+et.length:-1,p=("start"===t.fixed||!0===t.fixed)&&a===f,h="end"===t.fixed&&a===m,g=t.key||t.dataIndex||t._index,v=(null==jt?void 0:jt.rowIndex)===n&&(null==jt?void 0:jt.colKey)===String(g),b=t.dataIndex?e[t.dataIndex]:null;t.render&&(b=t.render(b,e,n));var x=b;if(null!==b&&"object"==typeof b&&!o.isValidElement(b))if(void 0!==b.name)x=String(b.name);else if(void 0!==b.label)x=String(b.label);else if(void 0!==b.title)x=String(b.title);else try{x=JSON.stringify(b)}catch(t){x=""}var y=t.maxLines&&t.maxLines>0,S="";if(t.tooltip&&!v&&!(S=Vt(x))&&t.dataIndex){var k=e[t.dataIndex];S="object"==typeof k?Vt(k):String(k||"")}if(t.editable&&v)return i("td",{style:l,className:"".concat(p?"idp-table-fixed-left-shadow":"").concat(h?" idp-table-fixed-right-shadow":""),children:r("div",{className:"idp-table-edit-cell",onClick:function(t){return t.stopPropagation()},children:[i("input",{type:"text",className:"idp-table-edit-input",value:At,onChange:function(t){return Lt(t.target.value)},autoFocus:!0,onClick:function(t){return t.stopPropagation()}}),r("div",{className:"idp-table-edit-actions",children:[i("span",{className:"idp-table-edit-icon idp-edit-submit",onClick:function(){return qt(e,t)},title:"保存",children:i(w,{type:"check",size:24,color:"#339af0"})}),i("span",{className:"idp-table-edit-icon idp-edit-cancel",onClick:Jt,title:"取消",children:i(w,{type:"close",size:24,color:"#339af0"})})]})]})},t.key||t.dataIndex||t._index);var C=y?i("div",{className:"idp-table-cell-ellipsis",style:{WebkitLineClamp:t.maxLines},children:x}):x,I=S?i(N,{title:S,placement:"top",children:C}):C;return r("td",{style:l,onClick:t.editable?function(){return Wt(n,String(g),b)}:void 0,className:"".concat(p?"idp-table-fixed-left-shadow":"").concat(h?" idp-table-fixed-right-shadow":"").concat(y?" idp-table-cell-has-ellipsis":"").concat(t.editable?" idp-table-editable-cell":""),children:[I,t.editable&&i("span",{className:"idp-table-edit-icon-wrapper",children:i(w,{type:"edit",size:16,color:"#339af0"})})]},t.key||t.dataIndex||t._index)},Xt=u(s(f,{activationConstraint:{distance:8}}),s(m,{coordinateGetter:g})),Ot=function(t){var n=t.active,r=t.over;if(r&&n.id!==r.id){var i=Mt(),o=i?i.data:gt,a=o.findIndex(function(t,e){return String(Pt(t,e))===String(n.id)}),c=o.findIndex(function(t,e){return String(Pt(t,e))===String(r.id)});if(-1!==a&&-1!==c){var l=x(o,a,c);if(i&&V&&"object"==typeof V&&void 0===V.total){var d=(i.current-1)*i.pageSize,u=e([],gt,!0);l.forEach(function(t,e){u[d+e]=t}),vt(u),G&&G(u)}else vt(l),G&&G(l)}}},Rt={width:_.x?"number"==typeof _.x?"".concat(_.x,"px"):_.x:"100%"},Bt={maxHeight:_.y?"number"==typeof _.y?"".concat(_.y,"px"):_.y:"auto",overflowY:_.y?"auto":"visible",overflowX:_.x?"auto":"visible"},Gt=e(e(e([],Q,!0),et,!0),Z,!0),Ht=d(function(){return Mt()},[gt,V,ut,ct]),Qt=Ht?Ht.data:gt;return r("div",{ref:xt,className:"custom-table-container ".concat(A?"bordered":""," ").concat(P," ").concat(B?"draggable":""),style:Rt,children:[mt&&i("div",{className:"custom-table-loading-mask",children:r("div",{className:"custom-table-loading-content",children:[i("div",{className:"custom-table-loading-spinner",children:r("svg",{viewBox:"0 0 24 24",className:"custom-table-loading-icon",children:[i("circle",{className:"custom-table-loading-track",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"}),i("circle",{className:"custom-table-loading-indicator",cx:"12",cy:"12",r:"10",fill:"none",strokeWidth:"2"})]})}),X&&i("div",{className:"custom-table-loading-text",children:X})]})}),i("div",{className:"custom-table-header",ref:yt,onScroll:function(t){if(yt.current&&St.current){var e=t.target;if(e===yt.current){var n=e.scrollLeft;Nt.current=!0,Ct.current&&clearTimeout(Ct.current),Ct.current=setTimeout(function(){Nt.current=!1},150),Math.abs(n-kt.current)>.5&&(kt.current=n,It.current=n,Ft(yt.current,St.current,n))}}},children:r("table",{className:"custom-table ".concat(A?"bordered":""),children:[i("colgroup",{children:Gt.map(function(t,e){return i("col",{style:{width:t.width||"auto"}},"header-col-".concat(t.dataIndex||t.key||e))})}),i("thead",{children:i("tr",{children:Gt.map(function(t,e){return function(t,e,n){var r={width:t.width||"auto",textAlign:t.align||"left",backgroundColor:"#fafafa !important",top:0};if("start"===t.fixed||!0===t.fixed){r.position="sticky";for(var o=0,a=0;a<e;a++)o+=it[a]||0;r.left="".concat(o,"px"),r.zIndex=10}else if("end"===t.fixed){r.position="sticky";var c=0;for(a=n.length-1;a>e;a--)c+=it[a]||0;r.right="".concat(c,"px"),r.zIndex=10}return i("th",{style:r,children:t.title||""},t.key||t.dataIndex||t._index)}(t,e,Gt)})})})]})}),i("div",{className:"custom-table-body",ref:St,style:Bt,onScroll:function(t){if(yt.current&&St.current){var e=t.target;if(e===St.current){var n=e.scrollLeft;Nt.current=!0,Ct.current&&clearTimeout(Ct.current),Ct.current=setTimeout(function(){Nt.current=!1},150),Math.abs(n-kt.current)>.5&&(kt.current=n,It.current=n,Ft(St.current,yt.current,n))}}},children:function(){var t=r("table",{className:"custom-table ".concat(A?"bordered":""),children:[i("colgroup",{children:Gt.map(function(t,e){return i("col",{style:{width:t.width||"auto"}},"body-col-".concat(t.dataIndex||t.key||e))})}),i("tbody",{children:B?Qt.map(function(t,e){return i(k,{id:String(Pt(t,e)),record:t,rowIndex:e,columns:T,columnWidths:it,fixedLeftColumns:Q,fixedRightColumns:Z,normalColumns:et,allColumns:Gt,editingCell:jt,editingValue:At,handleEdit:Wt,handleSave:qt,handleCancel:Jt,setEditingValue:Lt,renderTableCell:Kt},Pt(t,e))}):Qt.map(function(t,e){return i("tr",{children:Gt.map(function(n,r){return Kt(n,t,e,r,Gt)})},Pt(t,e))})})]});if(B){var e=Qt.map(function(t,e){return String(Pt(t,e))});return i(p,{sensors:Xt,collisionDetection:h,onDragEnd:Ot,children:i(v,{items:e,strategy:b,children:t})})}return t}()}),0===Qt.length&&i("div",{className:"custom-table-empty",children:W||i(y,{size:"small",description:"暂无数据"})}),function(){if(!1===V||!Ht)return null;var e=Ht.total,r=Ht.current,o=Ht.pageSize,a=n(V||{},["onChange","pageSize","current"]);return i("div",{className:"custom-table-pagination-wrapper",children:i(S,t({total:e,current:r,pageSize:o,onChange:Dt,showTotal:function(t,e){return"第 ".concat(e[0],"-").concat(e[1]," 条,共 ").concat(t," 条")},showSizeChanger:!0,showQuickJumper:!0,align:"flex-end"},a))})}()]})};export{C as default};
|