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

package/dist/esm/fullScreenAlert/index.js

@@ -0,0 +1,95 @@
+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); }
+var _excluded = ["active", "type", "onChange", "duration", "message", "showIcon"];
+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); }
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 { CheckCircleFilled, CloseCircleFilled } from '@ant-design/icons';
+import React, { useEffect, useRef, useState } from 'react';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * FullScreenAlert 全屏闪烁警告组件
+ *
+ * 在屏幕边缘显示闪烁的彩色边框，用于视觉警告提醒
+ *
+ * @example
+ * ```tsx
+ * <FullScreenAlert
+ *   active={showAlert}
+ *   type="error"
+ *   onChange={(active) => setShowAlert(active)}
+ * />
+ * ```
+ */
+var FullScreenAlert = function FullScreenAlert(props) {
+  var _props$active = props.active,
+    activeProps = _props$active === void 0 ? false : _props$active,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'success' : _props$type,
+    onChange = props.onChange,
+    _props$duration = props.duration,
+    duration = _props$duration === void 0 ? 3000 : _props$duration,
+    message = props.message,
+    _props$showIcon = props.showIcon,
+    showIcon = _props$showIcon === void 0 ? true : _props$showIcon,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var timerRef = useRef(undefined);
+  var _useState = useState(activeProps),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  useEffect(function () {
+    // 清除之前的定时器
+    if (timerRef.current) {
+      clearTimeout(timerRef.current);
+    }
+    if (activeProps) {
+      setActive(true);
+
+      // 设置自动关闭
+      timerRef.current = setTimeout(function () {
+        setActive(false);
+        onChange === null || onChange === void 0 || onChange(false);
+      }, duration);
+    } else {
+      setActive(false);
+    }
+
+    // 组件卸载时清理定时器
+    return function () {
+      if (timerRef.current) {
+        clearTimeout(timerRef.current);
+      }
+    };
+  }, [activeProps, duration, onChange]);
+  if (!active) {
+    return null;
+  }
+  var className = ['alertOverlay', 'alert-active', type === 'error' ? 'errorOverlay' : 'successOverlay'].join(' ');
+  var isError = type === 'error';
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      className: className
+    }, restProps), {}, {
+      children: /*#__PURE__*/_jsx("div", {})
+    })), showIcon ? /*#__PURE__*/_jsxs("div", {
+      className: "alertBadge ".concat(isError ? 'alertBadge-error' : 'alertBadge-success'),
+      children: [isError ? /*#__PURE__*/_jsx(CloseCircleFilled, {}) : /*#__PURE__*/_jsx(CheckCircleFilled, {}), /*#__PURE__*/_jsx("span", {
+        children: message !== null && message !== void 0 ? message : isError ? '失败' : '成功'
+      })]
+    }) : null]
+  });
+};
+export default FullScreenAlert;

package/dist/esm/fullScreenAlert/index.less

