ll-plus 2.0.16 → 2.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/es/components/button/src/button.vue2.mjs +3 -3
  2. package/es/components/button/src/button.vue2.mjs.map +1 -1
  3. package/es/components/index.mjs +1 -1
  4. package/es/components/tree-search/index.d.ts +17 -17
  5. package/es/components/tree-search/index.mjs +1 -1
  6. package/es/components/tree-search/src/components/header-search.vue2.mjs +1 -1
  7. package/es/components/tree-search/src/components/header-search.vue2.mjs.map +1 -1
  8. package/es/components/tree-search/src/config/index.mjs +1 -1
  9. package/es/components/tree-search/src/config/tree-search.d.ts +5 -4
  10. package/es/components/tree-search/src/config/tree-search.mjs +13 -5
  11. package/es/components/tree-search/src/config/tree-search.mjs.map +1 -1
  12. package/es/components/tree-search/src/tree-search.vue.d.ts +17 -17
  13. package/es/components/tree-search/src/tree-search.vue2.mjs +4 -12
  14. package/es/components/tree-search/src/tree-search.vue2.mjs.map +1 -1
  15. package/es/index.mjs +1 -1
  16. package/index.full.js +21 -20
  17. package/index.full.min.js +11 -11
  18. package/index.full.min.js.map +1 -1
  19. package/index.full.min.mjs +9 -9
  20. package/index.full.min.mjs.map +1 -1
  21. package/index.full.mjs +21 -21
  22. package/lib/components/button/src/button.vue2.js +3 -3
  23. package/lib/components/button/src/button.vue2.js.map +1 -1
  24. package/lib/components/index.js +1 -0
  25. package/lib/components/index.js.map +1 -1
  26. package/lib/components/tree-search/index.d.ts +17 -17
  27. package/lib/components/tree-search/index.js +1 -0
  28. package/lib/components/tree-search/index.js.map +1 -1
  29. package/lib/components/tree-search/src/components/header-search.vue2.js +1 -1
  30. package/lib/components/tree-search/src/components/header-search.vue2.js.map +1 -1
  31. package/lib/components/tree-search/src/config/index.js +1 -0
  32. package/lib/components/tree-search/src/config/index.js.map +1 -1
  33. package/lib/components/tree-search/src/config/tree-search.d.ts +5 -4
  34. package/lib/components/tree-search/src/config/tree-search.js +13 -4
  35. package/lib/components/tree-search/src/config/tree-search.js.map +1 -1
  36. package/lib/components/tree-search/src/tree-search.vue.d.ts +17 -17
  37. package/lib/components/tree-search/src/tree-search.vue2.js +4 -12
  38. package/lib/components/tree-search/src/tree-search.vue2.js.map +1 -1
  39. package/lib/index.js +1 -0
  40. package/lib/index.js.map +1 -1
  41. package/package.json +1 -1
  42. package/theme-chalk/css/button.css +1 -1
  43. package/theme-chalk/css/index.css +1 -1
  44. package/theme-chalk/css/tree-search.css +1 -1
  45. package/types/packages/components/tree-search/index.d.ts +17 -17
  46. package/types/packages/components/tree-search/src/config/tree-search.d.ts +5 -4
  47. package/types/packages/components/tree-search/src/tree-search.vue.d.ts +17 -17
@@ -14,7 +14,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
14
14
  const bem = createNamespace("button");
15
15
  const attrs = useAttrs();
16
16
  const iconDetails = computed(() => {
17
- return props.icon || { iconName: "", color: "inherit" };
17
+ return props.icon || { iconName: "", color: "" };
18
18
  });
19
19
  const hasIconOnLeft = computed(() => {
20
20
  return iconDetails.value.iconName && (!props.position || props.position === "left");
@@ -42,7 +42,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
42
42
  key: 0,
43
43
  class: normalizeClass(unref(bem).e("icon-right")),
44
44
  "icon-name": iconDetails.value.iconName,
45
- color: iconDetails.value.color || "inherit",
45
+ color: iconDetails.value.color,
46
46
  size: iconDetails.value.size
47
47
  }, null, 8, ["class", "icon-name", "color", "size"])) : createCommentVNode("v-if", true)
48
48
  ]),
@@ -55,7 +55,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
55
55
  createVNode(_component_ll_icon, {
56
56
  class: normalizeClass(unref(bem).e("icon-left")),
57
57
  "icon-name": iconDetails.value.iconName,
58
- color: iconDetails.value.color || "inherit",
58
+ color: iconDetails.value.color,
59
59
  size: iconDetails.value.size
60
60
  }, null, 8, ["class", "icon-name", "color", "size"])
61
61
  ]),
