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
package/index.full.mjs
CHANGED
|
@@ -4676,8 +4676,7 @@ const selectGroupData = buildProps({
|
|
|
4676
4676
|
*/
|
|
4677
4677
|
showFormType: {
|
|
4678
4678
|
type: String,
|
|
4679
|
-
values: selectGroupFormType
|
|
4680
|
-
default: "input"
|
|
4679
|
+
values: selectGroupFormType
|
|
4681
4680
|
},
|
|
4682
4681
|
/**
|
|
4683
4682
|
* @description 格式化属性例如tree/select
|
|
@@ -13345,8 +13344,7 @@ const treeSelectHeaderSearchProps = buildProps({
|
|
|
13345
13344
|
}
|
|
13346
13345
|
});
|
|
13347
13346
|
const treeSelectHeaderSearchEmits = {
|
|
13348
|
-
click: () =>
|
|
13349
|
-
}
|
|
13347
|
+
click: (e) => !!e
|
|
13350
13348
|
// 点击新增按钮
|
|
13351
13349
|
};
|
|
13352
13350
|
|
|
@@ -13482,17 +13480,13 @@ const treeSearchProps = buildProps({
|
|
|
13482
13480
|
}
|
|
13483
13481
|
});
|
|
13484
13482
|
const treeSearchEmits = {
|
|
13485
|
-
clickAdd: () =>
|
|
13486
|
-
},
|
|
13483
|
+
clickAdd: (e) => !!e,
|
|
13487
13484
|
// 点击头部新增按钮
|
|
13488
|
-
cancel: () =>
|
|
13489
|
-
},
|
|
13485
|
+
cancel: (e) => !!e,
|
|
13490
13486
|
// 弹窗取消按钮事件
|
|
13491
|
-
ok: () =>
|
|
13492
|
-
},
|
|
13487
|
+
ok: (e) => !!e,
|
|
13493
13488
|
// 弹窗确定按钮事件
|
|
13494
|
-
close: () =>
|
|
13495
|
-
},
|
|
13489
|
+
close: (e) => !!e,
|
|
13496
13490
|
// 弹窗的close
|
|
13497
13491
|
expand: (expandedKeys, data) => !!expandedKeys && !!data,
|
|
13498
13492
|
// tree的expand
|
|
@@ -19002,6 +18996,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
19002
18996
|
const handleInputChange = () => {
|
|
19003
18997
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
19004
18998
|
};
|
|
18999
|
+
const handleClick = (e) => emits("click", e);
|
|
19005
19000
|
const throttleInputChange = _.throttle(handleInputChange, props.throttleTime);
|
|
19006
19001
|
return (_ctx, _cache) => {
|
|
19007
19002
|
const _component_ll_icon = resolveComponent("ll-icon");
|
|
@@ -19032,7 +19027,7 @@ var _sfc_main$6 = /* @__PURE__ */ defineComponent({
|
|
|
19032
19027
|
createCommentVNode(" add "),
|
|
19033
19028
|
createVNode(_component_ll_button, {
|
|
19034
19029
|
class: normalizeClass(unref(bem).e("header-button")),
|
|
19035
|
-
onClick:
|
|
19030
|
+
onClick: handleClick
|
|
19036
19031
|
}, {
|
|
19037
19032
|
default: withCtx(() => [
|
|
19038
19033
|
createVNode(_component_ll_icon, { "icon-name": "icon-add" })
|
|
@@ -19307,8 +19302,8 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
19307
19302
|
searchValue.value = v;
|
|
19308
19303
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
19309
19304
|
};
|
|
19310
|
-
const handleClickAddBtn = () => {
|
|
19311
|
-
emits("clickAdd");
|
|
19305
|
+
const handleClickAddBtn = (e) => {
|
|
19306
|
+
emits("clickAdd", e);
|
|
19312
19307
|
};
|
|
19313
19308
|
const handleTreeExpand = (expandedKeys, data) => {
|
|
19314
19309
|
emits("expand", expandedKeys, data);
|
|
@@ -19316,14 +19311,14 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
19316
19311
|
const handleTreeSelect = (keys, e) => {
|
|
19317
19312
|
emits("select", keys, e);
|
|
19318
19313
|
};
|
|
19319
|
-
const handleClickOkBtn = () => {
|
|
19320
|
-
emits("ok");
|
|
19314
|
+
const handleClickOkBtn = (e) => {
|
|
19315
|
+
emits("ok", e);
|
|
19321
19316
|
};
|
|
19322
|
-
const handleClickCancelBtn = () => {
|
|
19323
|
-
emits("cancel");
|
|
19317
|
+
const handleClickCancelBtn = (e) => {
|
|
19318
|
+
emits("cancel", e);
|
|
19324
19319
|
};
|
|
19325
|
-
const handleClickCloseBtn = () => {
|
|
19326
|
-
emits("close");
|
|
19320
|
+
const handleClickCloseBtn = (e) => {
|
|
19321
|
+
emits("close", e);
|
|
19327
19322
|
};
|
|
19328
19323
|
return (_ctx, _cache) => {
|
|
19329
19324
|
const _component_ll_modal = resolveComponent("ll-modal");
|
|
@@ -19390,7 +19385,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
19390
19385
|
[
|
|
19391
19386
|
createCommentVNode(" \u62BD\u5C49 "),
|
|
19392
19387
|
createVNode(_component_ll_drawer, mergeProps(_ctx.drawerConfigProps, {
|
|
19393
|
-
|
|
19388
|
+
open: _ctx.open,
|
|
19394
19389
|
onConfirm: handleClickOkBtn,
|
|
19395
19390
|
onCancel: handleClickCancelBtn,
|
|
19396
19391
|
onClose: handleClickCloseBtn
|
|
@@ -19403,7 +19398,7 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
19403
19398
|
]),
|
|
19404
19399
|
_: 3
|
|
19405
19400
|
/* FORWARDED */
|
|
19406
|
-
}, 16, ["
|
|
19401
|
+
}, 16, ["open"])
|
|
19407
19402
|
],
|
|
19408
19403
|
64
|
|
19409
19404
|
/* STABLE_FRAGMENT */
|
|
@@ -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.js","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.js","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":["buildProps","definePropType"],"mappings":";;;;;;AAYO,MAAM,mBAAsB,GAAA;AAAA,EACjC,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AACF,EAAA;AAEO,MAAM,kBAAkBA,kBAAW,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,EAAMC,uBAAuB,MAAM,CAAA;AAAA,GACrC;AAAA;AAAA;AAAA;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAAsB,KAAK,CAAA;AAAA,GACnC;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMA,uBAAmC,KAAK,CAAA;AAAA,GAChD;AACF,CAAU,EAAA;AACH,MAAM,mBAAmBD,kBAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIzC,IAAM,EAAA;AAAA,IACJ,IAAA,EAAMC,uBAAkC,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.js","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.js","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":["withInstall","TreeSearch"],"mappings":";;;;;;;;;;;;;;AAIa,MAAA,YAAA,GAAeA,wBAAYC,oBAAU;;;;;;;;;;;;;;;"}
|
|
@@ -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;
|
|
@@ -23,6 +23,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
23
23
|
const handleInputChange = () => {
|
|
24
24
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
25
25
|
};
|
|
26
|
+
const handleClick = (e) => emits("click", e);
|
|
26
27
|
const throttleInputChange = _.throttle(handleInputChange, props.throttleTime);
|
|
27
28
|
return (_ctx, _cache) => {
|
|
28
29
|
const _component_ll_icon = vue.resolveComponent("ll-icon");
|
|
@@ -53,7 +54,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
53
54
|
vue.createCommentVNode(" add "),
|
|
54
55
|
vue.createVNode(_component_ll_button, {
|
|
55
56
|
class: vue.normalizeClass(vue.unref(bem).e("header-button")),
|
|
56
|
-
onClick:
|
|
57
|
+
onClick: handleClick
|
|
57
58
|
}, {
|
|
58
59
|
default: vue.withCtx(() => [
|
|
59
60
|
vue.createVNode(_component_ll_icon, { "icon-name": "icon-add" })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-search.vue2.js","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.js","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":["ref","createNamespace"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,WAAA,GAAcA,QAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAMC,gCAAgB,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.js","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.js","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":["buildProps"],"mappings":";;;;;;AAMO,MAAM,8BAA8BA,kBAAW,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
|
};
|
|
@@ -77,17 +77,13 @@ const treeSearchProps = runtime.buildProps({
|
|
|
77
77
|
}
|
|
78
78
|
});
|
|
79
79
|
const treeSearchEmits = {
|
|
80
|
-
clickAdd: () =>
|
|
81
|
-
},
|
|
80
|
+
clickAdd: (e) => !!e,
|
|
82
81
|
// 点击头部新增按钮
|
|
83
|
-
cancel: () =>
|
|
84
|
-
},
|
|
82
|
+
cancel: (e) => !!e,
|
|
85
83
|
// 弹窗取消按钮事件
|
|
86
|
-
ok: () =>
|
|
87
|
-
},
|
|
84
|
+
ok: (e) => !!e,
|
|
88
85
|
// 弹窗确定按钮事件
|
|
89
|
-
close: () =>
|
|
90
|
-
},
|
|
86
|
+
close: (e) => !!e,
|
|
91
87
|
// 弹窗的close
|
|
92
88
|
expand: (expandedKeys, data) => !!expandedKeys && !!data,
|
|
93
89
|
// tree的expand
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-search.js","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.js","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":["buildProps","THROTTLE_TIME","definePropType"],"mappings":";;;;;;;AAOO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAQ3D,MAAM,kBAAkBA,kBAAW,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,EAAAC,mBAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAMC,uBAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAMA,uBAAsC,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,EAAMA,uBAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAMA,uBAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAMA,uBAAoC,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>;
|
|
@@ -29,8 +29,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
29
29
|
searchValue.value = v;
|
|
30
30
|
props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
|
|
31
31
|
};
|
|
32
|
-
const handleClickAddBtn = () => {
|
|
33
|
-
emits("clickAdd");
|
|
32
|
+
const handleClickAddBtn = (e) => {
|
|
33
|
+
emits("clickAdd", e);
|
|
34
34
|
};
|
|
35
35
|
const handleTreeExpand = (expandedKeys, data) => {
|
|
36
36
|
emits("expand", expandedKeys, data);
|
|
@@ -38,14 +38,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
38
38
|
const handleTreeSelect = (keys, e) => {
|
|
39
39
|
emits("select", keys, e);
|
|
40
40
|
};
|
|
41
|
-
const handleClickOkBtn = () => {
|
|
42
|
-
emits("ok");
|
|
41
|
+
const handleClickOkBtn = (e) => {
|
|
42
|
+
emits("ok", e);
|
|
43
43
|
};
|
|
44
|
-
const handleClickCancelBtn = () => {
|
|
45
|
-
emits("cancel");
|
|
44
|
+
const handleClickCancelBtn = (e) => {
|
|
45
|
+
emits("cancel", e);
|
|
46
46
|
};
|
|
47
|
-
const handleClickCloseBtn = () => {
|
|
48
|
-
emits("close");
|
|
47
|
+
const handleClickCloseBtn = (e) => {
|
|
48
|
+
emits("close", e);
|
|
49
49
|
};
|
|
50
50
|
return (_ctx, _cache) => {
|
|
51
51
|
const _component_ll_modal = vue.resolveComponent("ll-modal");
|
|
@@ -112,7 +112,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
112
112
|
[
|
|
113
113
|
vue.createCommentVNode(" \u62BD\u5C49 "),
|
|
114
114
|
vue.createVNode(_component_ll_drawer, vue.mergeProps(_ctx.drawerConfigProps, {
|
|
115
|
-
|
|
115
|
+
open: _ctx.open,
|
|
116
116
|
onConfirm: handleClickOkBtn,
|
|
117
117
|
onCancel: handleClickCancelBtn,
|
|
118
118
|
onClose: handleClickCloseBtn
|
|
@@ -125,7 +125,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
125
125
|
]),
|
|
126
126
|
_: 3
|
|
127
127
|
/* FORWARDED */
|
|
128
|
-
}, 16, ["
|
|
128
|
+
}, 16, ["open"])
|
|
129
129
|
],
|
|
130
130
|
64
|
|
131
131
|
/* STABLE_FRAGMENT */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-search.vue2.js","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.js","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":["ref","createNamespace","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAYd,IAAM,MAAA,cAAA,GAAiBA,QAAI,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,WAAA,GAAcA,QAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAMC,gCAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQC,YAAS,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|