@nokecy/qc-ui 1.0.67 → 1.0.69

package/dist/cjs/ag-grid-plus/hooks/useGridPlusColumnState.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 使用 GridPlusContext 的 Hook
+ * 用于访问列状态管理相关的方法和数据
+ */
+export declare const useGridPlusColumnState: () => {
+    extensibleColumns: any;
+    columnState: any;
+    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
+    applyToGlobal: (gridKey: string) => void;
+    resetCurrent: (gridKey: string) => void;
+    resetAll: (gridKey: string) => void;
+};

package/dist/cjs/ag-grid-plus/hooks/useGridPlusColumnState.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridPlusColumnState = void 0;
+var _react = require("react");
+var _gridContext = require("../context/gridContext");
+/**
+ * 使用 GridPlusContext 的 Hook
+ * 用于访问列状态管理相关的方法和数据
+ */
+var useGridPlusColumnState = exports.useGridPlusColumnState = function useGridPlusColumnState() {
+  return (0, _react.useContext)(_gridContext.GridPlusContext);
+};

package/dist/cjs/ag-grid-plus/index.d.ts

@@ -1,14 +1,7 @@
 import AgGridPlus from "./ag-gridPlus";
 import { AgGridColumn } from "./interface";
 import { GridPlusContext } from "./context/gridContext";
+import { useGridPlusColumnState } from "./hooks/useGridPlusColumnState";
 import "./ag-grid-theme-builder.css";
-export declare const useGridPlusColumnState: () => {
-    extensibleColumns: any;
-    columnState: any;
-    onSaveColumnState: (gridKey: string, columnState: any[]) => void;
-    applyToGlobal: (gridKey: string) => void;
-    resetCurrent: (gridKey: string) => void;
-    resetAll: (gridKey: string) => void;
-};
-export { AgGridPlus, AgGridColumn, GridPlusContext };
+export { AgGridPlus, AgGridColumn, GridPlusContext, useGridPlusColumnState };
 export { dateValueFormatter, dateTimeValueFormatter, convertFilterModel, convertSortModel, flattenTreeDeep, toTree, flatten } from "./utils";

package/dist/cjs/ag-grid-plus/index.js

@@ -63,14 +63,16 @@ Object.defineProperty(exports, "toTree", {
     return _utils.toTree;
   }
 });
-exports.useGridPlusColumnState = void 0;
-var _react = _interopRequireDefault(require("react"));
+Object.defineProperty(exports, "useGridPlusColumnState", {
+  enumerable: true,
+  get: function get() {
+    return _useGridPlusColumnState.useGridPlusColumnState;
+  }
+});
 var _agGridPlus = _interopRequireDefault(require("./ag-gridPlus"));
 var _interface = require("./interface");
 var _gridContext = require("./context/gridContext");
