ll-plus 2.4.17 → 2.4.19

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 (266) hide show
  1. package/es/component.mjs +6 -0
  2. package/es/component.mjs.map +1 -1
  3. package/es/components/advanced-filtering/index.d.ts +284 -284
  4. package/es/components/advanced-filtering/src/advanced-filtering.vue.d.ts +142 -142
  5. package/es/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +142 -142
  6. package/es/components/breadcrumb-card/index.d.ts +94 -0
  7. package/es/components/breadcrumb-card/src/breadcrumb-card.d.ts +28 -0
  8. package/es/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +87 -0
  9. package/es/components/cascader/index.d.ts +8 -8
  10. package/es/components/cascader/src/cascader.vue.d.ts +8 -8
  11. package/es/components/checkbox/index.d.ts +217 -217
  12. package/es/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
  13. package/es/components/checkbox/src/checkbox.d.ts +56 -56
  14. package/es/components/drawer/index.d.ts +5 -5
  15. package/es/components/drawer/src/components/second-confirmation/index.d.ts +3 -3
  16. package/es/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +3 -3
  17. package/es/components/drawer/src/drawer.vue.d.ts +5 -5
  18. package/es/components/easy-cron/index.d.ts +95 -95
  19. package/es/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +88 -88
  20. package/es/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +88 -88
  21. package/es/components/easy-cron/src/easy-cron.vue.d.ts +95 -95
  22. package/es/components/form/index.d.ts +142 -142
  23. package/es/components/form/src/components/form-component.vue.d.ts +1 -1
  24. package/es/components/form/src/config/form.d.ts +56 -56
  25. package/es/components/form/src/form.vue.d.ts +141 -141
  26. package/es/components/index.d.ts +3 -0
  27. package/es/components/input/index.d.ts +33 -33
  28. package/es/components/input/src/input.vue.d.ts +33 -33
  29. package/es/components/key-value/index.d.ts +678 -678
  30. package/es/components/key-value/src/components/key-value-item.vue.d.ts +226 -226
  31. package/es/components/key-value/src/key-value.vue.d.ts +678 -678
  32. package/es/components/modal/index.d.ts +1 -1
  33. package/es/components/modal/src/modal.vue.d.ts +1 -1
  34. package/es/components/new-drawer/index.d.ts +732 -0
  35. package/es/components/new-drawer/src/drawer.d.ts +60 -0
  36. package/es/components/new-drawer/src/drawer.vue.d.ts +725 -0
  37. package/es/components/new-modal/index.d.ts +2340 -0
  38. package/es/components/new-modal/src/modal.d.ts +58 -0
  39. package/es/components/new-modal/src/modal.vue.d.ts +2333 -0
  40. package/es/components/rich-text-editor/index.d.ts +1 -1
  41. package/es/components/rich-text-editor/src/rich-text-editor.vue.d.ts +1 -1
  42. package/es/components/select/index.d.ts +4 -4
  43. package/es/components/select/src/select.vue.d.ts +4 -4
  44. package/es/components/select-group/index.d.ts +1 -1
  45. package/es/components/select-group/src/select-group.d.ts +1 -1
  46. package/es/components/select-group/src/select-group.vue.d.ts +1 -1
  47. package/es/components/table/index.d.ts +7 -6
  48. package/es/components/table/src/components/header-search.vue.d.ts +1 -0
  49. package/es/components/table/src/components/main-table.vue.d.ts +2 -2
  50. package/es/components/table/src/config/table.d.ts +2 -2
  51. package/es/components/table/src/table.vue.d.ts +7 -6
  52. package/es/components/textarea/index.d.ts +5 -5
  53. package/es/components/textarea/src/textarea.vue.d.ts +5 -5
  54. package/es/components/tooltip/index.d.ts +4 -4
  55. package/es/components/tooltip/src/tooltip.d.ts +1 -1
  56. package/es/components/tooltip/src/tooltip.vue.d.ts +4 -4
  57. package/es/components/tree-search/index.d.ts +1 -1
  58. package/es/components/tree-search/src/tree-search.vue.d.ts +1 -1
  59. package/es/components/upload-drag/index.d.ts +2 -2
  60. package/es/components/upload-drag/src/upload-drag.vue.d.ts +2 -2
  61. package/es/hooks/index.d.ts +1 -0
  62. package/es/hooks/use-scroll/index.d.ts +7 -0
  63. package/es/index.d.ts +3 -1
  64. package/es/index.mjs +9 -0
  65. package/es/index.mjs.map +1 -1
  66. package/es/packages/components/breadcrumb-card/index.mjs +10 -0
  67. package/es/packages/components/breadcrumb-card/index.mjs.map +1 -0
  68. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.mjs +70 -0
  69. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.mjs.map +1 -0
  70. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue.mjs +8 -0
  71. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue.mjs.map +1 -0
  72. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs +180 -0
  73. package/es/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.mjs.map +1 -0
  74. package/es/packages/components/index.mjs +6 -0
  75. package/es/packages/components/index.mjs.map +1 -1
  76. package/es/packages/components/new-drawer/index.mjs +10 -0
  77. package/es/packages/components/new-drawer/index.mjs.map +1 -0
  78. package/es/packages/components/new-drawer/src/drawer.mjs +106 -0
  79. package/es/packages/components/new-drawer/src/drawer.mjs.map +1 -0
  80. package/es/packages/components/new-drawer/src/drawer.vue.mjs +8 -0
  81. package/es/packages/components/new-drawer/src/drawer.vue.mjs.map +1 -0
  82. package/es/packages/components/new-drawer/src/drawer.vue2.mjs +162 -0
  83. package/es/packages/components/new-drawer/src/drawer.vue2.mjs.map +1 -0
  84. package/es/packages/components/new-modal/index.mjs +10 -0
  85. package/es/packages/components/new-modal/index.mjs.map +1 -0
  86. package/es/packages/components/new-modal/src/modal.mjs +104 -0
  87. package/es/packages/components/new-modal/src/modal.mjs.map +1 -0
  88. package/es/packages/components/new-modal/src/modal.vue.mjs +8 -0
  89. package/es/packages/components/new-modal/src/modal.vue.mjs.map +1 -0
  90. package/es/packages/components/new-modal/src/modal.vue2.mjs +126 -0
  91. package/es/packages/components/new-modal/src/modal.vue2.mjs.map +1 -0
  92. package/es/packages/components/table/src/components/header-search.vue2.mjs +21 -13
  93. package/es/packages/components/table/src/components/header-search.vue2.mjs.map +1 -1
  94. package/es/packages/hooks/index.mjs +4 -0
  95. package/es/packages/hooks/index.mjs.map +1 -0
  96. package/es/packages/hooks/use-scroll/index.mjs +113 -0
  97. package/es/packages/hooks/use-scroll/index.mjs.map +1 -0
  98. package/index.full.js +964 -127
  99. package/index.full.min.js +22 -22
  100. package/index.full.min.js.map +1 -1
  101. package/index.full.min.mjs +24 -24
  102. package/index.full.min.mjs.map +1 -1
  103. package/index.full.mjs +957 -132
  104. package/lib/component.js +112 -106
  105. package/lib/component.js.map +1 -1
  106. package/lib/components/advanced-filtering/index.d.ts +284 -284
  107. package/lib/components/advanced-filtering/src/advanced-filtering.vue.d.ts +142 -142
  108. package/lib/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +142 -142
  109. package/lib/components/breadcrumb-card/index.d.ts +94 -0
  110. package/lib/components/breadcrumb-card/src/breadcrumb-card.d.ts +28 -0
  111. package/lib/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +87 -0
  112. package/lib/components/cascader/index.d.ts +8 -8
  113. package/lib/components/cascader/src/cascader.vue.d.ts +8 -8
  114. package/lib/components/checkbox/index.d.ts +217 -217
  115. package/lib/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
  116. package/lib/components/checkbox/src/checkbox.d.ts +56 -56
  117. package/lib/components/drawer/index.d.ts +5 -5
  118. package/lib/components/drawer/src/components/second-confirmation/index.d.ts +3 -3
  119. package/lib/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +3 -3
  120. package/lib/components/drawer/src/drawer.vue.d.ts +5 -5
  121. package/lib/components/easy-cron/index.d.ts +95 -95
  122. package/lib/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +88 -88
  123. package/lib/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +88 -88
  124. package/lib/components/easy-cron/src/easy-cron.vue.d.ts +95 -95
  125. package/lib/components/form/index.d.ts +142 -142
  126. package/lib/components/form/src/components/form-component.vue.d.ts +1 -1
  127. package/lib/components/form/src/config/form.d.ts +56 -56
  128. package/lib/components/form/src/form.vue.d.ts +141 -141
  129. package/lib/components/index.d.ts +3 -0
  130. package/lib/components/input/index.d.ts +33 -33
  131. package/lib/components/input/src/input.vue.d.ts +33 -33
  132. package/lib/components/key-value/index.d.ts +678 -678
  133. package/lib/components/key-value/src/components/key-value-item.vue.d.ts +226 -226
  134. package/lib/components/key-value/src/key-value.vue.d.ts +678 -678
  135. package/lib/components/modal/index.d.ts +1 -1
  136. package/lib/components/modal/src/modal.vue.d.ts +1 -1
  137. package/lib/components/new-drawer/index.d.ts +732 -0
  138. package/lib/components/new-drawer/src/drawer.d.ts +60 -0
  139. package/lib/components/new-drawer/src/drawer.vue.d.ts +725 -0
  140. package/lib/components/new-modal/index.d.ts +2340 -0
  141. package/lib/components/new-modal/src/modal.d.ts +58 -0
  142. package/lib/components/new-modal/src/modal.vue.d.ts +2333 -0
  143. package/lib/components/rich-text-editor/index.d.ts +1 -1
  144. package/lib/components/rich-text-editor/src/rich-text-editor.vue.d.ts +1 -1
  145. package/lib/components/select/index.d.ts +4 -4
  146. package/lib/components/select/src/select.vue.d.ts +4 -4
  147. package/lib/components/select-group/index.d.ts +1 -1
  148. package/lib/components/select-group/src/select-group.d.ts +1 -1
  149. package/lib/components/select-group/src/select-group.vue.d.ts +1 -1
  150. package/lib/components/table/index.d.ts +7 -6
  151. package/lib/components/table/src/components/header-search.vue.d.ts +1 -0
  152. package/lib/components/table/src/components/main-table.vue.d.ts +2 -2
  153. package/lib/components/table/src/config/table.d.ts +2 -2
  154. package/lib/components/table/src/table.vue.d.ts +7 -6
  155. package/lib/components/textarea/index.d.ts +5 -5
  156. package/lib/components/textarea/src/textarea.vue.d.ts +5 -5
  157. package/lib/components/tooltip/index.d.ts +4 -4
  158. package/lib/components/tooltip/src/tooltip.d.ts +1 -1
  159. package/lib/components/tooltip/src/tooltip.vue.d.ts +4 -4
  160. package/lib/components/tree-search/index.d.ts +1 -1
  161. package/lib/components/tree-search/src/tree-search.vue.d.ts +1 -1
  162. package/lib/components/upload-drag/index.d.ts +2 -2
  163. package/lib/components/upload-drag/src/upload-drag.vue.d.ts +2 -2
  164. package/lib/hooks/index.d.ts +1 -0
  165. package/lib/hooks/use-scroll/index.d.ts +7 -0
  166. package/lib/index.d.ts +3 -1
  167. package/lib/index.js +129 -108
  168. package/lib/index.js.map +1 -1
  169. package/lib/packages/components/breadcrumb-card/index.js +17 -0
  170. package/lib/packages/components/breadcrumb-card/index.js.map +1 -0
  171. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js +73 -0
  172. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.js.map +1 -0
  173. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue.js +12 -0
  174. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue.js.map +1 -0
  175. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js +184 -0
  176. package/lib/packages/components/breadcrumb-card/src/breadcrumb-card.vue2.js.map +1 -0
  177. package/lib/packages/components/index.js +124 -108
  178. package/lib/packages/components/index.js.map +1 -1
  179. package/lib/packages/components/new-drawer/index.js +17 -0
  180. package/lib/packages/components/new-drawer/index.js.map +1 -0
  181. package/lib/packages/components/new-drawer/src/drawer.js +109 -0
  182. package/lib/packages/components/new-drawer/src/drawer.js.map +1 -0
  183. package/lib/packages/components/new-drawer/src/drawer.vue.js +12 -0
  184. package/lib/packages/components/new-drawer/src/drawer.vue.js.map +1 -0
  185. package/lib/packages/components/new-drawer/src/drawer.vue2.js +166 -0
  186. package/lib/packages/components/new-drawer/src/drawer.vue2.js.map +1 -0
  187. package/lib/packages/components/new-modal/index.js +18 -0
  188. package/lib/packages/components/new-modal/index.js.map +1 -0
  189. package/lib/packages/components/new-modal/src/modal.js +108 -0
  190. package/lib/packages/components/new-modal/src/modal.js.map +1 -0
  191. package/lib/packages/components/new-modal/src/modal.vue.js +12 -0
  192. package/lib/packages/components/new-modal/src/modal.vue.js.map +1 -0
  193. package/lib/packages/components/new-modal/src/modal.vue2.js +130 -0
  194. package/lib/packages/components/new-modal/src/modal.vue2.js.map +1 -0
  195. package/lib/packages/components/table/src/components/header-search.vue2.js +20 -12
  196. package/lib/packages/components/table/src/components/header-search.vue2.js.map +1 -1
  197. package/lib/packages/hooks/index.js +8 -0
  198. package/lib/packages/hooks/index.js.map +1 -0
  199. package/lib/packages/hooks/use-scroll/index.js +115 -0
  200. package/lib/packages/hooks/use-scroll/index.js.map +1 -0
  201. package/package.json +1 -1
  202. package/theme-chalk/css/breadcrumb-card.css +1 -0
  203. package/theme-chalk/css/index.css +2 -2
  204. package/theme-chalk/css/new-drawer.css +5 -0
  205. package/theme-chalk/css/new-modal.css +5 -0
  206. package/types/packages/components/advanced-filtering/index.d.ts +284 -284
  207. package/types/packages/components/advanced-filtering/src/advanced-filtering.vue.d.ts +142 -142
  208. package/types/packages/components/advanced-filtering/src/components/advanced-filtering-params.vue.d.ts +142 -142
  209. package/types/packages/components/breadcrumb-card/index.d.ts +94 -0
  210. package/types/packages/components/breadcrumb-card/src/breadcrumb-card.d.ts +28 -0
  211. package/types/packages/components/breadcrumb-card/src/breadcrumb-card.vue.d.ts +87 -0
  212. package/types/packages/components/cascader/index.d.ts +8 -8
  213. package/types/packages/components/cascader/src/cascader.vue.d.ts +8 -8
  214. package/types/packages/components/checkbox/index.d.ts +217 -217
  215. package/types/packages/components/checkbox/src/checkbox-group.vue.d.ts +217 -217
  216. package/types/packages/components/checkbox/src/checkbox.d.ts +56 -56
  217. package/types/packages/components/drawer/index.d.ts +5 -5
  218. package/types/packages/components/drawer/src/components/second-confirmation/index.d.ts +3 -3
  219. package/types/packages/components/drawer/src/components/second-confirmation/src/second-confirmation.vue.d.ts +3 -3
  220. package/types/packages/components/drawer/src/drawer.vue.d.ts +5 -5
  221. package/types/packages/components/easy-cron/index.d.ts +95 -95
  222. package/types/packages/components/easy-cron/src/components/easy-cron-inner.vue.d.ts +88 -88
  223. package/types/packages/components/easy-cron/src/components/easy-cron-modal.vue.d.ts +88 -88
  224. package/types/packages/components/easy-cron/src/easy-cron.vue.d.ts +95 -95
  225. package/types/packages/components/form/index.d.ts +142 -142
  226. package/types/packages/components/form/src/components/form-component.vue.d.ts +1 -1
  227. package/types/packages/components/form/src/config/form.d.ts +56 -56
  228. package/types/packages/components/form/src/form.vue.d.ts +141 -141
  229. package/types/packages/components/index.d.ts +3 -0
  230. package/types/packages/components/input/index.d.ts +33 -33
  231. package/types/packages/components/input/src/input.vue.d.ts +33 -33
  232. package/types/packages/components/key-value/index.d.ts +678 -678
  233. package/types/packages/components/key-value/src/components/key-value-item.vue.d.ts +226 -226
  234. package/types/packages/components/key-value/src/key-value.vue.d.ts +678 -678
  235. package/types/packages/components/modal/index.d.ts +1 -1
  236. package/types/packages/components/modal/src/modal.vue.d.ts +1 -1
  237. package/types/packages/components/new-drawer/index.d.ts +732 -0
  238. package/types/packages/components/new-drawer/src/drawer.d.ts +60 -0
  239. package/types/packages/components/new-drawer/src/drawer.vue.d.ts +725 -0
  240. package/types/packages/components/new-modal/index.d.ts +2340 -0
  241. package/types/packages/components/new-modal/src/modal.d.ts +58 -0
  242. package/types/packages/components/new-modal/src/modal.vue.d.ts +2333 -0
  243. package/types/packages/components/rich-text-editor/index.d.ts +1 -1
  244. package/types/packages/components/rich-text-editor/src/rich-text-editor.vue.d.ts +1 -1
  245. package/types/packages/components/select/index.d.ts +4 -4
  246. package/types/packages/components/select/src/select.vue.d.ts +4 -4
  247. package/types/packages/components/select-group/index.d.ts +1 -1
  248. package/types/packages/components/select-group/src/select-group.d.ts +1 -1
  249. package/types/packages/components/select-group/src/select-group.vue.d.ts +1 -1
  250. package/types/packages/components/table/index.d.ts +7 -6
  251. package/types/packages/components/table/src/components/header-search.vue.d.ts +1 -0
  252. package/types/packages/components/table/src/components/main-table.vue.d.ts +2 -2
  253. package/types/packages/components/table/src/config/table.d.ts +2 -2
  254. package/types/packages/components/table/src/table.vue.d.ts +7 -6
  255. package/types/packages/components/textarea/index.d.ts +5 -5
  256. package/types/packages/components/textarea/src/textarea.vue.d.ts +5 -5
  257. package/types/packages/components/tooltip/index.d.ts +4 -4
  258. package/types/packages/components/tooltip/src/tooltip.d.ts +1 -1
  259. package/types/packages/components/tooltip/src/tooltip.vue.d.ts +4 -4
  260. package/types/packages/components/tree-search/index.d.ts +1 -1
  261. package/types/packages/components/tree-search/src/tree-search.vue.d.ts +1 -1
  262. package/types/packages/components/upload-drag/index.d.ts +2 -2
  263. package/types/packages/components/upload-drag/src/upload-drag.vue.d.ts +2 -2
  264. package/types/packages/hooks/index.d.ts +1 -0
  265. package/types/packages/hooks/use-scroll/index.d.ts +7 -0
  266. package/types/packages/index.d.ts +3 -1