@@ -1 +1 @@
1
- {"version":3,"file":"button.vue2.mjs","sources":["../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n <a-button :class=\"bem.b()\" v-bind=\"attrs\">\n <template v-if=\"hasIconOnLeft\" #icon>\n <ll-icon\n :class=\"bem.e('icon-left')\"\n :icon-name=\"iconDetails.iconName\"\n :color=\"iconDetails.color || 'inherit'\"\n :size=\"iconDetails.size\"\n />\n </template>\n <slot>\n <template v-if=\"label\">\n <span>{{ label }}</span>\n </template>\n </slot>\n <template v-if=\"hasIconOnRight\">\n <ll-icon\n :class=\"bem.e('icon-right')\"\n :icon-name=\"iconDetails.iconName\"\n :color=\"iconDetails.color || 'inherit'\"\n :size=\"iconDetails.size\"\n />\n </template>\n </a-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { buttonProps } from './button'\n\ndefineOptions({ name: 'LlButton' })\nconst props = defineProps(buttonProps)\nconst bem = createNamespace('button')\n\nconst attrs = useAttrs()\n\nconst iconDetails = computed(() => {\n return props.icon || { iconName: '', color: 'inherit' }\n})\n\nconst hasIconOnLeft = computed(() => {\n return (\n iconDetails.value.iconName && (!props.position || props.position === 'left')\n )\n})\n\nconst hasIconOnRight = computed(() => {\n return props.position === 'right' && iconDetails.value.iconName\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,OAAO,MAAM,IAAQ,IAAA,EAAE,QAAU,EAAA,EAAA,EAAI,OAAO,SAAU,EAAA,CAAA;AAAA,KACvD,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OACE,YAAY,KAAM,CAAA,QAAA,KAAa,CAAC,KAAM,CAAA,QAAA,IAAY,MAAM,QAAa,KAAA,MAAA,CAAA,CAAA;AAAA,KAExE,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,OAAO,KAAM,CAAA,QAAA,KAAa,OAAW,IAAA,WAAA,CAAY,KAAM,CAAA,QAAA,CAAA;AAAA,KACxD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"button.vue2.mjs","sources":["../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n <a-button :class=\"bem.b()\" v-bind=\"attrs\">\n <template v-if=\"hasIconOnLeft\" #icon>\n <ll-icon\n :class=\"bem.e('icon-left')\"\n :icon-name=\"iconDetails.iconName\"\n :color=\"iconDetails.color\"\n :size=\"iconDetails.size\"\n />\n </template>\n <slot>\n <template v-if=\"label\">\n <span>{{ label }}</span>\n </template>\n </slot>\n <template v-if=\"hasIconOnRight\">\n <ll-icon\n :class=\"bem.e('icon-right')\"\n :icon-name=\"iconDetails.iconName\"\n :color=\"iconDetails.color\"\n :size=\"iconDetails.size\"\n />\n </template>\n </a-button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\n\nimport { buttonProps } from './button'\n\ndefineOptions({ name: 'LlButton' })\nconst props = defineProps(buttonProps)\nconst bem = createNamespace('button')\n\nconst attrs = useAttrs()\n\nconst iconDetails = computed(() => {\n return props.icon || { iconName: '', color: '' }\n})\n\nconst hasIconOnLeft = computed(() => {\n return (\n iconDetails.value.iconName && (!props.position || props.position === 'left')\n )\n})\n\nconst hasIconOnRight = computed(() => {\n return props.position === 'right' && iconDetails.value.iconName\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAkCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,GAAA,GAAM,gBAAgB,QAAQ,CAAA,CAAA;AAEpC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,OAAO,MAAM,IAAQ,IAAA,EAAE,QAAU,EAAA,EAAA,EAAI,OAAO,EAAG,EAAA,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OACE,YAAY,KAAM,CAAA,QAAA,KAAa,CAAC,KAAM,CAAA,QAAA,IAAY,MAAM,QAAa,KAAA,MAAA,CAAA,CAAA;AAAA,KAExE,CAAA,CAAA;AAED,IAAM,MAAA,cAAA,GAAiB,SAAS,MAAM;AACpC,MAAA,OAAO,KAAM,CAAA,QAAA,KAAa,OAAW,IAAA,WAAA,CAAY,KAAM,CAAA,QAAA,CAAA;AAAA,KACxD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -59,7 +59,7 @@ export { placement, tooltipProps } from './tooltip/src/tooltip.mjs';
59
59
  export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './tree-search/src/config/header-search.mjs';
60
60
  export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './tree-search/src/config/directory-title.mjs';
61
61
  export { TreeSelectTreeListEmits, treeSelectTreeListEmits, treeSelectTreeListProps } from './tree-search/src/config/tree-list.mjs';
62
- export { treeSearchEmits, treeSearchOperateWayType, treeSearchProps } from './tree-search/src/config/tree-search.mjs';
62
+ export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps } from './tree-search/src/config/tree-search.mjs';
63
63
  export { treeEmits, treeProps } from './tree/src/tree.mjs';
64
64
  export { dropdownButtonEmits, dropdownButtonProps, dropdownEmits, dropdownProps } from './dropdown/src/dropdown.mjs';
65
65
  export { ILlUploadDragProps } from './upload-drag/src/upload-drag.mjs';
@@ -78,13 +78,13 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
78
78
  } | undefined;
79
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;
80
80
  readonly onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
81
- readonly onClose?: ((e: Event) => any) | undefined;
82
- readonly onCancel?: ((e: Event) => any) | undefined;
83
- readonly onOk?: ((e: Event) => any) | undefined;
81
+ readonly onClose?: (() => any) | undefined;
82
+ readonly onCancel?: (() => any) | undefined;
83
+ readonly onOk?: (() => any) | undefined;
84
84
  readonly onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
85
- readonly onClickAdd?: ((e: Event) => any) | undefined;
85
+ readonly onClickAdd?: (() => any) | undefined;
86
86
  } & {}>;
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
+ 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);
88
88
  isCollapseMenu: import("vue").Ref<boolean>;
89
89
  searchValue: import("vue").Ref<string>;
90
90
  bem: {
@@ -102,12 +102,12 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
102
102
  };
103
103
  handleCollapseMenu: () => boolean;
104
104
  handleSearchInputChange: (v: string) => void;
105
- handleClickAddBtn: (e: Event) => void;
105
+ handleClickAddBtn: () => void;
106
106
  handleTreeExpand: (expandedKeys: string[], data: any) => void;
107
107
  handleTreeSelect: (keys: string[], e: any) => void;