@@ -0,0 +1,164 @@
+:root {
+	--alert-size: 120px;
+}
+
+.successOverlay::before,
+.successOverlay::after {
+	position: absolute;
+	width: var(--alert-size);
+	height: 100%;
+	content: '';
+}
+
+.successOverlay > div::before,
+.successOverlay > div::after {
+	position: absolute;
+	width: 100%;
+	height: var(--alert-size);
+	content: '';
+}
+
+.successOverlay::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to right, var(--ant-color-success, green), transparent);
+	transform: rotate(0deg);
+}
+
+.successOverlay::after {
+	top: 0%;
+	left: 100%;
+	background: linear-gradient(to left, var(--ant-color-success, green), transparent);
+	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
+}
+
+.successOverlay > div::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to top, var(--ant-color-success, green), transparent);
+	transform: rotate(180deg);
+}
+
+.successOverlay > div::after {
+	top: 100%;
+	left: 0;
+	background: linear-gradient(to top, var(--ant-color-success, green), transparent);
+	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
+}
+
+.successOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	opacity: 1;
+	transition: opacity 0.5s;
+	pointer-events: none;
+}
+
+.errorOverlay::before,
+.errorOverlay::after {
+	position: absolute;
+	width: var(--alert-size);
+	height: 100%;
+	content: '';
+}
+
+.errorOverlay > div::before,
+.errorOverlay > div::after {
+	position: absolute;
+	width: 100%;
+	height: var(--alert-size);
+	content: '';
+}
+
+.errorOverlay::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to right, var(--ant-color-error, red), transparent);
+	transform: rotate(0deg);
+}
+
+.errorOverlay::after {
+	top: 0%;
+	left: 100%;
+	background: linear-gradient(to left, var(--ant-color-error, red), transparent);
+	transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
+}
+
+.errorOverlay > div::before {
+	top: 0;
+	left: 0;
+	background: linear-gradient(to top, var(--ant-color-error, red), transparent);
+	transform: rotate(180deg);
+}
+
+.errorOverlay > div::after {
+	top: 100%;
+	left: 0;
+	background: linear-gradient(to top, var(--ant-color-error, red), transparent);
+	transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
+}
+
+.errorOverlay {
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 1;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	opacity: 1;
+	transition: opacity 0.5s;
+	pointer-events: none;
+}
+
+.alert-active {
+	animation: blink 0.75s infinite;
+}
+
+@keyframes blink {
+	0% {
+		opacity: 0;
+	}
+	50% {
+		opacity: 0.5;
+	}
+	100% {
+		opacity: 0;
+	}
+}
+
+/* 中央状态徽标：给成功/失败加上颜色之外的第二种编码（图标 + 文字）。
+   只靠绿边框/红边框区分，对色觉障碍者等于没有反馈；车间侧光屏上也常常看不出色差。
+   放在闪烁层之外，所以它不跟着 blink 一起忽明忽暗。@author nokecy */
+.alertBadge {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	z-index: 2;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 12px;
+	font-size: 28px;
+	font-weight: 700;
+	text-shadow: 0 1px 2px rgb(255 255 255 / 80%);
+	transform: translate(-50%, -50%);
+	pointer-events: none;
+
+	.anticon {
+		font-size: 128px;
+	}
+}
+
+.alertBadge-success {
+	color: var(--ant-color-success, green);
+}
+
+.alertBadge-error {
+	color: var(--ant-color-error, red);
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,50 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext, useGridPlusColumnState, useSchemeManager, useGridSchemes, LocalStorageSchemeAdapter, BackendApiSchemeAdapter } from "./ag-grid-plus/index";
+import ArrayTable from "./array-table/index";
+import ArrayTableIndex from "./array-table-index/index";
+import { ColumnPresets } from "./array-table/columnHelper";
+import Card from "./card/index";
+import Dashboard from "./dashboard/index";
+import DraggableModal from "./draggableModal/index";
+import Editable from "./editable/index";
+import ExtensibleGrid from "./extensible-grid/index";
+import { FormProLayout } from "./formPro/index";
+import { FormProContext } from "./formPro/context/formProContext";
+import QueryBuilder from "./queryBuilder/index";
+import ToolBar from "./toolBar/index";
+export { ListToolbarLeft } from './ag-grid-plus/toolBar/leftContent';
+import FullScreenAlert from "./fullScreenAlert/index";
+import ConfirmPro from "./ConfirmPro/index";
+import DeleteConfirm from "./deleteConfirm/index";
+import { RuleBuilder } from "./RuleBuilder/index";
+import { RegexEditor, useRegexValidation, useTemplateManager, TemplateSelector, TemplateCategory, RegexTester, FlagsSelector, MatchItem, RegexRailroadDiagram } from "./components/RegexEditor/index";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, ColumnPresets, Card, Dashboard, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormProContext, FormProLayout, GridPlusContext, useGridPlusColumnState, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro, DeleteConfirm, RuleBuilder, RegexEditor, useRegexValidation, useTemplateManager, TemplateSelector, TemplateCategory, RegexTester, FlagsSelector, MatchItem, RegexRailroadDiagram, useSchemeManager, useGridSchemes, LocalStorageSchemeAdapter, BackendApiSchemeAdapter };
+export type * from "./deleteConfirm/index";
+export type * from "./fullScreenAlert/index";
+export type * from "./RuleBuilder/index";
+export type { ColumnConfig } from "./array-table/columnHelper";
+export { registerReadOnlyFormatter, registerReadOnlyLabels, registerReadOnlyRenderer, withReadOnlyFormatter, formatSelectDisplay } from "./array-table/readOnlyFormatters";
+export type { ReadOnlyFormatter, ReadOnlyFormatterCtx, ReadOnlyLabels, ReadOnlyRenderer, SelectDisplayField } from "./array-table/readOnlyFormatters";
+export type { CentralizedColumnScheme, QueryScheme, SchemeStorageAdapter, SchemeSyncDataDto, CurrentSchemeDto, SchemeStorageConfig, LocalStorageAdapterConfig, BackendApiAdapterConfig, UseSchemeManagerConfig, GridPlusContextValue, GlobalConfigPermissions, DateQueryPrecision, DateQueryPrecisionResolver, } from "./ag-grid-plus/index";
+export * from "./readPretty/index";
+export { DateCellEditor, DEFAULT_DATE_CELL_FORMAT, parseDateCellValue } from "./dateCellEditor/DateCellEditor";
+export type { DateCellEditorParams, DateCellEditorProps } from "./dateCellEditor/DateCellEditor";
+export { saveAs } from "./shared/download";
+export { WidgetSelector } from "./dashboard/index";
+export type { GridProps, GridRef, AgGridColumnPropsClone } from "./ag-grid-plus/interface";
+export { GridPlusError, ErrorType, ErrorSeverity } from "./ag-grid-plus/errors/index";
+export type { ErrorHandlingConfig } from "./ag-grid-plus/errors/index";
+export * from "./scanCollect/index";
+export * from "./documentPage/index";
+export { semanticTextColors, toGridTextColor, gridValueEnum } from "./ag-grid-plus/utils/valueEnumColor";
+export type { SemanticPreset } from "./ag-grid-plus/utils/valueEnumColor";
+export { StatusPill, STATUS_PILL } from "./ag-grid-plus/utils/statusPill";
+export type { StatusKey } from "./ag-grid-plus/utils/statusPill";
+export { getQcColDefProp } from "./ag-grid-plus/utils/agGridCompat";
+export { contrastRatio, relativeLuminance, darkenUntilContrast, lightenUntilContrast, toRgb, toHsl, fromHsl } from "./shared/contrast";
+export { BusinessDecimal, decimal, decimalText, nonNegativeDecimal, roundDecimal, sumDecimals, formatDecimal } from "./shared/businessDecimal";
+export type { DecimalValue } from "./shared/businessDecimal";
+export type { ParseResult as RegexParseResult, ValidationResult as RegexValidationResult, RegexError, ComplexityMetrics, ASTNode, AstRegExp, RegexTemplate, TestResult as RegexTestResult, CodeMirrorWrapperProps, RegexEditorProps, RegexFlags, MatchResult, RegexTesterProps, FlagsSelectorProps, MatchItemProps, RegexRailroadDiagramProps, } from "./components/RegexEditor/index";
+export * from './formily/index';
+export { default as DialogSelect } from './dialogSelect/index';
+export type { IDialogSelectProps as DialogSelectProps } from './dialogSelect/index';
+export type { GenericPagedQuery, PagedApiAdapter } from './adapters/index';

