ll-plus 2.0.12 → 2.0.15
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/select-group/src/select-group.d.ts +9 -3
- package/es/components/select-group/src/select-group.mjs +1 -2
- package/es/components/select-group/src/select-group.mjs.map +1 -1
- package/es/components/tree-search/index.d.ts +28 -21
- package/es/components/tree-search/index.mjs.map +1 -1
- package/es/components/tree-search/src/components/header-search.vue.d.ts +5 -4
- package/es/components/tree-search/src/components/header-search.vue2.mjs +2 -1
- package/es/components/tree-search/src/components/header-search.vue2.mjs.map +1 -1
- package/es/components/tree-search/src/config/header-search.d.ts +1 -1
- package/es/components/tree-search/src/config/header-search.mjs +1 -2
- package/es/components/tree-search/src/config/header-search.mjs.map +1 -1
- package/es/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/es/components/tree-search/src/config/tree-search.mjs +4 -8
- package/es/components/tree-search/src/config/tree-search.mjs.map +1 -1
- package/es/components/tree-search/src/tree-search.vue.d.ts +22 -21
- package/es/components/tree-search/src/tree-search.vue2.mjs +10 -10
- package/es/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
- package/index.full.js +18 -23
- package/index.full.min.js +8 -8
- package/index.full.min.js.map +1 -1
- package/index.full.min.mjs +8 -8
- package/index.full.min.mjs.map +1 -1
- package/index.full.mjs +18 -23
- package/lib/components/select-group/src/select-group.d.ts +9 -3
- package/lib/components/select-group/src/select-group.js +1 -2
- package/lib/components/select-group/src/select-group.js.map +1 -1
- package/lib/components/tree-search/index.d.ts +28 -21
- package/lib/components/tree-search/index.js.map +1 -1
- package/lib/components/tree-search/src/components/header-search.vue.d.ts +5 -4
- package/lib/components/tree-search/src/components/header-search.vue2.js +2 -1
- package/lib/components/tree-search/src/components/header-search.vue2.js.map +1 -1
- package/lib/components/tree-search/src/config/header-search.d.ts +1 -1
- package/lib/components/tree-search/src/config/header-search.js +1 -2
- package/lib/components/tree-search/src/config/header-search.js.map +1 -1
- package/lib/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/lib/components/tree-search/src/config/tree-search.js +4 -8
- package/lib/components/tree-search/src/config/tree-search.js.map +1 -1
- package/lib/components/tree-search/src/tree-search.vue.d.ts +22 -21
- package/lib/components/tree-search/src/tree-search.vue2.js +10 -10
- package/lib/components/tree-search/src/tree-search.vue2.js.map +1 -1
- package/package.json +1 -1
- package/theme-chalk/fonts/iconfont.js +1 -1
- package/theme-chalk/fonts/iconfont.json +70 -0
- package/types/packages/components/select-group/src/select-group.d.ts +9 -3
- package/types/packages/components/tree-search/index.d.ts +28 -21
- package/types/packages/components/tree-search/src/components/header-search.vue.d.ts +5 -4
- package/types/packages/components/tree-search/src/config/header-search.d.ts +1 -1
- package/types/packages/components/tree-search/src/config/tree-search.d.ts +4 -4
- package/types/packages/components/tree-search/src/tree-search.vue.d.ts +22 -21
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import type { ExtractPropTypes } from 'vue';
|
|
2
2
|
import type SelectGroup from './select-group.vue';
|
|
3
3
|
export interface ISelectGroupItem {
|
|
4
|
-
name
|
|
5
|
-
value
|
|
4
|
+
name?: string;
|
|
5
|
+
value?: any;
|
|
6
|
+
[key: string]: any;
|
|
6
7
|
}
|
|
7
8
|
export declare const selectGroupFormType: readonly ["input", "select", "range-picker", "treeSelect"];
|
|
8
9
|
export declare const selectGroupData: {
|
|
@@ -24,7 +25,12 @@ export declare const selectGroupData: {
|
|
|
24
25
|
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
25
26
|
__epPropKey: true;
|
|
26
27
|
};
|
|
27
|
-
readonly showFormType:
|
|
28
|
+
readonly showFormType: {
|
|
29
|
+
readonly type: import("vue").PropType<import("ll-plus/es/utils").EpPropMergeType<StringConstructor, "input" | "select" | "range-picker" | "treeSelect", unknown>>;
|
|
30
|
+
readonly required: false;
|
|
31
|
+
readonly validator: ((val: unknown) => boolean) | undefined;
|
|
32
|
+
__epPropKey: true;
|
|
33
|
+
};
|
|
28
34
|
readonly fieldNames: {
|
|
29
35
|
readonly type: import("vue").PropType<object>;
|
|
30
36
|
readonly required: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-group.mjs","sources":["../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n name
|
|
1
|
+
{"version":3,"file":"select-group.mjs","sources":["../../../../../packages/components/select-group/src/select-group.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\n\nimport { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type SelectGroup from './select-group.vue'\n\nexport interface ISelectGroupItem {\n name?: string\n value?: any\n [key: string]: any\n}\n\nexport const selectGroupFormType = [\n 'input',\n 'select',\n 'range-picker',\n 'treeSelect'\n] as const\n\nexport const selectGroupData = buildProps({\n // buildProps和defineprops一样\n /**\n * @description 表单提示占位符\n */\n placeholder: {\n type: String\n },\n /**\n * @description 表单的字段 name\n */\n name: {\n type: String,\n required: true\n },\n /**\n * @description 右边表单的 value\n */\n value: {\n type: String,\n required: true\n },\n /**\n * @description SVG 图标的大小,size x size\n */\n showFormType: {\n type: String,\n values: selectGroupFormType\n },\n /**\n * @description 格式化属性例如tree/select\n */\n fieldNames: {\n type: definePropType<object>(Object)\n },\n /**\n * @description select的options\n */\n options: {\n type: definePropType<any[]>(Array)\n },\n /**\n * @description 左侧选择的options\n */\n list: {\n type: definePropType<ISelectGroupItem[]>(Array)\n }\n} as const)\nexport const selectGroupProps = buildProps({\n /**\n * @description select的options\n */\n data: {\n type: definePropType<SelectGroupData[]>(Array),\n default: () => []\n }\n} as const)\n\nexport const selectGroupEmits = {\n change: (selectV: string, value: string) => !!selectV && !!value\n}\n\n// props\nexport type SelectGroupProps = ExtractPropTypes<typeof selectGroupProps>\nexport type SelectGroupData = ExtractPropTypes<typeof selectGroupData>\nexport type SelectGroupFormType = SelectGroupData['showFormType']\n\nexport type SelectGroupEmits = typeof selectGroupEmits\n\n// instance\nexport type SelectGroupInstance = InstanceType<typeof SelectGroup>\n"],"names":[],"mappings":";;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxC,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,mBAAA;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAmC,KAAK,CAAA;AAAA,GAChD;AACF,CAAU,EAAA;AACH,MAAM,mBAAmB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,IAAM,EAAA;AAAA,IACJ,IAAA,EAAM,eAAkC,KAAK,CAAA;AAAA,IAC7C,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU,EAAA;AAEH,MAAM,gBAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,OAAiB,EAAA,KAAA,KAAkB,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,KAAA;AAC7D;;;;"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import TreeSearch from './src/tree-search.vue';
|
|
1
2
|
export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
|
|
2
3
|
readonly loading: import("ll-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
|
|
3
4
|
readonly throttleTime: import("ll-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
|
|
@@ -77,13 +78,13 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
77
78
|
} | undefined;
|
|
78
79
|
readonly expandedKeys?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string[] | number[]) | (() => string[] | number[]) | ((new (...args: any[]) => string[] | number[]) | (() => string[] | number[]))[], unknown, unknown> | undefined;
|
|
79
80
|
readonly onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
|
|
80
|
-
readonly onClose?: (() => any) | undefined;
|
|
81
|
-
readonly onCancel?: (() => any) | undefined;
|
|
82
|
-
readonly onOk?: (() => any) | undefined;
|
|
81
|
+
readonly onClose?: ((e: Event) => any) | undefined;
|
|
82
|
+
readonly onCancel?: ((e: Event) => any) | undefined;
|
|
83
|
+
readonly onOk?: ((e: Event) => any) | undefined;
|
|
83
84
|
readonly onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
|
|
84
|
-
readonly onClickAdd?: (() => any) | undefined;
|
|
85
|
+
readonly onClickAdd?: ((e: Event) => any) | undefined;
|
|
85
86
|
} & {}>;
|
|
86
|
-
emits: ((event: "close") => void) & ((event: "cancel") => void) & ((event: "ok") => void) & ((event: "select", selectedKeys: any, e: any) => void) & ((event: "expand", expandedKeys: any, data: any) => void) & ((event: "clickAdd") => void);
|
|
87
|
+
emits: ((event: "close", e: Event) => void) & ((event: "cancel", e: Event) => void) & ((event: "ok", e: Event) => void) & ((event: "select", selectedKeys: any, e: any) => void) & ((event: "expand", expandedKeys: any, data: any) => void) & ((event: "clickAdd", e: Event) => void);
|
|
87
88
|
isCollapseMenu: import("vue").Ref<boolean>;
|
|
88
89
|
searchValue: import("vue").Ref<string>;
|
|
89
90
|
bem: {
|
|
@@ -101,12 +102,12 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
101
102
|
};
|
|
102
103
|
handleCollapseMenu: () => boolean;
|
|
103
104
|
handleSearchInputChange: (v: string) => void;
|
|
104
|
-
handleClickAddBtn: () => void;
|
|
105
|
+
handleClickAddBtn: (e: Event) => void;
|
|
105
106
|
handleTreeExpand: (expandedKeys: string[], data: any) => void;
|
|
106
107
|
handleTreeSelect: (keys: string[], e: any) => void;
|
|
107
|
-
handleClickOkBtn: () => void;
|
|
108
|
-
handleClickCancelBtn: () => void;
|
|
109
|
-
handleClickCloseBtn: () => void;
|
|
108
|
+
handleClickOkBtn: (e: any) => void;
|
|
109
|
+
handleClickCancelBtn: (e: any) => void;
|
|
110
|
+
handleClickCloseBtn: (e: any) => void;
|
|
110
111
|
HeaderSearch: import("vue").DefineComponent<{
|
|
111
112
|
readonly searchValue: {
|
|
112
113
|
readonly type: import("vue").PropType<string>;
|
|
@@ -131,9 +132,9 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
131
132
|
readonly throttleTime?: number | undefined;
|
|
132
133
|
readonly onSearchInputChange?: Function | undefined;
|
|
133
134
|
readonly searchValue?: string | undefined;
|
|
134
|
-
readonly onClick?: (() => any) | undefined;
|
|
135
|
+
readonly onClick?: ((e: Event) => any) | undefined;
|
|
135
136
|
} & {}>;
|
|
136
|
-
emits: (event: "click") => void;
|
|
137
|
+
emits: (event: "click", e: Event) => void;
|
|
137
138
|
searchValue: import("vue").Ref<string>;
|
|
138
139
|
bem: {
|
|
139
140
|
b: (blockSuffix?: string) => string;
|
|
@@ -146,9 +147,10 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
146
147
|
is: (name?: string) => string;
|
|
147
148
|
};
|
|
148
149
|
handleInputChange: () => void;
|
|
150
|
+
handleClick: (e: Event) => void;
|
|
149
151
|
throttleInputChange: import("lodash").DebouncedFunc<() => void>;
|
|
150
152
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
151
|
-
click: () =>
|
|
153
|
+
click: (e: Event) => boolean;
|
|
152
154
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
153
155
|
readonly searchValue: {
|
|
154
156
|
readonly type: import("vue").PropType<string>;
|
|
@@ -169,7 +171,7 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
169
171
|
__epPropKey: true;
|
|
170
172
|
};
|
|
171
173
|
}>> & {
|
|
172
|
-
onClick?: (() => any) | undefined;
|
|
174
|
+
onClick?: ((e: Event) => any) | undefined;
|
|
173
175
|
}, {}, {}>;
|
|
174
176
|
DirectoryTitle: import("vue").DefineComponent<{
|
|
175
177
|
readonly isCollapseMenu: {
|
|
@@ -313,10 +315,10 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
313
315
|
onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
|
|
314
316
|
}, {}, {}>;
|
|
315
317
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
316
|
-
clickAdd: () =>
|
|
317
|
-
cancel: () =>
|
|
318
|
-
ok: () =>
|
|
319
|
-
close: () =>
|
|
318
|
+
clickAdd: (e: Event) => boolean;
|
|
319
|
+
cancel: (e: Event) => boolean;
|
|
320
|
+
ok: (e: Event) => boolean;
|
|
321
|
+
close: (e: Event) => boolean;
|
|
320
322
|
expand: (expandedKeys: any, data: any) => boolean;
|
|
321
323
|
select: (selectedKeys: any, e: any) => boolean;
|
|
322
324
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -369,11 +371,11 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
369
371
|
readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
|
|
370
372
|
}>> & {
|
|
371
373
|
onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
|
|
372
|
-
onClose?: (() => any) | undefined;
|
|
373
|
-
onCancel?: (() => any) | undefined;
|
|
374
|
-
onOk?: (() => any) | undefined;
|
|
374
|
+
onClose?: ((e: Event) => any) | undefined;
|
|
375
|
+
onCancel?: ((e: Event) => any) | undefined;
|
|
376
|
+
onOk?: ((e: Event) => any) | undefined;
|
|
375
377
|
onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
|
|
376
|
-
onClickAdd?: (() => any) | undefined;
|
|
378
|
+
onClickAdd?: ((e: Event) => any) | undefined;
|
|
377
379
|
}, {
|
|
378
380
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
379
381
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -385,3 +387,8 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
|
|
|
385
387
|
}, {}>>;
|
|
386
388
|
export default LlTreeSearch;
|
|
387
389
|
export * from './src/config';
|
|
390
|
+
declare module 'vue' {
|
|
391
|
+
interface GlobalComponents {
|
|
392
|
+
LlTreeSearch: typeof TreeSearch;
|
|
393
|
+
}
|
|
394
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/tree-search/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport TreeSearch from './src/tree-search.vue'\n\nexport const LlTreeSearch = withInstall(TreeSearch)\nexport default LlTreeSearch\nexport * from './src/config'\n\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/components/tree-search/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport TreeSearch from './src/tree-search.vue'\n\nexport const LlTreeSearch = withInstall(TreeSearch)\nexport default LlTreeSearch\nexport * from './src/config'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlTreeSearch: typeof TreeSearch\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;AAIa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}
|
|
@@ -23,9 +23,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
23
23
|
readonly throttleTime?: number | undefined;
|
|
24
24
|
readonly onSearchInputChange?: Function | undefined;
|
|
25
25
|
readonly searchValue?: string | undefined;
|
|
26
|
-
readonly onClick?: (() => any) | undefined;
|
|
26
|
+
readonly onClick?: ((e: Event) => any) | undefined;
|
|
27
27
|
} & {}>;
|
|
28
|
-
emits: (event: "click") => void;
|
|
28
|
+
emits: (event: "click", e: Event) => void;
|
|
29
29
|
searchValue: import("vue").Ref<string>;
|
|
30
30
|
bem: {
|
|
31
31
|
b: (blockSuffix?: string) => string;
|
|
@@ -38,9 +38,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
38
38
|
is: (name?: string) => string;
|
|
39
39
|
};
|
|
40
40
|
handleInputChange: () => void;
|
|
41
|
+
handleClick: (e: Event) => void;
|
|
41
42
|
throttleInputChange: _.DebouncedFunc<() => void>;
|
|
42
43
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
43
|
-
click: () =>
|
|
44
|
+
click: (e: Event) => boolean;
|
|
44
45
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
45
46
|
readonly searchValue: {
|
|
46
47
|
readonly type: import("vue").PropType<string>;
|
|
@@ -61,6 +62,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
61
62
|
__epPropKey: true;
|
|
62
63
|
};
|
|
63
64
|
}>> & {
|
|
64
|
-
onClick?: (() => any) | undefined;
|
|
65
|
+
onClick?: ((e: Event) => any) | undefined;
|
|
65
66
|
}, {}, {}>;
|
|
66
67
|
export default _default;
|
|
@@ -19,6 +19,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
19
19
|
const handleInputChange = () => {
|
|
20
20
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
21
21
|
};
|
|
22
|
+
const handleClick = (e) => emits("click", e);
|
|
22
23
|
const throttleInputChange = _.throttle(handleInputChange, props.throttleTime);
|
|
23
24
|
return (_ctx, _cache) => {
|
|
24
25
|
const _component_ll_icon = resolveComponent("ll-icon");
|
|
@@ -49,7 +50,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
49
50
|
createCommentVNode(" add "),
|
|
50
51
|
createVNode(_component_ll_button, {
|
|
51
52
|
class: normalizeClass(unref(bem).e("header-button")),
|
|
52
|
-
onClick:
|
|
53
|
+
onClick: handleClick
|
|
53
54
|
}, {
|
|
54
55
|
default: withCtx(() => [
|
|
55
56
|
createVNode(_component_ll_icon, { "icon-name": "icon-add" })
|
|
@@ -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 v-model:value=\"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 :class=\"bem.e('header-button')\" @click=\"
|
|
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 v-model:value=\"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 :class=\"bem.e('header-button')\" @click=\"handleClick\">\n <ll-icon icon-name=\"icon-add\" />\n </ll-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\n\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\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = () => {\n props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -21,7 +21,7 @@ export declare const treeSelectHeaderSearchProps: {
|
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
export declare const treeSelectHeaderSearchEmits: {
|
|
24
|
-
click: () =>
|
|
24
|
+
click: (e: Event) => boolean;
|
|
25
25
|
};
|
|
26
26
|
export type TreeSelectHeaderSearchProps = ExtractPropTypes<typeof treeSelectHeaderSearchProps>;
|
|
27
27
|
export type TreeSelectHeaderSearchEmits = ExtractPropTypes<typeof treeSelectHeaderSearchEmits>;
|
|
@@ -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: () =>
|
|
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;;;;"}
|
|
@@ -56,10 +56,10 @@ export declare const treeSearchProps: {
|
|
|
56
56
|
readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
|
|
57
57
|
};
|
|
58
58
|
export declare const treeSearchEmits: {
|
|
59
|
-
clickAdd: () =>
|
|
60
|
-
cancel: () =>
|
|
61
|
-
ok: () =>
|
|
62
|
-
close: () =>
|
|
59
|
+
clickAdd: (e: Event) => boolean;
|
|
60
|
+
cancel: (e: Event) => boolean;
|
|
61
|
+
ok: (e: Event) => boolean;
|
|
62
|
+
close: (e: Event) => boolean;
|
|
63
63
|
expand: (expandedKeys: any, data: any) => boolean;
|
|
64
64
|
select: (selectedKeys: any, e: any) => boolean;
|
|
65
65
|
};
|
|
@@ -75,17 +75,13 @@ const treeSearchProps = buildProps({
|
|
|
75
75
|
}
|
|
76
76
|
});
|
|
77
77
|
const treeSearchEmits = {
|
|
78
|
-
clickAdd: () =>
|
|
79
|
-
},
|
|
78
|
+
clickAdd: (e) => !!e,
|
|
80
79
|
// 点击头部新增按钮
|
|
81
|
-
cancel: () =>
|
|
82
|
-
},
|
|
80
|
+
cancel: (e) => !!e,
|
|
83
81
|
// 弹窗取消按钮事件
|
|
84
|
-
ok: () =>
|
|
85
|
-
},
|
|
82
|
+
ok: (e) => !!e,
|
|
86
83
|
// 弹窗确定按钮事件
|
|
87
|
-
close: () =>
|
|
88
|
-
},
|
|
84
|
+
close: (e) => !!e,
|
|
89
85
|
// 弹窗的close
|
|
90
86
|
expand: (expandedKeys, data) => !!expandedKeys && !!data,
|
|
91
87
|
// tree的expand
|
|
@@ -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 { ModalProps, DrawerProps } from '../../../index'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport interface ITreeSearchFieldNames {\n children?: string\n title?: string\n key?: string\n}\n\nexport const treeSearchProps = buildProps({\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<ITreeSearchFieldNames>(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[] | number[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\nexport const treeSearchEmits = {\n clickAdd: () =>
|
|
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 { ModalProps, DrawerProps } from '../../../index'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport interface ITreeSearchFieldNames {\n children?: string\n title?: string\n key?: string\n}\n\nexport const treeSearchProps = buildProps({\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<ITreeSearchFieldNames>(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[] | number[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\nexport const treeSearchEmits = {\n clickAdd: (e: Event) => !!e, // 点击头部新增按钮\n cancel: (e: Event) => !!e, // 弹窗取消按钮事件\n ok: (e: Event) => !!e, // 弹窗确定按钮事件\n close: (e: Event) => !!e, // 弹窗的close\n expand: (expandedKeys, data) => !!expandedKeys && !!data, // tree的expand\n select: (selectedKeys, e) => !!selectedKeys && !!e // tree的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":";;;;;AAOO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAQ3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,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,eAAsC,MAAM,CAAA;AAAA,IAClD,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,eAAoC,KAAK,CAAA;AAAA,GACjD;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;AAEH,MAAM,eAAkB,GAAA;AAAA,EAC7B,QAAU,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EAC1B,MAAQ,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EACxB,EAAI,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EACpB,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EACvB,MAAA,EAAQ,CAAC,YAAc,EAAA,IAAA,KAAS,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,IAAA;AAAA;AAAA,EACpD,MAAA,EAAQ,CAAC,YAAc,EAAA,CAAA,KAAM,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,CAAA;AAAA;AACnD;;;;"}
|
|
@@ -77,13 +77,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
77
77
|
} | undefined;
|
|
78
78
|
readonly expandedKeys?: import("ll-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string[] | number[]) | (() => string[] | number[]) | ((new (...args: any[]) => string[] | number[]) | (() => string[] | number[]))[], unknown, unknown> | undefined;
|
|
79
79
|
readonly onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
|
|
80
|
-
readonly onClose?: (() => any) | undefined;
|
|
81
|
-
readonly onCancel?: (() => any) | undefined;
|
|
82
|
-
readonly onOk?: (() => any) | undefined;
|
|
80
|
+
readonly onClose?: ((e: Event) => any) | undefined;
|
|
81
|
+
readonly onCancel?: ((e: Event) => any) | undefined;
|
|
82
|
+
readonly onOk?: ((e: Event) => any) | undefined;
|
|
83
83
|
readonly onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
|
|
84
|
-
readonly onClickAdd?: (() => any) | undefined;
|
|
84
|
+
readonly onClickAdd?: ((e: Event) => any) | undefined;
|
|
85
85
|
} & {}>;
|
|
86
|
-
emits: ((event: "close") => void) & ((event: "cancel") => void) & ((event: "ok") => void) & ((event: "select", selectedKeys: any, e: any) => void) & ((event: "expand", expandedKeys: any, data: any) => void) & ((event: "clickAdd") => void);
|
|
86
|
+
emits: ((event: "close", e: Event) => void) & ((event: "cancel", e: Event) => void) & ((event: "ok", e: Event) => void) & ((event: "select", selectedKeys: any, e: any) => void) & ((event: "expand", expandedKeys: any, data: any) => void) & ((event: "clickAdd", e: Event) => void);
|
|
87
87
|
isCollapseMenu: import("vue").Ref<boolean>;
|
|
88
88
|
searchValue: import("vue").Ref<string>;
|
|
89
89
|
bem: {
|
|
@@ -101,12 +101,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
101
101
|
};
|
|
102
102
|
handleCollapseMenu: () => boolean;
|
|
103
103
|
handleSearchInputChange: (v: string) => void;
|
|
104
|
-
handleClickAddBtn: () => void;
|
|
104
|
+
handleClickAddBtn: (e: Event) => void;
|
|
105
105
|
handleTreeExpand: (expandedKeys: string[], data: any) => void;
|
|
106
106
|
handleTreeSelect: (keys: string[], e: any) => void;
|
|
107
|
-
handleClickOkBtn: () => void;
|
|
108
|
-
handleClickCancelBtn: () => void;
|
|
109
|
-
handleClickCloseBtn: () => void;
|
|
107
|
+
handleClickOkBtn: (e: any) => void;
|
|
108
|
+
handleClickCancelBtn: (e: any) => void;
|
|
109
|
+
handleClickCloseBtn: (e: any) => void;
|
|
110
110
|
HeaderSearch: import("vue").DefineComponent<{
|
|
111
111
|
readonly searchValue: {
|
|
112
112
|
readonly type: import("vue").PropType<string>;
|
|
@@ -131,9 +131,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
131
131
|
readonly throttleTime?: number | undefined;
|
|
132
132
|
readonly onSearchInputChange?: Function | undefined;
|
|
133
133
|
readonly searchValue?: string | undefined;
|
|
134
|
-
readonly onClick?: (() => any) | undefined;
|
|
134
|
+
readonly onClick?: ((e: Event) => any) | undefined;
|
|
135
135
|
} & {}>;
|
|
136
|
-
emits: (event: "click") => void;
|
|
136
|
+
emits: (event: "click", e: Event) => void;
|
|
137
137
|
searchValue: import("vue").Ref<string>;
|
|
138
138
|
bem: {
|
|
139
139
|
b: (blockSuffix?: string) => string;
|
|
@@ -146,9 +146,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
146
146
|
is: (name?: string) => string;
|
|
147
147
|
};
|
|
148
148
|
handleInputChange: () => void;
|
|
149
|
+
handleClick: (e: Event) => void;
|
|
149
150
|
throttleInputChange: import("lodash").DebouncedFunc<() => void>;
|
|
150
151
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
151
|
-
click: () =>
|
|
152
|
+
click: (e: Event) => boolean;
|
|
152
153
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
153
154
|
readonly searchValue: {
|
|
154
155
|
readonly type: import("vue").PropType<string>;
|
|
@@ -169,7 +170,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
169
170
|
__epPropKey: true;
|
|
170
171
|
};
|
|
171
172
|
}>> & {
|
|
172
|
-
onClick?: (() => any) | undefined;
|
|
173
|
+
onClick?: ((e: Event) => any) | undefined;
|
|
173
174
|
}, {}, {}>;
|
|
174
175
|
DirectoryTitle: import("vue").DefineComponent<{
|
|
175
176
|
readonly isCollapseMenu: {
|
|
@@ -313,10 +314,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
313
314
|
onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
|
|
314
315
|
}, {}, {}>;
|
|
315
316
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
316
|
-
clickAdd: () =>
|
|
317
|
-
cancel: () =>
|
|
318
|
-
ok: () =>
|
|
319
|
-
close: () =>
|
|
317
|
+
clickAdd: (e: Event) => boolean;
|
|
318
|
+
cancel: (e: Event) => boolean;
|
|
319
|
+
ok: (e: Event) => boolean;
|
|
320
|
+
close: (e: Event) => boolean;
|
|
320
321
|
expand: (expandedKeys: any, data: any) => boolean;
|
|
321
322
|
select: (selectedKeys: any, e: any) => boolean;
|
|
322
323
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -369,11 +370,11 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
369
370
|
readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
|
|
370
371
|
}>> & {
|
|
371
372
|
onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
|
|
372
|
-
onClose?: (() => any) | undefined;
|
|
373
|
-
onCancel?: (() => any) | undefined;
|
|
374
|
-
onOk?: (() => any) | undefined;
|
|
373
|
+
onClose?: ((e: Event) => any) | undefined;
|
|
374
|
+
onCancel?: ((e: Event) => any) | undefined;
|
|
375
|
+
onOk?: ((e: Event) => any) | undefined;
|
|
375
376
|
onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
|
|
376
|
-
onClickAdd?: (() => any) | undefined;
|
|
377
|
+
onClickAdd?: ((e: Event) => any) | undefined;
|
|
377
378
|
}, {
|
|
378
379
|
readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
379
380
|
readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
|
|
@@ -25,8 +25,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
25
25
|
searchValue.value = v;
|
|
26
26
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
27
27
|
};
|
|
28
|
-
const handleClickAddBtn = () => {
|
|
29
|
-
emits("clickAdd");
|
|
28
|
+
const handleClickAddBtn = (e) => {
|
|
29
|
+
emits("clickAdd", e);
|
|
30
30
|
};
|
|
31
31
|
const handleTreeExpand = (expandedKeys, data) => {
|
|
32
32
|
emits("expand", expandedKeys, data);
|
|
@@ -34,14 +34,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
34
34
|
const handleTreeSelect = (keys, e) => {
|
|
35
35
|
emits("select", keys, e);
|
|
36
36
|
};
|
|
37
|
-
const handleClickOkBtn = () => {
|
|
38
|
-
emits("ok");
|
|
37
|
+
const handleClickOkBtn = (e) => {
|
|
38
|
+
emits("ok", e);
|
|
39
39
|
};
|
|
40
|
-
const handleClickCancelBtn = () => {
|
|
41
|
-
emits("cancel");
|
|
40
|
+
const handleClickCancelBtn = (e) => {
|
|
41
|
+
emits("cancel", e);
|
|
42
42
|
};
|
|
43
|
-
const handleClickCloseBtn = () => {
|
|
44
|
-
emits("close");
|
|
43
|
+
const handleClickCloseBtn = (e) => {
|
|
44
|
+
emits("close", e);
|
|
45
45
|
};
|
|
46
46
|
return (_ctx, _cache) => {
|
|
47
47
|
const _component_ll_modal = resolveComponent("ll-modal");
|
|
@@ -108,7 +108,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
108
108
|
[
|
|
109
109
|
createCommentVNode(" \u62BD\u5C49 "),
|
|
110
110
|
createVNode(_component_ll_drawer, mergeProps(_ctx.drawerConfigProps, {
|
|
111
|
-
|
|
111
|
+
open: _ctx.open,
|
|
112
112
|
onConfirm: handleClickOkBtn,
|
|
113
113
|
onCancel: handleClickCancelBtn,
|
|
114
114
|
onClose: handleClickCloseBtn
|
|
@@ -121,7 +121,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
121
121
|
]),
|
|
122
122
|
_: 3
|
|
123
123
|
/* FORWARDED */
|
|
124
|
-
}, 16, ["
|
|
124
|
+
}, 16, ["open"])
|
|
125
125
|
],
|
|
126
126
|
64
|
|
127
127
|
/* STABLE_FRAGMENT */
|
|
@@ -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 <!-- tree -->\n <tree-list\n v-bind=\"attrs\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :search-value=\"searchValue\"\n :is-collapse-menu=\"isCollapseMenu\"\n :tree-data=\"treeData\"\n :expanded-keys=\"expandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\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 </tree-list>\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 :
|
|
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 <!-- tree -->\n <tree-list\n v-bind=\"attrs\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :search-value=\"searchValue\"\n :is-collapse-menu=\"isCollapseMenu\"\n :tree-data=\"treeData\"\n :expanded-keys=\"expandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\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 </tree-list>\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 } 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 TreeList from './components/tree-list.vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n// const emits = defineEmits([\n// 'clickAdd',\n// 'expand',\n// 'select',\n// 'ok',\n// 'cancel',\n// 'close'\n// ])\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\n// 输入框内容\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\nconst handleCollapseMenu = () => (isCollapseMenu.value = !isCollapseMenu.value)\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n searchValue.value = v\n props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\n// 点击头部add\nconst handleClickAddBtn = (e: Event) => {\n emits('clickAdd', e)\n}\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 = e => {\n emits('ok', e)\n}\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = e => {\n emits('cancel', e)\n}\n// 点击抽屉的x\nconst handleClickCloseBtn = e => {\n emits('close', e)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAYd,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,kBAAqB,GAAA,MAAO,cAAe,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AAEzE,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AACpB,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAa,KAAA;AACtC,MAAA,KAAA,CAAM,YAAY,CAAC,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,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,IAAA,MAAM,mBAAmB,CAAK,CAAA,KAAA;AAC5B,MAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,MAAM,uBAAuB,CAAK,CAAA,KAAA;AAChC,MAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,sBAAsB,CAAK,CAAA,KAAA;AAC/B,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/index.full.js
CHANGED
|
@@ -4679,8 +4679,7 @@
|
|
|
4679
4679
|
*/
|
|
4680
4680
|
showFormType: {
|
|
4681
4681
|
type: String,
|
|
4682
|
-
values: selectGroupFormType
|
|
4683
|
-
default: "input"
|
|
4682
|
+
values: selectGroupFormType
|
|
4684
4683
|
},
|
|
4685
4684
|
/**
|
|
4686
4685
|
* @description 格式化属性例如tree/select
|
|
@@ -13348,8 +13347,7 @@
|
|
|
13348
13347
|
}
|
|
13349
13348
|
});
|
|
13350
13349
|
const treeSelectHeaderSearchEmits = {
|
|
13351
|
-
click: () =>
|
|
13352
|
-
}
|
|
13350
|
+
click: (e) => !!e
|
|
13353
13351
|
// 点击新增按钮
|
|
13354
13352
|
};
|
|
13355
13353
|
|
|
@@ -13485,17 +13483,13 @@
|
|
|
13485
13483
|
}
|
|
13486
13484
|
});
|
|
13487
13485
|
const treeSearchEmits = {
|
|
13488
|
-
clickAdd: () =>
|
|
13489
|
-
},
|
|
13486
|
+
clickAdd: (e) => !!e,
|
|
13490
13487
|
// 点击头部新增按钮
|
|
13491
|
-
cancel: () =>
|
|
13492
|
-
},
|
|
13488
|
+
cancel: (e) => !!e,
|
|
13493
13489
|
// 弹窗取消按钮事件
|
|
13494
|
-
ok: () =>
|
|
13495
|
-
},
|
|
13490
|
+
ok: (e) => !!e,
|
|
13496
13491
|
// 弹窗确定按钮事件
|
|
13497
|
-
close: () =>
|
|
13498
|
-
},
|
|
13492
|
+
close: (e) => !!e,
|
|
13499
13493
|
// 弹窗的close
|
|
13500
13494
|
expand: (expandedKeys, data) => !!expandedKeys && !!data,
|
|
13501
13495
|
// tree的expand
|
|
@@ -19005,6 +18999,7 @@
|
|
|
19005
18999
|
const handleInputChange = () => {
|
|
19006
19000
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
19007
19001
|
};
|
|
19002
|
+
const handleClick = (e) => emits("click", e);
|
|
19008
19003
|
const throttleInputChange = _.throttle(handleInputChange, props.throttleTime);
|
|
19009
19004
|
return (_ctx, _cache) => {
|
|
19010
19005
|
const _component_ll_icon = require$$0.resolveComponent("ll-icon");
|
|
@@ -19035,7 +19030,7 @@
|
|
|
19035
19030
|
require$$0.createCommentVNode(" add "),
|
|
19036
19031
|
require$$0.createVNode(_component_ll_button, {
|
|
19037
19032
|
class: require$$0.normalizeClass(require$$0.unref(bem).e("header-button")),
|
|
19038
|
-
onClick:
|
|
19033
|
+
onClick: handleClick
|
|
19039
19034
|
}, {
|
|
19040
19035
|
default: require$$0.withCtx(() => [
|
|
19041
19036
|
require$$0.createVNode(_component_ll_icon, { "icon-name": "icon-add" })
|
|
@@ -19310,8 +19305,8 @@
|
|
|
19310
19305
|
searchValue.value = v;
|
|
19311
19306
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
19312
19307
|
};
|
|
19313
|
-
const handleClickAddBtn = () => {
|
|
19314
|
-
emits("clickAdd");
|
|
19308
|
+
const handleClickAddBtn = (e) => {
|
|
19309
|
+
emits("clickAdd", e);
|
|
19315
19310
|
};
|
|
19316
19311
|
const handleTreeExpand = (expandedKeys, data) => {
|
|
19317
19312
|
emits("expand", expandedKeys, data);
|
|
@@ -19319,14 +19314,14 @@
|
|
|
19319
19314
|
const handleTreeSelect = (keys, e) => {
|
|
19320
19315
|
emits("select", keys, e);
|
|
19321
19316
|
};
|
|
19322
|
-
const handleClickOkBtn = () => {
|
|
19323
|
-
emits("ok");
|
|
19317
|
+
const handleClickOkBtn = (e) => {
|
|
19318
|
+
emits("ok", e);
|
|
19324
19319
|
};
|
|
19325
|
-
const handleClickCancelBtn = () => {
|
|
19326
|
-
emits("cancel");
|
|
19320
|
+
const handleClickCancelBtn = (e) => {
|
|
19321
|
+
emits("cancel", e);
|
|
19327
19322
|
};
|
|
19328
|
-
const handleClickCloseBtn = () => {
|
|
19329
|
-
emits("close");
|
|
19323
|
+
const handleClickCloseBtn = (e) => {
|
|
19324
|
+
emits("close", e);
|
|
19330
19325
|
};
|
|
19331
19326
|
return (_ctx, _cache) => {
|
|
19332
19327
|
const _component_ll_modal = require$$0.resolveComponent("ll-modal");
|
|
@@ -19393,7 +19388,7 @@
|
|
|
19393
19388
|
[
|
|
19394
19389
|
require$$0.createCommentVNode(" \u62BD\u5C49 "),
|
|
19395
19390
|
require$$0.createVNode(_component_ll_drawer, require$$0.mergeProps(_ctx.drawerConfigProps, {
|
|
19396
|
-
|
|
19391
|
+
open: _ctx.open,
|
|
19397
19392
|
onConfirm: handleClickOkBtn,
|
|
19398
19393
|
onCancel: handleClickCancelBtn,
|
|
19399
19394
|
onClose: handleClickCloseBtn
|
|
@@ -19406,7 +19401,7 @@
|
|
|
19406
19401
|
]),
|
|
19407
19402
|
_: 3
|
|
19408
19403
|
/* FORWARDED */
|
|
19409
|
-
}, 16, ["
|
|
19404
|
+
}, 16, ["open"])
|
|
19410
19405
|
],
|
|
19411
19406
|
64
|
|
19412
19407
|
/* STABLE_FRAGMENT */
|