108
- handleClickOkBtn: (e: any) => void;
109
- handleClickCancelBtn: (e: any) => void;
110
- handleClickCloseBtn: (e: any) => void;
108
+ handleClickOkBtn: () => void;
109
+ handleClickCancelBtn: () => void;
110
+ handleClickCloseBtn: () => void;
111
111
  HeaderSearch: import("vue").DefineComponent<{
112
112
  readonly searchValue: {
113
113
  readonly type: import("vue").PropType<string>;
@@ -315,10 +315,10 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
315
315
  onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
316
316
  }, {}, {}>;
317
317
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
318
- clickAdd: (e: Event) => boolean;
319
- cancel: (e: Event) => boolean;
320
- ok: (e: Event) => boolean;
321
- close: (e: Event) => boolean;
318
+ clickAdd: () => boolean;
319
+ cancel: () => boolean;
320
+ ok: () => boolean;
321
+ close: () => boolean;
322
322
  expand: (expandedKeys: any, data: any) => boolean;
323
323
  select: (selectedKeys: any, e: any) => boolean;
324
324
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -371,11 +371,11 @@ export declare const LlTreeSearch: import("ll-plus/es/utils").SFCWithInstall<imp
371
371
  readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
372
372
  }>> & {
373
373
  onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
374
- onClose?: ((e: Event) => any) | undefined;
375
- onCancel?: ((e: Event) => any) | undefined;
376
- onOk?: ((e: Event) => any) | undefined;
374
+ onClose?: (() => any) | undefined;
375
+ onCancel?: (() => any) | undefined;
376
+ onOk?: (() => any) | undefined;
377
377
  onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
378
- onClickAdd?: ((e: Event) => any) | undefined;
378
+ onClickAdd?: (() => any) | undefined;
379
379
  }, {
380
380
  readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
381
381
  readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -5,7 +5,7 @@ import { withInstall } from '../../utils/with-install.mjs';
5
5
  export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './src/config/header-search.mjs';
6
6
  export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './src/config/directory-title.mjs';
7
7
  export { TreeSelectTreeListEmits, treeSelectTreeListEmits, treeSelectTreeListProps } from './src/config/tree-list.mjs';
8
- export { treeSearchEmits, treeSearchOperateWayType, treeSearchProps } from './src/config/tree-search.mjs';
8
+ export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps } from './src/config/tree-search.mjs';
9
9
 
10
10
  "use strict";
11
11
  const LlTreeSearch = withInstall(TreeSearch);
@@ -49,7 +49,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
49
49
  }, 8, ["value", "onChange"]),
50
50
  createCommentVNode(" add "),