package/dist/esm/index.js

@@ -0,0 +1,42 @@
+import { AgGridColumn, AgGridPlus, flattenTreeDeep, GridPlusContext, useGridPlusColumnState,
+// 集中式方案管理
+useSchemeManager, useGridSchemes, LocalStorageSchemeAdapter, BackendApiSchemeAdapter
+// 注意: 旧的方案管理API已废弃
+// 请使用 useSchemeManager/useGridSchemes 替代
+} from "./ag-grid-plus/index";
+import ArrayTable from "./array-table/index";
+import ArrayTableIndex from "./array-table-index/index";
+import { ColumnPresets } from "./array-table/columnHelper";
+import Card from "./card/index";
+import Dashboard from "./dashboard/index";
+import DraggableModal from "./draggableModal/index";
+import Editable from "./editable/index";
+import ExtensibleGrid from "./extensible-grid/index";
+import { FormProLayout } from "./formPro/index";
+import { FormProContext } from "./formPro/context/formProContext";
+import QueryBuilder from "./queryBuilder/index";
+import ToolBar from "./toolBar/index";
+export { ListToolbarLeft } from "./ag-grid-plus/toolBar/leftContent";
+import FullScreenAlert from "./fullScreenAlert/index";
+import ConfirmPro from "./ConfirmPro/index";
+import DeleteConfirm from "./deleteConfirm/index";
+import { RuleBuilder } from "./RuleBuilder/index";
+import { RegexEditor, useRegexValidation, useTemplateManager, TemplateSelector, TemplateCategory, RegexTester, FlagsSelector, MatchItem, RegexRailroadDiagram } from "./components/RegexEditor/index";
+export { AgGridColumn, AgGridPlus, ArrayTable, ArrayTableIndex, ColumnPresets, Card, Dashboard, DraggableModal, Editable, ExtensibleGrid, flattenTreeDeep, FormProContext, FormProLayout, GridPlusContext, useGridPlusColumnState, QueryBuilder, ToolBar, FullScreenAlert, ConfirmPro, DeleteConfirm, RuleBuilder, RegexEditor, useRegexValidation, useTemplateManager, TemplateSelector, TemplateCategory, RegexTester, FlagsSelector, MatchItem, RegexRailroadDiagram, useSchemeManager, useGridSchemes, LocalStorageSchemeAdapter, BackendApiSchemeAdapter };
+export { registerReadOnlyFormatter, registerReadOnlyLabels, registerReadOnlyRenderer, withReadOnlyFormatter, formatSelectDisplay } from "./array-table/readOnlyFormatters";
+export * from "./readPretty/index";
+export { DateCellEditor, DEFAULT_DATE_CELL_FORMAT, parseDateCellValue } from "./dateCellEditor/DateCellEditor";
+export { saveAs } from "./shared/download";
+export { WidgetSelector } from "./dashboard/index";
+// 页面持有表格实例、声明列、处理表格错误时用到的类型；宿主不必再深引 ag-grid-plus/interface。@author nokecy
+
+export { GridPlusError, ErrorType, ErrorSeverity } from "./ag-grid-plus/errors/index";
+export * from "./scanCollect/index";
+export * from "./documentPage/index";
+export { semanticTextColors, toGridTextColor, gridValueEnum } from "./ag-grid-plus/utils/valueEnumColor";
+export { StatusPill, STATUS_PILL } from "./ag-grid-plus/utils/statusPill";
+export { getQcColDefProp } from "./ag-grid-plus/utils/agGridCompat";
+export { contrastRatio, relativeLuminance, darkenUntilContrast, lightenUntilContrast, toRgb, toHsl, fromHsl } from "./shared/contrast";
+export { BusinessDecimal, decimal, decimalText, nonNegativeDecimal, roundDecimal, sumDecimals, formatDecimal } from "./shared/businessDecimal";
+export * from "./formily/index";
+export { default as DialogSelect } from "./dialogSelect/index";

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

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