+var _useGridPlusColumnState = require("./hooks/useGridPlusColumnState");
 require("./ag-grid-theme-builder.css");
 var _utils = require("./utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var useGridPlusColumnState = exports.useGridPlusColumnState = function useGridPlusColumnState() {
-  return _react.default.useContext(_gridContext.GridPlusContext);
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/cjs/ag-grid-plus/setting/index.js

@@ -13,7 +13,7 @@ var _icons = require("@ant-design/icons");
 var _arrayTable = _interopRequireDefault(require("../../array-table"));
 var _antd = require("antd");
 var _diySetting = _interopRequireDefault(require("./diySetting"));
-var _ = require("..");
+var _useGridPlusColumnState = require("../hooks/useGridPlusColumnState");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,7 +31,7 @@ var Setting = function Setting(props) {
     gridApi = props.gridApi,
     gridApiState = props.gridApiState,
     onSaveColumnState = props.onSaveColumnState;
-  var _useGridPlusColumnSta = (0, _.useGridPlusColumnState)(),
+  var _useGridPlusColumnSta = (0, _useGridPlusColumnState.useGridPlusColumnState)(),
     extensibleColumns = _useGridPlusColumnSta.extensibleColumns,
     applyToGlobal = _useGridPlusColumnSta.applyToGlobal,
     resetCurrent = _useGridPlusColumnSta.resetCurrent,

package/dist/cjs/array-table/columnHelper.d.ts

@@ -0,0 +1,126 @@
+import { ColDef } from 'ag-grid-community';
+/**
+ * 列配置类型定义
+ */
+export interface ColumnConfig {
+    /** 列标题 */
+    headerName: string;
+    /** 数据字段 */
+    dataIndex: string;
+    /** 列宽度 */
+    width?: number;
+    /** 最小宽度 */
+    minWidth?: number;
+    /** 最大宽度 */
+    maxWidth?: number;
+    /** 是否可调整大小 */
+    resizable?: boolean;
+    /** 是否可排序 */
+    sortable?: boolean;
+    /** 是否可筛选 */
+    filter?: boolean | string;
+    /** 对齐方式 */
+    align?: 'left' | 'center' | 'right';
+    /** 是否固定列 */
+    pinned?: 'left' | 'right' | null;
+    /** 是否隐藏 */
+    hide?: boolean;
+    /** 是否省略显示 */
+    ellipsis?: boolean;
+    /** 是否可编辑 */
+    editable?: boolean;
+    /** 自定义 AG-Grid 配置 */
+    agGridProps?: Partial<ColDef>;
+}
+/**
+ * 文本列配置
+ * 用于显示和编辑文本内容
+ */
+export declare const createTextColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 数字列配置
+ * 用于显示和编辑数字内容
+ */
+export declare const createNumberColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 日期列配置
+ * 用于显示和编辑日期内容
+ */
+export declare const createDateColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 选择列配置
+ * 用于下拉选择类型的列
+ */
+export declare const createSelectColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 操作列配置
+ * 用于行操作按钮列
+ */
+export declare const createOperationColumn: (config: Omit<ColumnConfig, 'dataIndex'>) => ColumnConfig;
+/**
+ * 序号列配置
+ * 用于显示行序号
+ */
+export declare const createIndexColumn: (config?: Partial<ColumnConfig>) => ColumnConfig;
+/**
+ * 只读列配置
+ * 用于显示不可编辑的内容
+ */
+export declare const createReadOnlyColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 固定左侧列配置
+ */
+export declare const createPinnedLeftColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 固定右侧列配置
+ */
+export declare const createPinnedRightColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 百分比列配置
+ * 用于显示百分比数值
+ */
+export declare const createPercentColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 货币列配置
+ * 用于显示货币金额
+ */
+export declare const createCurrencyColumn: (config: ColumnConfig) => ColumnConfig;
+/**
+ * 批量创建列配置
+ * @param columns 列配置数组
+ * @returns 标准化的列配置数组
+ */
+export declare const createColumns: (columns: ColumnConfig[]) => ColumnConfig[];
+/**
+ * 列配置预设
+ */
+export declare const ColumnPresets: {
+    /** 文本列 */
+    text: (config: ColumnConfig) => ColumnConfig;
+    /** 数字列 */
+    number: (config: ColumnConfig) => ColumnConfig;
+    /** 日期列 */
+    date: (config: ColumnConfig) => ColumnConfig;
+    /** 选择列 */
+    select: (config: ColumnConfig) => ColumnConfig;
+    /** 操作列 */
+    operation: (config: Omit<ColumnConfig, 'dataIndex'>) => ColumnConfig;
+    /** 序号列 */
+    index: (config?: Partial<ColumnConfig>) => ColumnConfig;
+    /** 只读列 */
+    readOnly: (config: ColumnConfig) => ColumnConfig;
+    /** 固定左侧列 */
+    pinnedLeft: (config: ColumnConfig) => ColumnConfig;
+    /** 固定右侧列 */
+    pinnedRightColumn: (config: ColumnConfig) => ColumnConfig;
+    /** 百分比列 */
+    percent: (config: ColumnConfig) => ColumnConfig;
+    /** 货币列 */
+    currency: (config: ColumnConfig) => ColumnConfig;
+};
+/**
+ * 转换为 AG-Grid 列定义
+ * @param config 列配置
+ * @returns AG-Grid ColDef
+ */
+export declare const toAgGridColDef: (config: ColumnConfig) => Partial<ColDef>;

package/dist/cjs/array-table/columnHelper.js

@@ -0,0 +1,241 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.toAgGridColDef = exports.createTextColumn = exports.createSelectColumn = exports.createReadOnlyColumn = exports.createPinnedRightColumn = exports.createPinnedLeftColumn = exports.createPercentColumn = exports.createOperationColumn = exports.createNumberColumn = exports.createIndexColumn = exports.createDateColumn = exports.createCurrencyColumn = exports.createColumns = exports.ColumnPresets = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); }
+/**
+ * 列配置类型定义
+ */
+
+/**
+ * 文本列配置
+ * 用于显示和编辑文本内容
+ */
+var createTextColumn = exports.createTextColumn = function createTextColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    filter: 'agTextColumnFilter',
+    align: 'left',
+    editable: true,
+    ellipsis: true
+  }, config);
+};
+
+/**
+ * 数字列配置
+ * 用于显示和编辑数字内容
+ */
+var createNumberColumn = exports.createNumberColumn = function createNumberColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    filter: 'agNumberColumnFilter',
+    align: 'right',
+    editable: true
+  }, config);
+};
+
+/**
+ * 日期列配置
+ * 用于显示和编辑日期内容
+ */
+var createDateColumn = exports.createDateColumn = function createDateColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    filter: 'agDateColumnFilter',
+    align: 'center',
+    editable: true
+  }, config);
+};
+
+/**
+ * 选择列配置
+ * 用于下拉选择类型的列
+ */
+var createSelectColumn = exports.createSelectColumn = function createSelectColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    filter: 'agSetColumnFilter',
+    align: 'left',
+    editable: true
+  }, config);
+};
+
+/**
+ * 操作列配置
+ * 用于行操作按钮列
+ */
+var createOperationColumn = exports.createOperationColumn = function createOperationColumn(config) {
+  return _objectSpread({
+    dataIndex: 'operations',
+    resizable: false,
+    sortable: false,
+    filter: false,
+    pinned: 'right',
+    width: 120,
+    align: 'center'
+  }, config);
+};
+
+/**
+ * 序号列配置
+ * 用于显示行序号
+ */
+var createIndexColumn = exports.createIndexColumn = function createIndexColumn(config) {
+  return _objectSpread({
+    headerName: '序号',
+    dataIndex: 'index',
+    width: 80,
+    resizable: false,
+    sortable: false,
+    filter: false,
+    align: 'center',
+    pinned: 'left'
+  }, config);
+};
+
+/**
+ * 只读列配置
+ * 用于显示不可编辑的内容
+ */
+var createReadOnlyColumn = exports.createReadOnlyColumn = function createReadOnlyColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    editable: false
+  }, config);
+};
+
+/**
+ * 固定左侧列配置
+ */
+var createPinnedLeftColumn = exports.createPinnedLeftColumn = function createPinnedLeftColumn(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    pinned: 'left'
+  });
+};
+
+/**
+ * 固定右侧列配置
+ */
+var createPinnedRightColumn = exports.createPinnedRightColumn = function createPinnedRightColumn(config) {
+  return _objectSpread(_objectSpread({}, config), {}, {
+    pinned: 'right'
+  });
+};
+
+/**
+ * 百分比列配置
+ * 用于显示百分比数值
+ */
+var createPercentColumn = exports.createPercentColumn = function createPercentColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    filter: 'agNumberColumnFilter',
+    align: 'right',
+    editable: true
+  }, config);
+};
+
+/**
+ * 货币列配置
+ * 用于显示货币金额
+ */
+var createCurrencyColumn = exports.createCurrencyColumn = function createCurrencyColumn(config) {
+  return _objectSpread({
+    resizable: true,
+    sortable: true,
+    filter: 'agNumberColumnFilter',
+    align: 'right',
+    editable: true
+  }, config);
+};
+
+/**
+ * 批量创建列配置
+ * @param columns 列配置数组
+ * @returns 标准化的列配置数组
+ */
+var createColumns = exports.createColumns = function createColumns(columns) {
+  return columns.map(function (col) {
+    return _objectSpread({
+      resizable: true,
+      sortable: false,
+      align: 'left'
+    }, col);
+  });
+};
+
+/**
+ * 列配置预设
+ */
+var ColumnPresets = exports.ColumnPresets = {
+  /** 文本列 */
+  text: createTextColumn,
+  /** 数字列 */
+  number: createNumberColumn,
+  /** 日期列 */
+  date: createDateColumn,
+  /** 选择列 */
+  select: createSelectColumn,
+  /** 操作列 */
+  operation: createOperationColumn,
+  /** 序号列 */
+  index: createIndexColumn,
+  /** 只读列 */
+  readOnly: createReadOnlyColumn,
+  /** 固定左侧列 */
+  pinnedLeft: createPinnedLeftColumn,
+  /** 固定右侧列 */
+  pinnedRightColumn: createPinnedRightColumn,
+  /** 百分比列 */
+  percent: createPercentColumn,
+  /** 货币列 */
+  currency: createCurrencyColumn
+};
+
+/**
+ * 转换为 AG-Grid 列定义
+ * @param config 列配置
+ * @returns AG-Grid ColDef
+ */
+var toAgGridColDef = exports.toAgGridColDef = function toAgGridColDef(config) {
+  var headerName = config.headerName,
+    dataIndex = config.dataIndex,
+    width = config.width,
+    minWidth = config.minWidth,
+    maxWidth = config.maxWidth,
+    resizable = config.resizable,
+    sortable = config.sortable,
+    filter = config.filter,
+    align = config.align,
+    pinned = config.pinned,
+    hide = config.hide,
+    editable = config.editable,
+    agGridProps = config.agGridProps;
+  return _objectSpread({
+    headerName: headerName,
+    field: dataIndex,
+    width: width,
+    minWidth: minWidth,
+    maxWidth: maxWidth,
+    resizable: resizable,
+    sortable: sortable,
+    filter: filter,
+    cellClass: align ? "ag-cell-".concat(align) : undefined,
+    pinned: pinned || undefined,
+    hide: hide,
+    editable: editable
+  }, agGridProps);
+};

package/dist/cjs/array-table/hooks.d.ts

@@ -0,0 +1,23 @@
+import { RefObject } from 'react';
+import { ArrayField } from '@formily/core';
+/**
+ * 单元格聚焦 Hook
+ * 处理 Editable 包装和普通输入框的聚焦逻辑
+ */
+export declare const useCellFocus: () => {
+    focusInputInCell: (cell: Element) => void;
+};
+/**
+ * 键盘导航 Hook
+ * 处理方向键在表格单元格间的导航
+ */
+export declare const useKeyboardNavigation: (ref: RefObject<any>, dataSource: any[], focusInputInCell: (cell: Element) => void) => {
+    handleCellKeyDown: (event: any) => void;
+};
+/**
+ * 行拖拽 Hook
+ * 处理行拖拽排序逻辑
+ */
+export declare const useRowDrag: (field: ArrayField) => {
+    handleRowDragMove: (event: any) => void;
+};