51
51
  createVNode(_component_ll_button, {
52
- class: normalizeClass(unref(bem).e("header-button")),
52
+ class: normalizeClass(`${unref(bem).e("header-button")}`),
53
53
  onClick: handleClick
54
54
  }, {
55
55
  default: withCtx(() => [
@@ -1 +1 @@
1
- {"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.e('header')\">\n <!-- input -->\n <a-input\n v-model:value=\"searchValue\"\n placeholder=\"请输入关键字\"\n @change=\"throttleInputChange\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n </template>\n </a-input>\n <!-- add -->\n <ll-button :class=\"bem.e('header-button')\" @click=\"handleClick\">\n <ll-icon icon-name=\"icon-add\" />\n </ll-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nimport _ from 'lodash'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n treeSelectHeaderSearchProps,\n treeSelectHeaderSearchEmits\n} from '../config'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSelectHeaderSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSelectHeaderSearchProps)\nconst emits = defineEmits(treeSelectHeaderSearchEmits)\n\n// 3.ref\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = () => {\n props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,CAAA;AACA,IAAA,MAAM,WAAc,GAAA,CAAC,CAAa,KAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAElD,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../packages/components/tree-search/src/components/header-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.e('header')\">\n <!-- input -->\n <a-input\n v-model:value=\"searchValue\"\n placeholder=\"请输入关键字\"\n @change=\"throttleInputChange\"\n >\n <template #prefix>\n <ll-icon icon-name=\"icon-search\" :class=\"bem.e('header-icon')\" />\n </template>\n </a-input>\n <!-- add -->\n <ll-button :class=\"`${bem.e('header-button')}`\" @click=\"handleClick\">\n <ll-icon icon-name=\"icon-add\" />\n </ll-button>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\n\nimport _ from 'lodash'\nimport { createNamespace } from '@ll-plus/utils'\nimport {\n treeSelectHeaderSearchProps,\n treeSelectHeaderSearchEmits\n} from '../config'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSelectHeaderSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSelectHeaderSearchProps)\nconst emits = defineEmits(treeSelectHeaderSearchEmits)\n\n// 3.ref\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.methods\nconst handleInputChange = () => {\n props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\nconst handleClick = (e: Event) => emits('click', e)\n// 搜索菜单列表节流\nconst throttleInputChange = _.throttle(handleInputChange, props.throttleTime)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,oBAAoB,MAAM;AAC9B,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,CAAA;AACA,IAAA,MAAM,WAAc,GAAA,CAAC,CAAa,KAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAElD,IAAA,MAAM,mBAAsB,GAAA,CAAA,CAAE,QAAS,CAAA,iBAAA,EAAmB,MAAM,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './header-search.mjs';
2
2
  export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './directory-title.mjs';
3
3
  export { TreeSelectTreeListEmits, treeSelectTreeListEmits, treeSelectTreeListProps } from './tree-list.mjs';
4
- export { treeSearchEmits, treeSearchOperateWayType, treeSearchProps } from './tree-search.mjs';
4
+ export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps } from './tree-search.mjs';
5
5
 
6
6
  "use strict";
7
7
  //# sourceMappingURL=index.mjs.map
@@ -56,13 +56,14 @@ 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: (e: Event) => boolean;
60
- cancel: (e: Event) => boolean;
61
- ok: (e: Event) => boolean;
62
- close: (e: Event) => boolean;
59
+ clickAdd: () => boolean;
60
+ cancel: () => boolean;
61
+ ok: () => boolean;
62
+ close: () => boolean;
63
63
  expand: (expandedKeys: any, data: any) => boolean;
64
64
  select: (selectedKeys: any, e: any) => boolean;
65
65
  };
66
+ export declare const treeSearchEmits1: string[];
66
67
  export type TreeSearchOperateWayType = typeof treeSearchOperateWayType;
67
68
  export type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>;
68
69
  export type TreeSearchEmits = typeof treeSearchEmits;
@@ -75,19 +75,27 @@ const treeSearchProps = buildProps({
75
75
  }
76
76
  });
77
77
  const treeSearchEmits = {
78
- clickAdd: (e) => !!e,
78
+ clickAdd: () => true,
79
79
  // 点击头部新增按钮
80
- cancel: (e) => !!e,
80
+ cancel: () => true,
81
81
  // 弹窗取消按钮事件
82
- ok: (e) => !!e,
82
+ ok: () => true,
83
83
  // 弹窗确定按钮事件
84
- close: (e) => !!e,
84
+ close: () => true,
85
85
  // 弹窗的close
86
86
  expand: (expandedKeys, data) => !!expandedKeys && !!data,
87
87
  // tree的expand
88
88
  select: (selectedKeys, e) => !!selectedKeys && !!e
89
89
  // tree的select
90
90
  };
91
+ const treeSearchEmits1 = [
92
+ "cancel",
93
+ "cancel",
94
+ "ok",
95
+ "close",
96
+ "expand",
97
+ "select"
98
+ ];
91
99
 
92
- export { treeSearchEmits, treeSearchOperateWayType, treeSearchProps };
100
+ export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps };
93
101
  //# sourceMappingURL=tree-search.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"tree-search.mjs","sources":["../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport { ModalProps, DrawerProps } from '../../../index'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport interface ITreeSearchFieldNames {\n children?: string\n title?: string\n key?: string\n}\n\nexport const treeSearchProps = buildProps({\n /**\n * @description loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流延时\n */\n throttleTime: {\n type: Number,\n default: THROTTLE_TIME\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array),\n default: () => []\n },\n /**\n * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n */\n fieldNames: {\n type: definePropType<ITreeSearchFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 新增和编辑显示哪种弹窗(模态框/抽屉/自定义)\n */\n operateWay: {\n type: String,\n values: treeSearchOperateWayType,\n default: 'modal'\n },\n /**\n * @description LlModal的组件配置\n */\n modalConfigProps: {\n type: definePropType<ModalProps>(Object)\n },\n /**\n * @description LlDrawer的组件配置\n */\n drawerConfigProps: {\n type: definePropType<DrawerProps>(Object)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[] | number[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\nexport const treeSearchEmits = {\n clickAdd: (e: Event) => !!e, // 点击头部新增按钮\n cancel: (e: Event) => !!e, // 弹窗取消按钮事件\n ok: (e: Event) => !!e, // 弹窗确定按钮事件\n close: (e: Event) => !!e, // 弹窗的close\n expand: (expandedKeys, data) => !!expandedKeys && !!data, // tree的expand\n select: (selectedKeys, e) => !!selectedKeys && !!e // tree的select\n}\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":[],"mappings":";;;;;AAOO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAQ3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAsC,MAAM,CAAA;AAAA,IAClD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAoC,KAAK,CAAA;AAAA,GACjD;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAEH,MAAM,eAAkB,GAAA;AAAA,EAC7B,QAAU,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EAC1B,MAAQ,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EACxB,EAAI,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EACpB,KAAO,EAAA,CAAC,CAAa,KAAA,CAAC,CAAC,CAAA;AAAA;AAAA,EACvB,MAAA,EAAQ,CAAC,YAAc,EAAA,IAAA,KAAS,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,IAAA;AAAA;AAAA,EACpD,MAAA,EAAQ,CAAC,YAAc,EAAA,CAAA,KAAM,CAAC,CAAC,YAAA,IAAgB,CAAC,CAAC,CAAA;AAAA;AACnD;;;;"}
1
+ {"version":3,"file":"tree-search.mjs","sources":["../../../../../../packages/components/tree-search/src/config/tree-search.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\nimport { THROTTLE_TIME } from '@ll-plus/constant'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type TreeSearch from '../tree-search.vue'\nimport { ModalProps, DrawerProps } from '../../../index'\n\nexport const treeSearchOperateWayType = ['modal', 'drawer', 'none'] as const\n\nexport interface ITreeSearchFieldNames {\n children?: string\n title?: string\n key?: string\n}\n\nexport const treeSearchProps = buildProps({\n /**\n * @description loading\n */\n loading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 节流延时\n */\n throttleTime: {\n type: Number,\n default: THROTTLE_TIME\n },\n /**\n * @description tree的数据\n */\n treeData: {\n type: definePropType<any[]>(Array),\n default: () => []\n },\n /**\n * @description 替换 treeNode 中 title,key,children 字段为 treeData 中对应的字段\n */\n fieldNames: {\n type: definePropType<ITreeSearchFieldNames>(Object),\n default: () => ({ children: 'children', title: 'title', key: 'key' })\n },\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 新增和编辑显示哪种弹窗(模态框/抽屉/自定义)\n */\n operateWay: {\n type: String,\n values: treeSearchOperateWayType,\n default: 'modal'\n },\n /**\n * @description LlModal的组件配置\n */\n modalConfigProps: {\n type: definePropType<ModalProps>(Object)\n },\n /**\n * @description LlDrawer的组件配置\n */\n drawerConfigProps: {\n type: definePropType<DrawerProps>(Object)\n },\n /**\n * @description tree展开的key\n */\n expandedKeys: {\n type: definePropType<string[] | number[]>(Array)\n },\n /**\n * @description 头部搜索change\n */\n onSearchInputChange: {\n type: Function,\n default: (v: string) => !!v\n }\n} as const)\n\n// 正确\nexport const treeSearchEmits = {\n clickAdd: () => true, // 点击头部新增按钮\n cancel: () => true, // 弹窗取消按钮事件\n ok: () => true, // 弹窗确定按钮事件\n close: () => true, // 弹窗的close\n expand: (expandedKeys, data) => !!expandedKeys && !!data, // tree的expand\n select: (selectedKeys, e) => !!selectedKeys && !!e // tree的select\n}\n\nexport const treeSearchEmits1 = [\n 'cancel',\n 'cancel',\n 'ok',\n 'close',\n 'expand',\n 'select'\n]\n\n// props\nexport type TreeSearchOperateWayType = typeof treeSearchOperateWayType\nexport type TreeSearchProps = ExtractPropTypes<typeof treeSearchProps>\n\n// emits\nexport type TreeSearchEmits = typeof treeSearchEmits\n\n// instance\nexport type TreeSearchInstance = InstanceType<typeof TreeSearch>\n"],"names":[],"mappings":";;;;;AAOO,MAAM,wBAA2B,GAAA,CAAC,OAAS,EAAA,QAAA,EAAU,MAAM,EAAA;AAQ3D,MAAM,kBAAkB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAIxC,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAA,EAAM,eAAsB,KAAK,CAAA;AAAA,IACjC,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,eAAsC,MAAM,CAAA;AAAA,IAClD,OAAA,EAAS,OAAO,EAAE,QAAA,EAAU,YAAY,KAAO,EAAA,OAAA,EAAS,KAAK,KAAM,EAAA,CAAA;AAAA,GACrE;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,wBAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAkB,EAAA;AAAA,IAChB,IAAA,EAAM,eAA2B,MAAM,CAAA;AAAA,GACzC;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAA,EAAM,eAAoC,KAAK,CAAA;AAAA,GACjD;AAAA;AAAA;AAAA;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,QAAA;AAAA,IACN,OAAS,EAAA,CAAC,CAAc,KAAA,CAAC,CAAC,CAAA;AAAA,GAC5B;AACF,CAAU,EAAA;AAGH,MAAM,eAAkB,GAAA;AAAA,EAC7B,UAAU,MAAM,IAAA;AAAA;AAAA,EAChB,QAAQ,MAAM,IAAA;AAAA;AAAA,EACd,IAAI,MAAM,IAAA;AAAA;AAAA,EACV,OAAO,MAAM,IAAA;AAAA;AAAA,EACb,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,EAAA;AAEO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AACF;;;;"}
@@ -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?: ((e: Event) => any) | undefined;
81
- readonly onCancel?: ((e: Event) => any) | undefined;
82
- readonly onOk?: ((e: Event) => any) | undefined;
80
+ readonly onClose?: (() => any) | undefined;
81
+ readonly onCancel?: (() => any) | undefined;
82
+ readonly onOk?: (() => any) | undefined;
83
83
  readonly onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
84
- readonly onClickAdd?: ((e: Event) => any) | undefined;
84
+ readonly onClickAdd?: (() => any) | undefined;
85
85
  } & {}>;
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);
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
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: (e: Event) => void;
104
+ handleClickAddBtn: () => void;
105
105
  handleTreeExpand: (expandedKeys: string[], data: any) => void;