package/dist/esm/queryBuilder/index.js

@@ -0,0 +1,55 @@
+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); }
+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; }
+import React from "react";
+import { useControllableValue } from 'ahooks';
+import { QueryBuilderDnD } from '@react-querybuilder/dnd';
+import * as ReactDnD from 'react-dnd';
+import * as ReactDndHtml5Backend from 'react-dnd-html5-backend';
+import { defaultValidator, QueryBuilder as QueryBuilderReact } from 'react-querybuilder';
+import { QueryBuilderAntD } from '@react-querybuilder/antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var QueryBuilder = function QueryBuilder(props) {
+  var fields = props.fields;
+  var _useControllableValue = useControllableValue(props),
+    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+    state = _useControllableValue2[0],
+    setState = _useControllableValue2[1];
+  return /*#__PURE__*/_jsx(QueryBuilderDnD, {
+    dnd: _objectSpread(_objectSpread({}, ReactDnD), ReactDndHtml5Backend),
+    children: /*#__PURE__*/_jsx(QueryBuilderAntD, {
+      children: /*#__PURE__*/_jsx(QueryBuilderReact, {
+        fields: fields,
+        query: state ? JSON.parse(state) : {
+          rules: []
+        },
+        onQueryChange: function onQueryChange(q) {
+          setState(JSON.stringify(q));
+        },
+        addRuleToNewGroups: true,
+        debugMode: true,
+        independentCombinators: true,
+        listsAsArrays: true,
+        resetOnOperatorChange: true,
+        showCloneButtons: true,
+        showCombinatorsBetweenRules: true,
+        showLockButtons: true,
+        showNotToggle: true,
+        validator: defaultValidator,
+        controlClassnames: {
+          queryBuilder: 'queryBuilder-branches'
+        }
+      })
+    })
+  });
+};
+export default QueryBuilder;

package/dist/esm/readPretty/arrayTable.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 阅读态也创建列的 void 字段，让 Formily 求值标题、显隐与 reactions；
+ * qc-ui 的阅读视图只读取列状态，未像编辑视图一样挂载这些字段。
+ * @author nokecy
+ */
+export declare const withReadingArrayTable: (Control: any) => any;

package/dist/esm/readPretty/arrayTable.js

