@jetlinks-web/components 3.3.2 → 3.3.4
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.
|
@@ -10,7 +10,7 @@ import { defaultSettingProps, LayoutType } from '../defaultSettings';
|
|
|
10
10
|
import { baseHeaderProps } from '../TopHeader';
|
|
11
11
|
import Header, { headerViewProps } from './Header';
|
|
12
12
|
import useConfigInject from "ant-design-vue/es/config-provider/hooks/useConfigInject";
|
|
13
|
-
import { pick } from 'lodash-es';
|
|
13
|
+
import { pick, isObject } from 'lodash-es';
|
|
14
14
|
import { defaultRouteContext, routeContextInjectKey } from '../RouteContext';
|
|
15
15
|
import { getMenuFirstChildren, getSlot } from '../util';
|
|
16
16
|
import { Layout, LayoutContent, Breadcrumb, Tabs } from 'ant-design-vue';
|
|
@@ -164,8 +164,7 @@ export default defineComponent({
|
|
|
164
164
|
return "".concat(props.prefixCls, "-basicLayout");
|
|
165
165
|
});
|
|
166
166
|
var className = computed(function () {
|
|
167
|
-
|
|
168
|
-
return _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, baseClassName.value, true), "".concat(baseClassName.value, "-top-menu"), isTop.value), "".concat(baseClassName.value, "-is-children"), props.isChildrenLayout), "".concat(baseClassName.value, "-fix-siderbar"), props.fixSiderbar), "".concat(baseClassName.value, "-").concat(props.layout), props.layout), "".concat(baseClassName.value, "-").concat(props.layoutType), props.layoutType), hashId.value, true), isObject ? props.classNames || {} : {});
|
|
167
|
+
return _objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, baseClassName.value, true), "".concat(baseClassName.value, "-top-menu"), isTop.value), "".concat(baseClassName.value, "-is-children"), props.isChildrenLayout), "".concat(baseClassName.value, "-fix-siderbar"), props.fixSiderbar), "".concat(baseClassName.value, "-").concat(props.layout), props.layout), "".concat(baseClassName.value, "-").concat(props.layoutType), props.layoutType), hashId.value, true), isObject(props.classNames) ? props.classNames || {} : {});
|
|
169
168
|
});
|
|
170
169
|
var genLayoutStyle = reactive({
|
|
171
170
|
position: 'relative'
|
|
@@ -20,12 +20,10 @@
|
|
|
20
20
|
"useAttrs": "setup-const",
|
|
21
21
|
"inject": "setup-const",
|
|
22
22
|
"computed": "setup-const",
|
|
23
|
-
"toRefs": "setup-const",
|
|
24
23
|
"SaveHistory": "setup-const",
|
|
25
24
|
"History": "setup-const",
|
|
26
25
|
"compatibleOldTerms": "setup-maybe-ref",
|
|
27
26
|
"getItemDefaultValue": "setup-maybe-ref",
|
|
28
|
-
"hasExpand": "setup-maybe-ref",
|
|
29
27
|
"termsParamsFormat": "setup-maybe-ref",
|
|
30
28
|
"Select": "setup-maybe-ref",
|
|
31
29
|
"Button": "setup-maybe-ref",
|
|
@@ -34,6 +32,7 @@
|
|
|
34
32
|
"AIcon": "setup-maybe-ref",
|
|
35
33
|
"useLocaleReceiver": "setup-maybe-ref",
|
|
36
34
|
"SearchConfig": "setup-maybe-ref",
|
|
35
|
+
"cloneDeep": "setup-maybe-ref",
|
|
37
36
|
"isObject": "setup-maybe-ref",
|
|
38
37
|
"useSearchStyle": "setup-maybe-ref",
|
|
39
38
|
"props": "setup-reactive-const",
|
|
@@ -44,6 +43,7 @@
|
|
|
44
43
|
"layout": "setup-ref",
|
|
45
44
|
"compatible": "setup-ref",
|
|
46
45
|
"screenSize": "setup-ref",
|
|
46
|
+
"expandedTermsCache": "setup-ref",
|
|
47
47
|
"context": "setup-maybe-ref",
|
|
48
48
|
"prefixCls": "setup-ref",
|
|
49
49
|
"wrapSSR": "setup-maybe-ref",
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"initValues": "setup-maybe-ref",
|
|
55
55
|
"columnsMap": "setup-maybe-ref",
|
|
56
56
|
"defaultCacheValues": "setup-maybe-ref",
|
|
57
|
+
"getExpandedTerms": "setup-const",
|
|
57
58
|
"expandChange": "setup-const",
|
|
58
59
|
"addUrlParams": "setup-const",
|
|
59
60
|
"submitData": "setup-const",
|
|
@@ -90,12 +91,12 @@ import { useHandleColumns, useOptionMapContent, useRouteQuery } from '../hooks';
|
|
|
90
91
|
import { ref, reactive, watch, useAttrs, inject, computed, } from 'vue';
|
|
91
92
|
import SaveHistory from './SaveHistory.js';
|
|
92
93
|
import History from './History.js';
|
|
93
|
-
import { compatibleOldTerms, getItemDefaultValue, termsParamsFormat
|
|
94
|
+
import { compatibleOldTerms, getItemDefaultValue, termsParamsFormat } from '../util';
|
|
94
95
|
import { Select, Button, Form, FormItemRest } from 'ant-design-vue';
|
|
95
96
|
import { AIcon } from '../../components';
|
|
96
97
|
import { useLocaleReceiver } from '../../LocaleReciver';
|
|
97
98
|
import { SearchConfig } from '../../utils/constants';
|
|
98
|
-
import { isObject } from 'lodash-es';
|
|
99
|
+
import { cloneDeep, isObject } from 'lodash-es';
|
|
99
100
|
import useSearchStyle from '../style';
|
|
100
101
|
const __sfc_main__ = _defineComponent({
|
|
101
102
|
...{
|
|
@@ -152,6 +153,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
152
153
|
const layout = ref('horizontal');
|
|
153
154
|
const compatible = ref(false);
|
|
154
155
|
const screenSize = ref(true);
|
|
156
|
+
const expandedTermsCache = ref([]);
|
|
155
157
|
const context = inject(SearchConfig);
|
|
156
158
|
const prefixCls = computed(() => 'JSearch');
|
|
157
159
|
const [wrapSSR, hashId] = useSearchStyle(prefixCls);
|
|
@@ -161,23 +163,35 @@ const __sfc_main__ = _defineComponent({
|
|
|
161
163
|
const target = useRouteQuery('target');
|
|
162
164
|
const { initValues, columnsMap, defaultCacheValues } = useHandleColumns(props, terms, { mode: 'advanced' });
|
|
163
165
|
useOptionMapContent(columnsOptionMap);
|
|
166
|
+
const getExpandedTerms = () => {
|
|
167
|
+
if (expandedTermsCache.value.length) {
|
|
168
|
+
const cacheTerms = cloneDeep(expandedTermsCache.value);
|
|
169
|
+
if (terms.terms[0]) {
|
|
170
|
+
cacheTerms[0] = cloneDeep(terms.terms[0]);
|
|
171
|
+
}
|
|
172
|
+
return cacheTerms;
|
|
173
|
+
}
|
|
174
|
+
const arr = Object.values(columnsMap.value);
|
|
175
|
+
const mergeArr = [];
|
|
176
|
+
for (let i = 1; i < 6; i++) {
|
|
177
|
+
const indexIn = i % arr.length;
|
|
178
|
+
const obj = getItemDefaultValue(arr[indexIn], defaultCacheValues.value);
|
|
179
|
+
if (i === 3) {
|
|
180
|
+
obj.type = 'and';
|
|
181
|
+
}
|
|
182
|
+
mergeArr.push(obj);
|
|
183
|
+
}
|
|
184
|
+
return [...terms.terms, ...mergeArr];
|
|
185
|
+
};
|
|
164
186
|
const expandChange = () => {
|
|
165
|
-
expand.value = !expand.value;
|
|
166
|
-
terms.terms.length = 1;
|
|
167
187
|
if (expand.value) {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
const obj = getItemDefaultValue(arr[indexIn], defaultCacheValues.value);
|
|
174
|
-
if (i === 3) {
|
|
175
|
-
obj.type = 'and';
|
|
176
|
-
}
|
|
177
|
-
mergeArr.push(obj);
|
|
178
|
-
}
|
|
179
|
-
terms.terms = [...terms.terms, ...mergeArr];
|
|
188
|
+
expandedTermsCache.value = cloneDeep(terms.terms);
|
|
189
|
+
terms.terms = terms.terms.slice(0, 1);
|
|
190
|
+
}
|
|
191
|
+
else {
|
|
192
|
+
terms.terms = getExpandedTerms();
|
|
180
193
|
}
|
|
194
|
+
expand.value = !expand.value;
|
|
181
195
|
};
|
|
182
196
|
const addUrlParams = () => {
|
|
183
197
|
if (props.target) {
|
|
@@ -203,6 +217,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
203
217
|
*/
|
|
204
218
|
const reset = () => {
|
|
205
219
|
expand.value = false;
|
|
220
|
+
expandedTermsCache.value = [];
|
|
206
221
|
initValues();
|
|
207
222
|
if (props.type === 'advanced') {
|
|
208
223
|
q.value = undefined;
|
|
@@ -220,6 +235,9 @@ const __sfc_main__ = _defineComponent({
|
|
|
220
235
|
const object = compatibleOldTerms(content, columnsMap.value, defaultCacheValues.value);
|
|
221
236
|
terms.terms = object.terms || [];
|
|
222
237
|
expand.value = object.expand;
|
|
238
|
+
expandedTermsCache.value = object.expand
|
|
239
|
+
? cloneDeep((object.terms || []))
|
|
240
|
+
: [];
|
|
223
241
|
searchSubmit();
|
|
224
242
|
}
|
|
225
243
|
catch (e) {
|
|
@@ -172,8 +172,7 @@ var _default2 = exports.default = (0, _vue.defineComponent)({
|
|
|
172
172
|
return "".concat(props.prefixCls, "-basicLayout");
|
|
173
173
|
});
|
|
174
174
|
var className = (0, _vue.computed)(function () {
|
|
175
|
-
|
|
176
|
-
return (0, _objectSpread3.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, baseClassName.value, true), "".concat(baseClassName.value, "-top-menu"), isTop.value), "".concat(baseClassName.value, "-is-children"), props.isChildrenLayout), "".concat(baseClassName.value, "-fix-siderbar"), props.fixSiderbar), "".concat(baseClassName.value, "-").concat(props.layout), props.layout), "".concat(baseClassName.value, "-").concat(props.layoutType), props.layoutType), hashId.value, true), isObject ? props.classNames || {} : {});
|
|
175
|
+
return (0, _objectSpread3.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, baseClassName.value, true), "".concat(baseClassName.value, "-top-menu"), isTop.value), "".concat(baseClassName.value, "-is-children"), props.isChildrenLayout), "".concat(baseClassName.value, "-fix-siderbar"), props.fixSiderbar), "".concat(baseClassName.value, "-").concat(props.layout), props.layout), "".concat(baseClassName.value, "-").concat(props.layoutType), props.layoutType), hashId.value, true), (0, _lodashEs.isObject)(props.classNames) ? props.classNames || {} : {});
|
|
177
176
|
});
|
|
178
177
|
var genLayoutStyle = (0, _vue.reactive)({
|
|
179
178
|
position: 'relative'
|
|
@@ -20,12 +20,10 @@
|
|
|
20
20
|
"useAttrs": "setup-const",
|
|
21
21
|
"inject": "setup-const",
|
|
22
22
|
"computed": "setup-const",
|
|
23
|
-
"toRefs": "setup-const",
|
|
24
23
|
"SaveHistory": "setup-const",
|
|
25
24
|
"History": "setup-const",
|
|
26
25
|
"compatibleOldTerms": "setup-maybe-ref",
|
|
27
26
|
"getItemDefaultValue": "setup-maybe-ref",
|
|
28
|
-
"hasExpand": "setup-maybe-ref",
|
|
29
27
|
"termsParamsFormat": "setup-maybe-ref",
|
|
30
28
|
"Select": "setup-maybe-ref",
|
|
31
29
|
"Button": "setup-maybe-ref",
|
|
@@ -34,6 +32,7 @@
|
|
|
34
32
|
"AIcon": "setup-maybe-ref",
|
|
35
33
|
"useLocaleReceiver": "setup-maybe-ref",
|
|
36
34
|
"SearchConfig": "setup-maybe-ref",
|
|
35
|
+
"cloneDeep": "setup-maybe-ref",
|
|
37
36
|
"isObject": "setup-maybe-ref",
|
|
38
37
|
"useSearchStyle": "setup-maybe-ref",
|
|
39
38
|
"props": "setup-reactive-const",
|
|
@@ -44,6 +43,7 @@
|
|
|
44
43
|
"layout": "setup-ref",
|
|
45
44
|
"compatible": "setup-ref",
|
|
46
45
|
"screenSize": "setup-ref",
|
|
46
|
+
"expandedTermsCache": "setup-ref",
|
|
47
47
|
"context": "setup-maybe-ref",
|
|
48
48
|
"prefixCls": "setup-ref",
|
|
49
49
|
"wrapSSR": "setup-maybe-ref",
|
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"initValues": "setup-maybe-ref",
|
|
55
55
|
"columnsMap": "setup-maybe-ref",
|
|
56
56
|
"defaultCacheValues": "setup-maybe-ref",
|
|
57
|
+
"getExpandedTerms": "setup-const",
|
|
57
58
|
"expandChange": "setup-const",
|
|
58
59
|
"addUrlParams": "setup-const",
|
|
59
60
|
"submitData": "setup-const",
|
|
@@ -90,12 +91,12 @@ import { useHandleColumns, useOptionMapContent, useRouteQuery } from '../hooks';
|
|
|
90
91
|
import { ref, reactive, watch, useAttrs, inject, computed, } from 'vue';
|
|
91
92
|
import SaveHistory from './SaveHistory.js';
|
|
92
93
|
import History from './History.js';
|
|
93
|
-
import { compatibleOldTerms, getItemDefaultValue, termsParamsFormat
|
|
94
|
+
import { compatibleOldTerms, getItemDefaultValue, termsParamsFormat } from '../util';
|
|
94
95
|
import { Select, Button, Form, FormItemRest } from 'ant-design-vue';
|
|
95
96
|
import { AIcon } from '../../components';
|
|
96
97
|
import { useLocaleReceiver } from '../../LocaleReciver';
|
|
97
98
|
import { SearchConfig } from '../../utils/constants';
|
|
98
|
-
import { isObject } from 'lodash-es';
|
|
99
|
+
import { cloneDeep, isObject } from 'lodash-es';
|
|
99
100
|
import useSearchStyle from '../style';
|
|
100
101
|
const __sfc_main__ = _defineComponent({
|
|
101
102
|
...{
|
|
@@ -152,6 +153,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
152
153
|
const layout = ref('horizontal');
|
|
153
154
|
const compatible = ref(false);
|
|
154
155
|
const screenSize = ref(true);
|
|
156
|
+
const expandedTermsCache = ref([]);
|
|
155
157
|
const context = inject(SearchConfig);
|
|
156
158
|
const prefixCls = computed(() => 'JSearch');
|
|
157
159
|
const [wrapSSR, hashId] = useSearchStyle(prefixCls);
|
|
@@ -161,23 +163,35 @@ const __sfc_main__ = _defineComponent({
|
|
|
161
163
|
const target = useRouteQuery('target');
|
|
162
164
|
const { initValues, columnsMap, defaultCacheValues } = useHandleColumns(props, terms, { mode: 'advanced' });
|
|
163
165
|
useOptionMapContent(columnsOptionMap);
|
|
166
|
+
const getExpandedTerms = () => {
|
|
167
|
+
if (expandedTermsCache.value.length) {
|
|
168
|
+
const cacheTerms = cloneDeep(expandedTermsCache.value);
|
|
169
|
+
if (terms.terms[0]) {
|
|
170
|
+
cacheTerms[0] = cloneDeep(terms.terms[0]);
|
|
171
|
+
}
|
|
172
|
+
return cacheTerms;
|
|
173
|
+
}
|
|
174
|
+
const arr = Object.values(columnsMap.value);
|
|
175
|
+
const mergeArr = [];
|
|
176
|
+
for (let i = 1; i < 6; i++) {
|
|
177
|
+
const indexIn = i % arr.length;
|
|
178
|
+
const obj = getItemDefaultValue(arr[indexIn], defaultCacheValues.value);
|
|
179
|
+
if (i === 3) {
|
|
180
|
+
obj.type = 'and';
|
|
181
|
+
}
|
|
182
|
+
mergeArr.push(obj);
|
|
183
|
+
}
|
|
184
|
+
return [...terms.terms, ...mergeArr];
|
|
185
|
+
};
|
|
164
186
|
const expandChange = () => {
|
|
165
|
-
expand.value = !expand.value;
|
|
166
|
-
terms.terms.length = 1;
|
|
167
187
|
if (expand.value) {
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
const obj = getItemDefaultValue(arr[indexIn], defaultCacheValues.value);
|
|
174
|
-
if (i === 3) {
|
|
175
|
-
obj.type = 'and';
|
|
176
|
-
}
|
|
177
|
-
mergeArr.push(obj);
|
|
178
|
-
}
|
|
179
|
-
terms.terms = [...terms.terms, ...mergeArr];
|
|
188
|
+
expandedTermsCache.value = cloneDeep(terms.terms);
|
|
189
|
+
terms.terms = terms.terms.slice(0, 1);
|
|
190
|
+
}
|
|
191
|
+
else {
|
|
192
|
+
terms.terms = getExpandedTerms();
|
|
180
193
|
}
|
|
194
|
+
expand.value = !expand.value;
|
|
181
195
|
};
|
|
182
196
|
const addUrlParams = () => {
|
|
183
197
|
if (props.target) {
|
|
@@ -203,6 +217,7 @@ const __sfc_main__ = _defineComponent({
|
|
|
203
217
|
*/
|
|
204
218
|
const reset = () => {
|
|
205
219
|
expand.value = false;
|
|
220
|
+
expandedTermsCache.value = [];
|
|
206
221
|
initValues();
|
|
207
222
|
if (props.type === 'advanced') {
|
|
208
223
|
q.value = undefined;
|
|
@@ -220,6 +235,9 @@ const __sfc_main__ = _defineComponent({
|
|
|
220
235
|
const object = compatibleOldTerms(content, columnsMap.value, defaultCacheValues.value);
|
|
221
236
|
terms.terms = object.terms || [];
|
|
222
237
|
expand.value = object.expand;
|
|
238
|
+
expandedTermsCache.value = object.expand
|
|
239
|
+
? cloneDeep((object.terms || []))
|
|
240
|
+
: [];
|
|
223
241
|
searchSubmit();
|
|
224
242
|
}
|
|
225
243
|
catch (e) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetlinks-web/components",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -154,9 +154,9 @@
|
|
|
154
154
|
"webpack-dev-server": "^4.0.0",
|
|
155
155
|
"webpack-merge": "^5.0.0",
|
|
156
156
|
"webpackbar": "^5.0.2",
|
|
157
|
-
"@jetlinks-web/constants": "^1.0.9",
|
|
158
157
|
"@jetlinks-web/utils": "^1.3.3",
|
|
159
|
-
"@jetlinks-web/hooks": "^1.1.1"
|
|
158
|
+
"@jetlinks-web/hooks": "^1.1.1",
|
|
159
|
+
"@jetlinks-web/constants": "^1.0.9"
|
|
160
160
|
},
|
|
161
161
|
"publishConfig": {
|
|
162
162
|
"registry": "https://registry.npmjs.org/",
|