106
106
  handleTreeSelect: (keys: string[], e: any) => void;
107
- handleClickOkBtn: (e: any) => void;
108
- handleClickCancelBtn: (e: any) => void;
109
- handleClickCloseBtn: (e: any) => void;
107
+ handleClickOkBtn: () => void;
108
+ handleClickCancelBtn: () => void;
109
+ handleClickCloseBtn: () => void;
110
110
  HeaderSearch: import("vue").DefineComponent<{
111
111
  readonly searchValue: {
112
112
  readonly type: import("vue").PropType<string>;
@@ -314,10 +314,10 @@ declare const _default: import("vue").DefineComponent<{
314
314
  onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
315
315
  }, {}, {}>;
316
316
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
317
- clickAdd: (e: Event) => boolean;
318
- cancel: (e: Event) => boolean;
319
- ok: (e: Event) => boolean;
320
- close: (e: Event) => boolean;
317
+ clickAdd: () => boolean;
318
+ cancel: () => boolean;
319
+ ok: () => boolean;
320
+ close: () => boolean;
321
321
  expand: (expandedKeys: any, data: any) => boolean;
322
322
  select: (selectedKeys: any, e: any) => boolean;
323
323
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -370,11 +370,11 @@ declare const _default: import("vue").DefineComponent<{
370
370
  readonly onSearchInputChange: import("ll-plus/es/utils").EpPropFinalized<FunctionConstructor, unknown, unknown, (v: string) => boolean, boolean>;
371
371
  }>> & {
372
372
  onSelect?: ((selectedKeys: any, e: any) => any) | undefined;
373
- onClose?: ((e: Event) => any) | undefined;
374
- onCancel?: ((e: Event) => any) | undefined;
375
- onOk?: ((e: Event) => any) | undefined;
373
+ onClose?: (() => any) | undefined;
374
+ onCancel?: (() => any) | undefined;
375
+ onOk?: (() => any) | undefined;
376
376
  onExpand?: ((expandedKeys: any, data: any) => any) | undefined;
377
- onClickAdd?: ((e: Event) => any) | undefined;
377
+ onClickAdd?: (() => any) | undefined;
378
378
  }, {
379
379
  readonly open: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
380
380
  readonly loading: import("ll-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -25,24 +25,16 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
25
25
  searchValue.value = v;
26
26
  props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
27
27
  };
28
- const handleClickAddBtn = (e) => {
29
- emits("clickAdd", e);
30
- };
28
+ const handleClickAddBtn = () => emits("clickAdd");
31
29
  const handleTreeExpand = (expandedKeys, data) => {
32
30
  emits("expand", expandedKeys, data);
33
31
  };
34
32
  const handleTreeSelect = (keys, e) => {
35
33
  emits("select", keys, e);
36
34
  };
37
- const handleClickOkBtn = (e) => {
38
- emits("ok", e);
39
- };
40
- const handleClickCancelBtn = (e) => {
41
- emits("cancel", e);
42
- };
43
- const handleClickCloseBtn = (e) => {
44
- emits("close", e);
45
- };
35
+ const handleClickOkBtn = () => emits("ok");
36
+ const handleClickCancelBtn = () => emits("cancel");
37
+ const handleClickCloseBtn = () => emits("close");
46
38
  return (_ctx, _cache) => {
47
39
  const _component_ll_modal = resolveComponent("ll-modal");
48
40
  const _component_ll_drawer = resolveComponent("ll-drawer");
@@ -1 +1 @@
1
- {"version":3,"file":"tree-search.vue2.mjs","sources":["../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <!-- 头部搜索 -->\n <header-search\n :throttle-time=\"throttleTime\"\n :search-value=\"searchValue\"\n :on-search-input-change=\"handleSearchInputChange\"\n @click=\"handleClickAddBtn\"\n />\n <!-- 目录标题 -->\n <directory-title\n :is-collapse-menu=\"isCollapseMenu\"\n @collapse-menu=\"handleCollapseMenu\"\n />\n <!-- tree -->\n <tree-list\n v-bind=\"attrs\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :search-value=\"searchValue\"\n :is-collapse-menu=\"isCollapseMenu\"\n :tree-data=\"treeData\"\n :expanded-keys=\"expandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\n <!-- icon-slots -->\n <template #icon=\"slots\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </template>\n <!-- title-slots -->\n <template #treeTitle=\"slots\">\n <slot name=\"treeTitle\" v-bind=\"slots\" />\n </template>\n <!-- operate-slot -->\n <template #treeOperate=\"slots\">\n <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n </template>\n <!-- empty-slot -->\n <template #empty>\n <slot name=\"empty\" />\n </template>\n </tree-list>\n <!-- 操作出现的方式 -->\n <!-- 模态框 -->\n <template v-if=\"operateWay === 'modal'\">\n <ll-modal\n v-bind=\"modalConfigProps\"\n :open=\"open\"\n @ok=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n >\n <slot name=\"operateBoxContent\" />\n </ll-modal>\n </template>\n <!-- 抽屉 -->\n <template v-else-if=\"operateWay === 'drawer'\">\n <ll-drawer\n v-bind=\"drawerConfigProps\"\n :open=\"open\"\n @confirm=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n @close=\"handleClickCloseBtn\"\n >\n <slot name=\"operateBoxContent\" />\n <template #footer-left>\n <slot name=\"drawerFooterLeft\" />\n </template>\n </ll-drawer>\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport TreeList from './components/tree-list.vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n// const emits = defineEmits([\n// 'clickAdd',\n// 'expand',\n// 'select',\n// 'ok',\n// 'cancel',\n// 'close'\n// ])\n\n// 3.ref\n// 是否收起/展开\nconst isCollapseMenu = ref(false)\n// 输入框内容\nconst searchValue = ref('')\nconst bem = createNamespace('tree-search')\n\n// 4.hooks\nconst attrs = useAttrs()\n\n// 5.methods\nconst handleCollapseMenu = () => (isCollapseMenu.value = !isCollapseMenu.value)\n// 输入框内容change\nconst handleSearchInputChange = (v: string) => {\n searchValue.value = v\n props.onSearchInputChange && props.onSearchInputChange(searchValue.value)\n}\n// 点击头部add\nconst handleClickAddBtn = (e: Event) => {\n emits('clickAdd', e)\n}\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = e => {\n emits('ok', e)\n}\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = e => {\n emits('cancel', e)\n}\n// 点击抽屉的x\nconst handleClickCloseBtn = e => {\n emits('close', e)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAYd,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,kBAAqB,GAAA,MAAO,cAAe,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AAEzE,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AACpB,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,CAAa,KAAA;AACtC,MAAA,KAAA,CAAM,YAAY,CAAC,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAA,MAAM,mBAAmB,CAAK,CAAA,KAAA;AAC5B,MAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAAA,KACf,CAAA;AAEA,IAAA,MAAM,uBAAuB,CAAK,CAAA,KAAA;AAChC,MAAA,KAAA,CAAM,UAAU,CAAC,CAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,MAAM,sBAAsB,CAAK,CAAA,KAAA;AAC/B,MAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAAA,KAClB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"tree-search.vue2.mjs","sources":["../../../../../packages/components/tree-search/src/tree-search.vue"],"sourcesContent":["<template>\n <div :class=\"bem.b()\">\n <!-- 头部搜索 -->\n <header-search\n :throttle-time=\"throttleTime\"\n :search-value=\"searchValue\"\n :on-search-input-change=\"handleSearchInputChange\"\n @click=\"handleClickAddBtn\"\n />\n <!-- 目录标题 -->\n <directory-title\n :is-collapse-menu=\"isCollapseMenu\"\n @collapse-menu=\"handleCollapseMenu\"\n />\n <!-- tree -->\n <tree-list\n v-bind=\"attrs\"\n :loading=\"loading\"\n :field-names=\"fieldNames\"\n :search-value=\"searchValue\"\n :is-collapse-menu=\"isCollapseMenu\"\n :tree-data=\"treeData\"\n :expanded-keys=\"expandedKeys\"\n @expand=\"handleTreeExpand\"\n @select=\"handleTreeSelect\"\n >\n <!-- icon-slots -->\n <template #icon=\"slots\">\n <slot name=\"icon\" v-bind=\"slots\" />\n </template>\n <!-- title-slots -->\n <template #treeTitle=\"slots\">\n <slot name=\"treeTitle\" v-bind=\"slots\" />\n </template>\n <!-- operate-slot -->\n <template #treeOperate=\"slots\">\n <slot name=\"treeOperate\" v-bind=\"slots.data\" />\n </template>\n <!-- empty-slot -->\n <template #empty>\n <slot name=\"empty\" />\n </template>\n </tree-list>\n <!-- 操作出现的方式 -->\n <!-- 模态框 -->\n <template v-if=\"operateWay === 'modal'\">\n <ll-modal\n v-bind=\"modalConfigProps\"\n :open=\"open\"\n @ok=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n >\n <slot name=\"operateBoxContent\" />\n </ll-modal>\n </template>\n <!-- 抽屉 -->\n <template v-else-if=\"operateWay === 'drawer'\">\n <ll-drawer\n v-bind=\"drawerConfigProps\"\n :open=\"open\"\n @confirm=\"handleClickOkBtn\"\n @cancel=\"handleClickCancelBtn\"\n @close=\"handleClickCloseBtn\"\n >\n <slot name=\"operateBoxContent\" />\n <template #footer-left>\n <slot name=\"drawerFooterLeft\" />\n </template>\n </ll-drawer>\n </template>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useAttrs } from 'vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { treeSearchProps, treeSearchEmits } from './config'\n\nimport HeaderSearch from './components/header-search.vue'\nimport DirectoryTitle from './components/directory-title.vue'\nimport TreeList from './components/tree-list.vue'\n\n// 1.defineOptions\ndefineOptions({ name: 'LlTreeSearch' })\n\n// 2.props/emits\nconst props = defineProps(treeSearchProps)\nconst emits = defineEmits(treeSearchEmits)\n\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 = () => emits('clickAdd')\n// 树展开\nconst handleTreeExpand = (expandedKeys: string[], data: any) => {\n emits('expand', expandedKeys, data)\n}\n// 树节点选择\nconst handleTreeSelect = (keys: string[], e: any) => {\n emits('select', keys, e)\n}\n// 点击弹窗的ok按钮\nconst handleClickOkBtn = () => emits('ok')\n// 点击弹窗的cacel按钮\nconst handleClickCancelBtn = () => emits('cancel')\n// 点击抽屉的x\nconst handleClickCloseBtn = () => emits('close')\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsFA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAId,IAAM,MAAA,cAAA,GAAiB,IAAI,KAAK,CAAA,CAAA;AAEhC,IAAM,MAAA,WAAA,GAAc,IAAI,EAAE,CAAA,CAAA;AAC1B,IAAM,MAAA,GAAA,GAAM,gBAAgB,aAAa,CAAA,CAAA;AAGzC,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAGvB,IAAA,MAAM,kBAAqB,GAAA,MAAO,cAAe,CAAA,KAAA,GAAQ,CAAC,cAAe,CAAA,KAAA,CAAA;AAEzE,IAAM,MAAA,uBAAA,GAA0B,CAAC,CAAc,KAAA;AAC7C,MAAA,WAAA,CAAY,KAAQ,GAAA,CAAA,CAAA;AACpB,MAAA,KAAA,CAAM,mBAAuB,IAAA,KAAA,CAAM,mBAAoB,CAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,KAC1E,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAA,CAAM,UAAU,CAAA,CAAA;AAEhD,IAAM,MAAA,gBAAA,GAAmB,CAAC,YAAA,EAAwB,IAAc,KAAA;AAC9D,MAAM,KAAA,CAAA,QAAA,EAAU,cAAc,IAAI,CAAA,CAAA;AAAA,KACpC,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,IAAA,EAAgB,CAAW,KAAA;AACnD,MAAM,KAAA,CAAA,QAAA,EAAU,MAAM,CAAC,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,MAAM,KAAA,CAAM,IAAI,CAAA,CAAA;AAEzC,IAAM,MAAA,oBAAA,GAAuB,MAAM,KAAA,CAAM,QAAQ,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,MAAM,KAAA,CAAM,OAAO,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/es/index.mjs CHANGED
@@ -57,7 +57,7 @@ export { LlTooltip } from './components/tooltip/index.mjs';
57
57
  export { treeSelectHeaderSearchEmits, treeSelectHeaderSearchProps } from './components/tree-search/src/config/header-search.mjs';
58
58
  export { treeSelectDirectoryTitleEmits, treeSelectDirectoryTitleProps } from './components/tree-search/src/config/directory-title.mjs';
59
59
  export { TreeSelectTreeListEmits, treeSelectTreeListEmits, treeSelectTreeListProps } from './components/tree-search/src/config/tree-list.mjs';
60
- export { treeSearchEmits, treeSearchOperateWayType, treeSearchProps } from './components/tree-search/src/config/tree-search.mjs';
60
+ export { treeSearchEmits, treeSearchEmits1, treeSearchOperateWayType, treeSearchProps } from './components/tree-search/src/config/tree-search.mjs';
61
61
  export { LlTreeSearch } from './components/tree-search/index.mjs';
62
62
  export { treeEmits, treeProps } from './components/tree/src/tree.mjs';
63
63
  export { LlTree } from './components/tree/index.mjs';
package/index.full.js CHANGED
@@ -2680,7 +2680,7 @@
2680
2680
  const bem = createNamespace("button");
2681
2681
  const attrs = require$$0.useAttrs();
2682
2682
  const iconDetails = require$$0.computed(() => {
2683
- return props.icon || { iconName: "", color: "inherit" };
2683
+ return props.icon || { iconName: "", color: "" };
2684
2684
  });
2685
2685
  const hasIconOnLeft = require$$0.computed(() => {
2686
2686
  return iconDetails.value.iconName && (!props.position || props.position === "left");
@@ -2708,7 +2708,7 @@
2708
2708
  key: 0,
2709
2709
  class: require$$0.normalizeClass(require$$0.unref(bem).e("icon-right")),
2710
2710
  "icon-name": iconDetails.value.iconName,
2711
- color: iconDetails.value.color || "inherit",
2711
+ color: iconDetails.value.color,
2712
2712
  size: iconDetails.value.size
2713
2713
  }, null, 8, ["class", "icon-name", "color", "size"])) : require$$0.createCommentVNode("v-if", true)
2714
2714
  ]),
@@ -2721,7 +2721,7 @@
2721
2721
  require$$0.createVNode(_component_ll_icon, {
2722
2722
  class: require$$0.normalizeClass(require$$0.unref(bem).e("icon-left")),
2723
2723
  "icon-name": iconDetails.value.iconName,
2724
- color: iconDetails.value.color || "inherit",
2724
+ color: iconDetails.value.color,
2725
2725
  size: iconDetails.value.size
2726
2726
  }, null, 8, ["class", "icon-name", "color", "size"])
2727
2727
  ]),
@@ -13519,19 +13519,27 @@
13519
13519
  }
