zmdms-webui 0.0.159 → 0.0.161
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/applayout/index.css +1 -1
- package/dist/es/applayoutsider/menu/Logo.js +6 -3
- package/dist/es/applayoutsider/menu/MainMenu.js +3 -2
- package/dist/es/applayoutsider/menu/SubMenu.js +8 -7
- package/dist/es/applayoutsider/menu/hook.js +1 -1
- package/dist/es/applayoutsider/menu/index.js +5 -3
- package/dist/es/select/select-render.js +1 -1
- package/dist/es/select/select.js +2 -2
- package/dist/es/table/useTableValidate.js +41 -7
- package/dist/index.dark.css +1 -1
- package/dist/index.default.css +1 -1
- package/package.json +1 -1
|
@@ -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 .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 5px 0 10px}.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>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.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-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}.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 .ant-tabs-tab a{color:#768696;display:inline-block;padding:0 5px 0 10px}.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:-1px;width:3px}.zmdms-menu .zmdms-logo>img{display:block;margin:0 auto;width:78px}.zmdms-menu .zmdms-menu--main{background:#0000;border-right:none;flex:1;overflow-x:hidden;overflow-y:auto}.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-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}.logout-spin{background-color:#ffffffb3;bottom:0;left:0;padding-top:100px;position:fixed;right:0;top:0;z-index:1000}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
import { __assign } from '../../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { memo } from 'react';
|
|
4
|
+
import classNames from '../../node_modules/classnames/index.js';
|
|
4
5
|
|
|
5
|
-
// import logo from "assets/img/common/logo.png";
|
|
6
6
|
var Logo = function (_a) {
|
|
7
|
-
var logo = _a.logo;
|
|
8
|
-
|
|
7
|
+
var logo = _a.logo, showLine = _a.showLine;
|
|
8
|
+
var classes = classNames("zmdms-logo", {
|
|
9
|
+
"zmdms-logo--line": showLine,
|
|
10
|
+
});
|
|
11
|
+
return (jsx("div", __assign({ className: classes }, { children: jsx("img", { src: logo, title: "\u6D59\u6C5F\u4EA4\u901A\u96C6\u56E2", alt: "cico_logo" }) })));
|
|
9
12
|
};
|
|
10
13
|
var Logo$1 = memo(Logo);
|
|
11
14
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __assign } from '../../_virtual/_tslib.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useContext, useCallback, useMemo } from 'react';
|
|
3
|
+
import { memo, useContext, useCallback, useMemo } from 'react';
|
|
4
4
|
import { Link } from 'react-router-dom';
|
|
5
5
|
import { useMainMenuOpenKeys } from './hook.js';
|
|
6
6
|
import { LayoutMenuContext } from '../LayoutSiderContext.js';
|
|
@@ -112,6 +112,7 @@ var MainMenu = function (props) {
|
|
|
112
112
|
}, [setMainMenuSelectedKeys, subMenu]);
|
|
113
113
|
return (jsx(Menu, { className: "zmdms-menu--main", items: items, inlineIndent: 5, mode: "inline", onMouseEnter: onMouseEnter, selectedKeys: mainMenuSelectedKeys, onSelect: onSelectHandle, openKeys: mainMenuOpenKeys, onOpenChange: onMainMenuOpenChange }));
|
|
114
114
|
};
|
|
115
|
+
var MainMenu$1 = memo(MainMenu);
|
|
115
116
|
function filterMenu(menus) {
|
|
116
117
|
if (Array.isArray(menus)) {
|
|
117
118
|
return menus.filter(function (item) { return item.isHiddenMenu !== 1; });
|
|
@@ -119,4 +120,4 @@ function filterMenu(menus) {
|
|
|
119
120
|
return menus;
|
|
120
121
|
}
|
|
121
122
|
|
|
122
|
-
export { MainMenu as default, filterMenu };
|
|
123
|
+
export { MainMenu$1 as default, filterMenu };
|
|
@@ -13,8 +13,8 @@ import { Drawer, Menu } from 'antd';
|
|
|
13
13
|
|
|
14
14
|
var defaultSubMenu = [];
|
|
15
15
|
var SubMenu = function (props, ref) {
|
|
16
|
-
var marginLeft = props.marginLeft, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, getPrefixByAppId = props.getPrefixByAppId, subMenuLogo = props.subMenuLogo,
|
|
17
|
-
var
|
|
16
|
+
var marginLeft = props.marginLeft, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, getPrefixByAppId = props.getPrefixByAppId, subMenuLogo = props.subMenuLogo, visible = props.visible, setVisible = props.setVisible, _a = props.defaultFixed, defaultFixed = _a === void 0 ? true : _a;
|
|
17
|
+
var _b = useContext(LayoutMenuContext), mainMenuSelectedKeys = _b.mainMenuSelectedKeys, setMainMenuSelectedKeys = _b.setMainMenuSelectedKeys, activeTab = _b.activeTab, userSubMenus = _b.userSubMenus, drawerTitle = _b.drawerTitle, selectMainMenu = _b.selectMainMenu, menuJoinRule = _b.menuJoinRule, renderItem = _b.renderItem;
|
|
18
18
|
// 二级菜单当前选中项
|
|
19
19
|
var subMenusSelectedKeys = useMemo(function () {
|
|
20
20
|
return activeTab ? [activeTab] : [];
|
|
@@ -28,16 +28,17 @@ var SubMenu = function (props, ref) {
|
|
|
28
28
|
}, [mainMenuSelectedKeys, userSubMenus]);
|
|
29
29
|
// 展开指定的二级菜单
|
|
30
30
|
var isClickSubMenu = useRef(false); // 是否用户点击二级菜单
|
|
31
|
-
var
|
|
31
|
+
var _c = useSubMenuOpenKeys(userSubMenus, activeTab, {
|
|
32
32
|
getPrefixByAppId: getPrefixByAppId,
|
|
33
33
|
setMainMenuSelectedKeys: setMainMenuSelectedKeys,
|
|
34
34
|
selectMainMenu: selectMainMenu,
|
|
35
35
|
isClickSubMenu: isClickSubMenu,
|
|
36
|
-
}), subMenuOpenKeys =
|
|
36
|
+
}), subMenuOpenKeys = _c.subMenuOpenKeys, onSubMenuOpenChange = _c.onSubMenuOpenChange;
|
|
37
37
|
// 二级菜单是否显示
|
|
38
|
-
|
|
38
|
+
// 提升到父组件
|
|
39
|
+
// const [visible, setVisible] = useState<boolean>(defaultVisible);
|
|
39
40
|
// 二级菜单是否固定
|
|
40
|
-
var
|
|
41
|
+
var _d = useState(defaultFixed), isFixed = _d[0], setIsFixed = _d[1];
|
|
41
42
|
useMount(function () {
|
|
42
43
|
layoutSiderRef.current.style.marginRight = defaultFixed
|
|
43
44
|
? "".concat(subMenuWidth, "px")
|
|
@@ -139,7 +140,7 @@ var SubMenu = function (props, ref) {
|
|
|
139
140
|
var classes = classNames("zmdms-menu--sub", {
|
|
140
141
|
"zmdms-menu--sub-margin": !drawerTitle,
|
|
141
142
|
});
|
|
142
|
-
return (jsx(Drawer, __assign({ mask: false, placement: "left", width: subMenuWidth, zIndex: 101, closable: false, open: visible, className: classes, style: { marginLeft: marginLeft }, footer: footerDom, title: jsx("img", { src: subMenuLogo, title: "\u4EBA\u529B\u8D44\u6E90\u7CFB\u7EDF", alt: "cico_logo" }) }, { children: jsx(Menu, { inlineIndent: 5, selectedKeys: subMenusSelectedKeys, mode: "inline", items: items, openKeys: subMenuOpenKeys, onOpenChange: onSubMenuOpenChange }) })));
|
|
143
|
+
return (jsx(Drawer, __assign({ mask: false, placement: "left", width: subMenuWidth, zIndex: 101, closable: false, open: visible, className: classes, style: { marginLeft: marginLeft }, footer: footerDom, title: jsx("img", { src: subMenuLogo, title: "\u4EBA\u529B\u8D44\u6E90\u7CFB\u7EDF", alt: "cico_logo" }), getContainer: false }, { children: jsx(Menu, { inlineIndent: 5, selectedKeys: subMenusSelectedKeys, mode: "inline", items: items, openKeys: subMenuOpenKeys, onOpenChange: onSubMenuOpenChange }) })));
|
|
143
144
|
};
|
|
144
145
|
var SubMenu$1 = memo(forwardRef(SubMenu));
|
|
145
146
|
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { __assign } from '../../_virtual/_tslib.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { memo, useRef, useCallback } from 'react';
|
|
3
|
+
import { memo, useState, useRef, useCallback } from 'react';
|
|
4
4
|
import Logo from './Logo.js';
|
|
5
5
|
import MainMenu from './MainMenu.js';
|
|
6
6
|
import SubMenu from './SubMenu.js';
|
|
7
7
|
|
|
8
8
|
var MenuCom = function (props) {
|
|
9
|
-
var width = props.width, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, logo = props.logo, getPrefixByAppId = props.getPrefixByAppId, subMenuLogo = props.subMenuLogo,
|
|
9
|
+
var width = props.width, subMenuWidth = props.subMenuWidth, layoutSiderRef = props.layoutSiderRef, addTab = props.addTab, logo = props.logo, getPrefixByAppId = props.getPrefixByAppId, subMenuLogo = props.subMenuLogo, _a = props.defaultVisible, defaultVisible = _a === void 0 ? true : _a, defaultFixed = props.defaultFixed;
|
|
10
|
+
// 二级菜单是否显示
|
|
11
|
+
var _b = useState(defaultVisible), visible = _b[0], setVisible = _b[1];
|
|
10
12
|
// 二级菜单Ref对象
|
|
11
13
|
var subMenu = useRef({});
|
|
12
14
|
// 一级菜单mouseEnter事件
|
|
@@ -19,7 +21,7 @@ var MenuCom = function (props) {
|
|
|
19
21
|
var _a;
|
|
20
22
|
(_a = subMenu.current) === null || _a === void 0 ? void 0 : _a.setVisible(false);
|
|
21
23
|
}, []);
|
|
22
|
-
return (jsxs("div", __assign({ className: "zmdms-menu", onMouseLeave: onMouseLeave }, { children: [jsx(Logo, { logo: logo }), jsx(MainMenu, { onMouseEnter: onMouseEnter, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenu: subMenu }), jsx(SubMenu, { ref: subMenu, marginLeft: width, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenuLogo: subMenuLogo,
|
|
24
|
+
return (jsxs("div", __assign({ className: "zmdms-menu", onMouseLeave: onMouseLeave }, { children: [jsx(Logo, { logo: logo, showLine: visible }), jsx(MainMenu, { onMouseEnter: onMouseEnter, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenu: subMenu }), jsx(SubMenu, { ref: subMenu, marginLeft: width, subMenuWidth: subMenuWidth, layoutSiderRef: layoutSiderRef, addTab: addTab, getPrefixByAppId: getPrefixByAppId, subMenuLogo: subMenuLogo, visible: visible, setVisible: setVisible, defaultFixed: defaultFixed })] })));
|
|
23
25
|
};
|
|
24
26
|
var Menu = memo(MenuCom);
|
|
25
27
|
|
|
@@ -183,7 +183,7 @@ var SelectRender = function (props) {
|
|
|
183
183
|
isChangeRef.current = true;
|
|
184
184
|
setInnerValue(value);
|
|
185
185
|
if (!props.mode) {
|
|
186
|
-
var currentValue = value.value;
|
|
186
|
+
var currentValue = value === null || value === void 0 ? void 0 : value.value;
|
|
187
187
|
onChange && onChange(currentValue, options, completeData);
|
|
188
188
|
valueRef.current = currentValue;
|
|
189
189
|
completeDataRef.current = completeData;
|
package/dist/es/select/select.js
CHANGED
|
@@ -72,7 +72,7 @@ var Select = function (props, ref) {
|
|
|
72
72
|
// 多选模式
|
|
73
73
|
currentData = value.map(function (valueItem) {
|
|
74
74
|
// 兼容labelInValue的情况
|
|
75
|
-
var currentValue = props.labelInValue ? valueItem.value : valueItem;
|
|
75
|
+
var currentValue = props.labelInValue ? valueItem === null || valueItem === void 0 ? void 0 : valueItem.value : valueItem;
|
|
76
76
|
return resultList.find(function (item) {
|
|
77
77
|
if (!item) {
|
|
78
78
|
return false;
|
|
@@ -90,7 +90,7 @@ var Select = function (props, ref) {
|
|
|
90
90
|
}
|
|
91
91
|
else {
|
|
92
92
|
// 兼容labelInValue的情况
|
|
93
|
-
var currentValue_1 = props.labelInValue ? value.value : value;
|
|
93
|
+
var currentValue_1 = props.labelInValue ? value === null || value === void 0 ? void 0 : value.value : value;
|
|
94
94
|
currentData = resultList.find(function (item) {
|
|
95
95
|
if (!item) {
|
|
96
96
|
return false;
|
|
@@ -132,34 +132,68 @@ function tableValidate(dataSource, columns, restParams) {
|
|
|
132
132
|
// 找出所有命中行合并的位置 计算当前列需要减去多少列
|
|
133
133
|
var preErrorTr = resultTr.slice(0, i);
|
|
134
134
|
var trLen = preErrorTr.length;
|
|
135
|
-
|
|
135
|
+
// 记录没一行需要减去的列数（因为行合并会影响截取的列数）
|
|
136
|
+
// 比如出错的行列为 第二行 第三列
|
|
137
|
+
// 没有行列合并的情况下 正常取 tr[1].children[2] 就能取到正确的出错的td
|
|
138
|
+
// 但是如果第一行 第一列 有一个行合并 那么其实会影响到第二行截取错误列的情况
|
|
139
|
+
// 次数取出错列 变成了 tr[1].children[1] 了
|
|
140
|
+
var effectTrSubNum = new Array(trLen).fill(0);
|
|
141
|
+
for (var k = 0; k < trLen; k++) {
|
|
136
142
|
var tr = preErrorTr[k];
|
|
137
143
|
var tds = Array.prototype.slice.call(tr === null || tr === void 0 ? void 0 : tr.children);
|
|
138
|
-
|
|
144
|
+
// 找到当前行是否有列合并
|
|
145
|
+
// 如果有列合并得话 实际截取的td
|
|
146
|
+
// 应该需要再减去当前行列合并的数量
|
|
147
|
+
var needSubNum = effectTrSubNum[k];
|
|
148
|
+
var currentTds_1 = tds.slice(0, (index || 0) + 1 - needSubNum);
|
|
139
149
|
var tdLen_1 = currentTds_1.length;
|
|
140
|
-
for (var m =
|
|
150
|
+
for (var m = 0; m < tdLen_1; m++) {
|
|
141
151
|
var td = currentTds_1[m];
|
|
142
152
|
var rowSpanVal = Number(td.getAttribute("rowspan"));
|
|
153
|
+
// 看行合并影响的列有几个
|
|
154
|
+
if (rowSpanVal) {
|
|
155
|
+
var num = rowSpanVal - 1;
|
|
156
|
+
while (num > 0) {
|
|
157
|
+
if (k + num < trLen) {
|
|
158
|
+
effectTrSubNum[k + num]++;
|
|
159
|
+
}
|
|
160
|
+
num--;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
143
163
|
// 如果存在行合并 并且当前行位于合并位置
|
|
164
|
+
// rowSpan的值 值行合并数量 比如说行合并数量为4
|
|
165
|
+
// 加上当前遍历行的位置 如果 > 出错行的位置。
|
|
166
|
+
// 说明 遍历行的rowSpan 影响到了 出错行
|
|
144
167
|
if (rowSpanVal && rowSpanVal + k > i) {
|
|
145
168
|
minusNums++;
|
|
146
169
|
}
|
|
147
170
|
}
|
|
148
171
|
}
|
|
172
|
+
// console.log(`出错行: ${i}, 出错列: ${index}`);
|
|
173
|
+
// console.log(
|
|
174
|
+
// "遍历完出错行之前的行后，得到出错行需要减去多少列",
|
|
175
|
+
// minusNums
|
|
176
|
+
// );
|
|
177
|
+
// console.log(
|
|
178
|
+
// "统计出错行之前的所有行每行需要减去多少列",
|
|
179
|
+
// effectTrSubNum
|
|
180
|
+
// );
|
|
149
181
|
// 计算当前行的列合并数量
|
|
150
182
|
var currentTds = errorTds.slice(0, index || 0);
|
|
151
|
-
var tdLen = currentTds.length;
|
|
183
|
+
var tdLen = currentTds.length - minusNums;
|
|
152
184
|
for (var m = 0; m < tdLen; m++) {
|
|
153
185
|
var td = currentTds[m];
|
|
154
186
|
var colSpanVal = Number(td.getAttribute("colspan"));
|
|
155
|
-
//
|
|
187
|
+
// 如果存在列合并 并且当前行位于合并位置
|
|
156
188
|
if (colSpanVal > 1) {
|
|
189
|
+
// console.log("当前有列合并");
|
|
157
190
|
// 如果有列命中了合并 那么总长度需要减去一 因为列合并实际会导致遍历长度与实际列长度不对应
|
|
158
191
|
// 比如在紧接着需要验证的列后面 有一列是合并列 那么会导致计算位置错误
|
|
159
|
-
tdLen
|
|
160
|
-
minusNums
|
|
192
|
+
tdLen = tdLen - (colSpanVal - 1);
|
|
193
|
+
minusNums = minusNums + (colSpanVal - 1);
|
|
161
194
|
}
|
|
162
195
|
}
|
|
196
|
+
// console.log(errorTds.slice(0, tdLen));
|
|
163
197
|
}
|
|
164
198
|
var errorTd = typeof index === "number"
|
|
165
199
|
? minusNums
|