@nokecy/qc-ui 1.0.68 → 1.0.70
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/queryForm/index.js +18 -7
- package/dist/cjs/ag-grid-plus/queryForm/index.less +24 -0
- package/dist/esm/ag-grid-plus/queryForm/index.js +18 -7
- package/dist/esm/ag-grid-plus/queryForm/index.less +24 -0
- package/dist/umd/qc-ui.min.css +1 -1
- package/dist/umd/qc-ui.min.js +1 -1
- package/package.json +1 -1
|
@@ -148,6 +148,23 @@ var FormRender = function FormRender(props) {
|
|
|
148
148
|
var component = getComponent(colDef);
|
|
149
149
|
if (colDef.filter != false) {
|
|
150
150
|
var _colDef$searchCompone, _colDef$searchCompone2, _colDef$searchCompone3;
|
|
151
|
+
// 为多选下拉框添加maxTagCount配置
|
|
152
|
+
var componentProps = _objectSpread({
|
|
153
|
+
placeholder: "\u8BF7\u8F93\u5165".concat(headerName),
|
|
154
|
+
allowClear: true,
|
|
155
|
+
style: {
|
|
156
|
+
maxWidth: 200
|
|
157
|
+
}
|
|
158
|
+
}, colDef === null || colDef === void 0 ? void 0 : colDef.searchComponentProps);
|
|
159
|
+
|
|
160
|
+
// 如果是Select组件且为多选模式，添加标签数量限制
|
|
161
|
+
if (component === 'Select' && (componentProps.mode === 'multiple' || componentProps.mode === 'tags')) {
|
|
162
|
+
var _componentProps$maxTa, _componentProps$maxTa2;
|
|
163
|
+
componentProps.maxTagCount = (_componentProps$maxTa = componentProps.maxTagCount) !== null && _componentProps$maxTa !== void 0 ? _componentProps$maxTa : 2;
|
|
164
|
+
componentProps.maxTagPlaceholder = (_componentProps$maxTa2 = componentProps.maxTagPlaceholder) !== null && _componentProps$maxTa2 !== void 0 ? _componentProps$maxTa2 : function (omittedValues) {
|
|
165
|
+
return "+".concat(omittedValues.length, "...");
|
|
166
|
+
};
|
|
167
|
+
}
|
|
151
168
|
var filedSchema = {
|
|
152
169
|
type: 'string',
|
|
153
170
|
title: headerName,
|
|
@@ -155,13 +172,7 @@ var FormRender = function FormRender(props) {
|
|
|
155
172
|
default: (colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default) || (colDef === null || colDef === void 0 || (_colDef$searchCompone3 = colDef.searchComponentProps) === null || _colDef$searchCompone3 === void 0 ? void 0 : _colDef$searchCompone3.defaultValue),
|
|
156
173
|
enum: colDef === null || colDef === void 0 ? void 0 : colDef.enum,
|
|
157
174
|
"x-component": component,
|
|
158
|
-
"x-component-props":
|
|
159
|
-
placeholder: "\u8BF7\u8F93\u5165".concat(headerName),
|
|
160
|
-
allowClear: true,
|
|
161
|
-
style: {
|
|
162
|
-
maxWidth: 200
|
|
163
|
-
}
|
|
164
|
-
}, colDef === null || colDef === void 0 ? void 0 : colDef.searchComponentProps),
|
|
175
|
+
"x-component-props": componentProps,
|
|
165
176
|
"x-decorator": 'FormItem',
|
|
166
177
|
"x-decorator-props": {
|
|
167
178
|
wrapperWrap: true
|
|
@@ -33,6 +33,30 @@
|
|
|
33
33
|
justify-content: flex-start;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
// 多选下拉框标签省略样式
|
|
38
|
+
.ant-select-multiple {
|
|
39
|
+
max-width: 200px; // 限制整个选择器的最大宽度
|
|
40
|
+
|
|
41
|
+
.ant-select-selector {
|
|
42
|
+
max-width: 100%;
|
|
43
|
+
overflow: hidden; // 防止内容溢出
|
|
44
|
+
|
|
45
|
+
.ant-select-selection-overflow {
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
flex-wrap: nowrap; // 禁止换行
|
|
48
|
+
overflow: hidden; // 隐藏溢出内容
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ant-select-selection-item {
|
|
52
|
+
max-width: 100px; // 单个标签最大宽度
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
text-overflow: ellipsis;
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
flex-shrink: 0; // 防止标签被压缩
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
36
60
|
}
|
|
37
61
|
|
|
38
62
|
@media (max-width: 575px) {
|
|
@@ -140,6 +140,23 @@ var FormRender = function FormRender(props) {
|
|
|
140
140
|
var component = getComponent(colDef);
|
|
141
141
|
if (colDef.filter != false) {
|
|
142
142
|
var _colDef$searchCompone, _colDef$searchCompone2, _colDef$searchCompone3;
|
|
143
|
+
// 为多选下拉框添加maxTagCount配置
|
|
144
|
+
var componentProps = _objectSpread({
|
|
145
|
+
placeholder: "\u8BF7\u8F93\u5165".concat(headerName),
|
|
146
|
+
allowClear: true,
|
|
147
|
+
style: {
|
|
148
|
+
maxWidth: 200
|
|
149
|
+
}
|
|
150
|
+
}, colDef === null || colDef === void 0 ? void 0 : colDef.searchComponentProps);
|
|
151
|
+
|
|
152
|
+
// 如果是Select组件且为多选模式，添加标签数量限制
|
|
153
|
+
if (component === 'Select' && (componentProps.mode === 'multiple' || componentProps.mode === 'tags')) {
|
|
154
|
+
var _componentProps$maxTa, _componentProps$maxTa2;
|
|
155
|
+
componentProps.maxTagCount = (_componentProps$maxTa = componentProps.maxTagCount) !== null && _componentProps$maxTa !== void 0 ? _componentProps$maxTa : 2;
|
|
156
|
+
componentProps.maxTagPlaceholder = (_componentProps$maxTa2 = componentProps.maxTagPlaceholder) !== null && _componentProps$maxTa2 !== void 0 ? _componentProps$maxTa2 : function (omittedValues) {
|
|
157
|
+
return "+".concat(omittedValues.length, "...");
|
|
158
|
+
};
|
|
159
|
+
}
|
|
143
160
|
var filedSchema = {
|
|
144
161
|
type: 'string',
|
|
145
162
|
title: headerName,
|
|
@@ -147,13 +164,7 @@ var FormRender = function FormRender(props) {
|
|
|
147
164
|
default: (colDef === null || colDef === void 0 || (_colDef$searchCompone2 = colDef.searchComponentProps) === null || _colDef$searchCompone2 === void 0 ? void 0 : _colDef$searchCompone2.default) || (colDef === null || colDef === void 0 || (_colDef$searchCompone3 = colDef.searchComponentProps) === null || _colDef$searchCompone3 === void 0 ? void 0 : _colDef$searchCompone3.defaultValue),
|
|
148
165
|
enum: colDef === null || colDef === void 0 ? void 0 : colDef.enum,
|
|
149
166
|
"x-component": component,
|
|
150
|
-
"x-component-props":
|
|
151
|
-
placeholder: "\u8BF7\u8F93\u5165".concat(headerName),
|
|
152
|
-
allowClear: true,
|
|
153
|
-
style: {
|
|
154
|
-
maxWidth: 200
|
|
155
|
-
}
|
|
156
|
-
}, colDef === null || colDef === void 0 ? void 0 : colDef.searchComponentProps),
|
|
167
|
+
"x-component-props": componentProps,
|
|
157
168
|
"x-decorator": 'FormItem',
|
|
158
169
|
"x-decorator-props": {
|
|
159
170
|
wrapperWrap: true
|
|
@@ -33,6 +33,30 @@
|
|
|
33
33
|
justify-content: flex-start;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
// 多选下拉框标签省略样式
|
|
38
|
+
.ant-select-multiple {
|
|
39
|
+
max-width: 200px; // 限制整个选择器的最大宽度
|
|
40
|
+
|
|
41
|
+
.ant-select-selector {
|
|
42
|
+
max-width: 100%;
|
|
43
|
+
overflow: hidden; // 防止内容溢出
|
|
44
|
+
|
|
45
|
+
.ant-select-selection-overflow {
|
|
46
|
+
max-width: 100%;
|
|
47
|
+
flex-wrap: nowrap; // 禁止换行
|
|
48
|
+
overflow: hidden; // 隐藏溢出内容
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.ant-select-selection-item {
|
|
52
|
+
max-width: 100px; // 单个标签最大宽度
|
|
53
|
+
overflow: hidden;
|
|
54
|
+
text-overflow: ellipsis;
|
|
55
|
+
white-space: nowrap;
|
|
56
|
+
flex-shrink: 0; // 防止标签被压缩
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
36
60
|
}
|
|
37
61
|
|
|
38
62
|
@media (max-width: 575px) {
|