@@ -0,0 +1,162 @@
1
+ import { defineComponent, useAttrs, computed, resolveComponent, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createElementVNode, normalizeClass, createCommentVNode, withDirectives, vShow, createVNode } from 'vue';
2
+ import { Drawer } from 'ant-design-vue';
3
+ import '../../../utils/index.mjs';
4
+ import '../../../hooks/index.mjs';
5
+ import { omit } from 'lodash-es';
6
+ import { newDrawerProps, newDrawerEmits } from './drawer.mjs';
7
+ import { useScroll } from '../../../hooks/use-scroll/index.mjs';
8
+ import { createNamespace } from '../../../utils/create-namespace.mjs';
9
+
10
+ "use strict";
11
+ var _sfc_main = /* @__PURE__ */ defineComponent({
12
+ ...{ name: "LlNewDrawer" },
13
+ __name: "drawer",
14
+ props: newDrawerProps,
15
+ emits: newDrawerEmits,
16
+ setup(__props, { emit: __emit }) {
17
+ const props = __props;
18
+ const emits = __emit;
19
+ const attrs = useAttrs();
20
+ const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
21
+ const getBindValue = computed(() => {
22
+ const result = {
23
+ ...omit({ ...attrs }, [...Object.keys(newDrawerProps), "rootClassName"])
24
+ };
25
+ if (!props.showFooter)
26
+ result.footer = null;
27
+ return result;
28
+ });
29
+ const isShowContentTopBox = computed(() => {
30
+ return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
31
+ });
32
+ const isShowContentBottomBox = computed(() => {
33
+ if (props.isShowTopShadow) {
34
+ return isHasScrollBar.value && scrollPosition.value !== "bottom";
35
+ } else {
36
+ return props.isShowFooterShadow;
37
+ }
38
+ });
39
+ const bem = createNamespace("new-drawer");
40
+ const handleClose = () => {
41
+ emits("close");
42
+ emits("update:open");
43
+ };
44
+ const handleCancel = () => {
45
+ emits("cancel");
46
+ emits("update:open");
47
+ };
48
+ const handleConfirm = () => {
49
+ emits("confirm");
50
+ };
51
+ return (_ctx, _cache) => {
52
+ const _component_ll_button = resolveComponent("ll-button");
53
+ return openBlock(), createBlock(unref(Drawer), mergeProps(getBindValue.value, {
54
+ title: _ctx.title,
55
+ open: _ctx.open,
56
+ "root-class-name": `${unref(bem).b()} ${_ctx.rootClassName}`,
57
+ onClose: handleClose
58
+ }), createSlots({
59
+ title: withCtx(() => [
60
+ renderSlot(_ctx.$slots, "title")
61
+ ]),
62
+ extra: withCtx(() => [
63
+ renderSlot(_ctx.$slots, "extra")
64
+ ]),
65
+ default: withCtx(() => [
66
+ createElementVNode(
67
+ "div",
68
+ {
69
+ class: normalizeClass([unref(bem).e("container")])
70
+ },
71
+ [
72
+ createCommentVNode(" \u5185\u5BB9\u533A\u57DF "),
73
+ createElementVNode(
74
+ "div",
75
+ {
76
+ ref_key: "scrollRef",
77
+ ref: scrollRef,
78
+ class: normalizeClass([unref(bem).e("content")])
79
+ },
80
+ [
81
+ createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u9876\u90E8\u7684\u76D2\u5B50\u7528\u4E8E\u6EDA\u52A8\u906E\u76D6/\u9634\u5F71 \u53EA\u6709\u6EDA\u52A8\u72B6\u6001\u4E0B\u624D\u6709\uFF0C\u6EDA\u52A8\u5230\u9876\u90E8\u9700\u8981 "),
82
+ withDirectives(createElementVNode(
83
+ "div",
84
+ {
85
+ class: normalizeClass(unref(bem).e("content-top-shadow"))
86
+ },
87
+ null,
88
+ 2
89
+ /* CLASS */
90
+ ), [
91
+ [vShow, isShowContentTopBox.value]
92
+ ]),
93
+ renderSlot(_ctx.$slots, "default")
94
+ ],
95
+ 2
96
+ /* CLASS */
97
+ )
98
+ ],
99
+ 2
100
+ /* CLASS */
101
+ )
102
+ ]),
103
+ _: 2
104
+ /* DYNAMIC */
105
+ }, [
106
+ _ctx.showFooter ? {
107
+ name: "footer",
108
+ fn: withCtx(() => [
109
+ createElementVNode(
110
+ "div",
111
+ {
112
+ class: normalizeClass(`${unref(bem).e("footer")} ${isShowContentBottomBox.value ? unref(bem).e("footer-shadow") : ""}`)
113
+ },
114
+ [
115
+ renderSlot(_ctx.$slots, "footer", {}, () => [
116
+ createElementVNode(
117
+ "div",
118
+ {
119
+ class: normalizeClass(unref(bem).e("footer-left"))
120
+ },
121
+ [
122
+ renderSlot(_ctx.$slots, "footer-left")
123
+ ],
124
+ 2
125
+ /* CLASS */
126
+ ),
127
+ createElementVNode(
128
+ "div",
129
+ {
130
+ class: normalizeClass(unref(bem).e("footer-right"))
131
+ },
132
+ [
133
+ renderSlot(_ctx.$slots, "footer-right", {}, () => [
134
+ createVNode(_component_ll_button, mergeProps({
135
+ class: unref(bem).m("cancel"),
136
+ label: _ctx.cancelText
137
+ }, _ctx.cancelButtonProps, { onClick: handleCancel }), null, 16, ["class", "label"]),
138
+ createVNode(_component_ll_button, mergeProps({
139
+ type: "primary",
140
+ loading: _ctx.confirmLoading,
141
+ label: _ctx.confirmText
142
+ }, _ctx.okButtonProps, { onClick: handleConfirm }), null, 16, ["loading", "label"])
143
+ ])
144
+ ],
145
+ 2
146
+ /* CLASS */
147
+ )
148
+ ])
149
+ ],
150
+ 2
151
+ /* CLASS */
152
+ )
153
+ ]),
154
+ key: "0"
155
+ } : void 0
156
+ ]), 1040, ["title", "open", "root-class-name"]);
157
+ };
158
+ }
159
+ });
160
+
161
+ export { _sfc_main as default };
162
+ //# sourceMappingURL=drawer.vue2.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"drawer.vue2.mjs","sources":["../../../../../../packages/components/new-drawer/src/drawer.vue"],"sourcesContent":["<template>\n <Drawer\n v-bind=\"getBindValue\"\n :title=\"title\"\n :open=\"open\"\n :root-class-name=\"`${bem.b()} ${rootClassName}`\"\n @close=\"handleClose\"\n >\n <template #title>\n <slot name=\"title\" />\n </template>\n <template #extra>\n <slot name=\"extra\" />\n </template>\n <div :class=\"[bem.e('container')]\">\n <!-- 内容区域 -->\n <div ref=\"scrollRef\" :class=\"[bem.e('content')]\">\n <!-- 内容区域顶部的盒子用于滚动遮盖/阴影 只有滚动状态下才有,滚动到顶部需要 -->\n <div\n v-show=\"isShowContentTopBox\"\n :class=\"bem.e('content-top-shadow')\"\n ></div>\n <slot />\n </div>\n </div>\n <!-- 地步区域 -->\n <template v-if=\"showFooter\" #footer>\n <div\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\">\n <div :class=\"bem.e('footer-left')\">\n <slot name=\"footer-left\" />\n </div>\n <div :class=\"bem.e('footer-right')\">\n <slot name=\"footer-right\">\n <ll-button\n :class=\"bem.m('cancel')\"\n :label=\"cancelText\"\n v-bind=\"cancelButtonProps\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"confirmLoading\"\n :label=\"confirmText\"\n v-bind=\"okButtonProps\"\n @click=\"handleConfirm\"\n >\n </ll-button>\n </slot>\n </div>\n </slot>\n </div>\n </template>\n </Drawer>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport { Drawer } from 'ant-design-vue'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { useScroll } from '@ll-plus/hooks'\nimport { omit } from 'lodash-es'\nimport { newDrawerProps, newDrawerEmits } from './drawer'\n\nimport type { DrawerProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewDrawer' })\n\n// 1.props/emits\nconst props = defineProps(newDrawerProps)\nconst emits = defineEmits(newDrawerEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst getBindValue = computed(() => {\n const result: DrawerProps = {\n ...omit({ ...attrs }, [...Object.keys(newDrawerProps), 'rootClassName'])\n }\n if (!props.showFooter) result.footer = null\n return result\n})\n// 是否现实内容区域顶部的阴影div\nconst isShowContentTopBox = computed(() => {\n return (\n props.isShowTopShadow &&\n scrollPosition.value &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'top'\n )\n})\n// 是否现实内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.isShowTopShadow) {\n return isHasScrollBar.value && scrollPosition.value !== 'bottom'\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('new-drawer')\n\n// 4.methods\n// 点击关闭icon\nconst handleClose = (): void => {\n emits('close')\n emits('update:open')\n}\n// 点击取消按钮\nconst handleCancel = (): void => {\n emits('cancel')\n emits('update:open')\n}\n// 点击确定按钮\nconst handleConfirm = (): void => {\n emits('confirm')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA4EA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAGhE,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAsB,GAAA;AAAA,QAC1B,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,cAAc,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACzE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAA,OACE,MAAM,eACN,IAAA,cAAA,CAAe,SACf,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,KAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAE5C,MAAA,IAAI,MAAM,eAAiB,EAAA;AACzB,QAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OACnD,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,YAAY,CAAA,CAAA;AAIxC,IAAA,MAAM,cAAc,MAAY;AAC9B,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AACb,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,eAAe,MAAY;AAC/B,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,gBAAgB,MAAY;AAChC,MAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,10 @@
1
+ import '../../utils/index.mjs';
2
+ import Modal from './src/modal.vue.mjs';
3
+ export { modalType, newModalEmits, newModalProps } from './src/modal.mjs';
4
+ import { withInstall } from '../../utils/with-install.mjs';
5
+
6
+ "use strict";
7
+ const LlNewModal = withInstall(Modal);
8
+
9
+ export { LlNewModal, LlNewModal as default };
10
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":["../../../../../packages/components/new-modal/index.ts"],"sourcesContent":["import { withInstall } from '@ll-plus/utils'\n\nimport Modal from './src/modal.vue'\n\nexport const LlNewModal = withInstall(Modal)\nexport default LlNewModal\nexport * from './src/modal'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n LlNewModal: typeof Modal\n }\n}\n"],"names":[],"mappings":";;;;;;AAIa,MAAA,UAAA,GAAa,YAAY,KAAK;;;;"}
@@ -0,0 +1,104 @@
1
+ import '../../../utils/index.mjs';
2
+ import { buildProps, definePropType } from '../../../utils/props/runtime.mjs';
3
+
4
+ "use strict";
5
+ const modalType = ["confirm", "operate"];
6
+ const newModalProps = buildProps({
7
+ /**
8
+ * @description 弹窗是否可见
9
+ */
10
+ open: {
11
+ type: Boolean,
12
+ default: false
13
+ },
14
+ /**
15
+ * @description 标题
16
+ */
17
+ title: {
18
+ type: String,
19
+ default: "\u63D0\u793A"
20
+ },
21
+ /**
22
+ * @description 确认/知道了按钮loading
23
+ */
24
+ confirmLoading: {
25
+ type: Boolean,
26
+ default: false
27
+ },
28
+ /**
29
+ * @description 取消按钮的配置信息
30
+ */
31
+ cancelButtonProps: {
32
+ type: definePropType(Object)
33
+ },
34
+ /**
35
+ * @description 确认按钮的配置信息
36
+ */
37
+ okButtonProps: {
38
+ type: definePropType(Object)
39
+ },
40
+ /**
41
+ * @description 弹窗类型 确认/操作框
42
+ */
43
+ type: {
44
+ type: String,
45
+ values: modalType,
46
+ default: "operate"
47
+ },
48
+ /**
49
+ * @description 弹窗外层容器的类名
50
+ */
51
+ wrapClassName: {
52
+ type: String,
53
+ default: ""
54
+ },
55
+ /**
56
+ * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动
57
+ */
58
+ isShowTopShadow: {
59
+ type: Boolean,
60
+ default: true
61
+ },
62
+ /**
63
+ * @description 容器内容底部的阴影
64
+ */
65
+ isShowFooterShadow: {
66
+ type: Boolean,
67
+ default: true
68
+ },
69
+ /**
70
+ * @description 确认按钮文字
71
+ */
72
+ confirmText: {
73
+ type: String,
74
+ default: ""
75
+ },
76
+ /**
77
+ * @description 取消按钮文字
78
+ */
79
+ cancelText: {
80
+ type: String,
81
+ default: "\u53D6\u6D88"
82
+ },
83
+ /**
84
+ * @description 显示底部
85
+ */
86
+ showFooter: {
87
+ type: Boolean,
88
+ default: true
89
+ }
90
+ });
91
+ const newModalEmits = {
92
+ /**
93
+ * @description 点击取消时触发
94
+ */
95
+ cancel: () => true,
96
+ /**
97
+ * @description 点击确认时触发
98
+ */
99
+ ok: () => true,
100
+ "update:open": () => true
101
+ };
102
+
103
+ export { modalType, newModalEmits, newModalProps };
104
+ //# sourceMappingURL=modal.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.mjs","sources":["../../../../../../packages/components/new-modal/src/modal.ts"],"sourcesContent":["import { buildProps, definePropType } from '@ll-plus/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type Modal from './modal.vue'\nimport type { ButtonProps } from '@ll-plus/components'\n\n// modal的类型 确认框和操作框\nexport const modalType = ['confirm', 'operate'] as const\n\nexport const newModalProps = buildProps({\n /**\n * @description 弹窗是否可见\n */\n open: {\n type: Boolean,\n default: false\n },\n /**\n * @description 标题\n */\n title: {\n type: String,\n default: '提示'\n },\n /**\n * @description 确认/知道了按钮loading\n */\n confirmLoading: {\n type: Boolean,\n default: false\n },\n /**\n * @description 取消按钮的配置信息\n */\n cancelButtonProps: {\n type: definePropType<ButtonProps>(Object)\n },\n /**\n * @description 确认按钮的配置信息\n */\n okButtonProps: {\n type: definePropType<ButtonProps>(Object)\n },\n /**\n * @description 弹窗类型 确认/操作框\n */\n type: {\n type: String,\n values: modalType,\n default: 'operate'\n },\n /**\n * @description 弹窗外层容器的类名\n */\n wrapClassName: {\n type: String,\n default: ''\n },\n /**\n * @description 容器内容的顶部的阴影 设置为false标记可能是外部其他元素滚动\n */\n isShowTopShadow: {\n type: Boolean,\n default: true\n },\n /**\n * @description 容器内容底部的阴影\n */\n isShowFooterShadow: {\n type: Boolean,\n default: true\n },\n /**\n * @description 确认按钮文字\n */\n confirmText: {\n type: String,\n default: ''\n },\n /**\n * @description 取消按钮文字\n */\n cancelText: {\n type: String,\n default: '取消'\n },\n /**\n * @description 显示底部\n */\n showFooter: {\n type: Boolean,\n default: true\n }\n} as const)\n\nexport const newModalEmits = {\n /**\n * @description 点击取消时触发\n */\n cancel: () => true,\n /**\n * @description 点击确认时触发\n */\n ok: () => true,\n 'update:open': () => true\n} as const\n\n// props\nexport type NewModalProps = ExtractPropTypes<typeof newModalProps>\n\n// emits\nexport type NewModalEmits = typeof newModalEmits\nexport type ModalType = NewModalProps['type']\n\n// instance\nexport type NewModalInstance = InstanceType<typeof Modal>\n"],"names":[],"mappings":";;;;AAOa,MAAA,SAAA,GAAY,CAAC,SAAA,EAAW,SAAS,EAAA;AAEvC,MAAM,gBAAgB,UAAW,CAAA;AAAA;AAAA;AAAA;AAAA,EAItC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,GAC1C;AAAA;AAAA;AAAA;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,SAAA;AAAA,IACR,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF,CAAU,EAAA;AAEH,MAAM,aAAgB,GAAA;AAAA;AAAA;AAAA;AAAA,EAI3B,QAAQ,MAAM,IAAA;AAAA;AAAA;AAAA;AAAA,EAId,IAAI,MAAM,IAAA;AAAA,EACV,eAAe,MAAM,IAAA;AACvB;;;;"}
@@ -0,0 +1,8 @@
1
+ import _sfc_main from './modal.vue2.mjs';
2
+ import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
3
+
4
+ "use strict";
5
+ var Modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "modal.vue"]]);
6
+
7
+ export { Modal as default };
8
+ //# sourceMappingURL=modal.vue.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,126 @@
1
+ import { defineComponent, useAttrs, ref, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, createElementVNode, normalizeClass, createCommentVNode, withDirectives, vShow, renderSlot, createVNode } from 'vue';
2
+ import { Modal } from 'ant-design-vue';
3
+ import '../../index.mjs';
4
+ import '../../../utils/index.mjs';
5
+ import { omit } from 'lodash-es';
6
+ import { newModalProps, newModalEmits } from './modal.mjs';
7
+ import '../../../hooks/index.mjs';
8
+ import { useScroll } from '../../../hooks/use-scroll/index.mjs';
9
+ import { createNamespace } from '../../../utils/create-namespace.mjs';
10
+ import { LlButton } from '../../button/index.mjs';
11
+
12
+ "use strict";
13
+ var _sfc_main = /* @__PURE__ */ defineComponent({
14
+ ...{ name: "LlNewModal" },
15
+ __name: "modal",
16
+ props: newModalProps,
17
+ emits: newModalEmits,
18
+ setup(__props, { emit: __emit }) {
19
+ const props = __props;
20
+ const emits = __emit;
21
+ const attrs = useAttrs();
22
+ const { scrollPosition, isHasScrollBar, scrollRef } = useScroll();
23
+ const modal = ref();
24
+ const getBindValue = computed(() => {
25
+ const result = {
26
+ ...omit({ ...attrs }, [...Object.keys(newModalProps), "wrapClassName"])
27
+ };
28
+ if (!props.showFooter)
29
+ result.footer = null;
30
+ return result;
31
+ });
32
+ const isShowContentTopBox = computed(() => {
33
+ return props.isShowTopShadow && scrollPosition.value && isHasScrollBar.value && scrollPosition.value !== "top";
34
+ });
35
+ const isShowContentBottomBox = computed(() => {
36
+ if (props.isShowTopShadow) {
37
+ return isHasScrollBar.value && scrollPosition.value !== "bottom";
38
+ } else {
39
+ return props.isShowFooterShadow;
40
+ }
41
+ });
42
+ const bem = createNamespace("new-modal");
43
+ const handleCancel = () => {
44
+ emits("cancel");
45
+ emits("update:open");
46
+ };
47
+ const handleOk = () => {
48
+ emits("ok");
49
+ };
50
+ return (_ctx, _cache) => {
51
+ return openBlock(), createBlock(unref(Modal), mergeProps(getBindValue.value, {
52
+ ref_key: "modal",
53
+ ref: modal,
54
+ open: _ctx.open,
55
+ title: _ctx.title,
56
+ "wrap-class-name": `${unref(bem).b()} ${_ctx.wrapClassName}`,
57
+ class: [unref(bem).is(_ctx.type === "confirm" ? "confirm-modal" : "")],
58
+ onCancel: handleCancel,
59
+ onOk: handleOk
60
+ }), createSlots({
61
+ default: withCtx(() => [
62
+ createElementVNode(
63
+ "div",
64
+ {
65
+ ref_key: "scrollRef",
66
+ ref: scrollRef,
67
+ class: normalizeClass([unref(bem).e("container")])
68
+ },
69
+ [
70
+ createCommentVNode(" \u5185\u5BB9\u533A\u57DF\u9876\u90E8\u7684\u76D2\u5B50\u7528\u4E8E\u6EDA\u52A8\u906E\u76D6/\u9634\u5F71 \u53EA\u6709\u6EDA\u52A8\u72B6\u6001\u4E0B\u624D\u6709\uFF0C\u6EDA\u52A8\u5230\u9876\u90E8\u9700\u8981 "),
71
+ withDirectives(createElementVNode(
72
+ "div",
73
+ {
74
+ class: normalizeClass(unref(bem).e("content-top-shadow"))
75
+ },
76
+ null,
77
+ 2
78
+ /* CLASS */
79
+ ), [
80
+ [vShow, isShowContentTopBox.value]
81
+ ]),
82
+ renderSlot(_ctx.$slots, "default")
83
+ ],
84
+ 2
85
+ /* CLASS */
86
+ )
87
+ ]),
88
+ _: 2
89
+ /* DYNAMIC */
90
+ }, [
91
+ _ctx.showFooter ? {
92
+ name: "footer",
93
+ fn: withCtx(() => [
94
+ createElementVNode(
95
+ "div",
96
+ {
97
+ class: normalizeClass(`${unref(bem).e("footer")} ${isShowContentBottomBox.value ? unref(bem).e("footer-shadow") : ""}`)
98
+ },
99
+ [
100
+ renderSlot(_ctx.$slots, "footer", {}, () => [
101
+ _ctx.type !== "confirm" ? (openBlock(), createBlock(unref(LlButton), mergeProps({
102
+ key: 0,
103
+ label: _ctx.cancelText,
104
+ size: "middle"
105
+ }, _ctx.cancelButtonProps, { onClick: handleCancel }), null, 16, ["label"])) : createCommentVNode("v-if", true),
106
+ createVNode(unref(LlButton), mergeProps({
107
+ type: "primary",
108
+ loading: props.confirmLoading,
109
+ size: "middle",
110
+ label: props.confirmText ? props.confirmText : props.type === "confirm" ? "\u77E5\u9053\u4E86" : "\u786E\u8BA4"
111
+ }, _ctx.okButtonProps, { onClick: handleOk }), null, 16, ["loading", "label"])
112
+ ])
113
+ ],
114
+ 2
115
+ /* CLASS */
116
+ )
117
+ ]),
118
+ key: "0"
119
+ } : void 0
120
+ ]), 1040, ["open", "title", "wrap-class-name", "class"]);
121
+ };
122
+ }
123
+ });
124
+
125
+ export { _sfc_main as default };
126
+ //# sourceMappingURL=modal.vue2.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"modal.vue2.mjs","sources":["../../../../../../packages/components/new-modal/src/modal.vue"],"sourcesContent":["<template>\n <Modal\n v-bind=\"getBindValue\"\n ref=\"modal\"\n :open=\"open\"\n :title=\"title\"\n :wrap-class-name=\"`${bem.b()} ${wrapClassName}`\"\n :class=\"[bem.is(type === 'confirm' ? 'confirm-modal' : '')]\"\n @cancel=\"handleCancel\"\n @ok=\"handleOk\"\n >\n <!-- 内容区域 -->\n <div ref=\"scrollRef\" :class=\"[bem.e('container')]\">\n <!-- 内容区域顶部的盒子用于滚动遮盖/阴影 只有滚动状态下才有,滚动到顶部需要 -->\n <div\n v-show=\"isShowContentTopBox\"\n :class=\"bem.e('content-top-shadow')\"\n ></div>\n <slot />\n </div>\n <!-- 底部区域 -->\n <template v-if=\"showFooter\" #footer>\n <div\n :class=\"`${bem.e('footer')} ${\n isShowContentBottomBox ? bem.e('footer-shadow') : ''\n }`\"\n >\n <slot name=\"footer\">\n <ll-button\n v-if=\"type !== 'confirm'\"\n :label=\"cancelText\"\n size=\"middle\"\n v-bind=\"cancelButtonProps\"\n @click=\"handleCancel\"\n >\n </ll-button>\n <ll-button\n type=\"primary\"\n :loading=\"props.confirmLoading\"\n size=\"middle\"\n :label=\"\n props.confirmText\n ? props.confirmText\n : props.type === 'confirm'\n ? '知道了'\n : '确认'\n \"\n v-bind=\"okButtonProps\"\n @click=\"handleOk\"\n />\n </slot>\n </div>\n </template>\n </Modal>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useAttrs, ref, computed } from 'vue'\n\nimport { Modal } from 'ant-design-vue'\nimport { LlButton } from '@ll-plus/components'\n\nimport { createNamespace } from '@ll-plus/utils'\nimport { omit } from 'lodash-es'\nimport { newModalProps, newModalEmits } from './modal'\nimport { useScroll } from '@ll-plus/hooks'\n\nimport type { ModalProps } from 'ant-design-vue'\n\ndefineOptions({ name: 'LlNewModal' })\n\n// 1.props/emits\nconst props = defineProps(newModalProps)\nconst emits = defineEmits(newModalEmits)\n\n// 2.hooks\nconst attrs = useAttrs()\nconst { scrollPosition, isHasScrollBar, scrollRef } = useScroll()\n\n// 3.ref/computed/const\nconst modal = ref<HTMLElement>()\nconst getBindValue = computed(() => {\n const result: ModalProps = {\n ...omit({ ...attrs }, [...Object.keys(newModalProps), 'wrapClassName'])\n }\n if (!props.showFooter) result.footer = null\n return result\n})\n// 是否现实内容区域顶部的阴影div\nconst isShowContentTopBox = computed(() => {\n return (\n props.isShowTopShadow &&\n scrollPosition.value &&\n isHasScrollBar.value &&\n scrollPosition.value !== 'top'\n )\n})\n// 是否现实内容区域底部的阴影div\nconst isShowContentBottomBox = computed(() => {\n // 如果顶部的阴影为true则说明是内部的容器在滚动产品的阴影 则由容器的滚动情况来决定阴影\n if (props.isShowTopShadow) {\n return isHasScrollBar.value && scrollPosition.value !== 'bottom'\n } else {\n // 如果顶部的阴影为false,则说明不是内部容器滚动,则底部的阴影由 外部的isShowFooterShadow来决定\n return props.isShowFooterShadow\n }\n})\nconst bem = createNamespace('new-modal')\n\n// 3.methods\nconst handleCancel = () => {\n emits('cancel')\n emits('update:open')\n}\nconst handleOk = () => {\n emits('ok')\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAwEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAGd,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,EAAE,cAAA,EAAgB,cAAgB,EAAA,SAAA,KAAc,SAAU,EAAA,CAAA;AAGhE,IAAA,MAAM,QAAQ,GAAiB,EAAA,CAAA;AAC/B,IAAM,MAAA,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,MAAM,MAAqB,GAAA;AAAA,QACzB,GAAG,IAAA,CAAK,EAAE,GAAG,KAAM,EAAA,EAAG,CAAC,GAAG,MAAO,CAAA,IAAA,CAAK,aAAa,CAAA,EAAG,eAAe,CAAC,CAAA;AAAA,OACxE,CAAA;AACA,MAAA,IAAI,CAAC,KAAM,CAAA,UAAA;AAAY,QAAA,MAAA,CAAO,MAAS,GAAA,IAAA,CAAA;AACvC,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,mBAAA,GAAsB,SAAS,MAAM;AACzC,MAAA,OACE,MAAM,eACN,IAAA,cAAA,CAAe,SACf,cAAe,CAAA,KAAA,IACf,eAAe,KAAU,KAAA,KAAA,CAAA;AAAA,KAE5B,CAAA,CAAA;AAED,IAAM,MAAA,sBAAA,GAAyB,SAAS,MAAM;AAE5C,MAAA,IAAI,MAAM,eAAiB,EAAA;AACzB,QAAO,OAAA,cAAA,CAAe,KAAS,IAAA,cAAA,CAAe,KAAU,KAAA,QAAA,CAAA;AAAA,OACnD,MAAA;AAEL,QAAA,OAAO,KAAM,CAAA,kBAAA,CAAA;AAAA,OACf;AAAA,KACD,CAAA,CAAA;AACD,IAAM,MAAA,GAAA,GAAM,gBAAgB,WAAW,CAAA,CAAA;AAGvC,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AACd,MAAA,KAAA,CAAM,aAAa,CAAA,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AAAA,KACZ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { defineComponent, ref, inject, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode, createBlock, isRef, withCtx, Fragment, renderList, createVNode } from 'vue';
1
+ import { defineComponent, ref, inject, watch, onUnmounted, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createCommentVNode, createBlock, isRef, withCtx, Fragment, renderList, createVNode } from 'vue';
2
2
  import '../config/index.mjs';