@@ -0,0 +1,176 @@
+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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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 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); }
+import { observer, RecursionField, useField, useFieldSchema } from '@nokecy/formily-react';
+import { AgGridReact } from 'ag-grid-react';
+import { buildArrayTableColumns, useArrayTableSources } from "../array-table/utils";
+import { groupColumnDefs } from "../array-table/columnGroup";
+import { ARRAY_TABLE_INDEX_FIELD, hasOwnIndexColumn, makeIndexColumn } from "../array-table/indexColumn";
+import { useArrayTableMetrics, useArrayTableTheme } from "../array-table/theme";
+import { hoistStatics } from "./hoistStatics";
+import React, { useMemo, useRef } from 'react';
+import { installDisplaySequenceOrder } from "../shared/gridSequence";
+
+/** 阅读态直接使用 ArrayTable 的列定义，避免 AgGridPlus 的原值渲染器覆盖格式化结果。@author nokecy */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ReadingArrayTable = observer(function (_ref) {
+  var _buildArrayTableColum;
+  var height = _ref.height,
+    _ref$rowSelection = _ref.rowSelection,
+    rowSelection = _ref$rowSelection === void 0 ? {
+      mode: 'singleRow',
+      enableClickSelection: true,
+      checkboxes: false
+    } : _ref$rowSelection,
+    selectionColumnDef = _ref.selectionColumnDef,
+    onSelectionChanged = _ref.onSelectionChanged,
+    _onGridReady = _ref.onGridReady,
+    _onRowDataUpdated = _ref.onRowDataUpdated;
+  var field = useField();
+  var sources = useArrayTableSources();
+  var rows = Array.isArray(field.value) ? field.value.slice() : [];
+  var generatedRowIds = useRef(new WeakMap());
+  var generatedRowIdSequence = useRef(0);
+  var columns = (_buildArrayTableColum = buildArrayTableColumns(rows, field, sources)) !== null && _buildArrayTableColum !== void 0 ? _buildArrayTableColum : [];
+  var showIndex = columns.length > 0 && !hasOwnIndexColumn(sources);
+  if (showIndex) columns.unshift(makeIndexColumn());
+  var theme = useArrayTableTheme();
+  var _useArrayTableMetrics = useArrayTableMetrics(),
+    rowHeight = _useArrayTableMetrics.rowHeight,
+    headerHeight = _useArrayTableMetrics.headerHeight;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      height: height !== null && height !== void 0 ? height : 400
+    },
+    children: /*#__PURE__*/_jsx(AgGridReact, {
+      theme: theme,
+      rowHeight: rowHeight,
+      headerHeight: headerHeight,
+      enableCellTextSelection: true,
+      ensureDomOrder: true,
+      defaultColDef: {
+        resizable: true,
+        sortable: true,
+        filter: true
+      },
+      rowSelection: rowSelection,
+      selectionColumnDef: _objectSpread({
+        pinned: 'left',
+        lockPosition: true,
+        width: 50,
+        suppressHeaderMenuButton: true
+      }, selectionColumnDef),
+      onSelectionChanged: onSelectionChanged,
+      onGridReady: function onGridReady(event) {
+        installDisplaySequenceOrder(event.api);
+        _onGridReady === null || _onGridReady === void 0 || _onGridReady(event);
+      },
+      columnDefs: groupColumnDefs(columns),
+      rowData: rows,
+      getRowId: function getRowId(_ref2) {
+        var _data$_id;
+        var data = _ref2.data;
+        var id = (_data$_id = data === null || data === void 0 ? void 0 : data._id) !== null && _data$_id !== void 0 ? _data$_id : data === null || data === void 0 ? void 0 : data.id;
+        if (id != null) return "data:".concat(String(id));
+
+        // 阅读态明细常用旧表行号等字段，不一定有 id/_id。给无 ID 的对象分配稳定行键，
+        // 否则多行都会返回 "undefined"，AG Grid 在数据更新后会合并掉重复行。@author nokecy
+        var row = data;
+        var rowId = generatedRowIds.current.get(row);
+        if (!rowId) {
+          rowId = "generated:".concat(++generatedRowIdSequence.current);
+          generatedRowIds.current.set(row, rowId);
+        }
+        return rowId;
+      },
+      onRowDataUpdated: function onRowDataUpdated(event) {
+        if (showIndex) event.api.refreshCells({
+          columns: [ARRAY_TABLE_INDEX_FIELD],
+          force: true
+        });
+        _onRowDataUpdated === null || _onRowDataUpdated === void 0 || _onRowDataUpdated(event);
+      }
+    })
+  });
+});
+
+/** 按 ArrayTable 的列提取规则收集列节点，不挂载明细数据字段。@author nokecy */
+var columnsOf = function columnsOf(schema) {
+  var columns = [];
+  var visit = function visit(node) {
+    if (typeof node['x-component'] === 'string' && node['x-component'].includes('Column')) {
+      var _node$xComponentPro, _node$xComponentPro2;
+      var name = (_node$xComponentPro = (_node$xComponentPro2 = node['x-component-props']) === null || _node$xComponentPro2 === void 0 ? void 0 : _node$xComponentPro2.dataIndex) !== null && _node$xComponentPro !== void 0 ? _node$xComponentPro : node.name;
+      if (name !== undefined) columns.push({
+        name: name,
+        schema: node
+      });
+    } else {
+      Object.values(node.properties || {}).forEach(visit);
+    }
+  };
+  var items = Array.isArray(schema.items) ? schema.items : schema.items ? [schema.items] : [];
+  items.forEach(visit);
+  return columns;
+};
+
+/**
+ * 阅读态也创建列的 void 字段，让 Formily 求值标题、显隐与 reactions；
+ * qc-ui 的阅读视图只读取列状态，未像编辑视图一样挂载这些字段。
+ * @author nokecy
+ */
+export var withReadingArrayTable = function withReadingArrayTable(Control) {
+  var ReactiveTable = observer(function (_ref3) {
+    var columns = _ref3.columns,
+      tableProps = _ref3.tableProps;
+    var field = useField();
+    // 阅读视图本身未订阅列状态，在此建立依赖，条件变化后重新提取表头。@author nokecy
+    var _iterator = _createForOfIteratorHelper(columns),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _column$componentProp, _column$componentProp2, _column$componentProp3;
+        var name = _step.value.name;
+        var column = field.query(field.address.concat(name)).take();
+        void (column === null || column === void 0 ? void 0 : column.display);
+        void (column === null || column === void 0 || (_column$componentProp = column.componentProps) === null || _column$componentProp === void 0 ? void 0 : _column$componentProp.title);
+        void (column === null || column === void 0 || (_column$componentProp2 = column.componentProps) === null || _column$componentProp2 === void 0 ? void 0 : _column$componentProp2.headerName);
+        void (column === null || column === void 0 || (_column$componentProp3 = column.componentProps) === null || _column$componentProp3 === void 0 ? void 0 : _column$componentProp3.headerGroup);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    return /*#__PURE__*/_jsx(ReadingArrayTable, _objectSpread({}, tableProps));
+  });
+  var Table = observer(function (props) {
+    var field = useField();
+    var schema = useFieldSchema();
+    var columns = useMemo(function () {
+      return columnsOf(schema);
+    }, [schema]);
+    if (field.pattern !== 'readPretty') return /*#__PURE__*/_jsx(Control, _objectSpread({}, props));
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [columns.map(function (column) {
+        return /*#__PURE__*/_jsx(RecursionField, {
+          name: column.name,
+          schema: column.schema,
+          onlyRenderSelf: true
+        }, column.name);
+      }), /*#__PURE__*/_jsx(ReactiveTable, {
+        columns: columns,
+        tableProps: props
+      })]
+    });
+  });
+  return hoistStatics(Table, Control);
+};