13520
13520
  });
13521
13521
  const treeSearchEmits = {
13522
- clickAdd: (e) => !!e,
13522
+ clickAdd: () => true,
13523
13523
  // 点击头部新增按钮
13524
- cancel: (e) => !!e,
13524
+ cancel: () => true,
13525
13525
  // 弹窗取消按钮事件
13526
- ok: (e) => !!e,
13526
+ ok: () => true,
13527
13527
  // 弹窗确定按钮事件
13528
- close: (e) => !!e,
13528
+ close: () => true,
13529
13529
  // 弹窗的close
13530
13530
  expand: (expandedKeys, data) => !!expandedKeys && !!data,
13531
13531
  // tree的expand
13532
13532
  select: (selectedKeys, e) => !!selectedKeys && !!e
13533
13533
  // tree的select
13534
13534
  };
13535
+ const treeSearchEmits1 = [
13536
+ "cancel",
13537
+ "cancel",
13538
+ "ok",
13539
+ "close",
13540
+ "expand",
13541
+ "select"
13542
+ ];
13535
13543
 
13536
13544
  var lodash = {exports: {}};
13537
13545
 
@@ -19065,7 +19073,7 @@
19065
19073
  }, 8, ["value", "onChange"]),
19066
19074
  require$$0.createCommentVNode(" add "),
