@nokecy/qc-ui 1.0.82 → 1.0.83

package/dist/cjs/draggableModal/style.less

@@ -1,16 +1,189 @@
-.modal-wrap-fullscreen {
-  top: 0;
-  margin: 0;
-  width: 100%;
-  max-width: 100%;
-  height: 100vh;
-  max-height: 100vh;
-  padding: 0;
-
-  :global {
-    .acud-modal-content {
-      height: 100%;
+:global {
+  .modal-wrap-fullscreen {
+    .ant-modal {
+      top: 0 !important;
+      margin: 0 !important;
+      width: 100vw !important;
+      max-width: 100vw !important;
+      height: 100vh !important;
+      max-height: 100vh !important;
+      padding: 0 !important;
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .ant-modal-content {
+      height: 100vh;
       border-radius: 0;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .ant-modal-body {
+      flex: 1;
+      overflow-y: auto;
+      padding: 24px;
+    }
+
+    .ant-modal-header {
+      flex-shrink: 0;
+    }
+
+    .ant-modal-footer {
+      flex-shrink: 0;
+    }
+  }
+
+  .modal-wrap-zoom-large {
+    .ant-modal {
+      width: 90vw !important;
+      max-width: 90vw !important;
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .ant-modal-content {
+      max-height: 85vh;
+      transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .ant-modal-body {
+      max-height: calc(85vh - 110px);
+      overflow-y: auto;
+      transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  }
+
+  .modal-wrap-zoom-small {
+    .ant-modal {
+      width: 50vw !important;
+      max-width: 50vw !important;
+      min-width: 400px !important;
+      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .ant-modal-content {
+      max-height: 50vh;
+      transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    .ant-modal-body {
+      max-height: calc(50vh - 110px);
+      overflow-y: auto;
+      transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    }
+  }
+
+  .modal-wrap-resizing {
+    .ant-modal {
+      width: var(--modal-width) !important;
+      transition: none;
+    }
+
+    .ant-modal-content {
+      height: var(--modal-height);
+      transition: none;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .ant-modal-body {
+      flex: 1;
+      overflow-y: auto;
+    }
+
+    .ant-modal-header {
+      flex-shrink: 0;
+    }
+
+    .ant-modal-footer {
+      flex-shrink: 0;
     }
   }
 }
+
+// 拖动调整大小的手柄样式
+.resize-handle {
+  position: absolute;
+  z-index: 10;
+  background: transparent;
+  transition: all 0.2s ease;
+  pointer-events: auto;
+  opacity: 0;
+
+  &:hover {
+    opacity: 1;
+    background-color: rgba(24, 144, 255, 0.5);
+  }
+}
+
+// 当鼠标悬停在 modal 上时显示手柄
+.ant-modal:hover .resize-handle {
+  opacity: 1;
+  background: rgba(24, 144, 255, 0.15);
+}
+
+
+// 边缘手柄
+.resize-handle-e {
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: e-resize;
+}
+
+.resize-handle-w {
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 8px;
+  cursor: w-resize;
+}
+
+.resize-handle-s {
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 8px;
+  cursor: s-resize;
+}
+
+.resize-handle-n {
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 8px;
+  cursor: n-resize;
+}
+
+// 角落手柄
+.resize-handle-se {
+  right: 0;
+  bottom: 0;
+  width: 12px;
+  height: 12px;
+  cursor: se-resize;
+}
+
+.resize-handle-sw {
+  left: 0;
+  bottom: 0;
+  width: 12px;
+  height: 12px;
+  cursor: sw-resize;
+}
+
+.resize-handle-ne {
+  right: 0;
+  top: 0;
+  width: 12px;
+  height: 12px;
+  cursor: ne-resize;
+}
+
+.resize-handle-nw {
+  left: 0;
+  top: 0;
+  width: 12px;
+  height: 12px;
+  cursor: nw-resize;
+}

package/dist/esm/ag-grid-plus/_utils/processColumnGroups.d.ts

@@ -1,2 +1,11 @@
+/**
+ * 处理列分组配置
+ * 兼容新旧两种数据格式：
+ * 1. 新格式：FlatColumnItem[] (带有 type, parentId, level)
+ * 2. 旧格式：{ groupName: string } (简单的分组名称)
+ *
+ * @param columns 列配置数组
+ * @returns AG-Grid 列定义
+ */
 declare const processColumnGroups: (columns: any[]) => any;
 export default processColumnGroups;

package/dist/esm/ag-grid-plus/_utils/processColumnGroups.js

@@ -10,7 +10,51 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { flatConfigToGridState, isOldSchemeData, migrateOldScheme } from "../setting/columnGroupUtils";
+
+/**
+ * 处理列分组配置
+ * 兼容新旧两种数据格式：
+ * 1. 新格式：FlatColumnItem[] (带有 type, parentId, level)
+ * 2. 旧格式：{ groupName: string } (简单的分组名称)
+ *
+ * @param columns 列配置数组
+ * @returns AG-Grid 列定义
+ */
 var processColumnGroups = function processColumnGroups(columns) {
+  // 如果是空数组，直接返回
+  if (!columns || columns.length === 0) {
+    return [];
+  }
+
+  // 检查是否已经是标准 AG-Grid 格式（带 children 的分组）
+  // 如果列定义中有 children 属性，说明已经是 AG-Grid 标准格式，直接返回
+  var hasStandardGroups = columns.some(function (col) {
+    return col.children && Array.isArray(col.children);
+  });
+  if (hasStandardGroups) {
+    // 标准格式：直接返回，不做任何处理
+    return columns;
+  }
+
+  // 检查是否是新格式（FlatColumnItem）
+  var isNewFormat = columns.some(function (col) {
+    return col.type !== undefined;
+  });
+  if (isNewFormat) {
+    // 新格式：使用 flatConfigToGridState 转换
+    return flatConfigToGridState(columns);
+  }
+
+  // 旧格式：使用旧的处理逻辑
+  // 检查是否需要迁移
+  if (isOldSchemeData(columns)) {
+    // 先迁移到新格式，再转换
+    var migrated = migrateOldScheme(columns);
+    return flatConfigToGridState(migrated);
+  }
+
+  // 兼容最原始的格式（groupName）
   var groupMap = new Map();
   var result = [];
   var ungrouped = [];