@nokecy/qc-ui 1.0.93 → 1.0.95

package/dist/esm/ag-grid-plus/shared/storage/schemeStorageAdapter.d.ts

@@ -0,0 +1,132 @@
+import type { FlatColumnItem } from '../../setting/columnGroupTypes';
+/**
+ * 查询方案
+ */
+export interface QueryScheme {
+    /** 方案唯一标识 */
+    id: string;
+    /** 方案名称 */
+    name: string;
+    /** 方案描述 */
+    description?: string;
+    /** 查询表单字段排序 */
+    itemsOrder?: string[];
+    /** 隐藏的字段列表 */
+    hiddenFields?: string[];
+    /** 查询表单值 */
+    formValues?: Record<string, any>;
+    /** 是否为默认方案 */
+    isDefault: boolean;
+    /** 是否为系统方案（不可删除） */
+    isSystem: boolean;
+    /** 创建时间戳 */
+    createdAt: number;
+    /** 最后更新时间戳 */
+    updatedAt: number;
+    /** 创建用户ID（可选） */
+    createdBy?: string;
+}
+/**
+ * 列方案（集中式 API 使用）
+ * 使用扩展的列配置格式，包含分组层级结构
+ */
+export interface ColumnScheme {
+    /** 方案唯一标识 */
+    id: string;
+    /** 方案名称 */
+    name: string;
+    /** 方案描述 */
+    description?: string;
+    /** 完整的列配置数据(包含分组层级结构) */
+    columnConfig: FlatColumnItem[];
+    /** AG-Grid 过滤器模型数据（可选） */
+    filterModel?: any;
+    /** 是否为默认方案 */
+    isDefault: boolean;
+    /** 是否为系统方案（不可删除） */
+    isSystem: boolean;
+    /** 创建时间戳 */
+    createdAt: number;
+    /** 最后更新时间戳 */
+    updatedAt: number;
+    /** 创建用户ID（可选） */
+    createdBy?: string;
+}
+/**
+ * 方案同步数据结构
+ */
+export interface SchemeSyncDataDto {
+    /** 列方案，按 GridId 分组 */
+    columnSchemes: Record<string, ColumnScheme[]>;
+    /** 查询方案，按 GridId 分组 */
+    querySchemes: Record<string, QueryScheme[]>;
+    /** 当前激活方案，Key 为 GridId */
+    currentSchemes: Record<string, CurrentSchemeDto>;
+    /** 服务器当前时间戳（毫秒） */
+    syncTime: number;
+    /** 数据版本号 */
+    version: number;
+}
+/**
+ * 当前方案 DTO
+ */
+export interface CurrentSchemeDto {
+    /** 列方案ID */
+    columnSchemeId?: string | null;
+    /** 查询方案ID */
+    querySchemeId?: string | null;
+}
+/**
+ * 方案存储适配器接口
+ *
+ * 支持两种实现:
+ * - LocalStorageAdapter: 本地存储
+ * - BackendApiAdapter: 远程 API
+ */
+export interface SchemeStorageAdapter {
+    /**
+     * 获取用户所有方案数据 (初始化时调用一次)
+     * @returns 所有表格的方案数据
+     */
+    loadAllSchemes(): Promise<SchemeSyncDataDto>;
+    /**
+     * 保存/更新列方案
+     * @param gridId 表格ID
+     * @param scheme 方案对象 (id 存在表示更新,不存在表示新增)
+     * @returns 保存后的方案对象
+     */
+    saveColumnScheme(gridId: string, scheme: ColumnScheme): Promise<ColumnScheme>;
+    /**
+     * 删除列方案
+     * @param gridId 表格ID
+     * @param schemeId 方案ID
+     */
+    deleteColumnScheme(gridId: string, schemeId: string): Promise<void>;
+    /**
+     * 保存/更新查询方案
+     * @param gridId 表格ID
+     * @param scheme 方案对象
+     * @returns 保存后的方案对象
+     */
+    saveQueryScheme(gridId: string, scheme: QueryScheme): Promise<QueryScheme>;
+    /**
+     * 删除查询方案
+     * @param gridId 表格ID
+     * @param schemeId 方案ID
+     */
+    deleteQueryScheme(gridId: string, schemeId: string): Promise<void>;
+    /**
+     * 设置当前方案
+     * @param gridId 表格ID
+     * @param columnSchemeId 列方案ID (null 表示清除)
+     * @param querySchemeId 查询方案ID (null 表示清除)
+     */
+    setCurrentScheme(gridId: string, columnSchemeId: string | null, querySchemeId: string | null): Promise<void>;
+}
+/**
+ * 适配器配置基类
+ */
+export interface SchemeStorageConfig {
+    /** 是否启用调试日志 */
+    enableDebugLog?: boolean;
+}