19067
19075
  require$$0.createVNode(_component_ll_button, {
19068
- class: require$$0.normalizeClass(require$$0.unref(bem).e("header-button")),
19076
+ class: require$$0.normalizeClass(`${require$$0.unref(bem).e("header-button")}`),
19069
19077
  onClick: handleClick
19070
19078
  }, {
19071
19079
  default: require$$0.withCtx(() => [
@@ -19341,24 +19349,16 @@
19341
19349
  searchValue.value = v;
19342
19350
  props.onSearchInputChange && props.onSearchInputChange(searchValue.value);
19343
19351
  };
19344
- const handleClickAddBtn = (e) => {
19345
- emits("clickAdd", e);
19346
- };
19352
+ const handleClickAddBtn = () => emits("clickAdd");
19347
19353
  const handleTreeExpand = (expandedKeys, data) => {
19348
19354
  emits("expand", expandedKeys, data);
19349
19355
  };
19350
19356
  const handleTreeSelect = (keys, e) => {
19351
19357
  emits("select", keys, e);
19352
19358
  };
19353
- const handleClickOkBtn = (e) => {
19354
- emits("ok", e);
19355
- };
19356
- const handleClickCancelBtn = (e) => {
19357
- emits("cancel", e);
19358
- };
19359
- const handleClickCloseBtn = (e) => {
19360
- emits("close", e);
19361
- };
19359
+ const handleClickOkBtn = () => emits("ok");
19360
+ const handleClickCancelBtn = () => emits("cancel");
19361
+ const handleClickCloseBtn = () => emits("close");
19362
19362
  return (_ctx, _cache) => {
19363
19363
  const _component_ll_modal = require$$0.resolveComponent("ll-modal");
19364
19364
  const _component_ll_drawer = require$$0.resolveComponent("ll-drawer");
@@ -20054,6 +20054,7 @@
20054
20054
  exports.treeEmits = treeEmits;
20055
20055
  exports.treeProps = treeProps;
20056
20056
  exports.treeSearchEmits = treeSearchEmits;
20057
+ exports.treeSearchEmits1 = treeSearchEmits1;
20057
20058
  exports.treeSearchOperateWayType = treeSearchOperateWayType;
20058
20059
  exports.treeSearchProps = treeSearchProps;
20059
20060
  exports.treeSelectDirectoryTitleEmits = treeSelectDirectoryTitleEmits;