3
3
  import '../../../../utils/index.mjs';
4
4
  import '../../../index.mjs';
@@ -18,6 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
18
18
  const props = __props;
19
19
  const headerSearchRef = ref();
20
20
  const contentType = inject("contentType");
21
+ let observer;
21
22
  const emits = __emit;
22
23
  const bem = createNamespace("table");
23
24
  const handleMenuSwitchChange = (event) => {
@@ -30,19 +31,21 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
30
31
  headerSearchRef,
31
32
  () => {
32
33
  if (headerSearchRef.value) {
33
- const observer = new MutationObserver(function(mutations) {
34
- mutations.forEach(function() {
35
- const newHeight = headerSearchRef.value.getBoundingClientRect().height;
36
- emits("changeHeaderSearch", newHeight);
34
+ if (!observer) {
35
+ observer = new MutationObserver(function(mutations) {
36
+ mutations.forEach(function() {
37
+ const newHeight = headerSearchRef.value.getBoundingClientRect().height;
38
+ emits("changeHeaderSearch", newHeight);
39
+ });
37
40
  });
38
- });
39
- const config = {
40
- childList: true,
41
- // 观察直接子节点
42
- subtree: true
43
- // 及其更低的后代节点
44
- };
45
- observer.observe(headerSearchRef.value, config);
41
+ const config = {
42
+ childList: true,
43
+ // 观察直接子节点
44
+ subtree: true
45
+ // 及其更低的后代节点
46
+ };
47
+ observer?.observe(headerSearchRef.value, config);
48
+ }
46
49
  }
47
50
  },
48
51
  {
@@ -50,6 +53,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
50
53
  deep: true
51
54
  }
52
55
  );
56
+ onUnmounted(() => {
57
+ if (observer) {
58
+ observer.disconnect();
59
+ }
60
+ });
53
61
  return (_ctx, _cache) => {
54
62
  const _component_a_radio_button = resolveComponent("a-radio-button");
55
63
  const _component_a_radio_group = resolveComponent("a-radio-group");
@@ -1 +1 @@
1
- {"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../../packages/components/table/src/components/header-search.vue"],"sourcesContent":["<template>\n <div ref=\"headerSearchRef\" :class=\"`${bem.e('header-wrapper')}`\">\n <div :class=\"bem.e('header')\">\n <slot name=\"header\">\n <!-- 左边的插槽 -->\n <div :class=\"bem.e('header-left')\">\n <slot name=\"headerLeft\"> </slot>\n </div>\n <!-- 内容中间插槽 -->\n <div :class=\"bem.e('header-middle')\">\n <slot name=\"headerMiddle\"></slot>\n </div>\n <div :class=\"bem.e('header-right')\">\n <slot name=\"headerRight\"></slot>\n <!-- 切换table和list菜单 -->\n <a-radio-group\n v-if=\"props.menuSwitchOptions?.show\"\n v-model:value=\"contentType\"\n :class=\"`m-l20 ${bem.e('header-menu-radio-group')}`\"\n @change=\"handleMenuSwitchChange\"\n >\n <a-radio-button\n v-for=\"menuItem in menuSwitchRadioList\"\n :key=\"menuItem.value\"\n :class=\"`${bem.e('header-menu-icon')}`\"\n :value=\"menuItem.value\"\n >\n <ll-icon :icon-name=\"menuItem.icon\" :size=\"18\" />\n </a-radio-button>\n </a-radio-group>\n </div>\n </slot>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, inject, watch } from 'vue'\n\nimport {\n menuSwitchRadioList,\n tableHeaderSearchEmits,\n ImenuSwitchType\n} from '../config'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tableHeaderSearchProps } from '../config'\n\nimport { LlIcon } from '@ll-plus/components'\n\nimport type { RadioChangeEvent } from 'ant-design-vue'\n\n// 1.defineOptions\ndefineOptions({\n name: 'TableHeaderSearch'\n})\n\n// 2.props\nconst props = defineProps(tableHeaderSearchProps)\n\nconst headerSearchRef = ref() // headerSearch的ref\n// 获取menuswitch\nconst contentType = inject('contentType')\n\n// 3.emits\nconst emits = defineEmits(tableHeaderSearchEmits)\n// 4.const\nconst bem = createNamespace('table')\n\n// 5.methods\n// 切换菜单table\nconst handleMenuSwitchChange = (event: RadioChangeEvent) => {\n const target = event.target\n const value = target.value as ImenuSwitchType\n props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value)\n emits('change', value)\n}\n// 6.watch\nwatch(\n headerSearchRef,\n () => {\n if (headerSearchRef.value) {\n // 创建一个新的MutationObserver对象\n const observer = new MutationObserver(function (mutations) {\n mutations.forEach(function () {\n // 检查容器的高度变化\n const newHeight = headerSearchRef.value.getBoundingClientRect().height\n emits('changeHeaderSearch', newHeight)\n })\n })\n\n // 配置MutationObserver,监听子节点的变化\n const config = {\n childList: true, // 观察直接子节点\n subtree: true // 及其更低的后代节点\n }\n\n // 开始监听容器的变化\n observer.observe(headerSearchRef.value, config)\n }\n },\n {\n immediate: true,\n deep: true\n }\n)\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,kBAAkB,GAAI,EAAA,CAAA;AAE5B,IAAM,MAAA,WAAA,GAAc,OAAO,aAAa,CAAA,CAAA;AAGxC,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAInC,IAAM,MAAA,sBAAA,GAAyB,CAAC,KAA4B,KAAA;AAC1D,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,KAAA,CAAM,iBAAkB,CAAA,QAAA,IAAY,KAAM,CAAA,iBAAA,CAAkB,SAAS,KAAK,CAAA,CAAA;AAC1E,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,eAAA;AAAA,MACA,MAAM;AACJ,QAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,UAAA,MAAM,QAAW,GAAA,IAAI,gBAAiB,CAAA,SAAU,SAAW,EAAA;AACzD,YAAA,SAAA,CAAU,QAAQ,WAAY;AAE5B,cAAA,MAAM,SAAY,GAAA,eAAA,CAAgB,KAAM,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AAChE,cAAA,KAAA,CAAM,sBAAsB,SAAS,CAAA,CAAA;AAAA,aACtC,CAAA,CAAA;AAAA,WACF,CAAA,CAAA;AAGD,UAAA,MAAM,MAAS,GAAA;AAAA,YACb,SAAW,EAAA,IAAA;AAAA;AAAA,YACX,OAAS,EAAA,IAAA;AAAA;AAAA,WACX,CAAA;AAGA,UAAS,QAAA,CAAA,OAAA,CAAQ,eAAgB,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,SAChD;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"header-search.vue2.mjs","sources":["../../../../../../../packages/components/table/src/components/header-search.vue"],"sourcesContent":["<template>\n <div ref=\"headerSearchRef\" :class=\"`${bem.e('header-wrapper')}`\">\n <div :class=\"bem.e('header')\">\n <slot name=\"header\">\n <!-- 左边的插槽 -->\n <div :class=\"bem.e('header-left')\">\n <slot name=\"headerLeft\"> </slot>\n </div>\n <!-- 内容中间插槽 -->\n <div :class=\"bem.e('header-middle')\">\n <slot name=\"headerMiddle\"></slot>\n </div>\n <div :class=\"bem.e('header-right')\">\n <slot name=\"headerRight\"></slot>\n <!-- 切换table和list菜单 -->\n <a-radio-group\n v-if=\"props.menuSwitchOptions?.show\"\n v-model:value=\"contentType\"\n :class=\"`m-l20 ${bem.e('header-menu-radio-group')}`\"\n @change=\"handleMenuSwitchChange\"\n >\n <a-radio-button\n v-for=\"menuItem in menuSwitchRadioList\"\n :key=\"menuItem.value\"\n :class=\"`${bem.e('header-menu-icon')}`\"\n :value=\"menuItem.value\"\n >\n <ll-icon :icon-name=\"menuItem.icon\" :size=\"18\" />\n </a-radio-button>\n </a-radio-group>\n </div>\n </slot>\n </div>\n </div>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, inject, watch, onUnmounted } from 'vue'\n\nimport {\n menuSwitchRadioList,\n tableHeaderSearchEmits,\n ImenuSwitchType\n} from '../config'\nimport { createNamespace } from '@ll-plus/utils'\nimport { tableHeaderSearchProps } from '../config'\n\nimport { LlIcon } from '@ll-plus/components'\n\nimport type { RadioChangeEvent } from 'ant-design-vue'\n\n// 1.defineOptions\ndefineOptions({\n name: 'TableHeaderSearch'\n})\n\n// 2.props\nconst props = defineProps(tableHeaderSearchProps)\n\nconst headerSearchRef = ref() // headerSearch的ref\n// 获取menuswitch\nconst contentType = inject('contentType')\nlet observer: MutationObserver // 监听dom内容发生变化\n\n// 3.emits\nconst emits = defineEmits(tableHeaderSearchEmits)\n// 4.const\nconst bem = createNamespace('table')\n\n// 5.methods\n// 切换菜单table\nconst handleMenuSwitchChange = (event: RadioChangeEvent) => {\n const target = event.target\n const value = target.value as ImenuSwitchType\n props.menuSwitchOptions.onChange && props.menuSwitchOptions.onChange(value)\n emits('change', value)\n}\n// 6.watch\nwatch(\n headerSearchRef,\n () => {\n if (headerSearchRef.value) {\n // 创建一个新的MutationObserver对象\n if (!observer) {\n observer = new MutationObserver(function (mutations) {\n mutations.forEach(function () {\n // 检查容器的高度变化\n const newHeight =\n headerSearchRef.value.getBoundingClientRect().height\n emits('changeHeaderSearch', newHeight)\n })\n })\n\n // 配置MutationObserver,监听子节点的变化\n const config = {\n childList: true, // 观察直接子节点\n subtree: true // 及其更低的后代节点\n }\n\n // 开始监听容器的变化\n observer?.observe(headerSearchRef.value, config)\n }\n }\n },\n {\n immediate: true,\n deep: true\n }\n)\n\n// 组件卸载停止监听\nonUnmounted(() => {\n if (observer) {\n observer.disconnect()\n }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,kBAAkB,GAAI,EAAA,CAAA;AAE5B,IAAM,MAAA,WAAA,GAAc,OAAO,aAAa,CAAA,CAAA;AACxC,IAAI,IAAA,QAAA,CAAA;AAGJ,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AAEd,IAAM,MAAA,GAAA,GAAM,gBAAgB,OAAO,CAAA,CAAA;AAInC,IAAM,MAAA,sBAAA,GAAyB,CAAC,KAA4B,KAAA;AAC1D,MAAA,MAAM,SAAS,KAAM,CAAA,MAAA,CAAA;AACrB,MAAA,MAAM,QAAQ,MAAO,CAAA,KAAA,CAAA;AACrB,MAAA,KAAA,CAAM,iBAAkB,CAAA,QAAA,IAAY,KAAM,CAAA,iBAAA,CAAkB,SAAS,KAAK,CAAA,CAAA;AAC1E,MAAA,KAAA,CAAM,UAAU,KAAK,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,KAAA;AAAA,MACE,eAAA;AAAA,MACA,MAAM;AACJ,QAAA,IAAI,gBAAgB,KAAO,EAAA;AAEzB,UAAA,IAAI,CAAC,QAAU,EAAA;AACb,YAAW,QAAA,GAAA,IAAI,gBAAiB,CAAA,SAAU,SAAW,EAAA;AACnD,cAAA,SAAA,CAAU,QAAQ,WAAY;AAE5B,gBAAA,MAAM,SACJ,GAAA,eAAA,CAAgB,KAAM,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AAChD,gBAAA,KAAA,CAAM,sBAAsB,SAAS,CAAA,CAAA;AAAA,eACtC,CAAA,CAAA;AAAA,aACF,CAAA,CAAA;AAGD,YAAA,MAAM,MAAS,GAAA;AAAA,cACb,SAAW,EAAA,IAAA;AAAA;AAAA,cACX,OAAS,EAAA,IAAA;AAAA;AAAA,aACX,CAAA;AAGA,YAAU,QAAA,EAAA,OAAA,CAAQ,eAAgB,CAAA,KAAA,EAAO,MAAM,CAAA,CAAA;AAAA,WACjD;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,QACX,IAAM,EAAA,IAAA;AAAA,OACR;AAAA,KACF,CAAA;AAGA,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,UAAW,EAAA,CAAA;AAAA,OACtB;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ export { useScroll } from './use-scroll/index.mjs';
2
+
3
+ "use strict";
4
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}