package/dist/esm/array-table/index.js

@@ -11,7 +11,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { Fragment, useEffect, useRef, useState } from "react";
+import React, { Fragment, useEffect, useRef, useState, useMemo, useContext } from "react";
 import { AgGridReact } from "ag-grid-react";
 import { useField, observer, RecursionField } from "@formily/react";
 import { useFieldSchema } from "@formily/react";
@@ -24,11 +24,16 @@ import ArrayAddBtn from "./arrayAddBtn";
 import PreviewArrayTable from "./preview";
 import { Space } from "antd";
 import Setting from "../ag-grid-plus/setting";
-import { useGridPlusColumnState } from "../ag-grid-plus/hooks/useGridPlusColumnState";
-import { useColumnSchemes } from "../ag-grid-plus/schemes/hooks/useColumnSchemes";
+import { GridPlusContext } from "../ag-grid-plus/context/gridContext";
+import { useSchemeManager } from "../ag-grid-plus/context/useSchemeManager";
+import { LocalStorageSchemeAdapter } from "../ag-grid-plus/shared/storage/localStorageAdapter";
+import { flatConfigToColumnState, flatConfigToGridState } from "../ag-grid-plus/setting/columnGroupUtils";
+
+// 导入 AG-Grid v33 主题
+import { agGridTheme } from "../ag-grid-plus/theme";
 
 //@ts-ignore
