@nokecy/qc-ui-components 0.0.0-stage → 2.0.0-beta.0

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

@@ -0,0 +1,100 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _icons = require("@ant-design/icons");
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _ColumnSetting = _interopRequireDefault(require("./ColumnSetting"));
+var _QuerySchemeManager = _interopRequireDefault(require("./QuerySchemeManager"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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; }
+var Setting = function Setting(props) {
+  var gridKey = props.gridKey,
+    gridApi = props.gridApi,
+    allColDefs = props.allColDefs,
+    onSaveColumnState = props.onSaveColumnState,
+    _props$showQuerySchem = props.showQueryScheme,
+    showQueryScheme = _props$showQuerySchem === void 0 ? true : _props$showQuerySchem;
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 设置入口跟随宿主主题。@author nokecy
+
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    columnSettingVisible = _useState2[0],
+    setColumnSettingVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    querySchemeVisible = _useState4[0],
+    setQuerySchemeVisible = _useState4[1];
+  if (!gridKey) {
+    return null;
+  }
+
+  // 下拉菜单配置
+  var menuItems = [{
+    key: 'columnScheme',
+    label: '列方案管理',
+    onClick: function onClick() {
+      return setColumnSettingVisible(true);
+    }
+  }].concat(_toConsumableArray(showQueryScheme ? [{
+    key: 'queryScheme',
+    label: '查询方案管理',
+    onClick: function onClick() {
+      return setQuerySchemeVisible(true);
+    }
+  }] : []));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown, {
+      menu: {
+        items: menuItems
+      },
+      placement: "bottomRight",
+      trigger: ['click'],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          margin: "0 4px",
+          color: token.colorText,
+          fontSize: 16,
+          cursor: "pointer"
+        },
+        onClick: function onClick(e) {
+          return e.preventDefault();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SettingOutlined, {})
+      })
+    }), gridApi && columnSettingVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ColumnSetting.default, {
+      gridKey: gridKey,
+      gridApi: gridApi,
+      visible: columnSettingVisible,
+      onClose: function onClose() {
+        return setColumnSettingVisible(false);
+      },
+      onSaveColumnState: onSaveColumnState || function () {},
+      allColDefs: allColDefs
+    }), gridKey && showQueryScheme && /*#__PURE__*/(0, _jsxRuntime.jsx)(_QuerySchemeManager.default, {
+      gridKey: gridKey,
+      visible: querySchemeVisible,
+      onClose: function onClose() {
+        return setQuerySchemeVisible(false);
+      }
+    })]
+  });
+};
+var _default = exports.default = Setting;

package/dist/cjs/ag-grid-plus/setting/performanceMonitor.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 性能监控工具
+ * 用于开发和生产环境的渲染性能监控
+ */
+export declare const measureRenderTime: (componentName: string) => () => void;
+/**
+ * 计数组件渲染次数
+ */
+export declare const useRenderCounter: (componentName: string) => number;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRenderCounter = exports.measureRenderTime = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 性能监控工具
+ * 用于开发和生产环境的渲染性能监控
+ */
+
+var measureRenderTime = exports.measureRenderTime = function measureRenderTime(componentName) {
+  if (typeof performance === 'undefined') {
+    return function () {};
+  }
+  var startTime = performance.now();
+  return function () {
+    var duration = performance.now() - startTime;
+
+    // 开发环境输出警告
+    if (process.env.NODE_ENV === 'development' && duration > 100) {
+      console.warn("[Performance] ".concat(componentName, " render took ").concat(duration.toFixed(2), "ms"));
+    }
+
+    // 生产环境发送到监控系统 (可选)
+    if (process.env.NODE_ENV === 'production' && window.gtag) {
+      window.gtag('event', 'component_render', {
+        component: componentName,
+        duration: Math.round(duration),
+        timestamp: Date.now()
+      });
+    }
+  };
+};
+
+/**
+ * 计数组件渲染次数
+ */
+var useRenderCounter = exports.useRenderCounter = function useRenderCounter(componentName) {
+  var renderCount = _react.default.useRef(0);
+  _react.default.useEffect(function () {
+    renderCount.current += 1;
+    if (process.env.NODE_ENV === 'development') {}
+  });
+  return renderCount.current;
+};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SettingItem: (props: any) => React.JSX.Element;
+export default SettingItem;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var SettingItem = function SettingItem(props) {
+  var onClick = props.onClick,
+    icon = props.icon;
+  var _theme$useToken = _antd.theme.useToken(),
+    token = _theme$useToken.token; // 工具入口跟随宿主主题。@author nokecy
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      margin: "0 4px",
+      color: token.colorText,
+      fontSize: 16,
+      cursor: "pointer"
+    },
+    onClick: onClick,
+    children: icon
+  });
+};
+var _default = exports.default = SettingItem;

package/dist/cjs/ag-grid-plus/shared/NoRowsOverlay.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { EmptyStateBranch } from '../utils/emptyState';
+/**
+ * 表格空态浮层。
+ *
+ * 换掉原来的 `overlayNoRowsTemplate` 纯 HTML 模板：模板只能放一句话，
+ * 于是「接口挂了」和「这条数据确实没有」共用了同一句
+ * 「没有找到数据，试试调整筛选条件吧！」，把用户往错误的方向引。
+ * 用 React 浮层才放得下「重试」这样的出路。
+ *
+ * @author nokecy
+ */
+export interface NoRowsOverlayParams {
+    /** 当前该走哪一支：加载失败 / 无权限 / 筛选无结果 / 无数据 */
+    branch?: EmptyStateBranch;
+    /** 该支的文案 */
+    text?: string;
+    /** 加载失败时的重试入口 */
+    onRetry?: () => void;
+}
+declare const NoRowsOverlay: React.FC<NoRowsOverlayParams>;
+export default NoRowsOverlay;

