zmdms-webui 3.2.6 → 3.2.8
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/es/alert/alert.js +2 -1
- package/dist/es/alert/index.css +1 -1
- package/dist/es/alert/interface.d.ts +2 -0
- package/dist/es/applayout/index.css +1 -1
- package/dist/es/button/button.js +1 -1
- package/dist/es/canvastable/components/HeaderOverlay.js +10 -3
- package/dist/es/canvastable/hooks/useOverlays.js +64 -98
- package/dist/es/config/ZtxkContext.d.ts +4 -0
- package/dist/es/config/ZtxkContext.js +1 -0
- package/dist/es/container/container.d.ts +2 -0
- package/dist/es/container/container.js +2 -2
- package/dist/es/detaillist/index.css +1 -1
- package/dist/es/detaillist/list.js +6 -0
- package/dist/es/electronsignatures/electroncomponents/electron-seal-batch-download.js +1 -0
- package/dist/es/empty/empty.d.ts +5 -0
- package/dist/es/empty/empty.js +21 -0
- package/dist/es/empty/index.css +1 -0
- package/dist/es/empty/index.d.ts +5 -0
- package/dist/es/empty/index.js +5 -0
- package/dist/es/empty/interface.d.ts +17 -0
- package/dist/es/form/index.css +1 -1
- package/dist/es/formitem/formItem.d.ts +1 -1
- package/dist/es/table/index.css +1 -1
- package/dist/es/table/table.js +1 -1
- package/dist/es/title/index.css +1 -1
- package/dist/es/title/interface.d.ts +8 -0
- package/dist/es/title/title.js +16 -2
- package/dist/es/uploadlist/index.css +1 -1
- package/dist/es/uploadlist/interface.d.ts +4 -0
- package/dist/es/uploadlist/uploadList.js +8 -6
- package/dist/es/uploadlist/uploadListDetail.js +2 -2
- package/dist/index.build.d.ts +3 -1
- package/dist/index.dark.css +2 -2
- package/dist/index.default.css +2 -2
- package/dist/index.es.js +2 -1
- package/dist/less/components/Alert/style/index.less +14 -1
- package/dist/less/components/DetailList/style/index.less +6 -0
- package/dist/less/components/Empty/style/index.less +43 -0
- package/dist/less/components/Empty/style/style.less +4 -0
- package/dist/less/components/Table/style/index.less +23 -0
- package/dist/less/components/Title/style/index.less +9 -0
- package/dist/less/components/UploadList/style/index.less +2 -0
- package/dist/less/styles/default.less +5 -1
- package/dist/less/styles/index.less +2 -0
- package/dist/less/styles/reset.less +21 -0
- package/package.json +2 -2
package/dist/es/alert/alert.js
CHANGED
|
@@ -6,10 +6,11 @@ import classNames from '../node_modules/classnames/index.js';
|
|
|
6
6
|
import IconFont from '../icon/index.js';
|
|
7
7
|
|
|
8
8
|
var Alert = function (props) {
|
|
9
|
-
var type = props.type, _a = props.showIcon, showIcon = _a === void 0 ? true : _a, marginTop = props.marginTop, marginBottom = props.marginBottom, className = props.className, resetProps = __rest(props, ["type", "showIcon", "marginTop", "marginBottom", "className"]);
|
|
9
|
+
var type = props.type, _a = props.showIcon, showIcon = _a === void 0 ? true : _a, marginTop = props.marginTop, marginBottom = props.marginBottom, inline = props.inline, className = props.className, resetProps = __rest(props, ["type", "showIcon", "marginTop", "marginBottom", "inline", "className"]);
|
|
10
10
|
var classes = classNames("zt-alert", className, {
|
|
11
11
|
"zt-alert--margin-top": marginTop,
|
|
12
12
|
"zt-alert--margin-bottom": marginBottom,
|
|
13
|
+
"zt-alert--inline": inline,
|
|
13
14
|
});
|
|
14
15
|
var iconCom = useMemo(function () {
|
|
15
16
|
if (type === "error") {
|
package/dist/es/alert/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.ant-alert{font-feature-settings:"tnum";word-wrap:break-word;align-items:center;border-radius:2px;box-sizing:border-box;color:#000000a6;display:flex;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:8px 15px;position:relative}.ant-alert-content{flex:1;min-width:0}.ant-alert-icon{margin-right:8px}.ant-alert-description{display:none;font-size:14px;line-height:22px}.ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-alert-success .ant-alert-icon{color:#52c41a}.ant-alert-info{background-color:#f0f5ff;border:1px solid #d9e3ff}.ant-alert-info .ant-alert-icon{color:#5b76f6}.ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.ant-alert-warning .ant-alert-icon{color:#faad14}.ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-alert-error .ant-alert-icon{color:#ff4d4f}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0}.ant-alert-action{margin-left:8px}.ant-alert-close-icon{background-color:initial;border:none;cursor:pointer;font-size:12px;line-height:12px;margin-left:8px;outline:none;overflow:hidden;padding:0}.ant-alert-close-icon .anticon-close{color:#00000073;transition:color .3s}.ant-alert-close-icon .anticon-close:hover{color:#000000bf}.ant-alert-close-text{color:#00000073;transition:color .3s}.ant-alert-close-text:hover{color:#000000bf}.ant-alert-with-description{align-items:flex-start;padding:15px 15px 15px 24px}.ant-alert-with-description.ant-alert-no-icon{padding:15px}.ant-alert-with-description .ant-alert-icon{font-size:24px;margin-right:15px}.ant-alert-with-description .ant-alert-message{color:#000000d9;display:block;font-size:16px;margin-bottom:4px}.ant-alert-message{color:#000000d9}.ant-alert-with-description .ant-alert-description{display:block}.ant-alert.ant-alert-motion-leave{opacity:1;overflow:hidden;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)}.ant-alert.ant-alert-motion-leave-active{margin-bottom:0!important;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.ant-alert-banner{border:0;border-radius:0;margin-bottom:0}.ant-alert.ant-alert-rtl{direction:rtl}.ant-alert-rtl .ant-alert-icon{margin-left:8px;margin-right:auto}.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon{margin-left:auto;margin-right:8px}.ant-alert-rtl.ant-alert-with-description{padding-left:15px;padding-right:24px}.ant-alert-rtl.ant-alert-with-description .ant-alert-icon{margin-left:15px;margin-right:auto}.zt-alert{border:none;border-radius:4px}.zt-alert>.anticon{font-size:16px;margin-right:10px}.zt-alert.ant-alert-with-description{padding:8px 15px}.zt-alert.ant-alert-with-description>.anticon{font-size:24px;margin-top:2px}.zt-alert.zt-alert--margin-top{margin-top:10px}.zt-alert.zt-alert--margin-bottom{margin-bottom:10px}.zt-alert.ant-alert-success{background-color:#6c6;color:#fff}.zt-alert.ant-alert-success .ant-alert-message,.zt-alert.ant-alert-success .anticon{color:#fff}.zt-alert.ant-alert-error{background-color:#f66;color:#fff}.zt-alert.ant-alert-error .anticon{color:#fff;margin-top:1px}.zt-alert.ant-alert-error .ant-alert-message{color:#fff}.zt-alert.ant-alert-info
|
|
1
|
+
.ant-alert{font-feature-settings:"tnum";word-wrap:break-word;align-items:center;border-radius:2px;box-sizing:border-box;color:#000000a6;display:flex;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;margin:0;padding:8px 15px;position:relative}.ant-alert-content{flex:1;min-width:0}.ant-alert-icon{margin-right:8px}.ant-alert-description{display:none;font-size:14px;line-height:22px}.ant-alert-success{background-color:#f6ffed;border:1px solid #b7eb8f}.ant-alert-success .ant-alert-icon{color:#52c41a}.ant-alert-info{background-color:#f0f5ff;border:1px solid #d9e3ff}.ant-alert-info .ant-alert-icon{color:#5b76f6}.ant-alert-warning{background-color:#fffbe6;border:1px solid #ffe58f}.ant-alert-warning .ant-alert-icon{color:#faad14}.ant-alert-error{background-color:#fff2f0;border:1px solid #ffccc7}.ant-alert-error .ant-alert-icon{color:#ff4d4f}.ant-alert-error .ant-alert-description>pre{margin:0;padding:0}.ant-alert-action{margin-left:8px}.ant-alert-close-icon{background-color:initial;border:none;cursor:pointer;font-size:12px;line-height:12px;margin-left:8px;outline:none;overflow:hidden;padding:0}.ant-alert-close-icon .anticon-close{color:#00000073;transition:color .3s}.ant-alert-close-icon .anticon-close:hover{color:#000000bf}.ant-alert-close-text{color:#00000073;transition:color .3s}.ant-alert-close-text:hover{color:#000000bf}.ant-alert-with-description{align-items:flex-start;padding:15px 15px 15px 24px}.ant-alert-with-description.ant-alert-no-icon{padding:15px}.ant-alert-with-description .ant-alert-icon{font-size:24px;margin-right:15px}.ant-alert-with-description .ant-alert-message{color:#000000d9;display:block;font-size:16px;margin-bottom:4px}.ant-alert-message{color:#000000d9}.ant-alert-with-description .ant-alert-description{display:block}.ant-alert.ant-alert-motion-leave{opacity:1;overflow:hidden;transition:max-height .3s cubic-bezier(.78,.14,.15,.86),opacity .3s cubic-bezier(.78,.14,.15,.86),padding-top .3s cubic-bezier(.78,.14,.15,.86),padding-bottom .3s cubic-bezier(.78,.14,.15,.86),margin-bottom .3s cubic-bezier(.78,.14,.15,.86)}.ant-alert.ant-alert-motion-leave-active{margin-bottom:0!important;max-height:0;opacity:0;padding-bottom:0;padding-top:0}.ant-alert-banner{border:0;border-radius:0;margin-bottom:0}.ant-alert.ant-alert-rtl{direction:rtl}.ant-alert-rtl .ant-alert-icon{margin-left:8px;margin-right:auto}.ant-alert-rtl .ant-alert-action,.ant-alert-rtl .ant-alert-close-icon{margin-left:auto;margin-right:8px}.ant-alert-rtl.ant-alert-with-description{padding-left:15px;padding-right:24px}.ant-alert-rtl.ant-alert-with-description .ant-alert-icon{margin-left:15px;margin-right:auto}.zt-alert{border:none;border-radius:4px}.zt-alert>.anticon{font-size:16px;margin-right:10px}.zt-alert.ant-alert-with-description{padding:8px 15px}.zt-alert.ant-alert-with-description>.anticon{font-size:24px;margin-top:2px}.zt-alert.zt-alert--margin-top{margin-top:10px}.zt-alert.zt-alert--margin-bottom{margin-bottom:10px}.zt-alert.zt-alert--inline{display:inline-flex}.zt-alert.ant-alert-success{background-color:#6c6;color:#fff}.zt-alert.ant-alert-success .ant-alert-message,.zt-alert.ant-alert-success .anticon{color:#fff}.zt-alert.ant-alert-error{background-color:#f66;color:#fff}.zt-alert.ant-alert-error .anticon{color:#fff;margin-top:1px}.zt-alert.ant-alert-error .ant-alert-message{color:#fff}.zt-alert.ant-alert-info{background:#edf4ff;border:2px solid #cdd9e6;color:#3d3d3d}.zt-alert.ant-alert-info .ant-alert-message,.zt-alert.ant-alert-info .anticon{color:#3d3d3d}.zt-alert.ant-alert-warning{background-color:#fcecc8;color:#794808}.zt-alert.ant-alert-warning .ant-alert-message,.zt-alert.ant-alert-warning .anticon{color:#794808}
|
|
@@ -5,6 +5,8 @@ import { AlertProps } from 'antd/es/alert';
|
|
|
5
5
|
interface IAlertProps extends AlertProps {
|
|
6
6
|
marginTop?: boolean;
|
|
7
7
|
marginBottom?: boolean;
|
|
8
|
+
/** 是否行内显示 */
|
|
9
|
+
inline?: boolean;
|
|
8
10
|
}
|
|
9
11
|
interface AlertComponent extends React__default.FC<IAlertProps> {
|
|
10
12
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.zmdms-container{background-color:#e9ecf3}.zmdms-container .zmdms-sider{background-color:#5b76f6;background-repeat:no-repeat;background-size:100% auto;background-size:cover;z-index:102}.zmdms-container .zmdms-content{background-color:#e9ecf3}.zmdms-container .zmdms-content--header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;line-height:48px;padding:0 0 0 10px}.zmdms-container .zmdms-content--header .ant-tabs{flex:1;margin-top:8px;width:calc(100% - 350px)}.zmdms-container .zmdms-content--header .ant-tabs.zmdms-content--header-tabs{width:300px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab>div{padding:0}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab.ant-tabs-tab-with-remove a{padding:0 10px 0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-nav{margin-bottom:0}.zmdms-container .zmdms-content--content{height:calc(100vh - 48px);position:relative}.zmdms-container .zmdms-content--header-info{color:#000000a6;display:flex;height:48px;max-width:350px}.zmdms-container .zmdms-content--header-info .full-screen{cursor:pointer;text-align:center;width:36px}.zmdms-container .zmdms-content--header-info .user-operation{align-items:center;cursor:pointer;display:flex;padding:0 12px}.zmdms-container .zmdms-content--header-info .user-operation:hover{background-color:#f7f7f7}.zmdms-container .zmdms-content--header-info .user-operation>span:last-child{color:#000000a6;display:inline-block;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.zmdms-menu{display:flex;flex-direction:column;height:100vh}.zmdms-menu .zmdms-logo{align-items:center;display:block;display:flex;height:48px;padding:9px 0 5px}.zmdms-menu .zmdms-logo.zmdms-logo--line{position:relative;z-index:1000}.zmdms-menu .zmdms-logo.zmdms-logo--line:after{background:#505cbe;content:"";height:29px;position:absolute;right:-.5px;width:1px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--search{background-color:#5b8af666;position:relative}.zmdms-menu .zmdms-menu--search>input{background-color:#5b8af666;border:none;color:#fff;font-size:13px;height:36px;line-height:36px}.zmdms-menu .zmdms-menu--search>input::placeholder{color:#fff;font-size:13px}.zmdms-menu .zmdms-menu--search .zmdms-menu--search__icon{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:0;top:3px;width:30px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-hide-bg .ant-menu-item-selected{background:#1566d2!important}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:36px}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu.ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title{align-items:center;backdrop-filter:blur(4px);background-color:#5b76f5;background-color:#5b8af666;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0;padding:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6;right:6px}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-title-content{flex:none;width:88%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub.ant-menu-inline{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected{background:#5b76f5;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu .zmdms-menu--main>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected{background:#5b76f6;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub{padding:0}.zmdms-menu--sub .ant-drawer-content{background:#0000;background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.zmdms-menu--sub .ant-drawer-content .ant-menu{background:#0000;color:#fff}.zmdms-menu--sub.ant-drawer-left>.ant-drawer-content-wrapper{left:-1px}.zmdms-menu--sub .ant-drawer-header{background:#0000;border-bottom:none;padding:0}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title{align-items:center;color:#fff;display:flex;height:48px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title img{width:118px}.zmdms-menu--sub .ant-drawer-body{backdrop-filter:blur(2px);background:#5b76f566;font-size:13px;overflow-x:hidden;padding:0}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu.ant-menu-submenu-inline{border-bottom:1px solid #8d9eff47;padding-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline{background:#0000;padding:0 10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-item,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;height:30px;line-height:30px;margin:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:not(:last-child),.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:last-child,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:last-child{margin-bottom:10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title{color:#fff;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child{margin-top:2px}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child .ant-menu-title-content{font-weight:700}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected{background-color:#5b76f5!important;color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub .ant-drawer-footer{align-items:center;backdrop-filter:blur(2px);background:#5b76f566;border-top:1px solid #5670ea;display:flex;height:40px;justify-content:center;line-height:40px;padding:3px 10px}.zmdms-menu--sub .ant-drawer-footer .zt-btn-link{color:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content .ant-menu{background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-header{background:#fff;border-bottom:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body{backdrop-filter:none;background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-track{background:#fff;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb{background:#8695a1;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#727e88}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a:hover{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title{color:#000000a6;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item-selected{background-color:#e6f7ff!important;color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer{backdrop-filter:none;background:none;border-top:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer .zt-btn-link{color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:30px}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}
|
|
1
|
+
.zmdms-container{background-color:#e9ecf3}.zmdms-container .zmdms-sider{background-color:#5b76f6;background-repeat:no-repeat;background-size:100% auto;background-size:cover;z-index:102}.zmdms-container .zmdms-content{background-color:#e9ecf3}.zmdms-container .zmdms-content--header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;line-height:48px;padding:0 0 0 10px}.zmdms-container .zmdms-content--header .ant-tabs{flex:1;margin-top:8px;width:calc(100% - 350px)}.zmdms-container .zmdms-content--header .ant-tabs.zmdms-content--header-tabs{width:300px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab>div{padding:0}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-tab.ant-tabs-tab-with-remove a{padding:0 10px 0 20px}.zmdms-container .zmdms-content--header .ant-tabs .ant-tabs-nav{margin-bottom:0}.zmdms-container .zmdms-content--content{height:calc(100vh - 48px);position:relative}.zmdms-container .zmdms-content--header-info{color:#000000a6;display:flex;height:48px;max-width:350px}.zmdms-container .zmdms-content--header-info .full-screen{cursor:pointer;text-align:center;width:36px}.zmdms-container .zmdms-content--header-info .user-operation{align-items:center;cursor:pointer;display:flex;padding:0 12px}.zmdms-container .zmdms-content--header-info .user-operation:hover{background-color:#f7f7f7}.zmdms-container .zmdms-content--header-info .user-operation>span:last-child{color:#000000a6;display:inline-block;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70px}.zmdms-menu{display:flex;flex-direction:column;height:100vh}.zmdms-menu .zmdms-logo{align-items:center;display:block;display:flex;height:48px;padding:9px 0 5px}.zmdms-menu .zmdms-logo.zmdms-logo--line{position:relative;z-index:1000}.zmdms-menu .zmdms-logo.zmdms-logo--line:after{background:#505cbe;content:"";height:29px;position:absolute;right:-.5px;width:1px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--search{background-color:#5b8af666;position:relative}.zmdms-menu .zmdms-menu--search>input{background-color:#5b8af666;border:none;color:#fff;font-size:13px;height:36px;line-height:36px}.zmdms-menu .zmdms-menu--search>input::placeholder{color:#fff;font-size:13px}.zmdms-menu .zmdms-menu--search .zmdms-menu--search__icon{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;position:absolute;right:0;top:3px;width:30px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-hide-bg .ant-menu-item-selected{background:#1566d2!important}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:36px}.zmdms-menu .zmdms-menu--main.zmdms-menu--main-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu.ant-menu-submenu-open>.ant-menu-submenu-title{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#5b76f5;background-color:#5b8af666;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0;padding:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow{color:#ffffffa6;right:6px}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-title-content{flex:none;width:88%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu .zmdms-menu--main>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub.ant-menu-inline{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected{background:#5b76f5;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-submenu .ant-menu-sub>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu .zmdms-menu--main::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu .zmdms-menu--main>.ant-menu-item{align-items:center;color:#ffffffa6;display:flex;font-size:13px;height:36px;line-height:36px;margin:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item a{color:inherit}.zmdms-menu .zmdms-menu--main>.ant-menu-item:active{background:#0000}.zmdms-menu .zmdms-menu--main>.ant-menu-item:hover{color:#fff}.zmdms-menu .zmdms-menu--main>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected{background:#5b76f6;color:#fff;width:100%}.zmdms-menu .zmdms-menu--main>.ant-menu-item.ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub{padding:0}.zmdms-menu--sub .ant-drawer-content{background:#0000;background-position:100%;background-repeat:no-repeat;background-size:cover;overflow:hidden}.zmdms-menu--sub .ant-drawer-content .ant-menu{background:#0000;color:#fff}.zmdms-menu--sub.ant-drawer-left>.ant-drawer-content-wrapper{left:-1px}.zmdms-menu--sub .ant-drawer-header{background:#0000;border-bottom:none;padding:0}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title{align-items:center;color:#fff;display:flex;height:48px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.zmdms-menu--sub .ant-drawer-header .ant-drawer-header-title .ant-drawer-title img{width:118px}.zmdms-menu--sub .ant-drawer-body{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;font-size:13px;overflow-x:hidden;padding:0}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-track{background:#fff0;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb{background:#5b76f6;border-radius:4px}.zmdms-menu--sub .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#5b76f6}.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu.ant-menu-submenu-inline{border-bottom:1px solid #8d9eff47;padding-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline{background:#0000;padding:0 10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-item,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:13px;height:30px;line-height:30px;margin:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:not(:last-child),.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:not(:last-child){margin-bottom:0}.zmdms-menu--sub .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-item:last-child,.zmdms-menu--sub .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item:last-child{margin-bottom:10px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title{color:#fff;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child{margin-top:2px}.zmdms-menu--sub .ant-drawer-body .ant-menu-root>.ant-menu-item-only-child .ant-menu-title-content{font-weight:700}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected{background-color:#5b76f5!important;color:#fff}.zmdms-menu--sub .ant-drawer-body .ant-menu-item-selected:after{border-right:none}.zmdms-menu--sub .ant-drawer-footer{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#5b76f566;border-top:1px solid #5670ea;display:flex;height:40px;justify-content:center;line-height:40px;padding:3px 10px}.zmdms-menu--sub .ant-drawer-footer .zt-btn-link{color:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-content .ant-menu{background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-header{background:#fff;border-bottom:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar{height:4px;width:6px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-track{background:#fff;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb{background:#8695a1;border-radius:4px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body::-webkit-scrollbar-thumb:hover{background:#727e88}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item a:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-sub.ant-menu-inline>.ant-menu-item a:hover{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title{color:#000000a6;font-size:13px;font-weight:700;height:30px;line-height:30px}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title .ant-menu-submenu-arrow{color:#000000d9}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:hover .ant-menu-submenu-arrow,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#5b76f6}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-inline>.ant-menu-submenu>.ant-menu-submenu-title:active,.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-submenu-title:active{background:#0000}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-body .ant-menu-item-selected{background-color:#e6f7ff!important;color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:none;border-top:1px solid #ebf3fe}.zmdms-menu--sub.zmdms-menu--sub-hide-bg .ant-drawer-footer .zt-btn-link{color:#4285f4!important}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item{height:auto!important;line-height:20px!important;min-height:30px}.zmdms-menu--sub.zmdms-menu--sub-item-line .ant-menu-item .ant-menu-title-content{word-wrap:break-word;display:inline-block;height:auto!important;text-overflow:unset!important;white-space:pre-wrap;width:100%}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}
|
package/dist/es/button/button.js
CHANGED
|
@@ -72,7 +72,7 @@ var Button = function (props) {
|
|
|
72
72
|
if (noPermission === "display" && !isAuth) {
|
|
73
73
|
return null;
|
|
74
74
|
}
|
|
75
|
-
return tooltipTitle || tooltipConfig ? (jsx(Tooltip, __assign({}, tooltipConfig, { title: tooltipTitle || (tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.title) }, { children: jsx(Fragment, { children: Btn }) }))) : confirmTitle || confirmMsg || confirmConfig ? (jsx(Popconfirm, __assign({}, confirmConfig, { title: confirmTitle || confirmMsg || (confirmConfig === null || confirmConfig === void 0 ? void 0 : confirmConfig.title), onConfirm: function (e) { return myOnClick(e); } }, { children: jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, loading: loading || innerLoading }, resetProps)) }))) : (jsx(Fragment, { children: Btn }));
|
|
75
|
+
return tooltipTitle || tooltipConfig ? (jsx(Tooltip, __assign({}, tooltipConfig, { title: tooltipTitle || (tooltipConfig === null || tooltipConfig === void 0 ? void 0 : tooltipConfig.title) }, { children: jsx(Fragment, { children: Btn }) }))) : confirmTitle || confirmMsg || confirmConfig ? (jsx(Popconfirm, __assign({ okText: "\u786E\u8BA4", cancelText: "\u53D6\u6D88" }, confirmConfig, { title: confirmTitle || confirmMsg || (confirmConfig === null || confirmConfig === void 0 ? void 0 : confirmConfig.title), onConfirm: function (e) { return myOnClick(e); } }, { children: jsx(Button$1, __assign({ className: classes, type: type, disabled: disabled || !isAuth, size: size, danger: danger, loading: loading || innerLoading }, resetProps)) }))) : (jsx(Fragment, { children: Btn }));
|
|
76
76
|
};
|
|
77
77
|
var ButtonCom = Button;
|
|
78
78
|
ButtonCom.displayName = "ZTXK_WEBUI_Button";
|
|
@@ -3,6 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
|
|
4
4
|
var HeaderOverlay = function (_a) {
|
|
5
5
|
var overlays = _a.overlays;
|
|
6
|
+
var horizontalPadding = 16;
|
|
6
7
|
return (jsx(Fragment, { children: overlays.map(function (overlay) { return (jsx("div", __assign({ className: "canvas-table-header-overlay", style: {
|
|
7
8
|
position: "absolute",
|
|
8
9
|
left: overlay.x,
|
|
@@ -12,11 +13,17 @@ var HeaderOverlay = function (_a) {
|
|
|
12
13
|
pointerEvents: "none",
|
|
13
14
|
display: "flex",
|
|
14
15
|
alignItems: "center",
|
|
15
|
-
paddingLeft: "
|
|
16
|
-
paddingRight: "
|
|
16
|
+
paddingLeft: "".concat(horizontalPadding, "px"),
|
|
17
|
+
paddingRight: "".concat(horizontalPadding, "px"),
|
|
17
18
|
boxSizing: "border-box",
|
|
18
19
|
overflow: "hidden",
|
|
19
|
-
|
|
20
|
+
zIndex: overlay.isFixed ? 10 : 1,
|
|
21
|
+
} }, { children: jsx("div", __assign({ style: {
|
|
22
|
+
position: "absolute",
|
|
23
|
+
left: -overlay.offsetLeft + horizontalPadding,
|
|
24
|
+
width: Math.max(overlay.originalWidth - horizontalPadding * 2, 0),
|
|
25
|
+
pointerEvents: "auto",
|
|
26
|
+
} }, { children: overlay.content })) }), overlay.columnKey)); }) }));
|
|
20
27
|
};
|
|
21
28
|
|
|
22
29
|
export { HeaderOverlay as default };
|
|
@@ -10,33 +10,16 @@ import '../../node_modules/exceljs/dist/exceljs.min.js';
|
|
|
10
10
|
import 'dayjs';
|
|
11
11
|
|
|
12
12
|
/**
|
|
13
|
-
* 覆盖层管理 Hook
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
* 1. 单元格覆盖层管理(useTableCellOverlay)
|
|
17
|
-
* 2. 表头覆盖层管理(useHeaderOverlay)
|
|
18
|
-
*
|
|
19
|
-
* 覆盖层用于在 Canvas 表格上方渲染自定义的 DOM 内容,支持用户交互
|
|
20
|
-
*/
|
|
21
|
-
// ==================== Hook 1: 单元格覆盖层管理 ====================
|
|
22
|
-
/**
|
|
23
|
-
* 单元格覆盖层管理 Hook
|
|
24
|
-
*
|
|
25
|
-
* 功能:
|
|
26
|
-
* - 计算可见单元格的位置信息
|
|
27
|
-
* - 处理边界裁剪(上下左右)
|
|
28
|
-
* - 处理fixed列的遮挡
|
|
29
|
-
* - 只渲染React元素类型的内容(字符串和数字在Canvas中直接绘制)
|
|
13
|
+
* 覆盖层管理 Hook
|
|
14
|
+
* 1. useTableCellOverlay: 单元格自定义 DOM 覆盖层
|
|
15
|
+
* 2. useHeaderOverlay: 表头 ReactNode 覆盖层
|
|
30
16
|
*/
|
|
31
17
|
var useTableCellOverlay = function (params) {
|
|
32
18
|
var processedDataSource = params.processedDataSource, columnRenderInfos = params.columnRenderInfos, scrollState = params.scrollState, containerWidth = params.containerWidth, containerHeight = params.containerHeight, headerHeight = params.headerHeight, rowHeight = params.rowHeight, needHorizontalScrollbar = params.needHorizontalScrollbar, needVerticalScrollbar = params.needVerticalScrollbar, scrollbarSize = params.scrollbarSize, fixedRowsCount = params.fixedRowsCount, fixedRowsConfig = params.fixedRowsConfig, _a = params.hasSummaryRow, hasSummaryRow = _a === void 0 ? false : _a, _b = params.summaryFixed, summaryFixed = _b === void 0 ? false : _b;
|
|
33
|
-
// 计算可见的单元格覆盖层信息
|
|
34
19
|
var cellOverlays = useMemo(function () {
|
|
35
20
|
var overlays = [];
|
|
36
|
-
// 计算固定行数量
|
|
37
21
|
var fixedTopRowsCount = fixedRowsCount || (fixedRowsConfig === null || fixedRowsConfig === void 0 ? void 0 : fixedRowsConfig.topCount) || 0;
|
|
38
22
|
var fixedBottomRowsCount = (fixedRowsConfig === null || fixedRowsConfig === void 0 ? void 0 : fixedRowsConfig.bottomCount) || 0;
|
|
39
|
-
// 计算fixed列的右边界,用于裁剪非fixed列的覆盖层
|
|
40
23
|
var fixedColumnsRightEdge = columnRenderInfos.reduce(function (maxEdge, info) {
|
|
41
24
|
if (info.fixed) {
|
|
42
25
|
var rightEdge = info.fixedLeft + info.width;
|
|
@@ -44,18 +27,13 @@ var useTableCellOverlay = function (params) {
|
|
|
44
27
|
}
|
|
45
28
|
return maxEdge;
|
|
46
29
|
}, 0);
|
|
47
|
-
// 计算有效容器尺寸
|
|
48
30
|
var effectiveWidth = needVerticalScrollbar
|
|
49
31
|
? containerWidth - scrollbarSize
|
|
50
32
|
: containerWidth;
|
|
51
|
-
// 计算可用高度,需要为固定合计行预留空间
|
|
52
33
|
var fixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
|
|
53
34
|
var effectiveHeight = (needHorizontalScrollbar
|
|
54
35
|
? containerHeight - scrollbarSize
|
|
55
36
|
: containerHeight) - fixedSummaryHeight;
|
|
56
|
-
/**
|
|
57
|
-
* 通用的单元格覆盖层处理函数
|
|
58
|
-
*/
|
|
59
37
|
var processCell = function (rowIndex, y, isFixedRow) {
|
|
60
38
|
if (isFixedRow === void 0) { isFixedRow = false; }
|
|
61
39
|
var record = processedDataSource[rowIndex];
|
|
@@ -63,110 +41,88 @@ var useTableCellOverlay = function (params) {
|
|
|
63
41
|
return;
|
|
64
42
|
columnRenderInfos.forEach(function (info, colIndex) {
|
|
65
43
|
var column = info.column, x = info.x, width = info.width, fixed = info.fixed, fixedLeft = info.fixedLeft;
|
|
66
|
-
// 跳过选择框列
|
|
67
44
|
if (column.key === "__selection__") {
|
|
68
45
|
return;
|
|
69
46
|
}
|
|
70
|
-
// 检查该列是否有 render 函数
|
|
71
47
|
if (!column.render) {
|
|
72
48
|
return;
|
|
73
49
|
}
|
|
74
|
-
// 跳过合计行的 render 函数处理
|
|
75
50
|
if (record[IS_SUMMARY]) {
|
|
76
51
|
return;
|
|
77
52
|
}
|
|
78
53
|
var drawX = fixed ? fixedLeft : x - scrollState.scrollLeft;
|
|
79
|
-
// 跳过不在可视区域的列
|
|
80
54
|
if (!fixed && (drawX + width < 0 || drawX > effectiveWidth)) {
|
|
81
55
|
return;
|
|
82
56
|
}
|
|
83
|
-
// 对于非fixed列,检查是否被fixed列完全遮挡
|
|
84
57
|
if (!fixed &&
|
|
85
58
|
fixedColumnsRightEdge > 0 &&
|
|
86
59
|
drawX < fixedColumnsRightEdge) {
|
|
87
|
-
// 如果完全被遮挡,跳过
|
|
88
60
|
if (drawX + width <= fixedColumnsRightEdge) {
|
|
89
61
|
return;
|
|
90
62
|
}
|
|
91
63
|
}
|
|
92
|
-
// 需要处理左右边界的裁剪
|
|
93
64
|
var effectiveCellWidth = width;
|
|
94
65
|
var effectiveDrawX = drawX;
|
|
95
|
-
var offsetLeft = 0;
|
|
66
|
+
var offsetLeft = 0;
|
|
96
67
|
if (!fixed) {
|
|
97
|
-
// 处理左边界:如果单元格部分在左边界外
|
|
98
68
|
if (drawX < 0) {
|
|
99
|
-
offsetLeft = -drawX;
|
|
100
|
-
effectiveCellWidth = width + drawX;
|
|
101
|
-
effectiveDrawX = 0;
|
|
69
|
+
offsetLeft = -drawX;
|
|
70
|
+
effectiveCellWidth = width + drawX;
|
|
71
|
+
effectiveDrawX = 0;
|
|
102
72
|
if (effectiveCellWidth <= 0)
|
|
103
73
|
return;
|
|
104
74
|
}
|
|
105
|
-
// 处理被fixed列遮挡的情况
|
|
106
75
|
if (fixedColumnsRightEdge > 0 &&
|
|
107
76
|
effectiveDrawX < fixedColumnsRightEdge) {
|
|
108
77
|
var overlap = fixedColumnsRightEdge - effectiveDrawX;
|
|
109
78
|
if (overlap < effectiveCellWidth) {
|
|
110
|
-
offsetLeft += overlap;
|
|
111
|
-
effectiveCellWidth -= overlap;
|
|
112
|
-
effectiveDrawX = fixedColumnsRightEdge;
|
|
79
|
+
offsetLeft += overlap;
|
|
80
|
+
effectiveCellWidth -= overlap;
|
|
81
|
+
effectiveDrawX = fixedColumnsRightEdge;
|
|
113
82
|
}
|
|
114
83
|
}
|
|
115
84
|
}
|
|
116
|
-
// 处理右边界:如果单元格部分在右边界外(fixed 和非 fixed 列都需要处理)
|
|
117
85
|
if (effectiveDrawX + effectiveCellWidth > effectiveWidth) {
|
|
118
86
|
effectiveCellWidth = effectiveWidth - effectiveDrawX;
|
|
119
87
|
if (effectiveCellWidth <= 0)
|
|
120
88
|
return;
|
|
121
89
|
}
|
|
122
|
-
// 获取单元格值
|
|
123
90
|
var dataIndex = column.dataIndex || column.key;
|
|
124
91
|
var cellValue = record[dataIndex];
|
|
125
|
-
// 调用 render 函数获取内容
|
|
126
92
|
var renderedContent = column.render(cellValue, record, rowIndex);
|
|
127
|
-
// 只有返回的不是字符串或数字时,才需要渲染到覆盖层
|
|
128
|
-
// 字符串和数字会在 Canvas 中直接绘制
|
|
129
93
|
if (typeof renderedContent !== "string" &&
|
|
130
94
|
typeof renderedContent !== "number" &&
|
|
131
95
|
renderedContent !== null &&
|
|
132
96
|
renderedContent !== undefined) {
|
|
133
|
-
// 处理 y 轴的边界裁剪,类似于 x 轴的处理
|
|
134
97
|
var effectiveCellHeight = rowHeight;
|
|
135
98
|
var effectiveDrawY = y;
|
|
136
|
-
var offsetTop = 0;
|
|
137
|
-
|
|
138
|
-
var minTopY = headerHeight; // 默认最小Y为表头高度
|
|
99
|
+
var offsetTop = 0;
|
|
100
|
+
var minTopY = headerHeight;
|
|
139
101
|
if (!isFixedRow) {
|
|
140
|
-
// 非固定行还需要避开固定顶部行区域
|
|
141
102
|
minTopY = headerHeight + fixedTopRowsHeight;
|
|
142
103
|
}
|
|
143
104
|
if (y < minTopY) {
|
|
144
|
-
offsetTop = minTopY - y;
|
|
145
|
-
effectiveCellHeight = rowHeight - offsetTop;
|
|
146
|
-
effectiveDrawY = minTopY;
|
|
105
|
+
offsetTop = minTopY - y;
|
|
106
|
+
effectiveCellHeight = rowHeight - offsetTop;
|
|
107
|
+
effectiveDrawY = minTopY;
|
|
147
108
|
if (effectiveCellHeight <= 0)
|
|
148
109
|
return;
|
|
149
110
|
}
|
|
150
|
-
// 处理下边界:根据行类型进行不同的边界检查
|
|
151
111
|
var maxBottomY = void 0;
|
|
152
112
|
if (isFixedRow) {
|
|
153
|
-
// 固定行使用完整的容器高度(减去滚动条)
|
|
154
113
|
maxBottomY = needHorizontalScrollbar
|
|
155
114
|
? containerHeight - scrollbarSize
|
|
156
115
|
: containerHeight;
|
|
157
116
|
}
|
|
158
117
|
else {
|
|
159
|
-
// 非固定行需要严格避开所有固定行区域
|
|
160
118
|
var currentFixedBottomHeight = fixedBottomRowsCount * rowHeight;
|
|
161
119
|
var currentFixedSummaryHeight = summaryFixed && hasSummaryRow ? rowHeight : 0;
|
|
162
|
-
// 计算可滚动区域的严格边界
|
|
163
120
|
var scrollableAreaBottom = containerHeight -
|
|
164
121
|
(needHorizontalScrollbar ? scrollbarSize : 0) -
|
|
165
122
|
currentFixedBottomHeight -
|
|
166
123
|
currentFixedSummaryHeight;
|
|
167
124
|
maxBottomY = Math.min(effectiveHeight, scrollableAreaBottom);
|
|
168
125
|
}
|
|
169
|
-
// 如果单元格部分在底部边界外
|
|
170
126
|
if (effectiveDrawY + effectiveCellHeight > maxBottomY) {
|
|
171
127
|
effectiveCellHeight = maxBottomY - effectiveDrawY;
|
|
172
128
|
if (effectiveCellHeight <= 0)
|
|
@@ -193,58 +149,45 @@ var useTableCellOverlay = function (params) {
|
|
|
193
149
|
}
|
|
194
150
|
});
|
|
195
151
|
};
|
|
196
|
-
// 1. 处理固定顶部行
|
|
197
152
|
if (fixedTopRowsCount > 0) {
|
|
198
153
|
for (var i = 0; i < fixedTopRowsCount; i++) {
|
|
199
154
|
var y = headerHeight + i * rowHeight;
|
|
200
155
|
processCell(i, y, true);
|
|
201
156
|
}
|
|
202
157
|
}
|
|
203
|
-
// 2. 处理可滚动区域的行
|
|
204
158
|
var fixedTopRowsHeight = fixedTopRowsCount * rowHeight;
|
|
205
159
|
var fixedBottomRowsHeight = fixedBottomRowsCount * rowHeight;
|
|
206
|
-
// 计算可滚动数据区域的高度
|
|
207
160
|
var scrollableAreaHeight = containerHeight -
|
|
208
161
|
headerHeight -
|
|
209
162
|
fixedTopRowsHeight -
|
|
210
163
|
fixedBottomRowsHeight -
|
|
211
164
|
fixedSummaryHeight -
|
|
212
165
|
(needHorizontalScrollbar ? scrollbarSize : 0);
|
|
213
|
-
// 计算可见的滚动行范围
|
|
214
166
|
var scrollStartRow = Math.floor(scrollState.scrollTop / rowHeight);
|
|
215
|
-
var scrollEndRow = Math.min(Math.ceil((scrollState.scrollTop + scrollableAreaHeight) / rowHeight), processedDataSource.length - fixedBottomRowsCount
|
|
216
|
-
// 注意:不再减去合计行数量,因为合计行的空间已在 scrollableAreaHeight 中考虑
|
|
217
|
-
);
|
|
218
|
-
// 调整行索引,从固定顶部行之后开始
|
|
167
|
+
var scrollEndRow = Math.min(Math.ceil((scrollState.scrollTop + scrollableAreaHeight) / rowHeight), processedDataSource.length - fixedBottomRowsCount);
|
|
219
168
|
var adjustedStartRow = fixedTopRowsCount + scrollStartRow;
|
|
220
169
|
var adjustedEndRow = fixedTopRowsCount + scrollEndRow;
|
|
221
170
|
for (var rowIndex = adjustedStartRow; rowIndex < adjustedEndRow; rowIndex++) {
|
|
222
171
|
if (rowIndex < 0 || rowIndex >= processedDataSource.length)
|
|
223
172
|
continue;
|
|
224
|
-
// 计算相对于滚动区域的位置
|
|
225
173
|
var relativeRowIndex = rowIndex - fixedTopRowsCount;
|
|
226
174
|
var y = headerHeight +
|
|
227
175
|
fixedTopRowsHeight +
|
|
228
176
|
relativeRowIndex * rowHeight -
|
|
229
177
|
scrollState.scrollTop;
|
|
230
|
-
// 检查是否在可见区域内,并确保不会与固定行重叠
|
|
231
178
|
var minVisibleY = headerHeight + fixedTopRowsHeight;
|
|
232
179
|
var maxVisibleY = minVisibleY + scrollableAreaHeight;
|
|
233
|
-
// 额外检查:确保不会延伸到固定底部行或固定合计行区域
|
|
234
180
|
var maxAllowedY = containerHeight -
|
|
235
181
|
(needHorizontalScrollbar ? scrollbarSize : 0) -
|
|
236
182
|
fixedBottomRowsHeight -
|
|
237
183
|
fixedSummaryHeight;
|
|
238
|
-
// 可见性检查:允许部分可见的行(被固定行遮挡的情况)
|
|
239
184
|
if (y + rowHeight <= minVisibleY ||
|
|
240
185
|
y >= maxVisibleY ||
|
|
241
|
-
y >= maxAllowedY
|
|
242
|
-
) {
|
|
186
|
+
y >= maxAllowedY) {
|
|
243
187
|
continue;
|
|
244
188
|
}
|
|
245
189
|
processCell(rowIndex, y, false);
|
|
246
190
|
}
|
|
247
|
-
// 3. 处理固定底部行
|
|
248
191
|
if (fixedBottomRowsCount > 0) {
|
|
249
192
|
var bottomRowsStartIndex = processedDataSource.length -
|
|
250
193
|
fixedBottomRowsCount -
|
|
@@ -259,7 +202,6 @@ var useTableCellOverlay = function (params) {
|
|
|
259
202
|
processCell(rowIndex, y, true);
|
|
260
203
|
}
|
|
261
204
|
}
|
|
262
|
-
// 4. 处理固定合计行
|
|
263
205
|
if (summaryFixed && hasSummaryRow) {
|
|
264
206
|
var summaryRowIndex = processedDataSource.length - 1;
|
|
265
207
|
var summaryY = containerHeight -
|
|
@@ -267,25 +209,22 @@ var useTableCellOverlay = function (params) {
|
|
|
267
209
|
rowHeight;
|
|
268
210
|
processCell(summaryRowIndex, summaryY, true);
|
|
269
211
|
}
|
|
270
|
-
// 排序覆盖层:优先级顺序 - 确保固定合计行有最高优先级
|
|
271
212
|
return overlays.sort(function (a, b) {
|
|
272
|
-
// 计算优先级(数值越大优先级越高)
|
|
273
213
|
var getPriority = function (overlay) {
|
|
274
|
-
// 检查是否是固定合计行(最后一行且固定合计行开启)
|
|
275
214
|
var isSummaryRow = summaryFixed &&
|
|
276
215
|
hasSummaryRow &&
|
|
277
216
|
overlay.rowIndex === processedDataSource.length - 1;
|
|
278
217
|
if (isSummaryRow && overlay.isFixed)
|
|
279
|
-
return 6;
|
|
218
|
+
return 6;
|
|
280
219
|
if (isSummaryRow && !overlay.isFixed)
|
|
281
|
-
return 5;
|
|
220
|
+
return 5;
|
|
282
221
|
if (overlay.isFixedRow && overlay.isFixed)
|
|
283
|
-
return 4;
|
|
222
|
+
return 4;
|
|
284
223
|
if (overlay.isFixedRow && !overlay.isFixed)
|
|
285
|
-
return 3;
|
|
224
|
+
return 3;
|
|
286
225
|
if (!overlay.isFixedRow && overlay.isFixed)
|
|
287
|
-
return 2;
|
|
288
|
-
return 1;
|
|
226
|
+
return 2;
|
|
227
|
+
return 1;
|
|
289
228
|
};
|
|
290
229
|
return getPriority(a) - getPriority(b);
|
|
291
230
|
});
|
|
@@ -310,15 +249,6 @@ var useTableCellOverlay = function (params) {
|
|
|
310
249
|
cellOverlays: cellOverlays,
|
|
311
250
|
};
|
|
312
251
|
};
|
|
313
|
-
// ==================== Hook 2: 表头覆盖层管理 ====================
|
|
314
|
-
/**
|
|
315
|
-
* 表头覆盖层管理 Hook
|
|
316
|
-
*
|
|
317
|
-
* 功能:
|
|
318
|
-
* - 计算需要渲染为 React 组件的表头位置信息
|
|
319
|
-
* - 只处理 title 为 React 元素的列
|
|
320
|
-
* - 支持列宽调整时的临时宽度
|
|
321
|
-
*/
|
|
322
252
|
var useHeaderOverlay = function (params) {
|
|
323
253
|
var columnRenderInfos = params.columnRenderInfos, scrollLeft = params.scrollLeft, headerHeight = params.headerHeight, containerWidth = params.containerWidth, needVerticalScrollbar = params.needVerticalScrollbar, scrollbarSize = params.scrollbarSize, getColumnWidth = params.getColumnWidth;
|
|
324
254
|
var headerOverlays = useMemo(function () {
|
|
@@ -326,26 +256,62 @@ var useHeaderOverlay = function (params) {
|
|
|
326
256
|
var displayWidth = needVerticalScrollbar
|
|
327
257
|
? containerWidth - scrollbarSize
|
|
328
258
|
: containerWidth;
|
|
259
|
+
var fixedColumnsRightEdge = columnRenderInfos.reduce(function (maxEdge, info, index) {
|
|
260
|
+
if (!info.fixed) {
|
|
261
|
+
return maxEdge;
|
|
262
|
+
}
|
|
263
|
+
var currentWidth = getColumnWidth ? getColumnWidth(index) : info.width;
|
|
264
|
+
return Math.max(maxEdge, info.fixedLeft + currentWidth);
|
|
265
|
+
}, 0);
|
|
329
266
|
columnRenderInfos.forEach(function (info, index) {
|
|
330
267
|
var column = info.column, x = info.x, fixed = info.fixed, fixedLeft = info.fixedLeft;
|
|
331
|
-
// 只处理 title 为 React 元素的列
|
|
332
268
|
if (!isValidElement(column.title)) {
|
|
333
269
|
return;
|
|
334
270
|
}
|
|
335
|
-
// 使用 getColumnWidth 获取列宽(考虑拖拽时的临时宽度)
|
|
336
271
|
var width = getColumnWidth ? getColumnWidth(index) : info.width;
|
|
337
272
|
var drawX = fixed ? fixedLeft : x - scrollLeft;
|
|
338
|
-
// 跳过不在可视区域的列
|
|
339
273
|
if (!fixed && (drawX + width < 0 || drawX > displayWidth)) {
|
|
340
274
|
return;
|
|
341
275
|
}
|
|
276
|
+
var effectiveWidth = width;
|
|
277
|
+
var effectiveDrawX = drawX;
|
|
278
|
+
var offsetLeft = 0;
|
|
279
|
+
if (!fixed) {
|
|
280
|
+
if (drawX < 0) {
|
|
281
|
+
offsetLeft = -drawX;
|
|
282
|
+
effectiveWidth = width + drawX;
|
|
283
|
+
effectiveDrawX = 0;
|
|
284
|
+
if (effectiveWidth <= 0) {
|
|
285
|
+
return;
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
if (fixedColumnsRightEdge > 0 &&
|
|
289
|
+
effectiveDrawX < fixedColumnsRightEdge) {
|
|
290
|
+
var overlap = fixedColumnsRightEdge - effectiveDrawX;
|
|
291
|
+
if (overlap >= effectiveWidth) {
|
|
292
|
+
return;
|
|
293
|
+
}
|
|
294
|
+
offsetLeft += overlap;
|
|
295
|
+
effectiveWidth -= overlap;
|
|
296
|
+
effectiveDrawX = fixedColumnsRightEdge;
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
if (effectiveDrawX + effectiveWidth > displayWidth) {
|
|
300
|
+
effectiveWidth = displayWidth - effectiveDrawX;
|
|
301
|
+
if (effectiveWidth <= 0) {
|
|
302
|
+
return;
|
|
303
|
+
}
|
|
304
|
+
}
|
|
342
305
|
overlays.push({
|
|
343
306
|
columnKey: column.key,
|
|
344
|
-
x:
|
|
307
|
+
x: effectiveDrawX,
|
|
345
308
|
y: 0,
|
|
346
|
-
width:
|
|
309
|
+
width: effectiveWidth,
|
|
347
310
|
height: headerHeight,
|
|
348
311
|
content: column.title,
|
|
312
|
+
isFixed: fixed || false,
|
|
313
|
+
offsetLeft: offsetLeft,
|
|
314
|
+
originalWidth: width,
|
|
349
315
|
});
|
|
350
316
|
});
|
|
351
317
|
return overlays;
|
|
@@ -29,6 +29,8 @@ interface IProps {
|
|
|
29
29
|
titleChildren?: React__default.ReactNode;
|
|
30
30
|
/** 是否隐藏底部 */
|
|
31
31
|
hideFrame?: boolean;
|
|
32
|
+
/** 容器样式 */
|
|
33
|
+
containerStyle?: React__default.CSSProperties;
|
|
32
34
|
}
|
|
33
35
|
declare const ContainerButtonWrap: React__default.FC<{
|
|
34
36
|
children?: React__default.ReactNode;
|
|
@@ -16,7 +16,7 @@ var ContainerLoading = function (_a) {
|
|
|
16
16
|
className: "ztxk-container__loading", style: { display: loading ? "flex" : "none" } }));
|
|
17
17
|
};
|
|
18
18
|
var Container = function (props) {
|
|
19
|
-
var className = props.className, style = props.style, isFlex = props.isFlex, children = props.children, loading = props.loading, footerDom = props.footerDom, leftContent = props.leftContent, defaultLeftOpen = props.defaultLeftOpen, defaultLeftWidth = props.defaultLeftWidth, leftContentOut = props.leftContentOut, leftContentProps = props.leftContentProps, title = props.title, titleChildren = props.titleChildren, hideFrame = props.hideFrame;
|
|
19
|
+
var className = props.className, style = props.style, isFlex = props.isFlex, children = props.children, loading = props.loading, footerDom = props.footerDom, leftContent = props.leftContent, defaultLeftOpen = props.defaultLeftOpen, defaultLeftWidth = props.defaultLeftWidth, leftContentOut = props.leftContentOut, leftContentProps = props.leftContentProps, title = props.title, titleChildren = props.titleChildren, hideFrame = props.hideFrame, containerStyle = props.containerStyle;
|
|
20
20
|
var containerRef = useRef(null);
|
|
21
21
|
var leftContentContainerRef = useRef(null);
|
|
22
22
|
var classes = classNames("ztxk-container__content", className, {
|
|
@@ -26,7 +26,7 @@ var Container = function (props) {
|
|
|
26
26
|
var titleContainerClasses = classNames("ztxk-container__content--main", {
|
|
27
27
|
"ztxk-container__content--main--flex": isFlex,
|
|
28
28
|
});
|
|
29
|
-
return (jsxs("div", __assign({ className: "ztxk-container", ref: containerRef, style: style }, { children: [!leftContentOut && leftContent ? (jsxs(LeftContentMemo.Wrap, __assign({ containerRef: leftContentContainerRef }, { children: [leftContent && (jsx(LeftContentMemo, __assign({ containerRef: leftContentContainerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true, showIcon: true }, leftContentProps, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: title ? (jsxs(Fragment, { children: [jsx(TitleCom, __assign({ title: title, bordered: true, whiteBg: true }, { children: titleChildren })), jsx("div", __assign({ className: titleContainerClasses }, { children: children }))] })) : (children) }))] }))) : (jsxs(Fragment, { children: [leftContent && (jsx(LeftContentMemo, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true, showIcon: true }, leftContentProps, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes }, { children: title ? (jsxs(Fragment, { children: [jsx(TitleCom, __assign({ title: title, bordered: true, whiteBg: true }, { children: titleChildren })), jsx("div", __assign({ className: titleContainerClasses }, { children: children }))] })) : (children) }))] })), hideFrame ? null : jsx(Footer, { footerDom: footerDom })] })));
|
|
29
|
+
return (jsxs("div", __assign({ className: "ztxk-container", ref: containerRef, style: style }, { children: [!leftContentOut && leftContent ? (jsxs(LeftContentMemo.Wrap, __assign({ containerRef: leftContentContainerRef }, { children: [leftContent && (jsx(LeftContentMemo, __assign({ containerRef: leftContentContainerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true, showIcon: true }, leftContentProps, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes, style: containerStyle }, { children: title ? (jsxs(Fragment, { children: [jsx(TitleCom, __assign({ title: title, bordered: true, whiteBg: true }, { children: titleChildren })), jsx("div", __assign({ className: titleContainerClasses }, { children: children }))] })) : (children) }))] }))) : (jsxs(Fragment, { children: [leftContent && (jsx(LeftContentMemo, __assign({ containerRef: containerRef, defaultLeftOpen: defaultLeftOpen, width: defaultLeftWidth, isShow: true, showIcon: true }, leftContentProps, { children: leftContent }))), jsx(ContainerLoading, { loading: loading }), jsx("div", __assign({ className: classes, style: containerStyle }, { children: title ? (jsxs(Fragment, { children: [jsx(TitleCom, __assign({ title: title, bordered: true, whiteBg: true }, { children: titleChildren })), jsx("div", __assign({ className: titleContainerClasses }, { children: children }))] })) : (children) }))] })), hideFrame ? null : jsx(Footer, { footerDom: footerDom })] })));
|
|
30
30
|
};
|
|
31
31
|
var ContainerButtonWrap = memo(function (_a) {
|
|
32
32
|
var children = _a.children, isMarginTop = _a.isMarginTop, className = _a.className, isFlex = _a.isFlex, flexDirection = _a.flexDirection, flexJustify = _a.flexJustify, style = _a.style;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ztxk-grid.ztxk-grid--default .ztxk-grid-item{line-height:18px}.ztxk-grid.ztxk-grid--large .ztxk-grid-item{line-height:32px}.ztxk-grid.ztxk-grid--border{border-left:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border:first-child{border-top:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border .ztxk-grid-item{border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border .ztxk-grid-item.ztxk-grid-item--text{padding:2px 4px}.ztxk-grid .ztxk-grid-item--flex,.ztxk-grid.ztxk-grid--flex .ztxk-grid-item{align-items:center;display:flex}.ztxk-grid.ztxk-grid--background .ztxk-grid-item--title{background:#eff5fe}.ztxk-grid.ztxk-grid--background .ztxk-grid-item--title .ztxk-grid-item--title-text{color:#333}.ztxk-grid .ztxk-grid-item{font-size:12px;line-height:18px;overflow:hidden}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title{word-wrap:break-word;color:#888;display:flex;justify-content:flex-end;padding:2px 0 2px 4px}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-text{display:inline-block}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-colon{padding:0 0 0 1px}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-required{color:#ff4d4f!important;font-family:SimSun,sans-serif;font-size:14px;margin:1px 2px 0 0}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title-vertical-center{align-items:center}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--diff{background-color:#fdfd19}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text{word-wrap:break-word;color:#333;padding:3px 0}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text-noellipsis{white-space:pre-line}.ztxk-grid .ztxk-grid-item--merge{display:flex}.ztxk-grid .ztxk-grid-item--merge .ztxk-grid-item--text{flex:1}
|
|
1
|
+
.ztxk-grid.ztxk-grid--default .ztxk-grid-item{line-height:18px}.ztxk-grid.ztxk-grid--large .ztxk-grid-item{line-height:32px}.ztxk-grid.ztxk-grid--border{border-left:1px solid #ebebeb;border-top:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border:first-child{border-top:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border .ztxk-grid-item{border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb}.ztxk-grid.ztxk-grid--border .ztxk-grid-item.ztxk-grid-item--text{padding:2px 4px}.ztxk-grid .ztxk-grid-item--flex,.ztxk-grid.ztxk-grid--flex .ztxk-grid-item{align-items:center;display:flex}.ztxk-grid.ztxk-grid--background .ztxk-grid-item--title{background:#eff5fe}.ztxk-grid.ztxk-grid--background .ztxk-grid-item--title .ztxk-grid-item--title-text{color:#333}.ztxk-grid .ztxk-grid-item{font-size:12px;line-height:18px;overflow:hidden}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title{word-wrap:break-word;color:#888;display:flex;justify-content:flex-end;padding:2px 0 2px 4px}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-text{display:inline-block}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-colon{padding:0 0 0 1px}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title .ztxk-grid-item--title-required{color:#ff4d4f!important;font-family:SimSun,sans-serif;font-size:14px;margin:1px 2px 0 0}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--title-vertical-center{align-items:center}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--diff{background-color:#fdfd19}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text{word-wrap:break-word;color:#333;padding:3px 0}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ztxk-grid .ztxk-grid-item.ztxk-grid-item--text-noellipsis{white-space:pre-line}.ztxk-grid .ztxk-grid-item--merge{display:flex}.ztxk-grid .ztxk-grid-item--merge .ztxk-grid-item--text{flex:1}.ztxk-grid.ztxk-grid--ui-weekly .ztxk-grid-item--text{font-size:13px}
|
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import { __rest, __assign } from '../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classNames from '../node_modules/classnames/index.js';
|
|
4
|
+
import 'react';
|
|
5
|
+
import '../config/ZtxkContext.js';
|
|
6
|
+
import useBaseContext from '../config/useBaseContext.js';
|
|
7
|
+
import '../config/MyStorage.js';
|
|
4
8
|
import Item from './item.js';
|
|
5
9
|
import { Row } from 'antd';
|
|
6
10
|
|
|
7
11
|
var List = function (_a) {
|
|
8
12
|
var children = _a.children, className = _a.className, border = _a.border, isBg = _a.isBg, isFlex = _a.isFlex, _b = _a.size, size = _b === void 0 ? "default" : _b, restProps = __rest(_a, ["children", "className", "border", "isBg", "isFlex", "size"]);
|
|
13
|
+
var isUIWeeklyReview = useBaseContext().isUIWeeklyReview;
|
|
9
14
|
var classes = classNames("ztxk-grid", "ztxk-grid--".concat(size), className, {
|
|
10
15
|
"ztxk-grid--border": border,
|
|
11
16
|
"ztxk-grid--background": isBg,
|
|
12
17
|
"ztxk-grid--flex": isFlex,
|
|
18
|
+
"ztxk-grid--ui-weekly": isUIWeeklyReview,
|
|
13
19
|
});
|
|
14
20
|
return (jsx(Row, __assign({ className: classes }, restProps, { gutter: 0 }, { children: children })));
|
|
15
21
|
};
|
|
@@ -132,6 +132,7 @@ var ElectronSealBatchDownload = function (props) {
|
|
|
132
132
|
}
|
|
133
133
|
});
|
|
134
134
|
var canDownloadFileList_1 = {};
|
|
135
|
+
debugger;
|
|
135
136
|
Object.keys(listResult_2).forEach(function (key) {
|
|
136
137
|
var checkedRecords = listResult_2[key];
|
|
137
138
|
var _a = allData[key], records = _a.records, currentDocAttachMap = _a.currentDocAttachMap, fileFieldsNameRef = _a.fileFieldsNameRef, flowStatus = _a.flowStatus;
|