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.
Files changed (49) hide show
  1. package/es/components/select-group/src/select-group.d.ts +9 -3
  2. package/es/components/select-group/src/select-group.mjs +1 -2
  3. package/es/components/select-group/src/select-group.mjs.map +1 -1
  4. package/es/components/tree-search/index.d.ts +28 -21
  5. package/es/components/tree-search/index.mjs.map +1 -1
  6. package/es/components/tree-search/src/components/header-search.vue.d.ts +5 -4
  7. package/es/components/tree-search/src/components/header-search.vue2.mjs +2 -1
  8. package/es/components/tree-search/src/components/header-search.vue2.mjs.map +1 -1
  9. package/es/components/tree-search/src/config/header-search.d.ts +1 -1
  10. package/es/components/tree-search/src/config/header-search.mjs +1 -2
  11. package/es/components/tree-search/src/config/header-search.mjs.map +1 -1
  12. package/es/components/tree-search/src/config/tree-search.d.ts +4 -4
  13. package/es/components/tree-search/src/config/tree-search.mjs +4 -8
  14. package/es/components/tree-search/src/config/tree-search.mjs.map +1 -1
  15. package/es/components/tree-search/src/tree-search.vue.d.ts +22 -21
  16. package/es/components/tree-search/src/tree-search.vue2.mjs +10 -10
  17. package/es/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
  18. package/index.full.js +18 -23
  19. package/index.full.min.js +8 -8
  20. package/index.full.min.js.map +1 -1
  21. package/index.full.min.mjs +8 -8
  22. package/index.full.min.mjs.map +1 -1
  23. package/index.full.mjs +18 -23
  24. package/lib/components/select-group/src/select-group.d.ts +9 -3
  25. package/lib/components/select-group/src/select-group.js +1 -2
  26. package/lib/components/select-group/src/select-group.js.map +1 -1
  27. package/lib/components/tree-search/index.d.ts +28 -21
  28. package/lib/components/tree-search/index.js.map +1 -1
  29. package/lib/components/tree-search/src/components/header-search.vue.d.ts +5 -4
  30. package/lib/components/tree-search/src/components/header-search.vue2.js +2 -1
  31. package/lib/components/tree-search/src/components/header-search.vue2.js.map +1 -1
  32. package/lib/components/tree-search/src/config/header-search.d.ts +1 -1
  33. package/lib/components/tree-search/src/config/header-search.js +1 -2
  34. package/lib/components/tree-search/src/config/header-search.js.map +1 -1
  35. package/lib/components/tree-search/src/config/tree-search.d.ts +4 -4
  36. package/lib/components/tree-search/src/config/tree-search.js +4 -8
  37. package/lib/components/tree-search/src/config/tree-search.js.map +1 -1
  38. package/lib/components/tree-search/src/tree-search.vue.d.ts +22 -21
  39. package/lib/components/tree-search/src/tree-search.vue2.js +10 -10
  40. package/lib/components/tree-search/src/tree-search.vue2.js.map +1 -1
  41. package/package.json +1 -1
  42. package/theme-chalk/fonts/iconfont.js +1 -1
  43. package/theme-chalk/fonts/iconfont.json +70 -0
  44. package/types/packages/components/select-group/src/select-group.d.ts +9 -3
  45. package/types/packages/components/tree-search/index.d.ts +28 -21
  46. package/types/packages/components/tree-search/src/components/header-search.vue.d.ts +5 -4
  47. package/types/packages/components/tree-search/src/config/header-search.d.ts +1 -1
  48. package/types/packages/components/tree-search/src/config/tree-search.d.ts +4 -4
  49. 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: _cache[1] || (_cache[1] = ($event) => emits("click"))
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
- visible: _ctx.open,
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, ["visible"])
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: string;
5
- value: any;
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: import("ll-plus/es/utils").EpPropFinalized<StringConstructor, "input" | "select" | "range-picker" | "treeSelect", unknown, "input", boolean>;
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;
@@ -37,8 +37,7 @@ const selectGroupData = runtime.buildProps({
37
37
  */
38
38
  showFormType: {
39
39
  type: String,
40
- values: selectGroupFormType,
41
- default: "input"
40
+ values: selectGroupFormType
42
41
  },
43
42
  /**
44
43
  * @description 格式化属性例如tree/select
@@ -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: string\n value: 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 default: 'input'\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":";;;;;;AAWO,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,IACR,OAAS,EAAA,OAAA;AAAA,GACX;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
+ {"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: () => void;
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: () => void;
317
- cancel: () => void;
318
- ok: () => void;
319
- close: () => void;
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\n// declare module 'vue' {\n// export interface GlobalComponents {\n// LlTreeSearch: typeof TreeSearch\n// }\n// }\n"],"names":["withInstall","TreeSearch"],"mappings":";;;;;;;;;;;;;;AAIa,MAAA,YAAA,GAAeA,wBAAYC,oBAAU;;;;;;;;;;;;;;;"}
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: () => void;
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: _cache[1] || (_cache[1] = ($event) => emits("click"))
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=\"emits('click')\">\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}\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;AAEA,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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: () => void;
24
+ click: (e: Event) => boolean;
25
25
  };
26
26
  export type TreeSelectHeaderSearchProps = ExtractPropTypes<typeof treeSelectHeaderSearchProps>;
27
27
  export type TreeSelectHeaderSearchEmits = ExtractPropTypes<typeof treeSelectHeaderSearchEmits>;
@@ -25,8 +25,7 @@ const treeSelectHeaderSearchProps = runtime.buildProps({
25
25
  }
26
26
  });
27
27
  const treeSelectHeaderSearchEmits = {
28
- click: () => {
29
- }
28
+ click: (e) => !!e
30
29
  // 点击新增按钮
31
30
  };
32
31
 
@@ -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: () => {} // 点击新增按钮\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,OAAO,MAAM;AAAA,GAAC;AAAA;AAChB;;;;;"}
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: () => void;
60
- cancel: () => void;
61
- ok: () => void;
62
- close: () => void;
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: () => {}, // 点击头部新增按钮\n cancel: () => {}, // 弹窗取消按钮事件\n ok: () => {}, // 弹窗确定按钮事件\n close: () => {}, // 弹窗的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,UAAU,MAAM;AAAA,GAAC;AAAA;AAAA,EACjB,QAAQ,MAAM;AAAA,GAAC;AAAA;AAAA,EACf,IAAI,MAAM;AAAA,GAAC;AAAA;AAAA,EACX,OAAO,MAAM;AAAA,GAAC;AAAA;AAAA,EACd,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;;;;;;"}
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: () => void;
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: () => void;
317
- cancel: () => void;
318
- ok: () => void;
319
- close: () => void;
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
- visible: _ctx.open,
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, ["visible"])
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 :visible=\"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\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 = () => {\n emits('clickAdd')\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 = () => {\n emits('ok')\n}\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => {\n emits('cancel')\n}\n// 点击抽屉的x\nconst handleClickCloseBtn = () => {\n emits('close')\n}\n</script>\n"],"names":["ref","createNamespace","useAttrs"],"mappings":";;;;;;;;;;;;;;;;;;;;AAsFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,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,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAAA,KAClB,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,MAAM;AAC7B,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;AAEA,IAAA,MAAM,uBAAuB,MAAM;AACjC,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,KAChB,CAAA;AAEA,IAAA,MAAM,sBAAsB,MAAM;AAChC,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,KACf,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}