tntd 3.0.17 → 3.0.19
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/es/array-input/index.js +4 -5
- package/es/array-input/index.js.map +1 -1
- package/es/query-form/Field/Composition/FieldPopover.js +15 -54
- package/es/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/es/query-form/Field/Composition/Select.js +20 -5
- package/es/query-form/Field/Composition/Select.js.map +1 -1
- package/es/query-form/Field/Composition/index.js +12 -5
- package/es/query-form/Field/Composition/index.js.map +1 -1
- package/es/query-form/Field/Composition/utils.js +67 -48
- package/es/query-form/Field/Composition/utils.js.map +1 -1
- package/es/title/index.less +47 -45
- package/lib/array-input/index.js +6 -7
- package/lib/array-input/index.js.map +1 -1
- package/lib/query-form/Field/Composition/FieldPopover.js +45 -83
- package/lib/query-form/Field/Composition/FieldPopover.js.map +1 -1
- package/lib/query-form/Field/Composition/Select.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/Select.js +20 -5
- package/lib/query-form/Field/Composition/Select.js.map +1 -1
- package/lib/query-form/Field/Composition/index.js +11 -4
- package/lib/query-form/Field/Composition/index.js.map +1 -1
- package/lib/query-form/Field/Composition/utils.d.ts +4 -5
- package/lib/query-form/Field/Composition/utils.d.ts.map +1 -1
- package/lib/query-form/Field/Composition/utils.js +67 -52
- package/lib/query-form/Field/Composition/utils.js.map +1 -1
- package/lib/title/index.less +47 -45
- package/package.json +1 -1
- package/themes/default/variables.less +1 -1
- package/themes/default/variablesVar.less +1 -1
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.formatLabel = formatLabel;
|
|
7
|
+
exports.getLabel = getLabel;
|
|
7
8
|
exports.getLabelByValue = getLabelByValue;
|
|
8
|
-
exports.getLabelFromOptions = getLabelFromOptions;
|
|
9
9
|
exports.highlightSubstring = highlightSubstring;
|
|
10
10
|
exports.parseArrayToObject = parseArrayToObject;
|
|
11
11
|
exports.parseObjectToArray = parseObjectToArray;
|
|
@@ -19,22 +19,6 @@ function highlightSubstring(str, substring) {
|
|
|
19
19
|
var highlighted = "<span class=\"tnt-highlight\">".concat(substring, "</span>");
|
|
20
20
|
return str.replace(new RegExp(substring, 'g'), highlighted);
|
|
21
21
|
}
|
|
22
|
-
function getLabelFromOptions(key, options) {
|
|
23
|
-
var fieldNames = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
|
|
24
|
-
label: 'label',
|
|
25
|
-
value: 'value'
|
|
26
|
-
};
|
|
27
|
-
var labelValue = key;
|
|
28
|
-
if (options) {
|
|
29
|
-
var target = options === null || options === void 0 ? void 0 : options.find(function (item) {
|
|
30
|
-
var valueKey = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
|
|
31
|
-
var itemValue = item instanceof Object ? item[valueKey] : item;
|
|
32
|
-
return itemValue === key;
|
|
33
|
-
});
|
|
34
|
-
labelValue = target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
|
|
35
|
-
}
|
|
36
|
-
return labelValue;
|
|
37
|
-
}
|
|
38
22
|
function getLabelByValue(_ref) {
|
|
39
23
|
var value = _ref.value,
|
|
40
24
|
options = _ref.options,
|
|
@@ -49,7 +33,11 @@ function getLabelByValue(_ref) {
|
|
|
49
33
|
var itemValue = item instanceof Object ? item[valueKey] : item;
|
|
50
34
|
return itemValue === value;
|
|
51
35
|
});
|
|
52
|
-
|
|
36
|
+
if (target) {
|
|
37
|
+
return target instanceof Object ? target === null || target === void 0 ? void 0 : target[fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label] : target;
|
|
38
|
+
} else {
|
|
39
|
+
return value;
|
|
40
|
+
}
|
|
53
41
|
};
|
|
54
42
|
if ((0, _isArray2["default"])(value)) {
|
|
55
43
|
return value.map(getLabel).join(' | ');
|
|
@@ -70,7 +58,7 @@ function formatLabel(reactDom) {
|
|
|
70
58
|
function parseObjectToArray(value, data) {
|
|
71
59
|
var _a, _b;
|
|
72
60
|
return (_b = (_a = Object.keys(value)) === null || _a === void 0 ? void 0 : _a.map(function (key) {
|
|
73
|
-
var _a
|
|
61
|
+
var _a;
|
|
74
62
|
var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
|
|
75
63
|
var _a;
|
|
76
64
|
return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
|
|
@@ -81,59 +69,31 @@ function parseObjectToArray(value, data) {
|
|
|
81
69
|
type = _ref2.type,
|
|
82
70
|
component = _ref2.component,
|
|
83
71
|
setLabel = _ref2.setLabel,
|
|
84
|
-
fieldProps = _ref2.props
|
|
85
|
-
propsTitle = _ref2.propsTitle,
|
|
86
|
-
title = _ref2.title,
|
|
87
|
-
name = _ref2.name;
|
|
88
|
-
var _propsTitle = propsTitle || title || name;
|
|
72
|
+
fieldProps = _ref2.props;
|
|
89
73
|
var _ref3 = fieldProps || {},
|
|
90
|
-
options = _ref3.options
|
|
91
|
-
format = _ref3.format;
|
|
92
|
-
var fieldNames = ((_a = dataItem === null || dataItem === void 0 ? void 0 : dataItem.props) === null || _a === void 0 ? void 0 : _a.fieldNames) || {
|
|
93
|
-
label: 'label',
|
|
94
|
-
value: 'value'
|
|
95
|
-
};
|
|
96
|
-
var labelValue = value[key];
|
|
74
|
+
options = _ref3.options;
|
|
97
75
|
if (!type && component) {
|
|
98
76
|
if (!setLabel) {
|
|
99
77
|
console.error('自定义组件需要传入setLabel()方法');
|
|
100
78
|
}
|
|
101
|
-
} else if (setLabel) {
|
|
102
|
-
// setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
|
|
103
|
-
labelValue = setLabel(labelValue);
|
|
104
79
|
} else if (options) {
|
|
105
80
|
if (type === 'selectInput') {
|
|
106
|
-
var selectKey = (
|
|
81
|
+
var selectKey = (_a = Object.keys(value[key])) === null || _a === void 0 ? void 0 : _a[0];
|
|
107
82
|
if (!selectKey) {
|
|
108
83
|
// 17. inputSelect组件，初始值{},展示undefined:undefined
|
|
109
84
|
return false;
|
|
110
85
|
}
|
|
111
|
-
var inputValue = labelValue[selectKey];
|
|
112
|
-
var selectLabel = (_c = options === null || options === void 0 ? void 0 : options.find(function (v) {
|
|
113
|
-
return v.value === selectKey;
|
|
114
|
-
})) === null || _c === void 0 ? void 0 : _c.label;
|
|
115
86
|
return {
|
|
116
87
|
key: key,
|
|
117
88
|
value: value[key],
|
|
118
|
-
closable: true
|
|
119
|
-
label: selectLabel + ':' + inputValue
|
|
89
|
+
closable: true
|
|
120
90
|
};
|
|
121
91
|
}
|
|
122
|
-
labelValue = getLabelByValue({
|
|
123
|
-
value: labelValue,
|
|
124
|
-
options: options,
|
|
125
|
-
fieldNames: fieldNames
|
|
126
|
-
});
|
|
127
|
-
} else if (type === 'dateRange' && format) {
|
|
128
|
-
labelValue = [(0, _moment["default"])(labelValue[0]).format(format), (0, _moment["default"])(labelValue[1]).format(format)].join('~');
|
|
129
|
-
} else if (type === 'date' && format) {
|
|
130
|
-
labelValue = (0, _moment["default"])(labelValue).format(format);
|
|
131
92
|
}
|
|
132
93
|
return {
|
|
133
94
|
key: key,
|
|
134
95
|
value: value[key],
|
|
135
|
-
closable: true
|
|
136
|
-
label: _propsTitle + ':' + labelValue
|
|
96
|
+
closable: true
|
|
137
97
|
};
|
|
138
98
|
})) === null || _b === void 0 ? void 0 : _b.filter(function (item) {
|
|
139
99
|
return !!item;
|
|
@@ -144,4 +104,59 @@ function parseArrayToObject(value) {
|
|
|
144
104
|
acc[v.key] = v.value;
|
|
145
105
|
return acc;
|
|
146
106
|
}, {});
|
|
107
|
+
}
|
|
108
|
+
function getLabel(_ref4, data, locale) {
|
|
109
|
+
var key = _ref4.key,
|
|
110
|
+
value = _ref4.value;
|
|
111
|
+
var _a, _b, _c;
|
|
112
|
+
var target = data === null || data === void 0 ? void 0 : data.find(function (item) {
|
|
113
|
+
var _a;
|
|
114
|
+
return ((_a = item.props) === null || _a === void 0 ? void 0 : _a.name) === key;
|
|
115
|
+
});
|
|
116
|
+
if (!target) return null;
|
|
117
|
+
var dataItem = (target === null || target === void 0 ? void 0 : target.props) || {};
|
|
118
|
+
var _ref5 = dataItem || {},
|
|
119
|
+
type = _ref5.type,
|
|
120
|
+
setLabel = _ref5.setLabel,
|
|
121
|
+
fieldProps = _ref5.props,
|
|
122
|
+
propsTitle = _ref5.propsTitle,
|
|
123
|
+
title = _ref5.title,
|
|
124
|
+
name = _ref5.name;
|
|
125
|
+
var _propsTitle = propsTitle || title || name;
|
|
126
|
+
var _ref6 = fieldProps || {},
|
|
127
|
+
options = _ref6.options,
|
|
128
|
+
format = _ref6.format;
|
|
129
|
+
var labelValue = value;
|
|
130
|
+
if (setLabel) {
|
|
131
|
+
// setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制
|
|
132
|
+
labelValue = setLabel(value);
|
|
133
|
+
} else if (options) {
|
|
134
|
+
if (type === 'selectInput') {
|
|
135
|
+
var selectKey = (_a = Object.keys(value)) === null || _a === void 0 ? void 0 : _a[0];
|
|
136
|
+
if (!selectKey) {
|
|
137
|
+
// 17. inputSelect组件，初始值{},展示undefined:undefined
|
|
138
|
+
return false;
|
|
139
|
+
}
|
|
140
|
+
var inputValue = value[selectKey];
|
|
141
|
+
var selectLabel = (_b = options === null || options === void 0 ? void 0 : options.find(function (v) {
|
|
142
|
+
return v.value === selectKey;
|
|
143
|
+
})) === null || _b === void 0 ? void 0 : _b.label;
|
|
144
|
+
return selectLabel + ':' + inputValue;
|
|
145
|
+
}
|
|
146
|
+
labelValue = getLabelByValue({
|
|
147
|
+
value: value,
|
|
148
|
+
options: options,
|
|
149
|
+
fieldNames: ((_c = dataItem === null || dataItem === void 0 ? void 0 : dataItem.props) === null || _c === void 0 ? void 0 : _c.fieldNames) || {
|
|
150
|
+
label: 'label',
|
|
151
|
+
value: 'value'
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
|
+
} else if (type === 'checkbox') {
|
|
155
|
+
labelValue = value ? locale.yes : locale.no;
|
|
156
|
+
} else if (type === 'dateRange' && format) {
|
|
157
|
+
labelValue = [(0, _moment["default"])(value[0]).format(format), (0, _moment["default"])(value[1]).format(format)].join('~');
|
|
158
|
+
} else if (type === 'date' && format) {
|
|
159
|
+
labelValue = (0, _moment["default"])(value).format(format);
|
|
160
|
+
}
|
|
161
|
+
return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue);
|
|
147
162
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/utils.js"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,mCAAmD;AACnD,oDAA2B;AAE3B,SAAgB,kBAAkB,CAAC,GAAG,EAAE,SAAS;IAC/C,MAAM,WAAW,GAAG,+BAA+B,SAAS,SAAS,CAAA;IACrE,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,WAAW,CAAC,CAAA;AAC7D,CAAC;AAHD,gDAGC;AAED,SAAgB,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/query-form/Field/Composition/utils.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { isArray, isString, flatten } from 'lodash'\nimport moment from 'moment'\n\nexport function highlightSubstring(str, substring) {\n const highlighted = `<span class=\"tnt-highlight\">${substring}</span>`\n return str.replace(new RegExp(substring, 'g'), highlighted)\n}\n\nexport function getLabelByValue({\n value,\n options,\n fieldNames = {\n label: 'label',\n value: 'value',\n },\n}) {\n const getLabel = (value) => {\n const target = options?.find((item) => {\n const valueKey = fieldNames?.value\n const itemValue = item instanceof Object ? item[valueKey] : item\n return itemValue === value\n })\n if (target) {\n return target instanceof Object ? target?.[fieldNames?.label] : target\n } else {\n return value\n }\n }\n if (isArray(value)) {\n return value.map(getLabel).join(' | ')\n } else {\n return getLabel(value)\n }\n}\n\nexport function formatLabel(reactDom) {\n return flatten(\n React.Children.map(reactDom.props.children, (child) => {\n if (React.isValidElement(child)) {\n return formatLabel(child)\n } else if (isString(child)) {\n return child\n }\n return ''\n })\n ).join('')\n}\n\nexport function parseObjectToArray(value, data) {\n return Object.keys(value)\n ?.map((key) => {\n const target = data?.find((item) => item.props?.name === key)\n if (!target) return null\n const dataItem = target?.props || {}\n const { type, component, setLabel, props: fieldProps } = dataItem || {}\n const { options } = fieldProps || {}\n\n if (!type && component) {\n if (!setLabel) {\n console.error('自定义组件需要传入setLabel()方法')\n }\n } else if (options) {\n if (type === 'selectInput') {\n const selectKey = Object.keys(value[key])?.[0]\n if (!selectKey) {\n // 17. inputSelect组件，初始值{},展示undefined:undefined\n return false\n }\n return {\n key,\n value: value[key],\n closable: true,\n }\n }\n }\n return {\n key,\n value: value[key],\n closable: true,\n }\n })\n ?.filter((item) => !!item)\n}\n\nexport function parseArrayToObject(value) {\n return value?.reduce((acc, v) => {\n acc[v.key] = v.value\n return acc\n }, {})\n}\n\nexport function getLabel({ key, value }, data, locale) {\n const target = data?.find((item) => item.props?.name === key)\n if (!target) return null\n const dataItem = target?.props || {}\n const { type, setLabel, props: fieldProps, propsTitle, title, name } = dataItem || {}\n const _propsTitle = propsTitle || title || name\n const { options, format } = fieldProps || {}\n let labelValue = value\n if (setLabel) {\n // setLabel: 对于自定义组件，无法控制label的显示，可以通过setLabel方法控制\n labelValue = setLabel(value)\n } else if (options) {\n if (type === 'selectInput') {\n const selectKey = Object.keys(value)?.[0]\n if (!selectKey) {\n // 17. inputSelect组件，初始值{},展示undefined:undefined\n return false\n }\n const inputValue = value[selectKey]\n const selectLabel = options?.find((v) => v.value === selectKey)?.label\n return selectLabel + ':' + inputValue\n }\n labelValue = getLabelByValue({\n value,\n options,\n fieldNames: dataItem?.props?.fieldNames || {\n label: 'label',\n value: 'value',\n },\n })\n } else if (type === 'checkbox') {\n labelValue = value ? locale.yes : locale.no\n } else if (type === 'dateRange' && format) {\n labelValue = [moment(value[0]).format(format), moment(value[1]).format(format)].join('~')\n } else if (type === 'date' && format) {\n labelValue = moment(value).format(format)\n }\n return _propsTitle + ':' + (labelValue === undefined ? '' : labelValue)\n}\n"]}
|
package/lib/title/index.less
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: space-between;
|
|
7
|
-
.tntd-title-text{
|
|
8
|
-
|
|
7
|
+
.tntd-title-text {
|
|
8
|
+
height: 100%;
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
|
|
@@ -93,7 +93,8 @@
|
|
|
93
93
|
}
|
|
94
94
|
}
|
|
95
95
|
|
|
96
|
-
&.large
|
|
96
|
+
&.large,
|
|
97
|
+
&.h1 {
|
|
97
98
|
& {
|
|
98
99
|
height: 40px;
|
|
99
100
|
line-height: 40px;
|
|
@@ -104,14 +105,14 @@
|
|
|
104
105
|
}
|
|
105
106
|
&::before {
|
|
106
107
|
height: 16px;
|
|
107
|
-
top: 12px;
|
|
108
108
|
}
|
|
109
109
|
.sub-title {
|
|
110
110
|
font-size: 16px;
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
&.middle
|
|
114
|
+
&.middle,
|
|
115
|
+
&.h2 {
|
|
115
116
|
& {
|
|
116
117
|
height: 36px;
|
|
117
118
|
line-height: 36px;
|
|
@@ -122,56 +123,58 @@
|
|
|
122
123
|
}
|
|
123
124
|
&::before {
|
|
124
125
|
height: 14px;
|
|
125
|
-
top: 11px;
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
|
-
&.h3
|
|
129
|
+
&.h3,
|
|
130
|
+
&.h4,
|
|
131
|
+
&.h5,
|
|
132
|
+
&.small {
|
|
130
133
|
& {
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
}
|
|
134
|
+
height: 22px;
|
|
135
|
+
line-height: 22px;
|
|
136
|
+
.tntd-title-text {
|
|
137
|
+
h3 {
|
|
138
|
+
font-size: 14px;
|
|
139
|
+
}
|
|
140
|
+
.sub-title {
|
|
141
|
+
font-size: 14px;
|
|
140
142
|
}
|
|
143
|
+
}
|
|
141
144
|
}
|
|
142
145
|
}
|
|
143
146
|
// 默认h3 和 small
|
|
144
|
-
&.h3
|
|
147
|
+
&.h3,
|
|
148
|
+
&.small {
|
|
145
149
|
.tntd-title-text {
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
}
|
|
150
|
+
&::before {
|
|
151
|
+
height: 12px;
|
|
152
|
+
}
|
|
153
|
+
h3 {
|
|
154
|
+
font-weight: bold;
|
|
155
|
+
}
|
|
153
156
|
}
|
|
154
157
|
}
|
|
155
158
|
&.h4 {
|
|
156
159
|
.tntd-title-text {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
160
|
+
&::before {
|
|
161
|
+
display: none;
|
|
162
|
+
}
|
|
163
|
+
h3 {
|
|
164
|
+
font-weight: bold;
|
|
165
|
+
margin-left: 0;
|
|
166
|
+
}
|
|
164
167
|
}
|
|
165
168
|
}
|
|
166
169
|
&.h5 {
|
|
167
170
|
.tntd-title-text {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
171
|
+
&::before {
|
|
172
|
+
display: none;
|
|
173
|
+
}
|
|
174
|
+
h3 {
|
|
175
|
+
margin-left: 0;
|
|
176
|
+
font-weight: normal;
|
|
177
|
+
}
|
|
175
178
|
}
|
|
176
179
|
}
|
|
177
180
|
.tntd-title-text {
|
|
@@ -179,7 +182,7 @@
|
|
|
179
182
|
position: relative;
|
|
180
183
|
display: flex;
|
|
181
184
|
align-items: center;
|
|
182
|
-
flex:1;
|
|
185
|
+
flex: 1;
|
|
183
186
|
min-width: 0;
|
|
184
187
|
}
|
|
185
188
|
h3 {
|
|
@@ -191,7 +194,7 @@
|
|
|
191
194
|
white-space: nowrap;
|
|
192
195
|
overflow: hidden;
|
|
193
196
|
text-overflow: ellipsis;
|
|
194
|
-
&.has-sub-title{
|
|
197
|
+
&.has-sub-title {
|
|
195
198
|
max-width: 70%;
|
|
196
199
|
}
|
|
197
200
|
}
|
|
@@ -205,15 +208,14 @@
|
|
|
205
208
|
text-overflow: ellipsis;
|
|
206
209
|
margin-left: 8px;
|
|
207
210
|
}
|
|
208
|
-
.sub-tip{
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
211
|
+
.sub-tip {
|
|
212
|
+
margin-left: 4px;
|
|
213
|
+
font-size: 16px;
|
|
214
|
+
color: @text-color;
|
|
212
215
|
}
|
|
213
216
|
&::before {
|
|
214
217
|
position: absolute;
|
|
215
218
|
left: 0;
|
|
216
|
-
top: 10px;
|
|
217
219
|
background-color: @primary-color;
|
|
218
220
|
content: '';
|
|
219
221
|
width: 4px;
|
package/package.json
CHANGED