package/dist/esm/readPretty/controls.d.ts

@@ -0,0 +1,16 @@
+import { NumberPicker as FormilyNumberPicker } from '@nokecy/formily-antd';
+import { AutoComplete as AntAutoComplete, Input as AntInput, InputNumber as AntInputNumber, Select as AntSelect, Switch as AntSwitch, Checkbox as AntCheckbox, Radio as AntRadio, DatePicker as AntDatePicker, TimePicker as AntTimePicker, TreeSelect as AntTreeSelect, Cascader as AntCascader } from 'antd';
+export declare const Input: typeof AntInput;
+export declare const InputNumber: typeof AntInputNumber;
+/** Formily 数值控件同样关闭方向键步进，保留数值类型及原有表单绑定。@author nokecy */
+export declare const NumberPicker: typeof FormilyNumberPicker;
+export declare const Select: typeof AntSelect;
+export declare const Switch: typeof AntSwitch;
+export declare const Checkbox: typeof AntCheckbox;
+export declare const Radio: typeof AntRadio;
+export declare const DatePicker: typeof AntDatePicker;
+export declare const TimePicker: typeof AntTimePicker;
+export declare const TreeSelect: typeof AntTreeSelect;
+export declare const Cascader: typeof AntCascader;
+/** 可手输也可从候选里选的文本（Formily 适配包里没有）：值就是字符串，阅读态按文本显示。@author nokecy */
+export declare const AutoComplete: typeof AntAutoComplete;