@nokecy/qc-ui-components 2.0.0-beta.4 → 2.0.0-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ag-grid-plus/ag-gridPlus.js +19 -4
- package/dist/cjs/ag-grid-plus/interface.d.ts +10 -2
- package/dist/cjs/ag-grid-plus/interface.js +1 -1
- package/dist/cjs/ag-grid-plus/queryForm/queryForm.js +1 -2
- package/dist/cjs/ag-grid-plus/setting/ColumnConfigTable.js +2 -0
- package/dist/cjs/ag-grid-plus/setting/QuerySchemeManager.js +3 -0
- package/dist/cjs/array-table/batchRemove.js +2 -0
- package/dist/cjs/array-table/rowFeedback.d.ts +6 -5
- package/dist/cjs/array-table/rowFeedback.js +24 -7
- package/dist/cjs/array-table/theme.d.ts +1 -1
- package/dist/cjs/array-table/theme.js +1 -1
- package/dist/cjs/draggableModal/index.d.ts +2 -0
- package/dist/cjs/draggableModal/index.js +6 -2
- package/dist/cjs/readPretty/arrayTable.js +2 -0
- package/dist/esm/ag-grid-plus/ag-gridPlus.js +19 -4
- package/dist/esm/ag-grid-plus/interface.d.ts +10 -2
- package/dist/esm/ag-grid-plus/interface.js +2 -0
- package/dist/esm/ag-grid-plus/queryForm/queryForm.js +1 -2
- package/dist/esm/ag-grid-plus/setting/ColumnConfigTable.js +2 -0
- package/dist/esm/ag-grid-plus/setting/QuerySchemeManager.js +3 -0
- package/dist/esm/array-table/batchRemove.js +2 -0
- package/dist/esm/array-table/rowFeedback.d.ts +6 -5
- package/dist/esm/array-table/rowFeedback.js +25 -8
- package/dist/esm/array-table/theme.d.ts +1 -1
- package/dist/esm/array-table/theme.js +1 -1
- package/dist/esm/draggableModal/index.d.ts +2 -0
- package/dist/esm/draggableModal/index.js +6 -2
- package/dist/esm/readPretty/arrayTable.js +2 -0
- package/package.json +1 -1
|
@@ -953,10 +953,21 @@ function AgGridPlus(props) {
|
|
|
953
953
|
});
|
|
954
954
|
setSortColumn(sortedColumn);
|
|
955
955
|
};
|
|
956
|
-
var onRefresh = (0, _react.useCallback)(function () {
|
|
957
|
-
if (requestRef.current)
|
|
958
|
-
|
|
956
|
+
var onRefresh = (0, _react.useCallback)(function (options) {
|
|
957
|
+
if (!requestRef.current) return;
|
|
958
|
+
if (options !== null && options !== void 0 && options.resetPage && paginationRef.current.current !== 1) {
|
|
959
|
+
// 作废当前页在途请求,由页码 effect 发起唯一一次首页请求。@author jwy
|
|
960
|
+
requestSeqRef.current++;
|
|
961
|
+
setPagination(function (prev) {
|
|
962
|
+
return prev.current === 1 ? prev : _objectSpread(_objectSpread({}, prev), {}, {
|
|
963
|
+
current: 1
|
|
964
|
+
});
|
|
965
|
+
});
|
|
966
|
+
return;
|
|
959
967
|
}
|
|
968
|
+
|
|
969
|
+
// 当前已在首页或采用兼容的无参数调用时,按当前筛选和排序请求一次。@author jwy
|
|
970
|
+
onRequest(stableQueryFilter);
|
|
960
971
|
}, [onRequest, stableQueryFilter]);
|
|
961
972
|
|
|
962
973
|
// 查询区、高级查询的回调可能是旧渲染里捕获的闭包(实测在第 2 页点「重置」时拿到的是第 1 页),
|
|
@@ -1496,7 +1507,9 @@ function AgGridPlus(props) {
|
|
|
1496
1507
|
actions: actionDom,
|
|
1497
1508
|
settings: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.default, {
|
|
1498
1509
|
title: "\u5237\u65B0",
|
|
1499
|
-
onClick:
|
|
1510
|
+
onClick: function onClick() {
|
|
1511
|
+
return onRefresh();
|
|
1512
|
+
},
|
|
1500
1513
|
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.RedoOutlined, {})
|
|
1501
1514
|
}, "refresh"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.default, {
|
|
1502
1515
|
gridKey: gridKey,
|
|
@@ -1616,6 +1629,8 @@ function AgGridPlus(props) {
|
|
|
1616
1629
|
selectionColumnDef: {
|
|
1617
1630
|
pinned: 'left',
|
|
1618
1631
|
lockPosition: true,
|
|
1632
|
+
// 窄屏时保留系统选择列冻结,避免列状态反复重排。@author jwy
|
|
1633
|
+
lockPinned: true,
|
|
1619
1634
|
width: 50,
|
|
1620
1635
|
suppressHeaderMenuButton: true
|
|
1621
1636
|
},
|
|
@@ -11,8 +11,16 @@ interface GridPagination {
|
|
|
11
11
|
/** 总条数;request 模式下首次请求返回前为 0 */
|
|
12
12
|
total: number;
|
|
13
13
|
}
|
|
14
|
+
/** Controls how an imperative grid refresh handles pagination. @author jwy */
|
|
15
|
+
interface GridRefreshOptions {
|
|
16
|
+
/** Return to the first page before refreshing. @author jwy */
|
|
17
|
+
resetPage?: boolean;
|
|
18
|
+
}
|
|
14
19
|
interface GridRef {
|
|
15
|
-
|
|
20
|
+
/** 保留无参数签名,兼容直接作为按钮点击回调的既有用法。@author jwy */
|
|
21
|
+
onRefresh(): void;
|
|
22
|
+
/** 刷新结果;可选择先返回第一页。@author jwy */
|
|
23
|
+
onRefresh(options: GridRefreshOptions): void;
|
|
16
24
|
/**
|
|
17
25
|
* 跳到第 n 页(1-based),按总页数收口;页码变化时自动重新请求。
|
|
18
26
|
* 已在该页时不重复请求,需要重取请用 onRefresh。
|
|
@@ -262,4 +270,4 @@ interface AgGridColumnPropsClone extends ColDef {
|
|
|
262
270
|
calculateType?: "sum" | "avg" | "standardDeviation" | false;
|
|
263
271
|
}
|
|
264
272
|
declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): React.JSX.Element;
|
|
265
|
-
export { GridProps, AgGridColumn, GridRef, GridPagination, AgGridColumnPropsClone };
|
|
273
|
+
export { GridProps, AgGridColumn, GridRefreshOptions, GridRef, GridPagination, AgGridColumnPropsClone };
|
|
@@ -14,7 +14,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
|
|
|
14
14
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
15
15
|
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); } // 注意: QueryStorageAdapter 和 ColumnStorageAdapter 已废弃
|
|
16
16
|
// 请使用集中式方案管理 API
|
|
17
|
-
/** 当前分页状态;页码 1-based。 */ //column的行内传参
|
|
17
|
+
/** 当前分页状态;页码 1-based。 */ /** Controls how an imperative grid refresh handles pagination. @author jwy */ //column的行内传参
|
|
18
18
|
function AgGridColumn(props) {
|
|
19
19
|
///@ts-ignore
|
|
20
20
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(AgGridColumnClone, _objectSpread({}, props));
|
|
@@ -28,10 +28,9 @@ var QueryFormMetaContext = exports.QueryFormMetaContext = /*#__PURE__*/_react.de
|
|
|
28
28
|
var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
|
|
29
29
|
var grid = (0, _react.useMemo)(function () {
|
|
30
30
|
return _formilyAntd.FormGrid.createFormGrid({
|
|
31
|
-
//
|
|
31
|
+
// 只约束查询项最小宽度;相同的最大/最小宽度会让 Formily 在临界宽度反复调整列数。@author jwy
|
|
32
32
|
maxColumns: QUERY_MAX_COLUMNS,
|
|
33
33
|
minWidth: QUERY_ITEM_WIDTH,
|
|
34
|
-
maxWidth: QUERY_ITEM_WIDTH,
|
|
35
34
|
maxRows: defaultExpand ? Infinity : maxRows,
|
|
36
35
|
shouldVisible: function shouldVisible(node, grid) {
|
|
37
36
|
// 展开状态时,显示所有元素
|
|
@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
var _antd = require("antd");
|
|
10
10
|
var _icons = require("@ant-design/icons");
|
|
11
11
|
var _agGridReact = require("ag-grid-react");
|
|
12
|
+
var _locale = require("../locale");
|
|
12
13
|
var _columnGroupUtils = require("./columnGroupUtils");
|
|
13
14
|
var _DebounceInputs = require("./DebounceInputs");
|
|
14
15
|
var _theme = require("../theme");
|
|
@@ -747,6 +748,7 @@ var ColumnConfigTable = function ColumnConfigTable(_ref2) {
|
|
|
747
748
|
height: scrollY
|
|
748
749
|
},
|
|
749
750
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_agGridReact.AgGridReact, {
|
|
751
|
+
localeText: _locale.localeText,
|
|
750
752
|
theme: gridTheme,
|
|
751
753
|
rowData: visibleItems,
|
|
752
754
|
columnDefs: columnDefs,
|
|
@@ -10,6 +10,7 @@ var _antd = require("antd");
|
|
|
10
10
|
var _index = _interopRequireDefault(require("../../draggableModal/index"));
|
|
11
11
|
var _icons = require("@ant-design/icons");
|
|
12
12
|
var _agGridReact = require("ag-grid-react");
|
|
13
|
+
var _locale = require("../locale");
|
|
13
14
|
var _useSchemeManager = require("../context/useSchemeManager");
|
|
14
15
|
var _queryFormContext = require("../context/queryFormContext");
|
|
15
16
|
var _uuid = require("uuid");
|
|
@@ -787,6 +788,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
|
|
|
787
788
|
width: '100%'
|
|
788
789
|
},
|
|
789
790
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_agGridReact.AgGridReact, {
|
|
791
|
+
localeText: _locale.localeText,
|
|
790
792
|
ref: queryGridRef,
|
|
791
793
|
theme: gridTheme,
|
|
792
794
|
rowData: queryItemsData,
|
|
@@ -839,6 +841,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
|
|
|
839
841
|
width: '100%'
|
|
840
842
|
},
|
|
841
843
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_agGridReact.AgGridReact, {
|
|
844
|
+
localeText: _locale.localeText,
|
|
842
845
|
ref: schemeGridRef,
|
|
843
846
|
theme: gridTheme,
|
|
844
847
|
rowData: schemes,
|
|
@@ -270,9 +270,11 @@ function useArrayTableBatchRemove(field, sources, props, apiRef, getId) {
|
|
|
270
270
|
};
|
|
271
271
|
return {
|
|
272
272
|
rowSelection: rowSelection,
|
|
273
|
+
// 选择列与显示序号同属固定的系统列,窄屏优先释放业务列的冻结空间。@author jwy
|
|
273
274
|
selectionColumnDef: enabled ? _objectSpread({
|
|
274
275
|
pinned: 'left',
|
|
275
276
|
lockPosition: true,
|
|
277
|
+
lockPinned: true,
|
|
276
278
|
width: 46,
|
|
277
279
|
resizable: false,
|
|
278
280
|
suppressHeaderMenuButton: true
|
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
import type { ArrayField } from '@nokecy/formily-core';
|
|
3
3
|
/**
|
|
4
4
|
* 默认(loose)反馈布局下,单元格里的校验错误文字画在输入框下方;行高只放得下输入框,
|
|
5
|
-
*
|
|
5
|
+
* 错误文字改为浮在输入框下方的浮层(见 theme.ts),不占行高,出错/改对时行高不变,避免视觉跳动。
|
|
6
|
+
* 保留本常量(0)以便 getRowHeight / autoHeight 统一计算。
|
|
6
7
|
*/
|
|
7
|
-
export declare const ROW_FEEDBACK_EXTRA_HEIGHT =
|
|
8
|
+
export declare const ROW_FEEDBACK_EXTRA_HEIGHT = 0;
|
|
8
9
|
/**
|
|
9
10
|
* 找出当前有「行内错误文字」的行:返回这些行的数据对象(与 AG-Grid rowData 里的元素同一引用)。
|
|
10
11
|
*
|
|
@@ -23,9 +24,9 @@ export declare const collectFeedbackIndexes: (arrayField: ArrayField, defaultLay
|
|
|
23
24
|
/**
|
|
24
25
|
* 订阅数组下字段的校验反馈,返回「有行内错误文字的行」。
|
|
25
26
|
*
|
|
26
|
-
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily
|
|
27
|
-
*
|
|
28
|
-
* signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
27
|
+
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily 事件:字段校验成功/失败、表单校验结束、
|
|
28
|
+
* 提交校验结束、字段值变化、字段卸载(删行)、表单重置时,合并成一次(下一个宏任务)重算;行集合变化才触发重渲。
|
|
29
|
+
* rows 供 AG-Grid 的 getRowHeight 同步读取,signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
29
30
|
*/
|
|
30
31
|
export declare const useFeedbackRows: (arrayField: ArrayField, defaultLayout?: string) => {
|
|
31
32
|
rowsRef: import("react").RefObject<Set<number>>;
|
|
@@ -18,12 +18,19 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
18
18
|
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; }
|
|
19
19
|
/**
|
|
20
20
|
* 默认(loose)反馈布局下,单元格里的校验错误文字画在输入框下方;行高只放得下输入框,
|
|
21
|
-
*
|
|
21
|
+
* 错误文字改为浮在输入框下方的浮层(见 theme.ts),不占行高,出错/改对时行高不变,避免视觉跳动。
|
|
22
|
+
* 保留本常量(0)以便 getRowHeight / autoHeight 统一计算。
|
|
22
23
|
*/
|
|
23
|
-
var ROW_FEEDBACK_EXTRA_HEIGHT = exports.ROW_FEEDBACK_EXTRA_HEIGHT =
|
|
24
|
+
var ROW_FEEDBACK_EXTRA_HEIGHT = exports.ROW_FEEDBACK_EXTRA_HEIGHT = 0;
|
|
24
25
|
|
|
25
|
-
/**
|
|
26
|
-
|
|
26
|
+
/**
|
|
27
|
+
* 这些反馈布局的错误不占行内位置(浮层 / 不显示),不需要撑高行。
|
|
28
|
+
* 注意:不含 terse。ArrayTable 的主题把 .ant-formily-item-help 钉在输入框正下方(见 theme.ts),
|
|
29
|
+
* terse 的紧凑提示在格内同样是「浮在输入框下沿」的行内文字,focusFirstError 聚焦后会显示并超出行底;
|
|
30
|
+
* 若把 terse 当浮层过滤,feedbackSignature 会恒为空、出错行永远不撑高,校验提示就会溢出遮挡下一行/合计行。
|
|
31
|
+
* @author nokecy
|
|
32
|
+
*/
|
|
33
|
+
var OUT_OF_FLOW_LAYOUTS = new Set(['popover', 'none']);
|
|
27
34
|
|
|
28
35
|
/**
|
|
29
36
|
* 找出当前有「行内错误文字」的行:返回这些行的数据对象(与 AG-Grid rowData 里的元素同一引用)。
|
|
@@ -102,9 +109,9 @@ var collectFeedbackIndexes = exports.collectFeedbackIndexes = function collectFe
|
|
|
102
109
|
/**
|
|
103
110
|
* 订阅数组下字段的校验反馈,返回「有行内错误文字的行」。
|
|
104
111
|
*
|
|
105
|
-
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily
|
|
106
|
-
*
|
|
107
|
-
* signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
112
|
+
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily 事件:字段校验成功/失败、表单校验结束、
|
|
113
|
+
* 提交校验结束、字段值变化、字段卸载(删行)、表单重置时,合并成一次(下一个宏任务)重算;行集合变化才触发重渲。
|
|
114
|
+
* rows 供 AG-Grid 的 getRowHeight 同步读取,signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
108
115
|
*/
|
|
109
116
|
var useFeedbackRows = exports.useFeedbackRows = function useFeedbackRows(arrayField, defaultLayout) {
|
|
110
117
|
var rowsRef = (0, _react.useRef)(new Set());
|
|
@@ -135,8 +142,18 @@ var useFeedbackRows = exports.useFeedbackRows = function useFeedbackRows(arrayFi
|
|
|
135
142
|
});
|
|
136
143
|
}, 0);
|
|
137
144
|
};
|
|
145
|
+
// formily-core 的 batchValidate/validateSelf 只发 ON_FIELD_VALIDATE_SUCCESS/FAILED,
|
|
146
|
+
// ON_FIELD_VALIDATE_END / ON_FORM_VALIDATE_END 在 core 里从未 notify(是死事件),
|
|
147
|
+
// 只订阅它会让 feedbackSignature 永远不变、出错行永远不撑高。这里订阅实际会触发的
|
|
148
|
+
// 成功/失败事件,并补上表单提交校验结束、字段值变化(用户改对后回收行高)作兜底。@author nokecy
|
|
138
149
|
form.addEffects(id, function () {
|
|
150
|
+
(0, _formilyCore.onFieldValidateFailed)(pattern, refresh);
|
|
151
|
+
(0, _formilyCore.onFieldValidateSuccess)(pattern, refresh);
|
|
139
152
|
(0, _formilyCore.onFieldValidateEnd)(pattern, refresh);
|
|
153
|
+
(0, _formilyCore.onFormValidateFailed)(refresh);
|
|
154
|
+
(0, _formilyCore.onFormValidateSuccess)(refresh);
|
|
155
|
+
(0, _formilyCore.onFormSubmitValidateEnd)(refresh);
|
|
156
|
+
(0, _formilyCore.onFieldValueChange)(pattern, refresh);
|
|
140
157
|
(0, _formilyCore.onFieldUnmount)(pattern, refresh);
|
|
141
158
|
(0, _formilyCore.onFormReset)(refresh);
|
|
142
159
|
});
|
|
@@ -34,7 +34,7 @@ export declare const ARRAY_TABLE_FEEDBACK_CLASS = "ag-array-table-has-feedback";
|
|
|
34
34
|
* - 错误文字单行显示、超出列宽省略,出错行只多留一行的高度(ROW_FEEDBACK_EXTRA_HEIGHT);
|
|
35
35
|
* - 错误提示文字移出文档流(位置仍在输入框下方),出错时输入框不会被挤得上下跳。
|
|
36
36
|
*/
|
|
37
|
-
export declare const ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .ag-array-table-has-feedback & .ag-cell .ag-cell-wrapper,\n &.ag-array-table-has-feedback .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: 20px !important; line-height: 18px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ";
|
|
37
|
+
export declare const ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .ag-array-table-has-feedback & .ag-cell .ag-cell-wrapper,\n &.ag-array-table-has-feedback .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: 20px !important; line-height: 18px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u9519\u8BEF\u6587\u5B57\u662F\u6D6E\u5728\u8F93\u5165\u6846\u4E0B\u65B9\u7684\u6D6E\u5C42\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1A\u683C\u5B50\u4E0E\u6240\u5728\u884C\u653E\u5F00\u88C1\u526A\u5E76\u62AC\u9AD8\u5C42\u7EA7\uFF0C\u76D6\u5728\u4E0B\u4E00\u884C\u4E4B\u4E0A\uFF0C\u884C\u9AD8\u6052\u5B9A\u4E0D\u8DF3\u52A8\u3002@author nokecy */\n .ag-cell:has(.ant-formily-item-help) { overflow: visible !important; z-index: 6; }\n .ag-row:has(.ant-formily-item-help) { z-index: 6; }\n .ag-cell .ant-formily-item-help { z-index: 6; box-shadow: 0 2px 6px rgb(0 0 0 / 12%); background: var(--ant-color-bg-container, #fff); }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n /* \u5408\u8BA1\u884C\u6D6E\u5C42\u7684\u56FA\u5B9A\u5217\u5BF9\u9F50\uFF1AAG-Grid \u7ED9 .ag-floating-bottom \u52A0\u4E86\u5185\u8054 overflow-y:scroll\uFF0C\n \u4F1A\u4E3A\u300C\u6D6E\u5C42\u81EA\u5DF1\u300D\u9884\u7559\u4E00\u6761\u5782\u76F4\u6EDA\u52A8\u6761(\u5BBD\u5EA6=\u6EDA\u52A8\u6761\u5BBD)\u3002\u4F46\u6D6E\u5C42\u5185\u7684 center viewport \u5DF2\u7ECF\u6309 body\n \u6263\u6389\u8FC7\u4E00\u6B21\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u53F3\u56FA\u5B9A\u5217\u518D\u88AB\u6324\u5DE6\u4E00\u4E2A\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u4E8E\u662F\u5408\u8BA1\u884C\u7684\u53F3\u56FA\u5B9A\u5217\u76F8\u5BF9\u660E\u7EC6\u884C\u6574\u4F53\u5DE6\u504F\n (\u5B9E\u6D4B 8px)\uFF0C\u770B\u8D77\u6765\u300C\u56FA\u5B9A\u5217\u4E0D\u5BF9\u9F50\u300D\u3002\u5408\u8BA1\u884C\u6C38\u8FDC\u53EA\u6709\u4E00\u884C\u3001\u4E0D\u9700\u8981\u7EB5\u5411\u6EDA\u52A8\uFF0C\u53BB\u6389\u8FD9\u6761\u591A\u4F59\u6EDA\u52A8\u6761\u5373\u53EF\uFF0C\n \u4E0D\u5199\u6B7B\u50CF\u7D20\uFF0C\u6EDA\u52A8\u6761\u5BBD\u5EA6\u56E0\u5E73\u53F0/\u6D4F\u89C8\u5668\u800C\u5F02\u65F6\u540C\u6837\u6210\u7ACB\u3002@author nokecy */\n .ag-floating-bottom { overflow-y: hidden !important; }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ";
|
|
38
38
|
export declare const arrayTableCellFit: import("ag-grid-community").Part<{}>;
|
|
39
39
|
/** 根据当前 antd 主题与 Provider 密度生成编辑态或阅读态明细表格主题。@author nokecy */
|
|
40
40
|
export declare function useArrayTableTheme(editable?: boolean): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
|
|
@@ -69,7 +69,7 @@ var ARRAY_TABLE_FEEDBACK_CLASS = exports.ARRAY_TABLE_FEEDBACK_CLASS = 'ag-array-
|
|
|
69
69
|
* - 错误文字单行显示、超出列宽省略,出错行只多留一行的高度(ROW_FEEDBACK_EXTRA_HEIGHT);
|
|
70
70
|
* - 错误提示文字移出文档流(位置仍在输入框下方),出错时输入框不会被挤得上下跳。
|
|
71
71
|
*/
|
|
72
|
-
var ARRAY_TABLE_CELL_FIT_CSS = exports.ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .".concat(ARRAY_TABLE_FEEDBACK_CLASS, " & .ag-cell .ag-cell-wrapper,\n &.").concat(ARRAY_TABLE_FEEDBACK_CLASS, " .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT, "px !important; line-height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT - 2, "px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ");
|
|
72
|
+
var ARRAY_TABLE_CELL_FIT_CSS = exports.ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .".concat(ARRAY_TABLE_FEEDBACK_CLASS, " & .ag-cell .ag-cell-wrapper,\n &.").concat(ARRAY_TABLE_FEEDBACK_CLASS, " .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT, "px !important; line-height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT - 2, "px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u9519\u8BEF\u6587\u5B57\u662F\u6D6E\u5728\u8F93\u5165\u6846\u4E0B\u65B9\u7684\u6D6E\u5C42\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1A\u683C\u5B50\u4E0E\u6240\u5728\u884C\u653E\u5F00\u88C1\u526A\u5E76\u62AC\u9AD8\u5C42\u7EA7\uFF0C\u76D6\u5728\u4E0B\u4E00\u884C\u4E4B\u4E0A\uFF0C\u884C\u9AD8\u6052\u5B9A\u4E0D\u8DF3\u52A8\u3002@author nokecy */\n .ag-cell:has(.ant-formily-item-help) { overflow: visible !important; z-index: 6; }\n .ag-row:has(.ant-formily-item-help) { z-index: 6; }\n .ag-cell .ant-formily-item-help { z-index: 6; box-shadow: 0 2px 6px rgb(0 0 0 / 12%); background: var(--ant-color-bg-container, #fff); }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n /* \u5408\u8BA1\u884C\u6D6E\u5C42\u7684\u56FA\u5B9A\u5217\u5BF9\u9F50\uFF1AAG-Grid \u7ED9 .ag-floating-bottom \u52A0\u4E86\u5185\u8054 overflow-y:scroll\uFF0C\n \u4F1A\u4E3A\u300C\u6D6E\u5C42\u81EA\u5DF1\u300D\u9884\u7559\u4E00\u6761\u5782\u76F4\u6EDA\u52A8\u6761(\u5BBD\u5EA6=\u6EDA\u52A8\u6761\u5BBD)\u3002\u4F46\u6D6E\u5C42\u5185\u7684 center viewport \u5DF2\u7ECF\u6309 body\n \u6263\u6389\u8FC7\u4E00\u6B21\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u53F3\u56FA\u5B9A\u5217\u518D\u88AB\u6324\u5DE6\u4E00\u4E2A\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u4E8E\u662F\u5408\u8BA1\u884C\u7684\u53F3\u56FA\u5B9A\u5217\u76F8\u5BF9\u660E\u7EC6\u884C\u6574\u4F53\u5DE6\u504F\n (\u5B9E\u6D4B 8px)\uFF0C\u770B\u8D77\u6765\u300C\u56FA\u5B9A\u5217\u4E0D\u5BF9\u9F50\u300D\u3002\u5408\u8BA1\u884C\u6C38\u8FDC\u53EA\u6709\u4E00\u884C\u3001\u4E0D\u9700\u8981\u7EB5\u5411\u6EDA\u52A8\uFF0C\u53BB\u6389\u8FD9\u6761\u591A\u4F59\u6EDA\u52A8\u6761\u5373\u53EF\uFF0C\n \u4E0D\u5199\u6B7B\u50CF\u7D20\uFF0C\u6EDA\u52A8\u6761\u5BBD\u5EA6\u56E0\u5E73\u53F0/\u6D4F\u89C8\u5668\u800C\u5F02\u65F6\u540C\u6837\u6210\u7ACB\u3002@author nokecy */\n .ag-floating-bottom { overflow-y: hidden !important; }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ");
|
|
73
73
|
var arrayTableCellFit = exports.arrayTableCellFit = (0, _agGridCommunity.createPart)({
|
|
74
74
|
feature: 'arrayTableCellFit',
|
|
75
75
|
css: ARRAY_TABLE_CELL_FIT_CSS
|
|
@@ -19,6 +19,8 @@ export interface DraggableModalProps extends ModalProps {
|
|
|
19
19
|
* 关闭后只保留标题拖动,尺寸完全由 width / style 决定。缩放结果不持久化,重新打开恢复默认。
|
|
20
20
|
*/
|
|
21
21
|
resizable?: boolean;
|
|
22
|
+
/** 是否在打开或缩放时广播全局 resize;关闭后由弹窗内容自行响应容器尺寸变化。@author jwy */
|
|
23
|
+
notifyWindowResize?: boolean;
|
|
22
24
|
/** 缩放的最小宽度,默认 400;表单类弹层应传 560(规范最小一档)。超出视口 95% 时以视口为准。 */
|
|
23
25
|
minWidth?: number;
|
|
24
26
|
/** 缩放的最小高度,默认 300:容纳标题、底栏与至少一行内容。 */
|
|
@@ -10,7 +10,7 @@ var _reactDraggable = _interopRequireDefault(require("react-draggable"));
|
|
|
10
10
|
var _leaveGuard = require("../documentPage/leaveGuard");
|
|
11
11
|
require("./style.less");
|
|
12
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
var _excluded = ["wrapClassName", "width", "open", "style", "destroyOnClose", "destroyOnHidden", "mask", "maskClosable", "dirty", "confirmOnDirtyClose", "onCancel", "resizable", "minWidth", "minHeight"];
|
|
13
|
+
var _excluded = ["wrapClassName", "width", "open", "style", "destroyOnClose", "destroyOnHidden", "mask", "maskClosable", "dirty", "confirmOnDirtyClose", "onCancel", "notifyWindowResize", "resizable", "minWidth", "minHeight"];
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
@@ -86,6 +86,8 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
86
86
|
_props$confirmOnDirty = props.confirmOnDirtyClose,
|
|
87
87
|
confirmOnDirtyClose = _props$confirmOnDirty === void 0 ? true : _props$confirmOnDirty,
|
|
88
88
|
onCancel = props.onCancel,
|
|
89
|
+
_props$notifyWindowRe = props.notifyWindowResize,
|
|
90
|
+
notifyWindowResize = _props$notifyWindowRe === void 0 ? true : _props$notifyWindowRe,
|
|
89
91
|
_props$resizable = props.resizable,
|
|
90
92
|
resizable = _props$resizable === void 0 ? true : _props$resizable,
|
|
91
93
|
_props$minWidth = props.minWidth,
|
|
@@ -115,6 +117,7 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
115
117
|
|
|
116
118
|
// 每帧最多通知一次表格重新测量。关闭或卸载时取消通知及全局鼠标监听。@author nokecy
|
|
117
119
|
var notifyResize = function notifyResize() {
|
|
120
|
+
if (!notifyWindowResize) return;
|
|
118
121
|
if (resizeFrame.current !== undefined) return;
|
|
119
122
|
resizeFrame.current = requestAnimationFrame(function () {
|
|
120
123
|
resizeFrame.current = undefined;
|
|
@@ -131,6 +134,7 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
131
134
|
});
|
|
132
135
|
return;
|
|
133
136
|
}
|
|
137
|
+
if (!notifyWindowResize) return;
|
|
134
138
|
var timer;
|
|
135
139
|
var frame = requestAnimationFrame(function () {
|
|
136
140
|
timer = setTimeout(function () {
|
|
@@ -145,7 +149,7 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
145
149
|
if (resizeFrame.current !== undefined) cancelAnimationFrame(resizeFrame.current);
|
|
146
150
|
resizeFrame.current = undefined;
|
|
147
151
|
};
|
|
148
|
-
}, [open]);
|
|
152
|
+
}, [open, notifyWindowResize]);
|
|
149
153
|
var onStart = function onStart(_event, uiData) {
|
|
150
154
|
var _draggleRef$current;
|
|
151
155
|
var _window$document$docu = window.document.documentElement,
|
|
@@ -13,6 +13,7 @@ var _theme = require("../array-table/theme");
|
|
|
13
13
|
var _hoistStatics = require("./hoistStatics");
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _gridSequence = require("../shared/gridSequence");
|
|
16
|
+
var _locale = require("../ag-grid-plus/locale");
|
|
16
17
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
18
|
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); }
|
|
18
19
|
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; }
|
|
@@ -58,6 +59,7 @@ var ReadingArrayTable = (0, _formilyReact.observer)(function (_ref) {
|
|
|
58
59
|
theme: theme,
|
|
59
60
|
rowHeight: rowHeight,
|
|
60
61
|
headerHeight: headerHeight,
|
|
62
|
+
localeText: _locale.localeText,
|
|
61
63
|
enableCellTextSelection: true,
|
|
62
64
|
ensureDomOrder: true,
|
|
63
65
|
defaultColDef: {
|
|
@@ -947,10 +947,21 @@ function AgGridPlus(props) {
|
|
|
947
947
|
});
|
|
948
948
|
setSortColumn(sortedColumn);
|
|
949
949
|
};
|
|
950
|
-
var onRefresh = useCallback(function () {
|
|
951
|
-
if (requestRef.current)
|
|
952
|
-
|
|
950
|
+
var onRefresh = useCallback(function (options) {
|
|
951
|
+
if (!requestRef.current) return;
|
|
952
|
+
if (options !== null && options !== void 0 && options.resetPage && paginationRef.current.current !== 1) {
|
|
953
|
+
// 作废当前页在途请求,由页码 effect 发起唯一一次首页请求。@author jwy
|
|
954
|
+
requestSeqRef.current++;
|
|
955
|
+
setPagination(function (prev) {
|
|
956
|
+
return prev.current === 1 ? prev : _objectSpread(_objectSpread({}, prev), {}, {
|
|
957
|
+
current: 1
|
|
958
|
+
});
|
|
959
|
+
});
|
|
960
|
+
return;
|
|
953
961
|
}
|
|
962
|
+
|
|
963
|
+
// 当前已在首页或采用兼容的无参数调用时,按当前筛选和排序请求一次。@author jwy
|
|
964
|
+
onRequest(stableQueryFilter);
|
|
954
965
|
}, [onRequest, stableQueryFilter]);
|
|
955
966
|
|
|
956
967
|
// 查询区、高级查询的回调可能是旧渲染里捕获的闭包(实测在第 2 页点「重置」时拿到的是第 1 页),
|
|
@@ -1490,7 +1501,9 @@ function AgGridPlus(props) {
|
|
|
1490
1501
|
actions: actionDom,
|
|
1491
1502
|
settings: [/*#__PURE__*/_jsx(SettingItem, {
|
|
1492
1503
|
title: "\u5237\u65B0",
|
|
1493
|
-
onClick:
|
|
1504
|
+
onClick: function onClick() {
|
|
1505
|
+
return onRefresh();
|
|
1506
|
+
},
|
|
1494
1507
|
icon: /*#__PURE__*/_jsx(RedoOutlined, {})
|
|
1495
1508
|
}, "refresh"), /*#__PURE__*/_jsx(Setting, {
|
|
1496
1509
|
gridKey: gridKey,
|
|
@@ -1610,6 +1623,8 @@ function AgGridPlus(props) {
|
|
|
1610
1623
|
selectionColumnDef: {
|
|
1611
1624
|
pinned: 'left',
|
|
1612
1625
|
lockPosition: true,
|
|
1626
|
+
// 窄屏时保留系统选择列冻结,避免列状态反复重排。@author jwy
|
|
1627
|
+
lockPinned: true,
|
|
1613
1628
|
width: 50,
|
|
1614
1629
|
suppressHeaderMenuButton: true
|
|
1615
1630
|
},
|
|
@@ -11,8 +11,16 @@ interface GridPagination {
|
|
|
11
11
|
/** 总条数;request 模式下首次请求返回前为 0 */
|
|
12
12
|
total: number;
|
|
13
13
|
}
|
|
14
|
+
/** Controls how an imperative grid refresh handles pagination. @author jwy */
|
|
15
|
+
interface GridRefreshOptions {
|
|
16
|
+
/** Return to the first page before refreshing. @author jwy */
|
|
17
|
+
resetPage?: boolean;
|
|
18
|
+
}
|
|
14
19
|
interface GridRef {
|
|
15
|
-
|
|
20
|
+
/** 保留无参数签名,兼容直接作为按钮点击回调的既有用法。@author jwy */
|
|
21
|
+
onRefresh(): void;
|
|
22
|
+
/** 刷新结果;可选择先返回第一页。@author jwy */
|
|
23
|
+
onRefresh(options: GridRefreshOptions): void;
|
|
16
24
|
/**
|
|
17
25
|
* 跳到第 n 页(1-based),按总页数收口;页码变化时自动重新请求。
|
|
18
26
|
* 已在该页时不重复请求,需要重取请用 onRefresh。
|
|
@@ -262,4 +270,4 @@ interface AgGridColumnPropsClone extends ColDef {
|
|
|
262
270
|
calculateType?: "sum" | "avg" | "standardDeviation" | false;
|
|
263
271
|
}
|
|
264
272
|
declare function AgGridColumn(props: AgGridColumnPropsClone | ColGroupDef): React.JSX.Element;
|
|
265
|
-
export { GridProps, AgGridColumn, GridRef, GridPagination, AgGridColumnPropsClone };
|
|
273
|
+
export { GridProps, AgGridColumn, GridRefreshOptions, GridRef, GridPagination, AgGridColumnPropsClone };
|
|
@@ -22,10 +22,9 @@ export var QueryFormMetaContext = /*#__PURE__*/React.createContext({});
|
|
|
22
22
|
var useCollapseGrid = function useCollapseGrid(maxRows, defaultExpand) {
|
|
23
23
|
var grid = useMemo(function () {
|
|
24
24
|
return FormGrid.createFormGrid({
|
|
25
|
-
//
|
|
25
|
+
// 只约束查询项最小宽度;相同的最大/最小宽度会让 Formily 在临界宽度反复调整列数。@author jwy
|
|
26
26
|
maxColumns: QUERY_MAX_COLUMNS,
|
|
27
27
|
minWidth: QUERY_ITEM_WIDTH,
|
|
28
|
-
maxWidth: QUERY_ITEM_WIDTH,
|
|
29
28
|
maxRows: defaultExpand ? Infinity : maxRows,
|
|
30
29
|
shouldVisible: function shouldVisible(node, grid) {
|
|
31
30
|
// 展开状态时,显示所有元素
|
|
@@ -23,6 +23,7 @@ import React, { useCallback, useMemo, useState, useRef, useEffect } from 'react'
|
|
|
23
23
|
import { Button, Select, Switch, Space, Popconfirm, message, Tag, theme } from 'antd';
|
|
24
24
|
import { DeleteOutlined, FolderOutlined, FolderAddOutlined, FileOutlined } from '@ant-design/icons';
|
|
25
25
|
import { AgGridReact } from 'ag-grid-react';
|
|
26
|
+
import { localeText } from "../locale";
|
|
26
27
|
import { generateId, getColumnIdentity, normalizeCellAlign } from "./columnGroupUtils";
|
|
27
28
|
import { DebounceNumberInput } from "./DebounceInputs";
|
|
28
29
|
import { useAgGridTheme } from "../theme";
|
|
@@ -742,6 +743,7 @@ var ColumnConfigTable = function ColumnConfigTable(_ref2) {
|
|
|
742
743
|
height: scrollY
|
|
743
744
|
},
|
|
744
745
|
children: /*#__PURE__*/_jsx(AgGridReact, {
|
|
746
|
+
localeText: localeText,
|
|
745
747
|
theme: gridTheme,
|
|
746
748
|
rowData: visibleItems,
|
|
747
749
|
columnDefs: columnDefs,
|
|
@@ -29,6 +29,7 @@ import { Tabs, Button, Input, Space, message, Popconfirm, Tag, Tooltip, Switch,
|
|
|
29
29
|
import DraggableModal from "../../draggableModal/index";
|
|
30
30
|
import { EditOutlined, DeleteOutlined, StarOutlined, StarFilled } from '@ant-design/icons';
|
|
31
31
|
import { AgGridReact } from 'ag-grid-react';
|
|
32
|
+
import { localeText } from "../locale";
|
|
32
33
|
import { useGridSchemes } from "../context/useSchemeManager";
|
|
33
34
|
import { useQueryForm } from "../context/queryFormContext";
|
|
34
35
|
import { v4 as uuidv4 } from 'uuid';
|
|
@@ -783,6 +784,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
|
|
|
783
784
|
width: '100%'
|
|
784
785
|
},
|
|
785
786
|
children: /*#__PURE__*/_jsx(AgGridReact, {
|
|
787
|
+
localeText: localeText,
|
|
786
788
|
ref: queryGridRef,
|
|
787
789
|
theme: gridTheme,
|
|
788
790
|
rowData: queryItemsData,
|
|
@@ -835,6 +837,7 @@ var QuerySchemeManager = function QuerySchemeManager(_ref) {
|
|
|
835
837
|
width: '100%'
|
|
836
838
|
},
|
|
837
839
|
children: /*#__PURE__*/_jsx(AgGridReact, {
|
|
840
|
+
localeText: localeText,
|
|
838
841
|
ref: schemeGridRef,
|
|
839
842
|
theme: gridTheme,
|
|
840
843
|
rowData: schemes,
|
|
@@ -263,9 +263,11 @@ export function useArrayTableBatchRemove(field, sources, props, apiRef, getId) {
|
|
|
263
263
|
};
|
|
264
264
|
return {
|
|
265
265
|
rowSelection: rowSelection,
|
|
266
|
+
// 选择列与显示序号同属固定的系统列,窄屏优先释放业务列的冻结空间。@author jwy
|
|
266
267
|
selectionColumnDef: enabled ? _objectSpread({
|
|
267
268
|
pinned: 'left',
|
|
268
269
|
lockPosition: true,
|
|
270
|
+
lockPinned: true,
|
|
269
271
|
width: 46,
|
|
270
272
|
resizable: false,
|
|
271
273
|
suppressHeaderMenuButton: true
|
|
@@ -2,9 +2,10 @@
|
|
|
2
2
|
import type { ArrayField } from '@nokecy/formily-core';
|
|
3
3
|
/**
|
|
4
4
|
* 默认(loose)反馈布局下,单元格里的校验错误文字画在输入框下方;行高只放得下输入框,
|
|
5
|
-
*
|
|
5
|
+
* 错误文字改为浮在输入框下方的浮层(见 theme.ts),不占行高,出错/改对时行高不变,避免视觉跳动。
|
|
6
|
+
* 保留本常量(0)以便 getRowHeight / autoHeight 统一计算。
|
|
6
7
|
*/
|
|
7
|
-
export declare const ROW_FEEDBACK_EXTRA_HEIGHT =
|
|
8
|
+
export declare const ROW_FEEDBACK_EXTRA_HEIGHT = 0;
|
|
8
9
|
/**
|
|
9
10
|
* 找出当前有「行内错误文字」的行:返回这些行的数据对象(与 AG-Grid rowData 里的元素同一引用)。
|
|
10
11
|
*
|
|
@@ -23,9 +24,9 @@ export declare const collectFeedbackIndexes: (arrayField: ArrayField, defaultLay
|
|
|
23
24
|
/**
|
|
24
25
|
* 订阅数组下字段的校验反馈,返回「有行内错误文字的行」。
|
|
25
26
|
*
|
|
26
|
-
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily
|
|
27
|
-
*
|
|
28
|
-
* signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
27
|
+
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily 事件:字段校验成功/失败、表单校验结束、
|
|
28
|
+
* 提交校验结束、字段值变化、字段卸载(删行)、表单重置时,合并成一次(下一个宏任务)重算;行集合变化才触发重渲。
|
|
29
|
+
* rows 供 AG-Grid 的 getRowHeight 同步读取,signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
29
30
|
*/
|
|
30
31
|
export declare const useFeedbackRows: (arrayField: ArrayField, defaultLayout?: string) => {
|
|
31
32
|
rowsRef: import("react").RefObject<Set<number>>;
|
|
@@ -7,17 +7,24 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
|
|
|
7
7
|
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); }
|
|
8
8
|
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; }
|
|
9
9
|
import { useEffect, useRef, useState } from 'react';
|
|
10
|
-
import { onFieldUnmount, onFieldValidateEnd, onFormReset } from '@nokecy/formily-core';
|
|
10
|
+
import { onFieldUnmount, onFieldValueChange, onFieldValidateEnd, onFieldValidateFailed, onFieldValidateSuccess, onFormValidateFailed, onFormValidateSuccess, onFormSubmitValidateEnd, onFormReset } from '@nokecy/formily-core';
|
|
11
11
|
import uniqueId from 'lodash/uniqueId';
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
14
|
* 默认(loose)反馈布局下,单元格里的校验错误文字画在输入框下方;行高只放得下输入框,
|
|
15
|
-
*
|
|
15
|
+
* 错误文字改为浮在输入框下方的浮层(见 theme.ts),不占行高,出错/改对时行高不变,避免视觉跳动。
|
|
16
|
+
* 保留本常量(0)以便 getRowHeight / autoHeight 统一计算。
|
|
16
17
|
*/
|
|
17
|
-
export var ROW_FEEDBACK_EXTRA_HEIGHT =
|
|
18
|
+
export var ROW_FEEDBACK_EXTRA_HEIGHT = 0;
|
|
18
19
|
|
|
19
|
-
/**
|
|
20
|
-
|
|
20
|
+
/**
|
|
21
|
+
* 这些反馈布局的错误不占行内位置(浮层 / 不显示),不需要撑高行。
|
|
22
|
+
* 注意:不含 terse。ArrayTable 的主题把 .ant-formily-item-help 钉在输入框正下方(见 theme.ts),
|
|
23
|
+
* terse 的紧凑提示在格内同样是「浮在输入框下沿」的行内文字,focusFirstError 聚焦后会显示并超出行底;
|
|
24
|
+
* 若把 terse 当浮层过滤,feedbackSignature 会恒为空、出错行永远不撑高,校验提示就会溢出遮挡下一行/合计行。
|
|
25
|
+
* @author nokecy
|
|
26
|
+
*/
|
|
27
|
+
var OUT_OF_FLOW_LAYOUTS = new Set(['popover', 'none']);
|
|
21
28
|
|
|
22
29
|
/**
|
|
23
30
|
* 找出当前有「行内错误文字」的行:返回这些行的数据对象(与 AG-Grid rowData 里的元素同一引用)。
|
|
@@ -96,9 +103,9 @@ export var collectFeedbackIndexes = function collectFeedbackIndexes(arrayField,
|
|
|
96
103
|
/**
|
|
97
104
|
* 订阅数组下字段的校验反馈,返回「有行内错误文字的行」。
|
|
98
105
|
*
|
|
99
|
-
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily
|
|
100
|
-
*
|
|
101
|
-
* signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
106
|
+
* 不在渲染期读错误(见 collectFeedbackRows 说明),而是挂 Formily 事件:字段校验成功/失败、表单校验结束、
|
|
107
|
+
* 提交校验结束、字段值变化、字段卸载(删行)、表单重置时,合并成一次(下一个宏任务)重算;行集合变化才触发重渲。
|
|
108
|
+
* rows 供 AG-Grid 的 getRowHeight 同步读取,signature(有错误的行下标)变化时调用方让网格重算行高。@author nokecy
|
|
102
109
|
*/
|
|
103
110
|
export var useFeedbackRows = function useFeedbackRows(arrayField, defaultLayout) {
|
|
104
111
|
var rowsRef = useRef(new Set());
|
|
@@ -129,8 +136,18 @@ export var useFeedbackRows = function useFeedbackRows(arrayField, defaultLayout)
|
|
|
129
136
|
});
|
|
130
137
|
}, 0);
|
|
131
138
|
};
|
|
139
|
+
// formily-core 的 batchValidate/validateSelf 只发 ON_FIELD_VALIDATE_SUCCESS/FAILED,
|
|
140
|
+
// ON_FIELD_VALIDATE_END / ON_FORM_VALIDATE_END 在 core 里从未 notify(是死事件),
|
|
141
|
+
// 只订阅它会让 feedbackSignature 永远不变、出错行永远不撑高。这里订阅实际会触发的
|
|
142
|
+
// 成功/失败事件,并补上表单提交校验结束、字段值变化(用户改对后回收行高)作兜底。@author nokecy
|
|
132
143
|
form.addEffects(id, function () {
|
|
144
|
+
onFieldValidateFailed(pattern, refresh);
|
|
145
|
+
onFieldValidateSuccess(pattern, refresh);
|
|
133
146
|
onFieldValidateEnd(pattern, refresh);
|
|
147
|
+
onFormValidateFailed(refresh);
|
|
148
|
+
onFormValidateSuccess(refresh);
|
|
149
|
+
onFormSubmitValidateEnd(refresh);
|
|
150
|
+
onFieldValueChange(pattern, refresh);
|
|
134
151
|
onFieldUnmount(pattern, refresh);
|
|
135
152
|
onFormReset(refresh);
|
|
136
153
|
});
|
|
@@ -34,7 +34,7 @@ export declare const ARRAY_TABLE_FEEDBACK_CLASS = "ag-array-table-has-feedback";
|
|
|
34
34
|
* - 错误文字单行显示、超出列宽省略,出错行只多留一行的高度(ROW_FEEDBACK_EXTRA_HEIGHT);
|
|
35
35
|
* - 错误提示文字移出文档流(位置仍在输入框下方),出错时输入框不会被挤得上下跳。
|
|
36
36
|
*/
|
|
37
|
-
export declare const ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .ag-array-table-has-feedback & .ag-cell .ag-cell-wrapper,\n &.ag-array-table-has-feedback .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: 20px !important; line-height: 18px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ";
|
|
37
|
+
export declare const ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .ag-array-table-has-feedback & .ag-cell .ag-cell-wrapper,\n &.ag-array-table-has-feedback .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: 20px !important; line-height: 18px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u9519\u8BEF\u6587\u5B57\u662F\u6D6E\u5728\u8F93\u5165\u6846\u4E0B\u65B9\u7684\u6D6E\u5C42\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1A\u683C\u5B50\u4E0E\u6240\u5728\u884C\u653E\u5F00\u88C1\u526A\u5E76\u62AC\u9AD8\u5C42\u7EA7\uFF0C\u76D6\u5728\u4E0B\u4E00\u884C\u4E4B\u4E0A\uFF0C\u884C\u9AD8\u6052\u5B9A\u4E0D\u8DF3\u52A8\u3002@author nokecy */\n .ag-cell:has(.ant-formily-item-help) { overflow: visible !important; z-index: 6; }\n .ag-row:has(.ant-formily-item-help) { z-index: 6; }\n .ag-cell .ant-formily-item-help { z-index: 6; box-shadow: 0 2px 6px rgb(0 0 0 / 12%); background: var(--ant-color-bg-container, #fff); }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n /* \u5408\u8BA1\u884C\u6D6E\u5C42\u7684\u56FA\u5B9A\u5217\u5BF9\u9F50\uFF1AAG-Grid \u7ED9 .ag-floating-bottom \u52A0\u4E86\u5185\u8054 overflow-y:scroll\uFF0C\n \u4F1A\u4E3A\u300C\u6D6E\u5C42\u81EA\u5DF1\u300D\u9884\u7559\u4E00\u6761\u5782\u76F4\u6EDA\u52A8\u6761(\u5BBD\u5EA6=\u6EDA\u52A8\u6761\u5BBD)\u3002\u4F46\u6D6E\u5C42\u5185\u7684 center viewport \u5DF2\u7ECF\u6309 body\n \u6263\u6389\u8FC7\u4E00\u6B21\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u53F3\u56FA\u5B9A\u5217\u518D\u88AB\u6324\u5DE6\u4E00\u4E2A\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u4E8E\u662F\u5408\u8BA1\u884C\u7684\u53F3\u56FA\u5B9A\u5217\u76F8\u5BF9\u660E\u7EC6\u884C\u6574\u4F53\u5DE6\u504F\n (\u5B9E\u6D4B 8px)\uFF0C\u770B\u8D77\u6765\u300C\u56FA\u5B9A\u5217\u4E0D\u5BF9\u9F50\u300D\u3002\u5408\u8BA1\u884C\u6C38\u8FDC\u53EA\u6709\u4E00\u884C\u3001\u4E0D\u9700\u8981\u7EB5\u5411\u6EDA\u52A8\uFF0C\u53BB\u6389\u8FD9\u6761\u591A\u4F59\u6EDA\u52A8\u6761\u5373\u53EF\uFF0C\n \u4E0D\u5199\u6B7B\u50CF\u7D20\uFF0C\u6EDA\u52A8\u6761\u5BBD\u5EA6\u56E0\u5E73\u53F0/\u6D4F\u89C8\u5668\u800C\u5F02\u65F6\u540C\u6837\u6210\u7ACB\u3002@author nokecy */\n .ag-floating-bottom { overflow-y: hidden !important; }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ";
|
|
38
38
|
export declare const arrayTableCellFit: import("ag-grid-community").Part<{}>;
|
|
39
39
|
/** 根据当前 antd 主题与 Provider 密度生成编辑态或阅读态明细表格主题。@author nokecy */
|
|
40
40
|
export declare function useArrayTableTheme(editable?: boolean): import("ag-grid-community").Theme<import("ag-grid-community").CoreParams & import("ag-grid-community").ButtonStyleParams & import("ag-grid-community").CheckboxStyleParams & import("ag-grid-community").TabStyleParams & import("ag-grid-community").InputStyleParams & {}>;
|
|
@@ -60,7 +60,7 @@ export var ARRAY_TABLE_FEEDBACK_CLASS = 'ag-array-table-has-feedback';
|
|
|
60
60
|
* - 错误文字单行显示、超出列宽省略,出错行只多留一行的高度(ROW_FEEDBACK_EXTRA_HEIGHT);
|
|
61
61
|
* - 错误提示文字移出文档流(位置仍在输入框下方),出错时输入框不会被挤得上下跳。
|
|
62
62
|
*/
|
|
63
|
-
export var ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .".concat(ARRAY_TABLE_FEEDBACK_CLASS, " & .ag-cell .ag-cell-wrapper,\n &.").concat(ARRAY_TABLE_FEEDBACK_CLASS, " .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT, "px !important; line-height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT - 2, "px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ");
|
|
63
|
+
export var ARRAY_TABLE_CELL_FIT_CSS = "\n .ag-cell .ag-cell-wrapper { height: 100%; max-height: 100%; min-height: 0; }\n .ag-cell .ag-cell-value { max-height: 100%; min-height: 0; }\n /* \u672C part \u7684 CSS \u4F1A\u88AB AG-Grid \u5305\u8FDB :where(.ag-theme-xxx) { ... }\uFF08\u5D4C\u5957\uFF09\uFF0C\u88F8\u5199 .has-feedback .ag-cell \u4F1A\u7F16\u8BD1\u6210\n \u300C\u4E3B\u9898\u5143\u7D20\u7684\u540E\u4EE3 has-feedback\u300D\uFF0C\u800C\u8BE5\u7C7B\u6302\u5728\u4E3B\u9898\u5143\u7D20\u7684\u7956\u5148\u4E0A\uFF0C\u89C4\u5219\u6C38\u8FDC\u4E0D\u547D\u4E2D\u3002\n \u6240\u4EE5\u7528 & \u663E\u5F0F\u653E\u5728 has-feedback \u4E4B\u540E\uFF08\u7956\u5148\u5199\u6CD5\uFF09\uFF0C\u540C\u65F6\u517C\u5BB9\u7C7B\u540D\u6302\u5728\u4E3B\u9898\u5143\u7D20\u81EA\u8EAB\u7684\u5199\u6CD5\u3002 */\n .".concat(ARRAY_TABLE_FEEDBACK_CLASS, " & .ag-cell .ag-cell-wrapper,\n &.").concat(ARRAY_TABLE_FEEDBACK_CLASS, " .ag-cell .ag-cell-wrapper { height: min(100%, calc(var(--ag-row-height) - 3px)); }\n /* \u5BBF\u4E3B\u53EF\u80FD\u5199 .xxx .ant-formily-item { margin-bottom: 12px }\uFF08\u7279\u5F02\u6027 0,3,0\uFF09\uFF1B\u8FD9\u91CC\u53E0\u7C7B\u540D\u5E76 !important\uFF0C\u4EFB\u4F55\u5BBF\u4E3B\u89C4\u5219\u90FD\u538B\u4E0D\u8FC7\uFF0C\n \u5426\u5219\u683C\u5185\u63A7\u4EF6\u4F1A\u88AB margin \u9876\u5F97\u504F\u4E0A 3-5px\u3002@author nokecy */\n .ag-cell .ag-cell-wrapper .ant-formily-item.ant-formily-item { margin-bottom: 0 !important; }\n /* \u6807\u9898\u548C\u8BF4\u660E\u7531\u5217\u5934\u627F\u8F7D\uFF0ClabelWidth:0 \u672C\u8EAB\u4E0D\u4F1A\u9690\u85CF\u5B57\u6BB5\u6807\u9898\u3002@author nokecy */\n .ag-cell .ant-formily-item-label { display: none; }\n .ag-cell .ant-formily-item-control { flex: 1; min-width: 0; width: 100%; }\n /* \u5E26\u5916\u58F3\u7684\u8F93\u5165\u6846\uFF08affix/wrapper\uFF09\u662F inline-flex\uFF0Cantd \u7ED9\u8868\u5355\u9879\u5185\u5BB9\u533A controlHeight \u7684\u6700\u5C0F\u9AD8\u5EA6\u548C\u5BF9\u5E94\u884C\u9AD8\uFF0C\n \u5916\u58F3\u6309\u57FA\u7EBF\u5BF9\u9F50\u88AB\u9876\u504F\u3002\u5185\u5BB9\u533A\u6539\u6210\u5C45\u4E2D\u7684 flex\uFF08\u5B50\u9879\u88AB\u5757\u5316\uFF0C\u4E0D\u518D\u6709\u57FA\u7EBF\u5BF9\u9F50\uFF09\uFF0C\u6700\u5C0F\u9AD8\u5EA6\u5F52\u96F6\uFF0C\n \u8868\u5355\u9879\u9AD8\u5EA6\u7531\u63A7\u4EF6\u81EA\u5DF1\u7684\u9AD8\u5EA6\uFF08\u884C\u9AD8-3px\uFF09\u51B3\u5B9A\uFF0C\u4E0D\u8D85\u51FA\u884C\u9AD8\u3002 */\n .ag-cell .ant-formily-item,\n .ag-cell .ant-formily-item-control,\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { min-height: 0 !important; }\n .ag-cell .ant-formily-item-control-content,\n .ag-cell .ant-formily-item-control-content-component { display: flex; align-items: center; }\n .ag-cell .ant-formily-item-control-content-component { flex: 1 1 auto; min-width: 0; }\n .ag-cell .ant-formily-item-control-content-component > * { flex: 1 1 auto; min-width: 0; }\n /* \u9519\u8BEF\u6587\u5B57\u9489\u5728\u8F93\u5165\u6846\u6B63\u4E0B\u65B9\uFF08top:100% \u76F8\u5BF9 .ant-formily-item\uFF09\uFF0C\u9AD8\u5EA6\u56FA\u5B9A\u4E3A ARRAY_TABLE_HELP_LINE_HEIGHT\uFF0C\n \u4E0D\u518D\u4F9D\u8D56\u6587\u6863\u6D41\u91CC\u7684\u9759\u6001\u4F4D\u7F6E\uFF08\u4F1A\u968F margin/\u5C45\u4E2D\u504F\u79FB\uFF0C\u5BFC\u81F4\u88AB\u884C\u5E95\u8FB9\u7EBF\u7A7F\u8FC7\uFF09\u3002 */\n .ag-cell .ant-formily-item-help { position: absolute; top: 100%; inset-inline-start: 0; margin: 0 !important; padding-block: 0 !important; box-sizing: border-box !important; min-height: 0 !important; height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT, "px !important; line-height: ").concat(ARRAY_TABLE_HELP_LINE_HEIGHT - 2, "px !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }\n .ag-cell .ag-cell-value:has(.ant-formily-item-help) { overflow: visible; }\n /* \u9519\u8BEF\u6587\u5B57\u662F\u6D6E\u5728\u8F93\u5165\u6846\u4E0B\u65B9\u7684\u6D6E\u5C42\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1A\u683C\u5B50\u4E0E\u6240\u5728\u884C\u653E\u5F00\u88C1\u526A\u5E76\u62AC\u9AD8\u5C42\u7EA7\uFF0C\u76D6\u5728\u4E0B\u4E00\u884C\u4E4B\u4E0A\uFF0C\u884C\u9AD8\u6052\u5B9A\u4E0D\u8DF3\u52A8\u3002@author nokecy */\n .ag-cell:has(.ant-formily-item-help) { overflow: visible !important; z-index: 6; }\n .ag-row:has(.ant-formily-item-help) { z-index: 6; }\n .ag-cell .ant-formily-item-help { z-index: 6; box-shadow: 0 2px 6px rgb(0 0 0 / 12%); background: var(--ant-color-bg-container, #fff); }\n /* \u5217\u5BF9\u9F50\uFF08align \u5199\u6CD5\uFF09\uFF1B\u6B63\u5728\u7F16\u8F91\u7684\u8F93\u5165\u6846\u8DDF\u968F\u6240\u5728\u5217\u7684\u5BF9\u9F50\uFF0C\u6570\u5B57\u5217\u70B9\u5F00\u7F16\u8F91\u65F6\u4E0D\u4F1A\u8DF3\u5230\u5DE6\u8FB9\u3002@author nokecy */\n .ag-cell.qc-array-table-align-left { text-align: left; }\n .ag-cell.qc-array-table-align-center { text-align: center; }\n .ag-cell.qc-array-table-align-right { text-align: right; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-input-affix-wrapper .ant-input,\n .ag-cell .ant-input.ant-input { text-align: inherit; }\n .ag-header-cell.qc-array-table-required .ag-header-cell-text::before {\n content: '*';\n color: var(--ag-invalid-color);\n margin-inline-end: 4px;\n }\n /* \u5355\u5C42\u6846\uFF1A\u683C\u5185\u63A7\u4EF6\u4E0D\u753B\u81EA\u5DF1\u7684\u8FB9\u6846/\u9634\u5F71/\u5E95\u8272\uFF0C\u6491\u6EE1\u5355\u5143\u683C\uFF1B\n \u805A\u7126/\u9519\u8BEF/\u9501\u5B9A\u53EA\u7531\u5355\u5143\u683C\u7684 inset \u6846\uFF08\u6216\u5E95\u8272\uFF09\u8868\u8FBE\uFF0C\u4E0D\u5360\u5C3A\u5BF8\uFF0C\u884C\u9AD8\u4E0E\u5355\u5143\u683C\u5C3A\u5BF8\u4E0D\u53D8\u3002\n \u9009\u62E9\u5668\u5168\u90E8\u9650\u5B9A\u5728 .ag-cell \u5185\uFF0C\u800C\u672C part \u53EA\u6302\u5728 ArrayTable \u7684\u4E3B\u9898\u4E0A\uFF0C\u4E0D\u5F71\u54CD\u8868\u683C\u5916\u7684\u8868\u5355\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker,\n .ag-cell .ant-input-outlined.ant-input-outlined {\n border: 0 !important;\n box-shadow: none !important;\n background: transparent !important;\n outline: none;\n }\n .ag-cell .ant-input-number, .ag-cell .ant-picker, .ag-cell .ant-select, .ag-cell .ant-input-affix-wrapper { width: 100%; }\n /* \u63A7\u4EF6\u300C\u50CF\u6587\u672C\u300D\uFF1A\u5B57\u53F7\u3001\u6C34\u5E73\u5185\u8FB9\u8DDD\u8DDF\u968F\u5BC6\u5EA6\uFF08\u5355\u5143\u683C\u81EA\u5DF1\u5DF2\u6709 --ag-cell-horizontal-padding\uFF0C\u63A7\u4EF6\u4E0D\u518D\u53E0\u4E00\u5C42\uFF09\uFF0C\n \u9AD8\u5EA6\u968F\u884C\u9AD8\u3001\u7559 3px \u7ED9\u4E0B\u8FB9\u6846\u4E0E\u5C45\u4E2D\u4F59\u91CF\uFF0C\u4E0D\u6491\u9AD8\u884C\uFF1B\u5BC6\u5EA6\u7531\u4E3B\u9898\u53C2\u6570 rowHeight \u51B3\u5B9A\uFF0C\u4E0D\u5199\u6B7B\u50CF\u7D20\u3002@author nokecy */\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { font-size: inherit !important; padding-inline: 0 !important; }\n /* antd 6 \u7684 Select \u6839\u8282\u70B9\u81EA\u5DF1\u5E26\u8FB9\u6846\u4E0E\u5185\u8FB9\u8DDD\uFF08\u6CA1\u6709 .ant-select-selector\uFF09\uFF0C\u4E0A\u4E0B\u5185\u8FB9\u8DDD\u4E5F\u5F52\u96F6\uFF0C\u9AD8\u5EA6\u7531\u4E0B\u9762\u7684 height \u51B3\u5B9A\uFF0C\u5782\u76F4\u5C45\u4E2D\u3002*/\n .ag-cell .ant-select.ant-select { padding-block: 0 !important; align-items: center; }\n .ag-cell .ant-input-number .ant-input-number-input,\n .ag-cell .ant-picker .ant-picker-input > input,\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { font-size: inherit !important; padding-inline: 0 !important; }\n .ag-cell .ant-input.ant-input,\n .ag-cell .ant-input-affix-wrapper.ant-input-affix-wrapper,\n .ag-cell .ant-input-number.ant-input-number,\n .ag-cell .ant-input-number-affix-wrapper.ant-input-number-affix-wrapper,\n .ag-cell .ant-select.ant-select,\n .ag-cell .ant-select.ant-select .ant-select-selector,\n .ag-cell .ant-picker.ant-picker { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; }\n /* \u5957\u5728\u5916\u58F3\u91CC\u7684\u5185\u5C42\u63A7\u4EF6\u6491\u6EE1\u5916\u58F3\u5373\u53EF\uFF0C\u518D\u8BBE\u540C\u4E00\u9AD8\u5EA6\u4F1A\u52A0\u4E0A\u5916\u58F3 padding \u6EA2\u51FA\uFF1B\u591A\u884C\u6587\u672C\u57DF\u4E0D\u53D7\u9650\u3002*/\n .ag-cell .ant-input-affix-wrapper .ant-input.ant-input,\n .ag-cell .ant-input-number-affix-wrapper .ant-input-number-input { height: 100% !important; }\n /* \u591A\u884C\u6587\u672C\u5728\u56FA\u5B9A\u884C\u9AD8\u7684\u683C\u91CC\u4E0D\u6491\u9AD8\u884C\uFF1A\u9AD8\u5EA6\u53D6\u5355\u884C\u9AD8\uFF0C\u8D85\u51FA\u5185\u5BB9\u5728\u6846\u5185\u6EDA\u52A8 */\n .ag-cell textarea.ant-input.ant-input { height: calc(var(--ag-row-height) - 3px) !important; min-height: 0 !important; resize: none; overflow-y: auto; line-height: calc(var(--ag-row-height) - 5px) !important; padding-block: 0 !important; }\n /* Editable \u88C5\u9970\u5668\u5916\u58F3\u9ED8\u8BA4 inline-block\uFF0C\u4F1A\u5728 .ag-cell-value \u7684\u884C\u76D2\u91CC\u6309\u57FA\u7EBF\u5BF9\u9F50\u3001\u88AB\u9876\u504F\uFF1B\u6539\u4E3A\u5757\u7EA7 flex \u4E0E\u5176\u4ED6\u63A7\u4EF6\u4E00\u81F4\u5C45\u4E2D */\n .ag-cell .ant-formily-editable { display: flex; align-items: center; width: 100%; }\n /* Select \u6587\u5B57\u884C\u9AD8\u4E0E\u641C\u7D22\u6846\u4F4D\u7F6E\uFF1Aselector \u5F52\u96F6\u5185\u8FB9\u8DDD\u540E\uFF0C\u6587\u5B57\u884C\u9AD8\u53D6\u683C\u5185\u53EF\u7528\u9AD8\u5EA6\uFF0C\u641C\u7D22\u8F93\u5165\u6846\u8D34\u5DE6\uFF0C\u5149\u6807\u4E0D\u9519\u4F4D\u3002*/\n .ag-cell .ant-select .ant-select-selection-item,\n .ag-cell .ant-select .ant-select-selection-placeholder,\n .ag-cell .ant-select .ant-select-selection-search-input,\n .ag-cell .ant-select .ant-select-content,\n .ag-cell .ant-select .ant-select-content-item,\n .ag-cell .ant-select .ant-select-placeholder,\n .ag-cell .ant-select .ant-select-input { line-height: calc(var(--ag-row-height) - 3px) !important; }\n .ag-cell .ant-select .ant-select-selection-search { inset-inline: 0 !important; }\n /* \u6B65\u8FDB\u5668\u4E0E\u65E5\u5386\u56FE\u6807\u5728\u4EFB\u4F55\u72B6\u6001\u90FD\u4E0D\u663E\u793A\uFF08\u4E0E\u6F14\u793A\u4E00\u81F4\uFF1A\u952E\u76D8\u7528\u65B9\u5411\u952E/\u952E\u5165\uFF0C\u9762\u677F\u7531\u70B9\u51FB\u5C55\u5F00\uFF09\uFF1B\n Input \u53EA\u4FDD\u7559\u6E05\u9664\u56FE\u6807\u3002\u4E0B\u62C9\u7BAD\u5934\u53EA\u5728\u805A\u7126\u6216\u9762\u677F\u5C55\u5F00\u65F6\u51FA\u73B0\u3002@author nokecy */\n .ag-cell .ant-input-number-handler-wrap { display: none !important; }\n .ag-cell .ant-picker .ant-picker-suffix { display: none !important; }\n .ag-cell .ant-input-suffix > :not(.ant-input-clear-icon):not(.ant-input-show-count-suffix) { display: none !important; }\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-arrow,\n .ag-cell .ant-select:not(.ant-select-focused):not(.ant-select-open) .ant-select-suffix { display: none !important; }\n /* \u672A\u805A\u7126\u4E14\u4E3A\u7A7A\uFF1A\u5F31\u5360\u4F4D\u4E0E\u666E\u901A\u7A7A\u683C\u4E00\u81F4\uFF0C\u53EA\u7528 placeholder \u8272\uFF0C\u4E0D\u753B\u8F93\u5165\u6846\u5916\u89C2\u3002@author nokecy */\n .ag-cell .ant-select-selection-placeholder,\n .ag-cell .ant-select-placeholder,\n .ag-cell .ant-input::placeholder,\n .ag-cell .ant-input-number-input::placeholder,\n .ag-cell .ant-picker input::placeholder { color: var(--ant-color-text-placeholder, rgb(0 0 0 / 25%)) !important; }\n /* \u5408\u8BA1\u884C\uFF1A\u56FA\u5B9A\u5728\u8868\u5C3E\uFF0C\u5B57\u91CD\u5F3A\u8C03\u3001\u4E0E\u660E\u7EC6\u884C\u4EE5\u4E0A\u8FB9\u7EBF\u5206\u5F00\u3002@author nokecy */\n .ag-floating-bottom .ag-row { font-weight: 600; background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%)); }\n /* \u5408\u8BA1\u884C\u6D6E\u5C42\u7684\u56FA\u5B9A\u5217\u5BF9\u9F50\uFF1AAG-Grid \u7ED9 .ag-floating-bottom \u52A0\u4E86\u5185\u8054 overflow-y:scroll\uFF0C\n \u4F1A\u4E3A\u300C\u6D6E\u5C42\u81EA\u5DF1\u300D\u9884\u7559\u4E00\u6761\u5782\u76F4\u6EDA\u52A8\u6761(\u5BBD\u5EA6=\u6EDA\u52A8\u6761\u5BBD)\u3002\u4F46\u6D6E\u5C42\u5185\u7684 center viewport \u5DF2\u7ECF\u6309 body\n \u6263\u6389\u8FC7\u4E00\u6B21\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u53F3\u56FA\u5B9A\u5217\u518D\u88AB\u6324\u5DE6\u4E00\u4E2A\u6EDA\u52A8\u6761\u5BBD\u5EA6\uFF0C\u4E8E\u662F\u5408\u8BA1\u884C\u7684\u53F3\u56FA\u5B9A\u5217\u76F8\u5BF9\u660E\u7EC6\u884C\u6574\u4F53\u5DE6\u504F\n (\u5B9E\u6D4B 8px)\uFF0C\u770B\u8D77\u6765\u300C\u56FA\u5B9A\u5217\u4E0D\u5BF9\u9F50\u300D\u3002\u5408\u8BA1\u884C\u6C38\u8FDC\u53EA\u6709\u4E00\u884C\u3001\u4E0D\u9700\u8981\u7EB5\u5411\u6EDA\u52A8\uFF0C\u53BB\u6389\u8FD9\u6761\u591A\u4F59\u6EDA\u52A8\u6761\u5373\u53EF\uFF0C\n \u4E0D\u5199\u6B7B\u50CF\u7D20\uFF0C\u6EDA\u52A8\u6761\u5BBD\u5EA6\u56E0\u5E73\u53F0/\u6D4F\u89C8\u5668\u800C\u5F02\u65F6\u540C\u6837\u6210\u7ACB\u3002@author nokecy */\n .ag-floating-bottom { overflow-y: hidden !important; }\n .ag-cell:focus-within { box-shadow: inset 0 0 0 1px var(--ant-color-primary, #1f5fbf); }\n .ag-cell:has(.ant-formily-item-error), .ag-cell:has(.ant-formily-item-error):focus-within {\n box-shadow: inset 0 0 0 1px var(--ant-color-error, #d93025);\n }\n .ag-cell:has(.ant-input[disabled], .ant-input-disabled, .ant-input-number-disabled, .ant-select-disabled, .ant-picker-disabled) {\n background: var(--ant-color-fill-quaternary, rgb(0 0 0 / 4%));\n }\n ");
|
|
64
64
|
export var arrayTableCellFit = createPart({
|
|
65
65
|
feature: 'arrayTableCellFit',
|
|
66
66
|
css: ARRAY_TABLE_CELL_FIT_CSS
|
|
@@ -19,6 +19,8 @@ export interface DraggableModalProps extends ModalProps {
|
|
|
19
19
|
* 关闭后只保留标题拖动,尺寸完全由 width / style 决定。缩放结果不持久化,重新打开恢复默认。
|
|
20
20
|
*/
|
|
21
21
|
resizable?: boolean;
|
|
22
|
+
/** 是否在打开或缩放时广播全局 resize;关闭后由弹窗内容自行响应容器尺寸变化。@author jwy */
|
|
23
|
+
notifyWindowResize?: boolean;
|
|
22
24
|
/** 缩放的最小宽度,默认 400;表单类弹层应传 560(规范最小一档)。超出视口 95% 时以视口为准。 */
|
|
23
25
|
minWidth?: number;
|
|
24
26
|
/** 缩放的最小高度,默认 300:容纳标题、底栏与至少一行内容。 */
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var _excluded = ["wrapClassName", "width", "open", "style", "destroyOnClose", "destroyOnHidden", "mask", "maskClosable", "dirty", "confirmOnDirtyClose", "onCancel", "resizable", "minWidth", "minHeight"];
|
|
1
|
+
var _excluded = ["wrapClassName", "width", "open", "style", "destroyOnClose", "destroyOnHidden", "mask", "maskClosable", "dirty", "confirmOnDirtyClose", "onCancel", "notifyWindowResize", "resizable", "minWidth", "minHeight"];
|
|
2
2
|
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); }
|
|
3
3
|
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; }
|
|
4
4
|
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; }
|
|
@@ -80,6 +80,8 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
80
80
|
_props$confirmOnDirty = props.confirmOnDirtyClose,
|
|
81
81
|
confirmOnDirtyClose = _props$confirmOnDirty === void 0 ? true : _props$confirmOnDirty,
|
|
82
82
|
onCancel = props.onCancel,
|
|
83
|
+
_props$notifyWindowRe = props.notifyWindowResize,
|
|
84
|
+
notifyWindowResize = _props$notifyWindowRe === void 0 ? true : _props$notifyWindowRe,
|
|
83
85
|
_props$resizable = props.resizable,
|
|
84
86
|
resizable = _props$resizable === void 0 ? true : _props$resizable,
|
|
85
87
|
_props$minWidth = props.minWidth,
|
|
@@ -109,6 +111,7 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
109
111
|
|
|
110
112
|
// 每帧最多通知一次表格重新测量。关闭或卸载时取消通知及全局鼠标监听。@author nokecy
|
|
111
113
|
var notifyResize = function notifyResize() {
|
|
114
|
+
if (!notifyWindowResize) return;
|
|
112
115
|
if (resizeFrame.current !== undefined) return;
|
|
113
116
|
resizeFrame.current = requestAnimationFrame(function () {
|
|
114
117
|
resizeFrame.current = undefined;
|
|
@@ -125,6 +128,7 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
125
128
|
});
|
|
126
129
|
return;
|
|
127
130
|
}
|
|
131
|
+
if (!notifyWindowResize) return;
|
|
128
132
|
var timer;
|
|
129
133
|
var frame = requestAnimationFrame(function () {
|
|
130
134
|
timer = setTimeout(function () {
|
|
@@ -139,7 +143,7 @@ var DraggableModal = function DraggableModal(props) {
|
|
|
139
143
|
if (resizeFrame.current !== undefined) cancelAnimationFrame(resizeFrame.current);
|
|
140
144
|
resizeFrame.current = undefined;
|
|
141
145
|
};
|
|
142
|
-
}, [open]);
|
|
146
|
+
}, [open, notifyWindowResize]);
|
|
143
147
|
var onStart = function onStart(_event, uiData) {
|
|
144
148
|
var _draggleRef$current;
|
|
145
149
|
var _window$document$docu = window.document.documentElement,
|
|
@@ -16,6 +16,7 @@ import { useArrayTableMetrics, useArrayTableTheme } from "../array-table/theme";
|
|
|
16
16
|
import { hoistStatics } from "./hoistStatics";
|
|
17
17
|
import React, { useMemo, useRef } from 'react';
|
|
18
18
|
import { installDisplaySequenceOrder } from "../shared/gridSequence";
|
|
19
|
+
import { localeText } from "../ag-grid-plus/locale";
|
|
19
20
|
|
|
20
21
|
/** 阅读态直接使用 ArrayTable 的列定义,避免 AgGridPlus 的原值渲染器覆盖格式化结果。@author nokecy */
|
|
21
22
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -54,6 +55,7 @@ var ReadingArrayTable = observer(function (_ref) {
|
|
|
54
55
|
theme: theme,
|
|
55
56
|
rowHeight: rowHeight,
|
|
56
57
|
headerHeight: headerHeight,
|
|
58
|
+
localeText: localeText,
|
|
57
59
|
enableCellTextSelection: true,
|
|
58
60
|
ensureDomOrder: true,
|
|
59
61
|
defaultColDef: {
|