-var ArrayTable = observer(function (props) {
+var ArrayTableInner = observer(function (props) {
   var height = props.height;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -54,18 +59,6 @@ var ArrayTable = observer(function (props) {
     onMoveUp = props.onMoveUp;
   var addition = useAddition();
 
-  // 尝试从 Context 获取列状态管理（如果被 Provider 包裹）
-  var contextColumnState = useGridPlusColumnState();
-
-  // ArrayTable 内部集成列方案管理（统一使用 AgGridPlus 的方案系统）
-  var internalSchemeManager = useColumnSchemes({
-    gridId: props.gridKey || 'array-table-default',
-    enableAutoSave: false // 手动控制保存时机
-  });
-
-  // 使用 Context 的 schemeManager 或内部的 schemeManager
-  var schemeManager = (contextColumnState === null || contextColumnState === void 0 ? void 0 : contextColumnState.schemeManager) || internalSchemeManager;
-
   // 使用自定义 hooks
   var _useCellFocus = useCellFocus(),
     focusInputInCell = _useCellFocus.focusInputInCell;
@@ -74,46 +67,138 @@ var ArrayTable = observer(function (props) {
   var _useRowDrag = useRowDrag(field),
     handleRowDragMove = _useRowDrag.handleRowDragMove;
 
-  // 恢复列状态（从方案系统）
+  // 从 Context 获取方案管理相关的状态和方法
+  var _useContext = useContext(GridPlusContext),
+    currentSchemes = _useContext.currentSchemes,
+    columnSchemes = _useContext.columnSchemes;
+
+  // 获取当前表格的激活方案
+  var currentScheme = useMemo(function () {
+    var _currentSchemes$props;
+    if (!props.gridKey || !currentSchemes || !columnSchemes) return null;
+    var currentSchemeId = (_currentSchemes$props = currentSchemes[props.gridKey]) === null || _currentSchemes$props === void 0 ? void 0 : _currentSchemes$props.columnSchemeId;
+    if (!currentSchemeId) return null;
+    var schemes = columnSchemes[props.gridKey] || [];
+    return schemes.find(function (s) {
+      return s.id === currentSchemeId;
+    });
+  }, [props.gridKey, currentSchemes, columnSchemes]);
+
+  // 使用 ref 记录上次应用的方案 ID 和配置哈希，避免重复应用
+  var lastAppliedRef = useRef({
+    schemeId: null,
+    configHash: null
+  });
+
+  /**
+   * 【关键修复】在页面刷新或切换方案时自动恢复列方案
+   *
+   * 监听 currentScheme 和 gridApiState 的变化，当方案和 Grid API 都准备好时，
+   * 自动应用方案中保存的列状态（列顺序、宽度、隐藏等）
+   *
+   * 关键优化：使用 ref 记录上次应用的配置哈希，避免保存配置后重复应用旧数据
+   */
   useEffect(function () {
-    if (!props.gridKey || !gridApiState || !schemeManager) {
+    var _currentScheme$column;
+    // 检查必要条件
+    if (!props.gridKey || !gridApiState || !currentScheme) return;
+    if (!currentScheme.columnConfig || currentScheme.columnConfig.length === 0) return;
+
+    // 计算当前配置的简单哈希（用于检测配置是否真正变化）
+    var configHash = JSON.stringify({
+      id: currentScheme.id,
+      columnCount: currentScheme.columnConfig.length,
+      firstCol: (_currentScheme$column = currentScheme.columnConfig[0]) === null || _currentScheme$column === void 0 ? void 0 : _currentScheme$column.field,
+      updatedAt: currentScheme.updatedAt
+    });
+    console.log('[ArrayTable] 方案恢复检查:', {
+      schemeId: currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id,
+      schemeName: currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.name,
+      configHash: configHash,
+      lastHash: lastAppliedRef.current.configHash,
+      shouldApply: configHash !== lastAppliedRef.current.configHash
+    });
+
+    // 【关键】检查配置是否真正变化，避免重复应用
+    if (configHash === lastAppliedRef.current.configHash) {
+      console.log('[ArrayTable] 配置未变化，跳过应用');
       return;
     }
 
-    // 使用方案系统恢复列状态
-    // schemeManager 会自动加载默认方案或最后使用的方案
-    var currentScheme = schemeManager.currentScheme;
-    if (currentScheme && currentScheme.columnConfig) {
-      // 从 columnConfig (FlatColumnItem[]) 提取列状态
-      var columnState = currentScheme.columnConfig.filter(function (item) {
-        return item.type === 'column' && item.field;
-      }).map(function (item) {
-        return {
-          colId: item.field,
-          width: item.width,
-          hide: item.hide,
-          pinned: item.pinned === 'notPinned' ? null : item.pinned,
-          flex: item.flex
-        };
+    // 【提取函数】应用列状态和过滤器
+    var applyColumnStateAndFilter = function applyColumnStateAndFilter() {
+      if (!currentScheme || !gridApiState) return;
+
+      // 将扁平化的列配置转换为 AG-Grid 列状态
+      var columnState = flatConfigToColumnState(currentScheme.columnConfig);
+
+      // 应用列状态（包括列顺序、宽度、隐藏等）
+      gridApiState.applyColumnState({
+        state: columnState,
+        applyOrder: true // 强制应用列顺序
       });
-      setTimeout(function () {
-        gridApiState.applyColumnState({
-          state: columnState,
-          applyOrder: true
+      console.log('[ArrayTable] 方案已成功应用');
+
+      // 如果方案中包含过滤器配置，也一并应用
+      if (currentScheme.filterModel) {
+        gridApiState.setFilterModel(currentScheme.filterModel);
+        console.log('[ArrayTable] 过滤器已应用');
+      }
+
+      // 记录本次应用的配置哈希
+      lastAppliedRef.current = {
+        schemeId: currentScheme.id,
+        configHash: configHash
+      };
+    };
+
+    // 使用 requestAnimationFrame 延迟应用
+    var rafId = requestAnimationFrame(function () {
+      try {
+        console.log('[ArrayTable] 正在应用方案:', currentScheme.name);
+
+        // 【关键检测】检查是否包含分组配置
+        var hasGroups = currentScheme.columnConfig.some(function (item) {
+          return item.type === 'group';
         });
-      }, 100);
-    }
-  }, [props.gridKey, gridApiState, schemeManager === null || schemeManager === void 0 ? void 0 : schemeManager.currentScheme]);
+        console.log('[ArrayTable] 是否包含分组:', hasGroups);
+
+        // 【条件更新】只有在包含分组时才更新 columnDefs
+        // 原因：array-table 的列是动态生成的，无分组时不应该覆盖动态列定义
+        if (hasGroups) {
+          var gridColumnDefs = flatConfigToGridState(currentScheme.columnConfig);
+          console.log('[ArrayTable] 检测到分组，更新 columnDefs');
+          gridApiState.setGridOption('columnDefs', gridColumnDefs);
+
+          // 等待 columnDefs 更新完成后再应用列状态
+          setTimeout(function () {
+            try {
+              applyColumnStateAndFilter();
+            } catch (error) {
+              console.error('[ArrayTable] 应用列状态失败:', error);
+            }
+          }, 100);
+        } else {
+          // 无分组时，直接应用列状态即可
+          console.log('[ArrayTable] 无分组，仅应用列状态');
+          applyColumnStateAndFilter();
+        }
+      } catch (error) {
+        console.error('[ArrayTable] 应用方案失败:', error);
+      }
+    });
+
+    // 清理函数：取消待执行的 RAF
+    return function () {
+      cancelAnimationFrame(rafId);
+    };
+  }, [props.gridKey, gridApiState, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.id, currentScheme === null || currentScheme === void 0 ? void 0 : currentScheme.updatedAt]);
 
   //@ts-ignore
   if (columns.length > 0) {
     //@ts-ignore
     columns[0].rowDrag = props.onRowDrag ? true : false;
   }
-
-  // 不再需要 onColumnStateChanged 回调
-  // 保存逻辑统一由 ColumnSetting 通过 schemeManager 处理
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     ref: ref,
     style: {
@@ -160,14 +245,15 @@ var ArrayTable = observer(function (props) {
     gridKey: props.gridKey,
     gridApi: apiRef.current,
     gridApiState: gridApiState,
-    type: 'formArrayTable',
-    schemeManager: schemeManager
+    allColDefs: columns,
+    showQueryScheme: false
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 1,
       minHeight: 0
     }
   }, /*#__PURE__*/React.createElement(AgGridReact, {
+    theme: agGridTheme,
     onGridReady: function onGridReady(params) {
       params.api.hidePopupMenu();
       apiRef.current = params.api;
@@ -182,7 +268,8 @@ var ArrayTable = observer(function (props) {
       suppressCopyRowsToClipboard: true,
       suppressCopySingleCellRanges: true,
       enterNavigatesVertically: true,
-      enterNavigatesVerticallyAfterEdit: true
+      enterNavigatesVerticallyAfterEdit: true,
+      columnHoverHighlight: true
     },
     onCellKeyDown: handleCellKeyDown,
     onCellClicked: function onCellClicked(event) {
@@ -209,7 +296,6 @@ var ArrayTable = observer(function (props) {
     suppressClipboardPaste: true,
     preventDefaultOnContextMenu: true,
     enableCellTextSelection: true,
-    className: "ag-theme-alpine",
     defaultColDef: {
       resizable: true,
       headerComponentParams: {
@@ -253,6 +339,46 @@ var ArrayTable = observer(function (props) {
     });
   }))));
 });
+ArrayTableInner.displayName = "ArrayTableInner";
+
+/**
+ * ArrayTable 组件 - 带 GridPlusContext Provider 包装
+ *
+ * 提供完整的列方案管理功能支持
+ */
+//@ts-ignore
+var ArrayTable = observer(function (props) {
+  // 创建 LocalStorage 适配器实例 (使用 useMemo 避免重复创建)
+  var adapter = useMemo(function () {
+    return new LocalStorageSchemeAdapter({
+      storageKey: "array-table-schemes-".concat(props.gridKey || 'default'),
+      enableDebugLog: false
+    });
+  }, [props.gridKey]);
+
+  // 初始化方案管理器
+  var schemeManager = useSchemeManager({
+    adapter: adapter,
+    autoLoad: true,
+    showErrorMessage: true
+  });
+
+  // 构建 Context Value
+  var contextValue = useMemo(function () {
+    return _objectSpread({
+      extensibleColumns: [],
+      columnState: undefined,
+      onSaveColumnState: function onSaveColumnState() {},
+      applyToGlobal: function applyToGlobal() {},
+      resetCurrent: function resetCurrent() {},
+      resetAll: function resetAll() {},
+      queryFormItems: []
+    }, schemeManager);
+  }, [schemeManager]);
+  return /*#__PURE__*/React.createElement(GridPlusContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(ArrayTableInner, props));
+});
 ArrayTable.displayName = "ArrayTable";
 ArrayTable.Column = function () {
   return /*#__PURE__*/React.createElement(Fragment, null);

package/dist/esm/draggableModal/index.d.ts

@@ -2,7 +2,7 @@ import { ModalProps } from 'antd/lib/modal';
 import React from 'react';
 import "./style.less";
 /**
- * 可拖拽Modal - 支持拖拽、全屏切换和缩放
+ * 可拖拽Modal - 支持拖拽和调整大小
  * @param props
  * @returns
  */

package/dist/esm/draggableModal/index.js

@@ -8,13 +8,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import { ShrinkOutlined, ArrowsAltOutlined, ZoomInOutlined, ZoomOutOutlined } from '@ant-design/icons';
 import { Modal } from 'antd';
 import React, { useRef, useState } from 'react';
 import Draggable from 'react-draggable';
 import "./style.less";
+
 /**
- * 可拖拽Modal - 支持拖拽、全屏切换和缩放
+ * 可拖拽Modal - 支持拖拽和调整大小
  * @param props
  * @returns
  */
@@ -33,38 +33,30 @@ var DraggableModal = function DraggableModal(props) {
     bounds = _useState4[0],
     setBounds = _useState4[1];
   var draggleRef = useRef(null);
+
+  // 调整大小相关状态
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    fullScreen = _useState6[0],
-    setFullScreen = _useState6[1];
-  var _useState7 = useState('normal'),
+    isResizing = _useState6[0],
+    setIsResizing = _useState6[1];
+  var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    zoom = _useState8[0],
-    setZoom = _useState8[1];
-
-  // 调整大小相关状态
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isResizing = _useState10[0],
-    setIsResizing = _useState10[1];
-  var _useState11 = useState(''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    resizeDirection = _useState12[0],
-    setResizeDirection = _useState12[1];
-  var _useState13 = useState({
+    resizeDirection = _useState8[0],
+    setResizeDirection = _useState8[1];
+  var _useState9 = useState({
       width: 0,
       height: 0
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    modalSize = _useState14[0],
-    setModalSize = _useState14[1];
-  var _useState15 = useState({
+    _useState10 = _slicedToArray(_useState9, 2),
+    modalSize = _useState10[0],
+    setModalSize = _useState10[1];
+  var _useState11 = useState({
       x: 0,
       y: 0
     }),
-    _useState16 = _slicedToArray(_useState15, 2),
-    modalPosition = _useState16[0],
-    setModalPosition = _useState16[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    modalPosition = _useState12[0],
+    setModalPosition = _useState12[1];
 
   // 解构 props,分离出 wrapClassName
   var propsWrapClassName = props.wrapClassName,
@@ -86,30 +78,12 @@ var DraggableModal = function DraggableModal(props) {
       bottom: clientHeight - (targetRect.bottom - uiData.y)
     });
   };
-  var toggleFullScreen = function toggleFullScreen() {
-    setFullScreen(!fullScreen);
-  };
-  var handleZoomIn = function handleZoomIn() {
-    if (zoom === 'small') {
-      setZoom('normal');
-    } else if (zoom === 'normal') {
-      setZoom('large');
-    }
-  };
-  var handleZoomOut = function handleZoomOut() {
-    if (zoom === 'large') {
-      setZoom('normal');
-    } else if (zoom === 'normal') {
-      setZoom('small');
-    }
-  };
 
   // 拖动调整大小的处理函数
   var handleResizeMouseDown = function handleResizeMouseDown(e, direction) {
     var _draggleRef$current2;
     e.preventDefault();
     e.stopPropagation();
-    if (fullScreen) return;
 
     // 查找.ant-modal,它在draggleRef的父级
     var modal = (_draggleRef$current2 = draggleRef.current) === null || _draggleRef$current2 === void 0 ? void 0 : _draggleRef$current2.closest('.ant-modal');
@@ -196,10 +170,8 @@ var DraggableModal = function DraggableModal(props) {
   };
 
   // 合并类名
-  var zoomClass = !fullScreen && zoom !== 'normal' ? "modal-wrap-zoom-".concat(zoom) : '';
-  var fullScreenClass = fullScreen ? 'modal-wrap-fullscreen' : '';
   var resizingClass = isResizing ? 'modal-wrap-resizing' : '';
-  var mergedWrapClassName = [propsWrapClassName, fullScreenClass, zoomClass, resizingClass].filter(Boolean).join(' ');
+  var mergedWrapClassName = [propsWrapClassName, resizingClass].filter(Boolean).join(' ');
   return /*#__PURE__*/React.createElement(Modal, _extends({
     maskClosable: false,
     width: width
@@ -208,63 +180,22 @@ var DraggableModal = function DraggableModal(props) {
     title: /*#__PURE__*/React.createElement("div", {
       style: {
         width: '100%',
-        cursor: fullScreen ? 'default' : 'move'
+        cursor: 'move'
       },
       onMouseOver: function onMouseOver() {
-        if (!fullScreen && disabled) {
+        if (disabled) {
           setDisabled(false);
         }
       },
       onMouseOut: function onMouseOut() {
-        if (!fullScreen) {
-          setDisabled(true);
-        }
+        setDisabled(true);
       },
       onFocus: function onFocus() {},
       onBlur: function onBlur() {}
-    }, props.title, !fullScreen && zoom !== 'large' && /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "ant-modal-close",
-      style: {
-        right: 106
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        handleZoomIn();
-      },
-      title: "\u653E\u5927"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "ant-modal-close-x"
-    }, /*#__PURE__*/React.createElement(ZoomInOutlined, null))), !fullScreen && zoom !== 'small' && /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "ant-modal-close",
-      style: {
-        right: 74
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        handleZoomOut();
-      },
-      title: "\u7F29\u5C0F"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "ant-modal-close-x"
-    }, /*#__PURE__*/React.createElement(ZoomOutOutlined, null))), /*#__PURE__*/React.createElement("button", {
-      type: "button",
-      className: "ant-modal-close",
-      style: {
-        right: 42
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        toggleFullScreen();
-      },
-      title: fullScreen ? '退出全屏' : '全屏'
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "ant-modal-close-x"
-    }, fullScreen ? /*#__PURE__*/React.createElement(ShrinkOutlined, null) : /*#__PURE__*/React.createElement(ArrowsAltOutlined, null)))),
+    }, props.title),
     modalRender: function modalRender(modal) {
       return /*#__PURE__*/React.createElement(Draggable, {
-        disabled: disabled || fullScreen,
+        disabled: disabled,
         bounds: bounds,
         nodeRef: draggleRef,
         onStart: function onStart(event, uiData) {
@@ -284,7 +215,7 @@ var DraggableModal = function DraggableModal(props) {
           height: '100%',
           width: '100%'
         }
-      }, modal, !fullScreen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      }, modal, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: "resize-handle resize-handle-e",
         onMouseDown: function onMouseDown(e) {
           return handleResizeMouseDown(e, 'e');