ll-plus 2.6.14 → 2.6.17
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/components/tree-search/index.d.ts +10 -1
- package/es/components/tree-search/src/components/header-search.vue.d.ts +6 -1
- package/es/components/tree-search/src/config/header-search.d.ts +1 -0
- package/es/components/tree-search/src/config/tree-search.d.ts +1 -0
- package/es/components/tree-search/src/tree-search.vue.d.ts +10 -1
- package/es/packages/components/tree-search/src/components/header-search.vue2.mjs +4 -3
- package/es/packages/components/tree-search/src/components/header-search.vue2.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/header-search.mjs +7 -0
- package/es/packages/components/tree-search/src/config/header-search.mjs.map +1 -1
- package/es/packages/components/tree-search/src/config/tree-search.mjs +7 -0
- package/es/packages/components/tree-search/src/config/tree-search.mjs.map +1 -1
- package/es/packages/components/tree-search/src/tree-search.vue2.mjs +2 -1
- package/es/packages/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
- package/index.full.js +19 -3
- package/index.full.min.js +2 -2
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +2 -2
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +19 -3
- package/lib/components/tree-search/index.d.ts +10 -1
- package/lib/components/tree-search/src/components/header-search.vue.d.ts +6 -1
- package/lib/components/tree-search/src/config/header-search.d.ts +1 -0
- package/lib/components/tree-search/src/config/tree-search.d.ts +1 -0
- package/lib/components/tree-search/src/tree-search.vue.d.ts +10 -1
- package/lib/packages/components/tree-search/src/components/header-search.vue2.js +3 -2
- package/lib/packages/components/tree-search/src/components/header-search.vue2.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/header-search.js +7 -0
- package/lib/packages/components/tree-search/src/config/header-search.js.map +1 -1
- package/lib/packages/components/tree-search/src/config/tree-search.js +7 -0
- package/lib/packages/components/tree-search/src/config/tree-search.js.map +1 -1
- package/lib/packages/components/tree-search/src/tree-search.vue2.js +2 -1
- package/lib/packages/components/tree-search/src/tree-search.vue2.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/css/index.css +1 -1
- package/theme-chalk/fonts/iconfont.js +1 -1
- package/theme-chalk/fonts/iconfont.json +348 -12
- package/types/packages/components/tree-search/index.d.ts +10 -1
- package/types/packages/components/tree-search/src/components/header-search.vue.d.ts +6 -1
- package/types/packages/components/tree-search/src/config/header-search.d.ts +1 -0
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +1 -0
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +10 -1
|
@@ -9,6 +9,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
9
9
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
10
10
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
11
11
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
12
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
12
13
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
13
14
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
14
15
|
children: string;
|
|
@@ -67,6 +68,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
67
68
|
readonly treeData: any[];
|
|
68
69
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
69
70
|
readonly throttleTime: number;
|
|
71
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
70
72
|
readonly onSearchInputChange: Function;
|
|
71
73
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
72
74
|
readonly searchValue?: string | undefined;
|
|
@@ -141,6 +143,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
141
143
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
142
144
|
__epPropKey: true;
|
|
143
145
|
};
|
|
146
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
144
147
|
readonly onSearchInputChange: {
|
|
145
148
|
readonly type: import("vue").PropType<Function>;
|
|
146
149
|
readonly required: false;
|
|
@@ -149,6 +152,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
149
152
|
};
|
|
150
153
|
}, {
|
|
151
154
|
props: import("@vue/shared").LooseRequired<{
|
|
155
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
152
156
|
readonly searchValue?: string | undefined;
|
|
153
157
|
readonly throttleTime?: number | undefined;
|
|
154
158
|
readonly onSearchInputChange?: Function | undefined;
|
|
@@ -183,6 +187,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
183
187
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
184
188
|
__epPropKey: true;
|
|
185
189
|
};
|
|
190
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
186
191
|
readonly onSearchInputChange: {
|
|
187
192
|
readonly type: import("vue").PropType<Function>;
|
|
188
193
|
readonly required: false;
|
|
@@ -191,7 +196,9 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
191
196
|
};
|
|
192
197
|
}>> & {
|
|
193
198
|
onClick?: ((e: Event) => any) | undefined;
|
|
194
|
-
}, {
|
|
199
|
+
}, {
|
|
200
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
201
|
+
}, {}>;
|
|
195
202
|
DirectoryTitle: import("vue").DefineComponent<{
|
|
196
203
|
readonly isCollapseMenu: {
|
|
197
204
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
@@ -324,6 +331,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
324
331
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
325
332
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
326
333
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
334
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
327
335
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
328
336
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/index").IOperateTreeFieldNames) | (() => import("ll-plus/es/index").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
329
337
|
children: string;
|
|
@@ -388,6 +396,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
388
396
|
readonly treeData: any[];
|
|
389
397
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
390
398
|
readonly throttleTime: number;
|
|
399
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
391
400
|
readonly onSearchInputChange: Function;
|
|
392
401
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
393
402
|
}, {}>>;
|
|
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
12
12
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
13
13
|
__epPropKey: true;
|
|
14
14
|
};
|
|
15
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
15
16
|
readonly onSearchInputChange: {
|
|
16
17
|
readonly type: import("vue").PropType<Function>;
|
|
17
18
|
readonly required: false;
|
|
@@ -20,6 +21,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
20
21
|
};
|
|
21
22
|
}, {
|
|
22
23
|
props: import("@vue/shared").LooseRequired<{
|
|
24
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
23
25
|
readonly searchValue?: string | undefined;
|
|
24
26
|
readonly throttleTime?: number | undefined;
|
|
25
27
|
readonly onSearchInputChange?: Function | undefined;
|
|
@@ -54,6 +56,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
54
56
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
55
57
|
__epPropKey: true;
|
|
56
58
|
};
|
|
59
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
57
60
|
readonly onSearchInputChange: {
|
|
58
61
|
readonly type: import("vue").PropType<Function>;
|
|
59
62
|
readonly required: false;
|
|
@@ -62,5 +65,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
62
65
|
};
|
|
63
66
|
}>> & {
|
|
64
67
|
onClick?: ((e: Event) => any) | undefined;
|
|
65
|
-
}, {
|
|
68
|
+
}, {
|
|
69
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
70
|
+
}, {}>;
|
|
66
71
|
export default _default;
|
|
@@ -13,6 +13,7 @@ export declare const treeSelectHeaderSearchProps: {
|
|
|
13
13
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
14
14
|
__epPropKey: true;
|
|
15
15
|
};
|
|
16
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
16
17
|
readonly onSearchInputChange: {
|
|
17
18
|
readonly type: import("vue").PropType<Function>;
|
|
18
19
|
readonly required: false;
|
|
@@ -12,6 +12,7 @@ export declare const treeSearchProps: {
|
|
|
12
12
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
13
13
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
14
14
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
15
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
15
16
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
16
17
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => IOperateTreeFieldNames) | (() => IOperateTreeFieldNames) | ((new (...args: any[]) => IOperateTreeFieldNames) | (() => IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
17
18
|
children: string;
|
|
@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
9
9
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
10
10
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
11
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
11
12
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
12
13
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
13
14
|
children: string;
|
|
@@ -66,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
66
67
|
readonly treeData: any[];
|
|
67
68
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
68
69
|
readonly throttleTime: number;
|
|
70
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
69
71
|
readonly onSearchInputChange: Function;
|
|
70
72
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
71
73
|
readonly searchValue?: string | undefined;
|
|
@@ -140,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
140
142
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
141
143
|
__epPropKey: true;
|
|
142
144
|
};
|
|
145
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
143
146
|
readonly onSearchInputChange: {
|
|
144
147
|
readonly type: import("vue").PropType<Function>;
|
|
145
148
|
readonly required: false;
|
|
@@ -148,6 +151,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
148
151
|
};
|
|
149
152
|
}, {
|
|
150
153
|
props: import("@vue/shared").LooseRequired<{
|
|
154
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
151
155
|
readonly searchValue?: string | undefined;
|
|
152
156
|
readonly throttleTime?: number | undefined;
|
|
153
157
|
readonly onSearchInputChange?: Function | undefined;
|
|
@@ -182,6 +186,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
182
186
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
183
187
|
__epPropKey: true;
|
|
184
188
|
};
|
|
189
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
185
190
|
readonly onSearchInputChange: {
|
|
186
191
|
readonly type: import("vue").PropType<Function>;
|
|
187
192
|
readonly required: false;
|
|
@@ -190,7 +195,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
190
195
|
};
|
|
191
196
|
}>> & {
|
|
192
197
|
onClick?: ((e: Event) => any) | undefined;
|
|
193
|
-
}, {
|
|
198
|
+
}, {
|
|
199
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
200
|
+
}, {}>;
|
|
194
201
|
DirectoryTitle: import("vue").DefineComponent<{
|
|
195
202
|
readonly isCollapseMenu: {
|
|
196
203
|
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
|
|
@@ -323,6 +330,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
323
330
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
324
331
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
325
332
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
333
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
|
326
334
|
readonly treeData: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => never[], boolean>;
|
|
327
335
|
readonly fieldNames: import("ll-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames) | ((new (...args: any[]) => import("ll-plus/es/components").IOperateTreeFieldNames) | (() => import("ll-plus/es/components").IOperateTreeFieldNames))[], unknown, unknown, () => {
|
|
328
336
|
children: string;
|
|
@@ -387,6 +395,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
387
395
|
readonly treeData: any[];
|
|
388
396
|
readonly operateDropdownOpen: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
389
397
|
readonly throttleTime: number;
|
|
398
|
+
readonly isShowAddBtn: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
390
399
|
readonly onSearchInputChange: Function;
|
|
391
400
|
readonly operateWay: import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "modal" | "drawer", unknown>;
|
|
392
401
|
}, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createVNode, withCtx } from 'vue';
|
|
1
|
+
import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createCommentVNode, createVNode, withCtx, createBlock } from 'vue';
|
|
2
2
|
import _ from 'lodash';
|
|
3
3
|
import '../../../../utils/index.mjs';
|
|
4
4
|
import '../config/index.mjs';
|
|
@@ -46,7 +46,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
46
46
|
/* STABLE */
|
|
47
47
|
}, 8, ["value", "onChange"]),
|
|
48
48
|
createCommentVNode(" add "),
|
|
49
|
-
|
|
49
|
+
_ctx.isShowAddBtn ? (openBlock(), createBlock(_component_ll_button, {
|
|
50
|
+
key: 0,
|
|
50
51
|
class: normalizeClass(`${unref(bem).e("header-button")}`),
|
|
51
52
|
onClick: handleClick
|
|
52
53
|
}, {
|
|
@@ -55,7 +56,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
55
56
|
]),
|
|
56
57
|
_: 1
|
|
57
58
|
/* STABLE */
|
|
58
|
-
}, 8, ["class"])
|
|
59
|
+
}, 8, ["class"])) : createCommentVNode("v-if", true)
|
|
59
60
|
],
|
|
60
61
|
2
|
|
61
62
|
/* CLASS */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.e('header')\">\n <!-- input -->\n <a-input\n :value=\"props.searchValue\"\n placeholder=\"请输入关键字\"\n @change=\"throttleInputChange\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n </template>\n </a-input>\n <!-- add -->\n <ll-button
|
|
1
|
+
{"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.e('header')\">\n <!-- input -->\n <a-input\n :value=\"props.searchValue\"\n placeholder=\"请输入关键字\"\n @change=\"throttleInputChange\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n </template>\n </a-input>\n <!-- add -->\n <ll-button\n v-if=\"isShowAddBtn\"\n :class=\"`${bem.e('header-button')}`\"\n @click=\"handleClick\"\n >\n <ll-icon icon-name=\"icon-add\" />\n </ll-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport _ from 'lodash'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n treeSelectHeaderSearchProps,\n treeSelectHeaderSearchEmits\n} from '../config'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSelectHeaderSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSelectHeaderSearchProps)\nconst emits = defineEmits(treeSelectHeaderSearchEmits)\n\n// 3.ref\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = (e: any) => {\n props.onSearchInputChange && props.onSearchInputChange(e.target.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAW,KAAA;AACpC,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA,CAAA;AAAA,KACvE,CAAA;AACA,IAAA,MAAM,WAAc,GAAA,CAAC,CAAa,KAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAElD,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-search.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/header-search.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps } from '@ll-plus/utils'\n\nimport type HeaderSearch from '../components/header-search.vue'\n\nexport const treeSelectHeaderSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description 节流时间\n */\n throttleTime: {\n type: Number\n },\n /**\n * @description input的change\n */\n onSearchInputChange: {\n type: Function\n }\n} as const)\n\nexport const treeSelectHeaderSearchEmits = {\n click: (e: Event) => !!e // 点击新增按钮\n}\n\n// props\nexport type TreeSelectHeaderSearchProps = ExtractPropTypes<\n typeof treeSelectHeaderSearchProps\n>\n\n// emits\nexport type TreeSelectHeaderSearchEmits = ExtractPropTypes<\n typeof treeSelectHeaderSearchEmits\n>\n\n// instance\nexport type TreeSelectHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":[],"mappings":";;;;AAMO,MAAM,8BAA8B,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpD,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,2BAA8B,GAAA;AAAA,EACzC,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AACzB;;;;"}
|
|
1
|
+
{"version":3,"file":"header-search.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/header-search.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps } from '@ll-plus/utils'\n\nimport type HeaderSearch from '../components/header-search.vue'\n\nexport const treeSelectHeaderSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description 节流时间\n */\n throttleTime: {\n type: Number\n },\n /**\n * @description 是否显示头部add按钮\n */\n isShowAddBtn: {\n type: Boolean,\n default: true\n },\n /**\n * @description input的change\n */\n onSearchInputChange: {\n type: Function\n }\n} as const)\n\nexport const treeSelectHeaderSearchEmits = {\n click: (e: Event) => !!e // 点击新增按钮\n}\n\n// props\nexport type TreeSelectHeaderSearchProps = ExtractPropTypes<\n typeof treeSelectHeaderSearchProps\n>\n\n// emits\nexport type TreeSelectHeaderSearchEmits = ExtractPropTypes<\n typeof treeSelectHeaderSearchEmits\n>\n\n// instance\nexport type TreeSelectHeaderSearchInstance = InstanceType<typeof HeaderSearch>\n"],"names":[],"mappings":";;;;AAMO,MAAM,8BAA8B,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIpD,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,GACR;AACF,CAAU,EAAA;AAEH,MAAM,2BAA8B,GAAA;AAAA,EACzC,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AACzB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-search.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n ModalProps,\n DrawerProps,\n IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话,tree-operate不用隐藏)\n */\n operateDropdownOpen: {\n type: Boolean,\n default: false\n },\n /**\n * @description loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流延时\n */\n throttleTime: {\n type: Number,\n default: THROTTLE_TIME\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array),\n default: () => []\n },\n /**\n * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n */\n fieldNames: {\n type: definePropType<IOperateTreeFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 新增和编辑显示哪种弹窗(模态框/抽屉/自定义)\n */\n operateWay: {\n type: String,\n values: treeSearchOperateWayType,\n default: 'modal'\n },\n /**\n * @description LlModal的组件配置\n */\n modalConfigProps: {\n type: definePropType<ModalProps>(Object)\n },\n /**\n * @description LlDrawer的组件配置\n */\n drawerConfigProps: {\n type: definePropType<DrawerProps>(Object)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n clickAdd: () => true, // 点击头部新增按钮\n cancel: () => true, // 弹窗取消按钮事件\n ok: () => true, // 弹窗确定按钮事件\n close: () => true, // 弹窗的close\n expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n 'cancel',\n 'cancel',\n 'ok',\n 'close',\n 'expand',\n 'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":[],"mappings":";;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;"}
|
|
1
|
+
{"version":3,"file":"tree-search.mjs","sources":["../../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport {\n ModalProps,\n DrawerProps,\n IOperateTreeFieldNames\n} from '@ll-plus/components'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport const treeSearchProps = buildProps({\n /**\n * @description input的value\n */\n searchValue: {\n type: String\n },\n /**\n * @description tree-operate操作栏的下拉菜单是否打开(用于如果展开的话,tree-operate不用隐藏)\n */\n operateDropdownOpen: {\n type: Boolean,\n default: false\n },\n /**\n * @description loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流延时\n */\n throttleTime: {\n type: Number,\n default: THROTTLE_TIME\n },\n /**\n * @description 是否显示头部add按钮\n */\n isShowAddBtn: {\n type: Boolean,\n default: true\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array),\n default: () => []\n },\n /**\n * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n */\n fieldNames: {\n type: definePropType<IOperateTreeFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 新增和编辑显示哪种弹窗(模态框/抽屉/自定义)\n */\n operateWay: {\n type: String,\n values: treeSearchOperateWayType,\n default: 'modal'\n },\n /**\n * @description LlModal的组件配置\n */\n modalConfigProps: {\n type: definePropType<ModalProps>(Object)\n },\n /**\n * @description LlDrawer的组件配置\n */\n drawerConfigProps: {\n type: definePropType<DrawerProps>(Object)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n clickAdd: () => true, // 点击头部新增按钮\n cancel: () => true, // 弹窗取消按钮事件\n ok: () => true, // 弹窗确定按钮事件\n close: () => true, // 弹窗的close\n expand: (expandedKeys: string[], data: any) => expandedKeys || data, // tree的expand\n select: (selectedKeys: string[], e: Event) => selectedKeys || e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n 'cancel',\n 'cancel',\n 'ok',\n 'close',\n 'expand',\n 'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":[],"mappings":";;;;;AAWO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAE3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAuC,MAAM,CAAA;AAAA,IACnD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAyB,KAAK,CAAA;AAAA,GACtC;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,MAAQ,EAAA,CAAC,YAAwB,EAAA,IAAA,KAAc,YAAgB,IAAA,IAAA;AAAA;AAAA,EAC/D,MAAQ,EAAA,CAAC,YAAwB,EAAA,CAAA,KAAa,YAAgB,IAAA,CAAA;AAAA;AAChE,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;"}
|
|
@@ -81,9 +81,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
81
81
|
createVNode(HeaderSearch, {
|
|
82
82
|
"throttle-time": _ctx.throttleTime,
|
|
83
83
|
"search-value": _ctx.searchValue,
|
|
84
|
+
"is-show-add-btn": _ctx.isShowAddBtn,
|
|
84
85
|
"on-search-input-change": handleSearchInputChange,
|
|
85
86
|
onClick: handleClickAddBtn
|
|
86
|
-
}, null, 8, ["throttle-time", "search-value"]),
|
|
87
|
+
}, null, 8, ["throttle-time", "search-value", "is-show-add-btn"]),
|
|
87
88
|
createCommentVNode(" \u76EE\u5F55\u6807\u9898 "),
|
|
88
89
|
createVNode(DirectoryTitle, {
|
|
89
90
|
"is-collapse-menu": isCollapseMenu.value,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-search.vue2.mjs","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <!-- 头部搜索 -->\n <header-search\n :throttle-time=\"throttleTime\"\n :search-value=\"searchValue\"\n :on-search-input-change=\"handleSearchInputChange\"\n @click=\"handleClickAddBtn\"\n />\n <!-- 目录标题 -->\n <directory-title\n :is-collapse-menu=\"isCollapseMenu\"\n @collapse-menu=\"handleCollapseMenu\"\n />\n <!-- operate-tree -->\n <ll-operate-tree\n v-bind=\"attrs\"\n :operate-dropdown-open=\"operateDropdownOpen\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\" />\n </template>\n <!-- icon-slots -->\n <template #icon=\"slots\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </template>\n <!-- title-slots -->\n <template #treeTitle=\"slots\">\n <slot name=\"treeTitle\" v-bind=\"slots\" />\n </template>\n <!-- operate-slot -->\n <template #treeOperate=\"slots\">\n <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n </template>\n <!-- empty-slot -->\n <template #empty>\n <slot name=\"empty\" />\n </template>\n </ll-operate-tree>\n <!-- 操作出现的方式 -->\n <!-- 模态框 -->\n <template v-if=\"operateWay === 'modal'\">\n <ll-modal\n v-bind=\"modalConfigProps\"\n :open=\"open\"\n @ok=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n >\n <slot name=\"operateBoxContent\" />\n </ll-modal>\n </template>\n <!-- 抽屉 -->\n <template v-else-if=\"operateWay === 'drawer'\">\n <ll-drawer\n v-bind=\"drawerConfigProps\"\n :open=\"open\"\n @confirm=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n @close=\"handleClickCloseBtn\"\n >\n <slot name=\"operateBoxContent\" />\n <template #footer-left>\n <slot name=\"drawerFooterLeft\" />\n </template>\n </ll-drawer>\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n const keys: any[] = []\n const getKeys = (children: any[]) => {\n if (children) {\n children.forEach(item => {\n keys.push(item[props.fieldNames!['key']!])\n if (item[props.fieldNames!['children']!]) {\n getKeys(item[props.fieldNames!['children']!])\n }\n })\n }\n }\n getKeys(children)\n return keys\n}\nconst handleCollapseMenu = () => {\n isCollapseMenu.value = !isCollapseMenu.value\n if (isCollapseMenu.value) {\n newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n } else {\n newExpandedKeys.value = []\n }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n props.onSearchInputChange && props.onSearchInputChange(v)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys\n }\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["children"],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"tree-search.vue2.mjs","sources":["../../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <!-- 头部搜索 -->\n <header-search\n :throttle-time=\"throttleTime\"\n :search-value=\"searchValue\"\n :is-show-add-btn=\"isShowAddBtn\"\n :on-search-input-change=\"handleSearchInputChange\"\n @click=\"handleClickAddBtn\"\n />\n <!-- 目录标题 -->\n <directory-title\n :is-collapse-menu=\"isCollapseMenu\"\n @collapse-menu=\"handleCollapseMenu\"\n />\n <!-- operate-tree -->\n <ll-operate-tree\n v-bind=\"attrs\"\n :operate-dropdown-open=\"operateDropdownOpen\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :tree-data=\"treeData\"\n :expanded-keys=\"newExpandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\n <!-- switcher-icon-slots -->\n <template #switcherIcon=\"slots\">\n <slot name=\"switcherIcon\" v-bind=\"slots\" />\n </template>\n <!-- icon-slots -->\n <template #icon=\"slots\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </template>\n <!-- title-slots -->\n <template #treeTitle=\"slots\">\n <slot name=\"treeTitle\" v-bind=\"slots\" />\n </template>\n <!-- operate-slot -->\n <template #treeOperate=\"slots\">\n <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n </template>\n <!-- empty-slot -->\n <template #empty>\n <slot name=\"empty\" />\n </template>\n </ll-operate-tree>\n <!-- 操作出现的方式 -->\n <!-- 模态框 -->\n <template v-if=\"operateWay === 'modal'\">\n <ll-modal\n v-bind=\"modalConfigProps\"\n :open=\"open\"\n @ok=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n >\n <slot name=\"operateBoxContent\" />\n </ll-modal>\n </template>\n <!-- 抽屉 -->\n <template v-else-if=\"operateWay === 'drawer'\">\n <ll-drawer\n v-bind=\"drawerConfigProps\"\n :open=\"open\"\n @confirm=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n @close=\"handleClickCloseBtn\"\n >\n <slot name=\"operateBoxContent\" />\n <template #footer-left>\n <slot name=\"drawerFooterLeft\" />\n </template>\n </ll-drawer>\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs, watch } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport { LlOperateTree } from '@ll-plus/components'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\nconst newExpandedKeys = ref<string[]>([])\n// 输入框内容\n// const searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\n// 获取所有树的keys\nconst getTreeDataKeys = (children: any[]) => {\n const keys: any[] = []\n const getKeys = (children: any[]) => {\n if (children) {\n children.forEach(item => {\n keys.push(item[props.fieldNames!['key']!])\n if (item[props.fieldNames!['children']!]) {\n getKeys(item[props.fieldNames!['children']!])\n }\n })\n }\n }\n getKeys(children)\n return keys\n}\nconst handleCollapseMenu = () => {\n isCollapseMenu.value = !isCollapseMenu.value\n if (isCollapseMenu.value) {\n newExpandedKeys.value = getTreeDataKeys(props.treeData!)\n } else {\n newExpandedKeys.value = []\n }\n}\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n props.onSearchInputChange && props.onSearchInputChange(v)\n}\n// 点击头部add\nconst handleClickAddBtn = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n\n// 6.watch\n// 如果有数据并且输入框有内容则展开\nwatch(\n () => props.expandedKeys,\n keys => {\n if (keys) {\n newExpandedKeys.value = keys\n }\n },\n {\n deep: true\n }\n)\n</script>\n"],"names":["children"],"mappings":";;;;;;;;;;;;;;;;;AA0FA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAChC,IAAM,MAAA,eAAA,GAAkB,GAAc,CAAA,EAAE,CAAA,CAAA;AAGxC,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAIvB,IAAM,MAAA,eAAA,GAAkB,CAAC,QAAoB,KAAA;AAC3C,MAAA,MAAM,OAAc,EAAC,CAAA;AACrB,MAAM,MAAA,OAAA,GAAU,CAACA,SAAoB,KAAA;AACnC,QAAA,IAAIA,SAAU,EAAA;AACZ,UAAAA,SAAAA,CAAS,QAAQ,CAAQ,IAAA,KAAA;AACvB,YAAA,IAAA,CAAK,KAAK,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,KAAK,CAAE,CAAC,CAAA,CAAA;AACzC,YAAA,IAAI,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAG,EAAA;AACxC,cAAA,OAAA,CAAQ,IAAK,CAAA,KAAA,CAAM,UAAY,CAAA,UAAU,CAAE,CAAC,CAAA,CAAA;AAAA,aAC9C;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAAA,OACF,CAAA;AACA,MAAA,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAChB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AACA,IAAA,MAAM,qBAAqB,MAAM;AAC/B,MAAe,cAAA,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AACvC,MAAA,IAAI,eAAe,KAAO,EAAA;AACxB,QAAgB,eAAA,CAAA,KAAA,GAAQ,eAAgB,CAAA,KAAA,CAAM,QAAS,CAAA,CAAA;AAAA,OAClD,MAAA;AACL,QAAA,eAAA,CAAgB,QAAQ,EAAC,CAAA;AAAA,OAC3B;AAAA,KACF,CAAA;AAEA,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAM,KAAA,CAAA,mBAAA,IAAuB,KAAM,CAAA,mBAAA,CAAoB,CAAC,CAAA,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEzC,IAAM,MAAA,oBAAA,GAAuB,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;AAI/C,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,YAAA;AAAA,MACZ,CAAQ,IAAA,KAAA;AACN,QAAA,IAAI,IAAM,EAAA;AACR,UAAA,eAAA,CAAgB,KAAQ,GAAA,IAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,MACA;AAAA,QACE,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.full.js
CHANGED
|
@@ -76875,6 +76875,13 @@
|
|
|
76875
76875
|
throttleTime: {
|
|
76876
76876
|
type: Number
|
|
76877
76877
|
},
|
|
76878
|
+
/**
|
|
76879
|
+
* @description 是否显示头部add按钮
|
|
76880
|
+
*/
|
|
76881
|
+
isShowAddBtn: {
|
|
76882
|
+
type: Boolean,
|
|
76883
|
+
default: true
|
|
76884
|
+
},
|
|
76878
76885
|
/**
|
|
76879
76886
|
* @description input的change
|
|
76880
76887
|
*/
|
|
@@ -76931,6 +76938,13 @@
|
|
|
76931
76938
|
type: Number,
|
|
76932
76939
|
default: THROTTLE_TIME
|
|
76933
76940
|
},
|
|
76941
|
+
/**
|
|
76942
|
+
* @description 是否显示头部add按钮
|
|
76943
|
+
*/
|
|
76944
|
+
isShowAddBtn: {
|
|
76945
|
+
type: Boolean,
|
|
76946
|
+
default: true
|
|
76947
|
+
},
|
|
76934
76948
|
/**
|
|
76935
76949
|
* @description tree的数据
|
|
76936
76950
|
*/
|
|
@@ -82538,7 +82552,8 @@
|
|
|
82538
82552
|
/* STABLE */
|
|
82539
82553
|
}, 8, ["value", "onChange"]),
|
|
82540
82554
|
require$$0.createCommentVNode(" add "),
|
|
82541
|
-
require$$0.
|
|
82555
|
+
_ctx.isShowAddBtn ? (require$$0.openBlock(), require$$0.createBlock(_component_ll_button, {
|
|
82556
|
+
key: 0,
|
|
82542
82557
|
class: require$$0.normalizeClass(`${require$$0.unref(bem).e("header-button")}`),
|
|
82543
82558
|
onClick: handleClick
|
|
82544
82559
|
}, {
|
|
@@ -82547,7 +82562,7 @@
|
|
|
82547
82562
|
]),
|
|
82548
82563
|
_: 1
|
|
82549
82564
|
/* STABLE */
|
|
82550
|
-
}, 8, ["class"])
|
|
82565
|
+
}, 8, ["class"])) : require$$0.createCommentVNode("v-if", true)
|
|
82551
82566
|
],
|
|
82552
82567
|
2
|
|
82553
82568
|
/* CLASS */
|
|
@@ -82719,9 +82734,10 @@
|
|
|
82719
82734
|
require$$0.createVNode(HeaderSearch, {
|
|
82720
82735
|
"throttle-time": _ctx.throttleTime,
|
|
82721
82736
|
"search-value": _ctx.searchValue,
|
|
82737
|
+
"is-show-add-btn": _ctx.isShowAddBtn,
|
|
82722
82738
|
"on-search-input-change": handleSearchInputChange,
|
|
82723
82739
|
onClick: handleClickAddBtn
|
|
82724
|
-
}, null, 8, ["throttle-time", "search-value"]),
|
|
82740
|
+
}, null, 8, ["throttle-time", "search-value", "is-show-add-btn"]),
|
|
82725
82741
|
require$$0.createCommentVNode(" \u76EE\u5F55\u6807\u9898 "),
|
|
82726
82742
|
require$$0.createVNode(DirectoryTitle, {
|
|
82727
82743
|
"is-collapse-menu": isCollapseMenu.value,
|