package/dist/cjs/ag-grid-plus/shared/NoRowsOverlay.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * 表格空态浮层。
+ *
+ * 换掉原来的 `overlayNoRowsTemplate` 纯 HTML 模板：模板只能放一句话，
+ * 于是「接口挂了」和「这条数据确实没有」共用了同一句
+ * 「没有找到数据，试试调整筛选条件吧！」，把用户往错误的方向引。
+ * 用 React 浮层才放得下「重试」这样的出路。
+ *
+ * @author nokecy
+ */
+
+var NoRowsOverlay = function NoRowsOverlay(_ref) {
+  var branch = _ref.branch,
+    text = _ref.text,
+    onRetry = _ref.onRetry;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: 8
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Empty, {
+      image: _antd.Empty.PRESENTED_IMAGE_SIMPLE,
+      description: text
+    }), branch === 'error' && onRetry ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+      size: "small",
+      danger: true,
+      onClick: onRetry,
+      children: "\u91CD\u8BD5"
+    }) : null]
+  });
+};
+var _default = exports.default = NoRowsOverlay;

package/dist/cjs/ag-grid-plus/shared/permissions/globalConfigPermissions.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 全局配置权限信息
+ * 由使用端（业务应用）统一传入，而非从后端 API 获取
+ * @author nokecy
+ *
+ * @example
+ * ```tsx
+ * <GridPlusContext.Provider value={{
+ *   ...schemeManager,
+ *   globalConfigPermissions: {
+ *     canApplyToGlobal: currentUser.hasPermission('TableScheme.ManageGlobalConfig'),
+ *     canResetAllUsers: currentUser.hasPermission('TableScheme.ManageGlobalConfig'),
+ *   }
+ * }}>
+ * ```
+ */
+export interface GlobalConfigPermissions {
+    /** 是否可以应用到全局 */
+    canApplyToGlobal: boolean;
+    /** 是否可以重置所有用户配置 */
+    canResetAllUsers: boolean;
+}

package/dist/cjs/ag-grid-plus/shared/permissions/globalConfigPermissions.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/ag-grid-plus/shared/storage/backendApiAdapter.d.ts

@@ -0,0 +1,75 @@
+import type { SchemeStorageAdapter, SchemeSyncDataDto, SchemeStorageConfig, ColumnScheme, QueryScheme } from './schemeStorageAdapter';
+/**
+ * 后端 API 适配器配置
+ */
+export interface BackendApiAdapterConfig extends SchemeStorageConfig {
+    /** API 基础路径 */
+    apiBaseUrl: string;
+    /** 认证令牌获取函数 */
+    getToken?: () => string | null;
+    /** 用户标识获取函数 */
+    getUserId?: () => string | null;
+    /** 请求超时时间(毫秒),默认 10000 */
+    timeout?: number;
+    /** 最大重试次数,默认 3 */
+    maxRetries?: number;
+    /** 重试延迟(毫秒),默认 1000 */
+    retryDelay?: number;
+}
+/**
+ * 后端 API 方案存储适配器
+ *
+ * 特点:
+ * - 调用后端细粒度 REST API
+ * - 每个操作立即发送请求
+ * - 支持错误重试
+ * - 自动处理认证
+ *
+ * 数据格式:
+ * - 使用扩展的列配置格式 (columnConfig: FlatColumnItem[])
+ * - 包含列分组层级结构
+ * - 后端需要存储和返回完整的 columnConfig 数据
+ */
+export declare class BackendApiSchemeAdapter implements SchemeStorageAdapter {
+    private config;
+    constructor(config: BackendApiAdapterConfig);
+    /**
+     * 日志输出
+     */
+    private log;
+    /**
+     * 【修复】将 JavaScript 时间戳转换为 ISO 字符串
+     *
+     * JavaScript Date.now() 返回毫秒时间戳（如 1699344567890）
+     * .NET DateTimeOffset 需要 ISO 8601 格式字符串（如 "2023-11-07T08:36:07.890Z"）
+     *
+     * @param timestamp 毫秒时间戳
+     * @returns ISO 8601 格式字符串
+     */
+    private toIsoString;
+    /**
+     * 【修复】将 ISO 字符串转换为 JavaScript 时间戳
+     *
+     * @param isoString ISO 8601 格式字符串
+     * @returns 毫秒时间戳
+     */
+    private fromIsoString;
+    /**
+     * 生成请求头
+     */
+    private getHeaders;
+    /**
+     * 延迟函数
+     */
+    private delay;
+    /**
+     * 发送 HTTP 请求(带重试机制)
+     */
+    private request;
+    loadAllSchemes(): Promise<SchemeSyncDataDto>;
+    saveColumnScheme(gridId: string, scheme: ColumnScheme): Promise<ColumnScheme>;
+    deleteColumnScheme(gridId: string, schemeId: string): Promise<void>;
+    saveQueryScheme(gridId: string, scheme: QueryScheme): Promise<QueryScheme>;
+    deleteQueryScheme(gridId: string, schemeId: string): Promise<void>;
+    setCurrentScheme(gridId: string, columnSchemeId: string | null, querySchemeId: string | null): Promise<void>;
+}