zmdms-webui 2.5.8 → 2.5.9

package/dist/index.es.css

@@ -1 +1 @@
-:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px #0000001a,2px 4px 4px #0000001a,3px 6px 6px #0000001a;--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:#0003;--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{background-color:var(--contexify-menu-bgColor);border-radius:var(--contexify-menu-radius);box-shadow:var(--contexify-menu-shadow);box-sizing:border-box;min-width:var(--contexify-menu-minWidth);opacity:0;padding:var(--contexify-menu-padding);position:fixed;-webkit-user-select:none;user-select:none;z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{opacity:1;pointer-events:auto}.contexify .contexify_submenu{left:100%;pointer-events:none;position:absolute;top:calc(var(--contexify-menu-negatePadding)*-1);transition:opacity .265s}.contexify .contexify_submenu-bottom{bottom:calc(var(--contexify-menu-negatePadding)*-1);top:unset}.contexify .contexify_submenu-right{left:unset;right:100%}.contexify_rightSlot{color:var(--contexify-rightSlot-color);display:flex;margin-left:auto}.contexify_separator{background-color:var(--contexify-separator-color);cursor:default;height:1px;margin:var(--contexify-separator-margin)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{opacity:1;pointer-events:auto}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{align-items:center;color:var(--contexify-item-color);display:flex;padding:var(--contexify-itemContent-padding);position:relative;white-space:nowrap}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:#282828fa;--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{animation:contexify_scaleIn .3s;transform-origin:top left}.contexify_willLeave-scale{animation:contexify_scaleOut .3s;transform-origin:top left}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{opacity:0;transform:perspective(800px) rotateX(45deg)}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{animation:contexify_slideIn .3s;transform-origin:top center}.contexify_willLeave-slide{animation:contexify_slideOut .3s;transform-origin:top center}
+:root{--contexify-zIndex:666;--contexify-menu-minWidth:220px;--contexify-menu-padding:6px;--contexify-menu-radius:6px;--contexify-menu-bgColor:#fff;--contexify-menu-shadow:1px 2px 2px #0000001a,2px 4px 4px #0000001a,3px 6px 6px #0000001a;--contexify-menu-negatePadding:var(--contexify-menu-padding);--contexify-separator-color:#0003;--contexify-separator-margin:5px;--contexify-itemContent-padding:6px;--contexify-activeItem-radius:4px;--contexify-item-color:#333;--contexify-activeItem-color:#fff;--contexify-activeItem-bgColor:#3498db;--contexify-rightSlot-color:#6f6e77;--contexify-activeRightSlot-color:#fff;--contexify-arrow-color:#6f6e77;--contexify-activeArrow-color:#fff}@keyframes contexify_feedback{0%{opacity:.4}to{opacity:1}}.contexify{background-color:var(--contexify-menu-bgColor);border-radius:var(--contexify-menu-radius);box-shadow:var(--contexify-menu-shadow);box-sizing:border-box;min-width:var(--contexify-menu-minWidth);opacity:0;padding:var(--contexify-menu-padding);position:fixed;-webkit-user-select:none;user-select:none;z-index:var(--contexify-zIndex)}.contexify_submenu-isOpen,.contexify_submenu-isOpen>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_submenu-isOpen>.contexify_submenu{opacity:1;pointer-events:auto}.contexify .contexify_submenu{left:100%;pointer-events:none;position:absolute;top:calc(var(--contexify-menu-negatePadding)*-1);transition:opacity .265s}.contexify .contexify_submenu-bottom{bottom:calc(var(--contexify-menu-negatePadding)*-1);top:unset}.contexify .contexify_submenu-right{left:unset;right:100%}.contexify_rightSlot{color:var(--contexify-rightSlot-color);display:flex;margin-left:auto}.contexify_separator{background-color:var(--contexify-separator-color);cursor:default;height:1px;margin:var(--contexify-separator-margin)}.contexify_willLeave-disabled{pointer-events:none}.contexify_item{cursor:pointer;position:relative}.contexify_item:focus{outline:0}.contexify_item:focus .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeRightSlot-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup]>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-arrow-color)}.contexify_item:not(.contexify_item-disabled)[aria-haspopup].contexify_submenu-isOpen>.contexify_itemContent .contexify_rightSlot,.contexify_item:not(.contexify_item-disabled)[aria-haspopup]:hover>.contexify_itemContent .contexify_rightSlot,.contexify_item[aria-haspopup]:focus>.contexify_itemContent .contexify_rightSlot{color:var(--contexify-activeArrow-color)}.contexify_item:not(.contexify_item-disabled):focus>.contexify_itemContent,.contexify_item:not(.contexify_item-disabled):hover>.contexify_itemContent{background-color:var(--contexify-activeItem-bgColor);border-radius:var(--contexify-activeItem-radius);color:var(--contexify-activeItem-color)}.contexify_item:not(.contexify_item-disabled):hover>.contexify_submenu{opacity:1;pointer-events:auto}.contexify_item-disabled{cursor:default;opacity:.5}.contexify_itemContent{align-items:center;color:var(--contexify-item-color);display:flex;padding:var(--contexify-itemContent-padding);position:relative;white-space:nowrap}.contexify_item-feedback{animation:contexify_feedback .12s both}.contexify_theme-dark{--contexify-menu-bgColor:#282828fa;--contexify-separator-color:#4c4c4c;--contexify-item-color:#fff}.contexify_theme-light{--contexify-separator-color:#eee;--contexify-item-color:#666;--contexify-activeItem-color:#3498db;--contexify-activeItem-bgColor:#e0eefd;--contexify-activeRightSlot-color:#3498db;--contexify-active-arrow-color:#3498db}@keyframes contexify_scaleIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes contexify_scaleOut{0%{opacity:1}to{opacity:0;transform:scale3d(.3,.3,.3)}}.contexify_willEnter-scale{animation:contexify_scaleIn .3s;transform-origin:top left}.contexify_willLeave-scale{animation:contexify_scaleOut .3s;transform-origin:top left}@keyframes contexify_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes contexify_fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.contexify_willEnter-fade{animation:contexify_fadeIn .3s ease}.contexify_willLeave-fade{animation:contexify_fadeOut .3s ease}@keyframes contexify_flipInX{0%{transform:perspective(800px) rotateX(45deg)}to{transform:perspective(800px)}}@keyframes contexify_flipOutX{0%{transform:perspective(800px)}to{opacity:0;transform:perspective(800px) rotateX(45deg)}}.contexify_willEnter-flip{animation:contexify_flipInX .3s}.contexify_willEnter-flip,.contexify_willLeave-flip{backface-visibility:visible!important;transform-origin:top center}.contexify_willLeave-flip{animation:contexify_flipOutX .3s}@keyframes contexify_slideIn{0%{opacity:0;transform:scaleY(.3)}to{opacity:1}}@keyframes contexify_slideOut{0%{opacity:1}to{opacity:0;transform:scaleY(.3)}}.contexify_willEnter-slide{animation:contexify_slideIn .3s;transform-origin:top center}.contexify_willLeave-slide{animation:contexify_slideOut .3s;transform-origin:top center}.ztxk-modal{top:8vh}.ztxk-modal .ant-modal-content{border-radius:8px;display:flex;flex-direction:column}.ztxk-modal .ant-modal-content>.ant-modal-close{color:#333;height:40px;width:40px}.ztxk-modal .ant-modal-content>.ant-modal-close>.ant-modal-close-x{font-weight:400;height:40px;line-height:40px;width:40px}.ztxk-modal .ant-modal-content>.ant-modal-header{border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;flex-shrink:0;padding:9px 20px 9px 24px}.ztxk-modal .ant-modal-content>.ant-modal-header>.ant-modal-title{color:#333;font-weight:400;line-height:22px;text-align:center}.ztxk-modal .ant-modal-content>.ant-modal-body{flex:1;overflow:auto;padding:10px}.ztxk-modal .ant-modal-content>.ant-modal-footer{border-top:0;flex-shrink:0;padding:10px 0;text-align:center}.ztxk-modal-resizable-wrapper{position:relative}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle{pointer-events:auto;position:absolute;z-index:1000}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-bl,.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-br,.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-tl,.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-tr{height:12px;width:12px}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-tl{cursor:nwse-resize!important;left:0;top:0}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-tr{cursor:nesw-resize!important;right:0;top:0}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-bl{bottom:0;cursor:nesw-resize!important;left:0}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-br{bottom:0;cursor:nwse-resize!important;right:0}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-b,.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-t{height:8px;left:12px;right:12px}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-t{cursor:ns-resize!important;top:0}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-b{bottom:0;cursor:ns-resize!important}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-l,.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-r{bottom:12px;top:12px;width:8px}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-l{cursor:ew-resize!important;left:0}.ztxk-modal-resizable-wrapper .ztxk-modal-resize-handle-r{cursor:ew-resize!important;right:0}body.ztxk-modal-resizing,body.ztxk-modal-resizing *{-webkit-user-select:none!important;user-select:none!important}

package/dist/less/components/Modal/style/index.less

@@ -4,6 +4,8 @@
   top: 8vh;
   .ant-modal-content {
     border-radius: 8px;
+    display: flex;
+    flex-direction: column;
     > .ant-modal-close {
       color: #333333;
       width: @qynModalHeaderHeight;
@@ -19,6 +21,7 @@
       padding: 9px 20px 9px 24px;
       border-bottom: 1px solid #f0f0f0;
       border-radius: 8px 8px 0 0;
+      flex-shrink: 0;
       > .ant-modal-title {
         color: #333333;
         line-height: 22px;
@@ -30,14 +33,102 @@
       padding: 10px;
       // 去掉最小高度
       // min-height: 200px;
-      // 默认不超出高度
-      max-height: 75vh;
+      // 调整大小时不限制最大高度，使用 flex 布局自适应
       overflow: auto;
+      flex: 1;
     }
     > .ant-modal-footer {
       text-align: center;
       border-top: 0;
       padding: 10px 0 10px 0;
+      flex-shrink: 0;
     }
   }
 }
+// Modal 可调整大小样式
+.ztxk-modal-resizable-wrapper {
+  position: relative;
+
+  .ztxk-modal-resize-handle {
+    position: absolute;
+    z-index: 1000;
+    pointer-events: auto;
+  }
+
+  // 四个角的拖拽手柄
+  .ztxk-modal-resize-handle-tl,
+  .ztxk-modal-resize-handle-tr,
+  .ztxk-modal-resize-handle-bl,
+  .ztxk-modal-resize-handle-br {
+    width: 12px;
+    height: 12px;
+  }
+
+  .ztxk-modal-resize-handle-tl {
+    top: 0;
+    left: 0;
+    cursor: nwse-resize !important;
+  }
+
+  .ztxk-modal-resize-handle-tr {
+    top: 0;
+    right: 0;
+    cursor: nesw-resize !important;
+  }
+
+  .ztxk-modal-resize-handle-bl {
+    bottom: 0;
+    left: 0;
+    cursor: nesw-resize !important;
+  }
+
+  .ztxk-modal-resize-handle-br {
+    bottom: 0;
+    right: 0;
+    cursor: nwse-resize !important;
+  }
+
+  // 四条边的拖拽手柄
+  .ztxk-modal-resize-handle-t,
+  .ztxk-modal-resize-handle-b {
+    left: 12px;
+    right: 12px;
+    height: 8px;
+  }
+
+  .ztxk-modal-resize-handle-t {
+    top: 0;
+    cursor: ns-resize !important;
+  }
+
+  .ztxk-modal-resize-handle-b {
+    bottom: 0;
+    cursor: ns-resize !important;
+  }
+
+  .ztxk-modal-resize-handle-l,
+  .ztxk-modal-resize-handle-r {
+    top: 12px;
+    bottom: 12px;
+    width: 8px;
+  }
+
+  .ztxk-modal-resize-handle-l {
+    left: 0;
+    cursor: ew-resize !important;
+  }
+
+  .ztxk-modal-resize-handle-r {
+    right: 0;
+    cursor: ew-resize !important;
+  }
+}
+
+// 调整大小时禁用文本选择
+body.ztxk-modal-resizing {
+  user-select: none !important;
+
+  * {
+    user-select: none !important;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zmdms-webui",
-  "version": "2.5.8",
+  "version": "2.5.9",
   "private": false,
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",