@nokecy/qc-ui 1.1.22 → 1.1.23

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

@@ -4,7 +4,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.toTree = exports.flattenTreeDeep = exports.flatten = exports.dateValueFormatter = exports.dateTimeValueFormatter = exports.convertSortModel = exports.convertFilterModel = void 0;
+exports.toTree = exports.flattenTreeDeep = exports.flatten = exports.dateValueFormatter = exports.dateTimeValueFormatter = exports.convertSortModel = exports.convertRulesToFilterString = exports.convertFilterModel = void 0;
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -22,6 +22,91 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 var esc = function esc(v) {
   return v.replace(/([(),|,\\]|\/i)/g, '\\$1');
 };
+
+// --- Query Builder Logic Helpers (P0) ---
+
+/**
+ * 将高级查询规则转换为后端 Filter 字符串
+ * 注意: 目前为了保持兼容性，只能尽量将 OR 转换为后端支持的格式(如 A=1|A=2)，
+ * 复杂的嵌套 OR 可能需要后端升级支持。当前策略是尽力转换。
+ */
+var convertRulesToFilterString = exports.convertRulesToFilterString = function convertRulesToFilterString(ruleGroup, colDefs) {
+  if (!ruleGroup || !ruleGroup.children || ruleGroup.children.length === 0) {
+    return "";
+  }
+  var processGroup = function processGroup(group) {
+    var results = [];
+    var isAnd = group.logic === 'AND';
+    group.children.forEach(function (child) {
+      if (child.logic) {
+        // Nested Group
+        var childFilters = processGroup(child);
+        if (childFilters.length > 0) {
+          // 简单的嵌套处理，如果顶层是 AND，子组也是 AND，则展开
+          // 如果逻辑不一致，目前简单的 Filter String 可能无法完美表达 ((A=1) AND (B=2)) OR (C=3)
+          // 现在的降级策略：如果是 OR 组，尝试用逗号分隔（但标准是 AND 用逗号）
+          // TODO: 确认后端是否支持 SQL-like filter string。
+          // 假设目前只处理最简单的：平铺的 AND
+          results.push.apply(results, _toConsumableArray(childFilters)); // 暂时打平
+        }
+      } else {
+        // Rule
+        var colDef = colDefs.find(function (c) {
+          return c.field === child.field;
+        });
+        var filter = getRuleFilter(child, colDef);
+        if (filter) {
+          results.push(filter);
+        }
+      }
+    });
+    return results;
+  };
+
+  // 目前为了兼容性，强制打平输出。高级功能的完整支持依赖后端。
+  // 这里我们把所有规则都视为可以通过 convertFilterModel 处理的单元
+  var filters = processGroup(ruleGroup);
+  return filters.join(",");
+};
+var getRuleFilter = function getRuleFilter(rule, colDef) {
+  var field = rule.field,
+    operator = rule.operator,
+    value = rule.value;
+  if (value === undefined || value === null || value === "") return "";
+  var objectKey = field;
+
+  // 根据操作符构造查询串
+  switch (operator) {
+    case '=':
+      return "".concat(objectKey, " = ").concat(value);
+    case '!=':
+      return "".concat(objectKey, " != ").concat(value);
+    case '>':
+      return "".concat(objectKey, " > ").concat(value);
+    case '>=':
+      return "".concat(objectKey, " >= ").concat(value);
+    case '<':
+      return "".concat(objectKey, " < ").concat(value);
+    case '<=':
+      return "".concat(objectKey, " <= ").concat(value);
+    case 'contains':
+      return "".concat(objectKey, " =* ").concat(esc(value));
+    case 'startsWith':
+      return "".concat(objectKey, " ^ ").concat(esc(value));
+    case 'endsWith':
+      // 后端可能不支持 endWith 语法，暂用 =*
+      return "".concat(objectKey, " =* ").concat(esc(value));
+    case 'between':
+      if (Array.isArray(value)) {
+        // 复用现有的 range 逻辑
+        return getFilter(objectKey, value, colDef);
+      }
+      return "";
+    default:
+      // 默认回退到标准处理
+      return getFilter(objectKey, value, colDef);
+  }
+};
 var getFilter = function getFilter(objectKey, value, colDef) {
   if (typeof value === 'string') {
     return value && value != "" ? "".concat(objectKey, " ").concat(colDef !== null && colDef !== void 0 && colDef.exactQuery ? '^' : "=*", " ").concat(esc(value)) : "";

package/dist/esm/ag-grid-plus/ag-gridPlus.js

@@ -23,7 +23,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ModuleRegistry } from 'ag-grid-community';
 import { AgGridReact } from 'ag-grid-react';
-import { Spin, Pagination, Card, Tag, Typography } from 'antd';
+import { Spin, Pagination, Card, Tag, Typography, Popover, Badge, Button } from 'antd';
 import React, { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { AllEnterpriseModule } from "ag-grid-enterprise";
 
@@ -36,8 +36,10 @@ import "./index.less";
 import FormRender from "./queryForm";
 import ToolBar from "./toolBar";
 import SettingItem from "./settingItem";
-import { RedoOutlined } from '@ant-design/icons';
-import { convertFilterModel, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
+import { RedoOutlined, FilterOutlined } from '@ant-design/icons';
+import { convertFilterModel, convertRulesToFilterString, dateTimeValueFormatter, dateValueFormatter, flatten, toTree } from "./utils";
+import AdvancedQueryBuilder from "./queryForm/AdvancedQueryBuilder";
+import { v4 as uuidv4 } from 'uuid';
 import Setting from "./setting";
 import { useGridPlusColumnState } from '.';
 import CustomGroupCellRenderer from "./_utils/customGroupCellRenderer";
@@ -218,6 +220,23 @@ function AgGridPlus(props) {
     queryItemsOrder = _useState18[0],
     setQueryItemsOrder = _useState18[1];
 
+  // 高级查询状态
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    advancedPopoverOpen = _useState20[0],
+    setAdvancedPopoverOpen = _useState20[1];
+  var createEmptyRuleGroup = function createEmptyRuleGroup() {
+    return {
+      id: uuidv4(),
+      logic: 'AND',
+      children: []
+    };
+  };
+  var _useState21 = useState(createEmptyRuleGroup),
+    _useState22 = _slicedToArray(_useState21, 2),
+    advancedQueryRules = _useState22[0],
+    setAdvancedQueryRules = _useState22[1];
+
   /**
    * 【P1 架构优化】使用单向数据流架构
    *
@@ -676,7 +695,19 @@ function AgGridPlus(props) {
       pagination: pagination
     });
     try {
-      var filter = convertFilterModel(queryFilter, allColDefsRef.current);
+      // 处理高级查询模式
+      var filter;
+      if (queryFilter.__advancedMode__ && queryFilter.__rules__) {
+        // 高级模式：使用规则转换
+        filter = convertRulesToFilterString(queryFilter.__rules__, allColDefsRef.current);
+        logger.debug('高级模式 Filter', {
+          rules: queryFilter.__rules__,
+          filter: filter
+        });
+      } else {
+        // 简单模式：使用原有的转换逻辑
+        filter = convertFilterModel(queryFilter, allColDefsRef.current);
+      }
       var params = _objectSpread(_objectSpread({
         filter: filter
       }, stableGridParams), {}, {
@@ -1181,16 +1212,33 @@ function AgGridPlus(props) {
     defaultExpand: defaultSearchExpand,
     gridApi: apiRef.current,
     onQuery: function onQuery(formValues) {
+      // 优先使用高级搜索：如果存在高级搜索条件，忽略简单查询
+      if (advancedQueryRules.children.length > 0) {
+        var filter = {
+          __advancedMode__: true,
+          __rules__: advancedQueryRules
+        };
+        setQueryFilter(filter);
+        if (pagination.current !== 1) {
+          setPagination(function (prev) {
+            return _objectSpread(_objectSpread({}, prev), {}, {
+              current: 1
+            });
+          });
+        }
+        onRequest && onRequest(filter);
+        return;
+      }
       setQueryFilter(_objectSpread({}, formValues));
-      setPagination(function (prev) {
-        if (prev.current !== 1) {
+      // 始终使用传入的 formValues 发起请求
+      if (pagination.current !== 1) {
+        setPagination(function (prev) {
           return _objectSpread(_objectSpread({}, prev), {}, {
             current: 1
           });
-        }
-        onRequest && onRequest(formValues);
-        return prev;
-      });
+        });
+      }
+      onRequest && onRequest(formValues);
     },
     onInit: function onInit(defaultValues) {
       setQueryFilter(defaultValues);
@@ -1228,7 +1276,79 @@ function AgGridPlus(props) {
       gridKey: gridKey,
       gridApi: apiRef.current,
       onSaveColumnState: onColumnStateChanged
-    })]
+    }),
+    /*#__PURE__*/
+    // 高级搜索（图标风格，位于设置右边）
+    React.createElement(Popover, {
+      key: "advanced-search-setting",
+      content: /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: 600,
+          maxHeight: 400,
+          overflow: 'auto'
+        }
+      }, /*#__PURE__*/React.createElement(AdvancedQueryBuilder, {
+        rootGroup: advancedQueryRules,
+        onChange: setAdvancedQueryRules,
+        colDefs: allColDefs
+      }), /*#__PURE__*/React.createElement("div", {
+        style: {
+          marginTop: 12,
+          textAlign: 'right',
+          borderTop: '1px solid #f0f0f0',
+          paddingTop: 12
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        onClick: function onClick() {
+          setAdvancedQueryRules(createEmptyRuleGroup());
+          setQueryFilter({});
+          onRequest && onRequest({});
+          setAdvancedPopoverOpen(false);
+        },
+        style: {
+          marginRight: 8
+        }
+      }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        type: "primary",
+        onClick: function onClick() {
+          var filter = {
+            __advancedMode__: true,
+            __rules__: advancedQueryRules
+          };
+          setQueryFilter(filter);
+          if (pagination.current !== 1) {
+            setPagination(function (prev) {
+              return _objectSpread(_objectSpread({}, prev), {}, {
+                current: 1
+              });
+            });
+          }
+          onRequest && onRequest(filter);
+          setAdvancedPopoverOpen(false);
+        }
+      }, "\u67E5\u8BE2"))),
+      title: "\u9AD8\u7EA7\u641C\u7D22",
+      trigger: "click",
+      open: advancedPopoverOpen,
+      onOpenChange: setAdvancedPopoverOpen,
+      placement: "bottomRight",
+      overlayStyle: {
+        maxWidth: 'none'
+      }
+    }, /*#__PURE__*/React.createElement(Badge, {
+      count: advancedQueryRules.children.length,
+      size: "small",
+      offset: [-2, 2]
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        margin: "0 4px",
+        color: advancedQueryRules.children.length > 0 ? '#1890ff' : '#000',
+        fontSize: 16,
+        cursor: "pointer"
+      }
+    }, /*#__PURE__*/React.createElement(FilterOutlined, null))))]
   }), /*#__PURE__*/React.createElement(AgGridReact, _extends({
     theme: agGridTheme
   }, rest, {

package/dist/esm/ag-grid-plus/queryForm/AdvancedQueryBuilder.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { QueryRuleGroup } from '../shared/storage/schemeStorageAdapter';
+import { ExtendedColDef } from '../types';
+interface AdvancedQueryBuilderProps {
+    rootGroup: QueryRuleGroup;
+    onChange: (group: QueryRuleGroup) => void;
+    colDefs: ExtendedColDef[];
+}
+declare const AdvancedQueryBuilder: React.FC<AdvancedQueryBuilderProps>;
+export default AdvancedQueryBuilder;