rappel-ui 1.0.28 → 1.0.30

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 (241) hide show
  1. package/README.md +1 -0
  2. package/README.zh.md +1 -0
  3. package/cjs/components/button/src/constants.d.ts +1 -1
  4. package/cjs/components/button/src/constants.js +1 -1
  5. package/cjs/components/index.d.ts +2 -0
  6. package/cjs/components/index.js +1 -1
  7. package/cjs/components/message/index.d.ts +4 -0
  8. package/cjs/components/message/index.js +1 -0
  9. package/cjs/components/message/src/constants.d.ts +2 -0
  10. package/cjs/components/message/src/constants.js +1 -0
  11. package/cjs/components/message/src/create-message.d.ts +2 -0
  12. package/cjs/components/message/src/create-message.js +1 -0
  13. package/cjs/components/message/src/message.js +1 -0
  14. package/{es/components/tooltip/src/content.vue.d.ts → cjs/components/message/src/message.vue.d.ts} +17 -19
  15. package/cjs/components/message/src/message.vue_vue_type_script_setup_true_lang.js +6 -0
  16. package/cjs/components/message/src/types.d.ts +58 -0
  17. package/{es/components/tooltip/src/use-emit.d.ts → cjs/components/message/src/use-message-emit.d.ts} +2 -6
  18. package/cjs/components/message/src/use-message-emit.js +1 -0
  19. package/cjs/components/message/src/use-message.d.ts +2 -0
  20. package/cjs/components/message/src/use-message.js +1 -0
  21. package/cjs/components/message/style/css.d.ts +0 -0
  22. package/cjs/components/message/style/css.js +2 -0
  23. package/cjs/components/message/style/index.d.ts +0 -0
  24. package/cjs/components/message/style/index.js +2 -0
  25. package/cjs/components/popconfirm/index.d.ts +6 -26
  26. package/cjs/components/popconfirm/src/popconfirm.vue.d.ts +22 -30
  27. package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
  28. package/cjs/components/popconfirm/src/types.d.ts +2 -2
  29. package/cjs/components/{tooltip/src/use-emit.d.ts → popconfirm/src/use-popconfirm-emit.d.ts} +2 -6
  30. package/cjs/components/popconfirm/src/use-popconfirm-emit.js +1 -0
  31. package/cjs/components/popover/index.d.ts +1 -20
  32. package/cjs/components/popover/index.js +1 -1
  33. package/cjs/components/popover/src/popover.vue.d.ts +3 -11
  34. package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
  35. package/cjs/components/popover/src/types.d.ts +2 -2
  36. package/cjs/components/popover/src/use-popover-emit.d.ts +12 -0
  37. package/cjs/components/popover/src/use-popover-emit.js +1 -0
  38. package/cjs/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.js +1 -1
  39. package/cjs/components/svg-icon/src/types.d.ts +1 -0
  40. package/cjs/components/tooltip/index.d.ts +24 -33
  41. package/cjs/components/tooltip/index.js +1 -1
  42. package/cjs/components/tooltip/src/tooltip.vue.d.ts +18 -15
  43. package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
  44. package/cjs/components/tooltip/src/types.d.ts +5 -40
  45. package/cjs/components/tooltip/src/use-tooltip-emit.d.ts +12 -0
  46. package/cjs/components/tooltip/src/use-tooltip-emit.js +1 -0
  47. package/cjs/components/transition/index.d.ts +67 -0
  48. package/cjs/components/transition/index.js +1 -0
  49. package/cjs/components/transition/src/transition.js +1 -0
  50. package/cjs/components/transition/src/transition.vue.d.ts +33 -0
  51. package/cjs/components/transition/src/transition.vue_vue_type_script_setup_true_lang.js +1 -0
  52. package/cjs/components/transition/src/types.d.ts +21 -0
  53. package/cjs/components/transition/src/use-transition-emit.d.ts +12 -0
  54. package/cjs/components/transition/src/use-transition-emit.js +1 -0
  55. package/cjs/components/transition/style/css.d.ts +0 -0
  56. package/cjs/components/transition/style/css.js +0 -0
  57. package/cjs/components/transition/style/index.d.ts +0 -0
  58. package/cjs/components/transition/style/index.js +0 -0
  59. package/cjs/index.d.ts +426 -143
  60. package/cjs/index.js +1 -1
  61. package/cjs/svg-icons/create-icon.d.ts +2 -2
  62. package/cjs/svg-icons/create-icon.js +1 -1
  63. package/cjs/svg-icons/get-async-icon.d.ts +3 -0
  64. package/cjs/svg-icons/get-async-icon.js +1 -0
  65. package/cjs/svg-icons/icon-names.d.ts +1 -1
  66. package/cjs/svg-icons/icon-names.js +1 -1
  67. package/cjs/svg-icons/index.d.ts +7 -3
  68. package/cjs/svg-icons/index.js +1 -1
  69. package/cjs/svg-icons/src/arrow-backward.d.ts +2 -2
  70. package/cjs/svg-icons/src/arrow-down.d.ts +2 -2
  71. package/cjs/svg-icons/src/arrow-downward.d.ts +2 -2
  72. package/cjs/svg-icons/src/arrow-forward.d.ts +2 -2
  73. package/cjs/svg-icons/src/arrow-left.d.ts +2 -2
  74. package/cjs/svg-icons/src/arrow-right.d.ts +2 -2
  75. package/cjs/svg-icons/src/arrow-up.d.ts +2 -2
  76. package/cjs/svg-icons/src/arrow-upward.d.ts +2 -2
  77. package/cjs/svg-icons/src/check-circle.d.ts +2 -2
  78. package/cjs/svg-icons/src/check-fill.d.ts +43 -0
  79. package/cjs/svg-icons/src/check-fill.js +1 -0
  80. package/cjs/svg-icons/src/check.d.ts +2 -2
  81. package/cjs/svg-icons/src/close-circle.d.ts +43 -0
  82. package/cjs/svg-icons/src/close-circle.js +1 -0
  83. package/cjs/svg-icons/src/close-fill.d.ts +43 -0
  84. package/cjs/svg-icons/src/close-fill.js +1 -0
  85. package/cjs/svg-icons/src/close-short.d.ts +2 -2
  86. package/cjs/svg-icons/src/close-short.js +1 -1
  87. package/cjs/svg-icons/src/close.d.ts +2 -2
  88. package/cjs/svg-icons/src/copy-closure.d.ts +2 -2
  89. package/cjs/svg-icons/src/copy.d.ts +2 -2
  90. package/cjs/svg-icons/src/delete.d.ts +2 -2
  91. package/cjs/svg-icons/src/exclam-fill.d.ts +43 -0
  92. package/cjs/svg-icons/src/exclam-fill.js +1 -0
  93. package/cjs/svg-icons/src/exclam.d.ts +2 -2
  94. package/cjs/svg-icons/src/help.d.ts +2 -2
  95. package/cjs/svg-icons/src/info-circle.d.ts +43 -0
  96. package/cjs/svg-icons/src/info-circle.js +1 -0
  97. package/cjs/svg-icons/src/info-fill.d.ts +43 -0
  98. package/cjs/svg-icons/src/info-fill.js +1 -0
  99. package/cjs/svg-icons/src/loading.d.ts +2 -2
  100. package/cjs/svg-icons/src/more-dot-circle-horizontal.d.ts +2 -2
  101. package/cjs/svg-icons/src/more-dot-circle-outline-horizontal.d.ts +2 -2
  102. package/cjs/svg-icons/src/more-dot-circle-outline-vertical.d.ts +2 -2
  103. package/cjs/svg-icons/src/more-dot-circle.d.ts +2 -2
  104. package/cjs/svg-icons/src/more-dot-square-horizontal.d.ts +2 -2
  105. package/cjs/svg-icons/src/more-dot-square.d.ts +2 -2
  106. package/cjs/svg-icons/src/more-line.d.ts +2 -2
  107. package/cjs/svg-icons/src/search-bold.d.ts +2 -2
  108. package/cjs/svg-icons/src/search.d.ts +2 -2
  109. package/cjs/svg-icons/src/star-fill.d.ts +2 -2
  110. package/cjs/svg-icons/src/star-fill.js +1 -1
  111. package/cjs/svg-icons/src/star.d.ts +2 -2
  112. package/cjs/svg-icons/types.d.ts +2 -0
  113. package/cjs/utils/util.d.ts +3 -3
  114. package/es/components/button/src/constants.d.ts +1 -1
  115. package/es/components/button/src/constants.mjs +1 -0
  116. package/es/components/index.d.ts +2 -0
  117. package/es/components/index.mjs +20 -10
  118. package/es/components/message/index.d.ts +4 -0
  119. package/es/components/message/index.mjs +6 -0
  120. package/es/components/message/src/constants.d.ts +2 -0
  121. package/es/components/message/src/constants.mjs +15 -0
  122. package/es/components/message/src/create-message.d.ts +2 -0
  123. package/es/components/message/src/create-message.mjs +137 -0
  124. package/es/components/message/src/message.mjs +5 -0
  125. package/{cjs/components/tooltip/src/content.vue.d.ts → es/components/message/src/message.vue.d.ts} +17 -19
  126. package/es/components/message/src/message.vue_vue_type_script_setup_true_lang.mjs +271 -0
  127. package/es/components/message/src/types.d.ts +58 -0
  128. package/es/components/message/src/use-message-emit.d.ts +12 -0
  129. package/es/components/message/src/use-message-emit.mjs +7 -0
  130. package/es/components/message/src/use-message.d.ts +2 -0
  131. package/es/components/message/src/use-message.mjs +7 -0
  132. package/es/components/message/style/css.d.ts +0 -0
  133. package/es/components/message/style/css.mjs +2 -0
  134. package/es/components/message/style/index.d.ts +0 -0
  135. package/es/components/message/style/index.mjs +2 -0
  136. package/es/components/popconfirm/index.d.ts +6 -26
  137. package/es/components/popconfirm/src/popconfirm.vue.d.ts +22 -30
  138. package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +41 -48
  139. package/es/components/popconfirm/src/types.d.ts +2 -2
  140. package/es/components/popconfirm/src/use-popconfirm-emit.d.ts +12 -0
  141. package/es/components/popconfirm/src/use-popconfirm-emit.mjs +7 -0
  142. package/es/components/popover/index.d.ts +1 -20
  143. package/es/components/popover/index.mjs +4 -3
  144. package/es/components/popover/src/popover.vue.d.ts +3 -11
  145. package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +21 -28
  146. package/es/components/popover/src/types.d.ts +2 -2
  147. package/es/components/popover/src/use-popover-emit.d.ts +12 -0
  148. package/es/components/popover/src/use-popover-emit.mjs +7 -0
  149. package/es/components/svg-icon/src/svg-icon.vue_vue_type_script_setup_true_lang.mjs +6 -3
  150. package/es/components/svg-icon/src/types.d.ts +1 -0
  151. package/es/components/tooltip/index.d.ts +24 -33
  152. package/es/components/tooltip/index.mjs +2 -2
  153. package/es/components/tooltip/src/tooltip.vue.d.ts +18 -15
  154. package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +137 -124
  155. package/es/components/tooltip/src/types.d.ts +5 -40
  156. package/es/components/tooltip/src/use-tooltip-emit.d.ts +12 -0
  157. package/es/components/tooltip/src/use-tooltip-emit.mjs +7 -0
  158. package/es/components/transition/index.d.ts +67 -0
  159. package/es/components/transition/index.mjs +8 -0
  160. package/es/components/transition/src/transition.mjs +5 -0
  161. package/es/components/transition/src/transition.vue.d.ts +33 -0
  162. package/es/components/transition/src/transition.vue_vue_type_script_setup_true_lang.mjs +83 -0
  163. package/es/components/transition/src/types.d.ts +21 -0
  164. package/es/components/transition/src/use-transition-emit.d.ts +12 -0
  165. package/es/components/{tooltip/src/use-emit.mjs → transition/src/use-transition-emit.mjs} +2 -6
  166. package/es/components/transition/style/css.d.ts +0 -0
  167. package/es/components/transition/style/css.mjs +0 -0
  168. package/es/components/transition/style/index.d.ts +0 -0
  169. package/es/components/transition/style/index.mjs +0 -0
  170. package/es/index.d.ts +426 -143
  171. package/es/index.mjs +74 -62
  172. package/es/svg-icons/create-icon.d.ts +2 -2
  173. package/es/svg-icons/create-icon.mjs +3 -2
  174. package/es/svg-icons/get-async-icon.d.ts +3 -0
  175. package/es/svg-icons/get-async-icon.mjs +50 -0
  176. package/es/svg-icons/icon-names.d.ts +1 -1
  177. package/es/svg-icons/icon-names.mjs +1 -1
  178. package/es/svg-icons/index.d.ts +7 -3
  179. package/es/svg-icons/index.mjs +77 -103
  180. package/es/svg-icons/src/arrow-backward.d.ts +2 -2
  181. package/es/svg-icons/src/arrow-down.d.ts +2 -2
  182. package/es/svg-icons/src/arrow-downward.d.ts +2 -2
  183. package/es/svg-icons/src/arrow-forward.d.ts +2 -2
  184. package/es/svg-icons/src/arrow-left.d.ts +2 -2
  185. package/es/svg-icons/src/arrow-right.d.ts +2 -2
  186. package/es/svg-icons/src/arrow-up.d.ts +2 -2
  187. package/es/svg-icons/src/arrow-upward.d.ts +2 -2
  188. package/es/svg-icons/src/check-circle.d.ts +2 -2
  189. package/es/svg-icons/src/check-fill.d.ts +43 -0
  190. package/es/svg-icons/src/check-fill.mjs +8 -0
  191. package/es/svg-icons/src/check.d.ts +2 -2
  192. package/es/svg-icons/src/close-circle.d.ts +43 -0
  193. package/es/svg-icons/src/close-circle.mjs +7 -0
  194. package/es/svg-icons/src/close-fill.d.ts +43 -0
  195. package/es/svg-icons/src/close-fill.mjs +9 -0
  196. package/es/svg-icons/src/close-short.d.ts +2 -2
  197. package/es/svg-icons/src/close-short.mjs +1 -1
  198. package/es/svg-icons/src/close.d.ts +2 -2
  199. package/es/svg-icons/src/copy-closure.d.ts +2 -2
  200. package/es/svg-icons/src/copy.d.ts +2 -2
  201. package/es/svg-icons/src/delete.d.ts +2 -2
  202. package/es/svg-icons/src/exclam-fill.d.ts +43 -0
  203. package/es/svg-icons/src/exclam-fill.mjs +9 -0
  204. package/es/svg-icons/src/exclam.d.ts +2 -2
  205. package/es/svg-icons/src/help.d.ts +2 -2
  206. package/es/svg-icons/src/info-circle.d.ts +43 -0
  207. package/es/svg-icons/src/info-circle.mjs +7 -0
  208. package/es/svg-icons/src/info-fill.d.ts +43 -0
  209. package/es/svg-icons/src/info-fill.mjs +9 -0
  210. package/es/svg-icons/src/loading.d.ts +2 -2
  211. package/es/svg-icons/src/more-dot-circle-horizontal.d.ts +2 -2
  212. package/es/svg-icons/src/more-dot-circle-outline-horizontal.d.ts +2 -2
  213. package/es/svg-icons/src/more-dot-circle-outline-vertical.d.ts +2 -2
  214. package/es/svg-icons/src/more-dot-circle.d.ts +2 -2
  215. package/es/svg-icons/src/more-dot-square-horizontal.d.ts +2 -2
  216. package/es/svg-icons/src/more-dot-square.d.ts +2 -2
  217. package/es/svg-icons/src/more-line.d.ts +2 -2
  218. package/es/svg-icons/src/search-bold.d.ts +2 -2
  219. package/es/svg-icons/src/search.d.ts +2 -2
  220. package/es/svg-icons/src/star-fill.d.ts +2 -2
  221. package/es/svg-icons/src/star-fill.mjs +1 -1
  222. package/es/svg-icons/src/star.d.ts +2 -2
  223. package/es/svg-icons/types.d.ts +2 -0
  224. package/es/utils/util.d.ts +3 -3
  225. package/package.json +2 -2
  226. package/theme-chalk/base.css +1 -1
  227. package/theme-chalk/index.css +1 -1
  228. package/theme-chalk/re-button.css +1 -1
  229. package/theme-chalk/re-message.css +1 -0
  230. package/theme-chalk/root-vars.css +1 -1
  231. package/theme-chalk/src/css-vars/_button.scss +1 -1
  232. package/theme-chalk/src/css-vars/_colors.scss +19 -16
  233. package/theme-chalk/src/css-vars/_message.scss +49 -0
  234. package/theme-chalk/src/index.scss +1 -0
  235. package/theme-chalk/src/message.scss +272 -0
  236. package/theme-chalk/src/mixins/_message.scss +70 -0
  237. package/cjs/components/tooltip/src/content.js +0 -1
  238. package/cjs/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.js +0 -1
  239. package/cjs/components/tooltip/src/use-emit.js +0 -1
  240. package/es/components/tooltip/src/content.mjs +0 -5
  241. package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs +0 -166
@@ -5,17 +5,13 @@ type __VLS_ModelProps = {
5
5
  'visible'?: boolean;
6
6
  };
7
7
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
8
- declare var __VLS_27: {}, __VLS_29: {};
8
+ declare var __VLS_23: {}, __VLS_25: {};
9
9
  type __VLS_Slots = {} & {
10
- title?: (props: typeof __VLS_27) => any;
10
+ title?: (props: typeof __VLS_23) => any;
11
11
  } & {
12
- content?: (props: typeof __VLS_29) => any;
12
+ content?: (props: typeof __VLS_25) => any;
13
13
  };
14
14
  declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
15
- beforeShow: (el: HTMLElement) => any;
16
- show: (el: HTMLElement) => any;
17
- beforeHide: (el: HTMLElement) => any;
18
- hide: (el: HTMLElement) => any;
19
15
  beforeEnter: (el: HTMLElement) => any;
20
16
  enter: (el: HTMLElement, done: () => void) => any;
21
17
  enterCancelled: (el: HTMLElement) => any;
@@ -26,10 +22,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, Com
26
22
  afterLeave: (el: HTMLElement) => any;
27
23
  "update:visible": (value: boolean | undefined) => any;
28
24
  }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
29
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
30
- onShow?: ((el: HTMLElement) => any) | undefined;
31
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
32
- onHide?: ((el: HTMLElement) => any) | undefined;
33
25
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
34
26
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
35
27
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -1 +1 @@
1
- const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/use-emit.js"),n=require("../../tooltip/src/constants.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePopover`,__name:`popover`,props:(0,r.mergeModels)({title:{default:``},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popover`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,r.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(a,{emit:o}){let{n:s,ns:c}=e.useNamespace(`popover`),{beforeShow:l,beforeHide:u,show:d,hide:f,beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v,enterCancelled:y,leaveCancelled:b}=t.useEmits(o),x=(0,r.useModel)(a,`visible`),S=(0,r.computed)(()=>[s(),a.floatingClass]),C=(0,r.useSlots)(),w=(0,r.computed)(()=>{var e,t;let i=C==null||(e=C.default)==null||(e=e.call(C))==null?void 0:e.filter(e=>e&&!n.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(t=i.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i});return(e,t)=>{let n=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(n,{visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:a.width,height:a.height,"max-width":a.maxWidth,"max-height":a.maxHeight,"floating-class":S.value,"floating-style":a.floatingStyle,disabled:a.disabled,theme:a.theme,placement:a.placement,trigger:a.trigger,"reverse-theme":a.reverseTheme,"show-delay":a.showDelay,"hide-delay":a.hideDelay,transition:a.transition,"css-duration":a.cssDuration,"css-transition":a.cssTransition,"show-arrow":a.showArrow,offset:a.offset,teleported:a.teleported,"append-to":a.appendTo,persistent:a.persistent,boundary:a.boundary,"element-context":a.elementContext,"alt-boundary":a.altBoundary,"root-boundary":a.rootBoundary,"arrow-size":a.arrowSize,"arrow-offset":a.arrowOffset,"flip-offset":a.flipOffset,"arrow-options":a.arrowOptions,"flip-options":a.flipOptions,"inline-options":a.inlineOptions,"is-external":a.isExternal,"external-ref":a.externalRef,"is-virtual":a.isVirtual,"virtual-ref":a.virtualRef,onBeforeShow:(0,r.unref)(l),onShow:(0,r.unref)(d),onBeforeHide:(0,r.unref)(u),onHide:(0,r.unref)(f),onBeforeEnter:(0,r.unref)(p),onEnter:(0,r.unref)(m),onAfterEnter:(0,r.unref)(h),onBeforeLeave:(0,r.unref)(g),onLeave:(0,r.unref)(_),onAfterLeave:(0,r.unref)(v),onEnterCancelled:(0,r.unref)(y),onLeaveCancelled:(0,r.unref)(b)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`title`,{},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`title`)])},(0,r.toDisplayString)(a.title),3)]),(0,r.renderSlot)(e.$slots,`content`,{},()=>[a.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)]),innerHTML:a.content},null,10,i)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)])},(0,r.toDisplayString)(a.content),3))])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(w.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=a;
1
+ const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./use-popover-emit.js");let r=require("vue");var i=[`innerHTML`],a=(0,r.defineComponent)({name:`RePopover`,__name:`popover`,props:(0,r.mergeModels)({title:{default:``},visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`popover`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,r.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(a,{emit:o}){let{n:s,ns:c}=e.useNamespace(`popover`),{beforeEnter:l,enter:u,afterEnter:d,beforeLeave:f,leave:p,afterLeave:m,enterCancelled:h,leaveCancelled:g}=n.usePopoverEmits(o),_=(0,r.useModel)(a,`visible`),v=(0,r.computed)(()=>[s(),a.floatingClass]),y=(0,r.useSlots)(),b=(0,r.computed)(()=>{var e,n;let i=y==null||(e=y.default)==null||(e=e.call(y))==null?void 0:e.filter(e=>e&&!t.filterNodeTypes.includes(e.type.toString()))[0];return(i==null||(n=i.type)==null?void 0:n.toString())===`Symbol(v-txt)`?(0,r.h)(`span`,{},i):i});return(e,t)=>{let n=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(n,{visible:_.value,"onUpdate:visible":t[0]||(t[0]=e=>_.value=e),width:a.width,height:a.height,"max-width":a.maxWidth,"max-height":a.maxHeight,"floating-class":v.value,"floating-style":a.floatingStyle,disabled:a.disabled,theme:a.theme,placement:a.placement,trigger:a.trigger,"reverse-theme":a.reverseTheme,"show-delay":a.showDelay,"hide-delay":a.hideDelay,transition:a.transition,"css-duration":a.cssDuration,"css-transition":a.cssTransition,"show-arrow":a.showArrow,offset:a.offset,teleported:a.teleported,"append-to":a.appendTo,persistent:a.persistent,boundary:a.boundary,"element-context":a.elementContext,"alt-boundary":a.altBoundary,"root-boundary":a.rootBoundary,"arrow-size":a.arrowSize,"arrow-offset":a.arrowOffset,"flip-offset":a.flipOffset,"arrow-options":a.arrowOptions,"flip-options":a.flipOptions,"inline-options":a.inlineOptions,"is-external":a.isExternal,"external-ref":a.externalRef,"is-virtual":a.isVirtual,"virtual-ref":a.virtualRef,onBeforeEnter:(0,r.unref)(l),onEnter:(0,r.unref)(u),onAfterEnter:(0,r.unref)(d),onBeforeLeave:(0,r.unref)(f),onLeave:(0,r.unref)(p),onAfterLeave:(0,r.unref)(m),onEnterCancelled:(0,r.unref)(h),onLeaveCancelled:(0,r.unref)(g)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`title`,{},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`title`)])},(0,r.toDisplayString)(a.title),3)]),(0,r.renderSlot)(e.$slots,`content`,{},()=>[a.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)]),innerHTML:a.content},null,10,i)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(c)(`content`)])},(0,r.toDisplayString)(a.content),3))])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(b.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=a;
@@ -1,6 +1,6 @@
1
- import { TooltipProps, FloatingEmits } from '../../tooltip';
1
+ import { TooltipProps, TooltipEmits } from '../../tooltip';
2
2
  export interface PopoverProps extends TooltipProps {
3
3
  title?: string;
4
4
  }
5
- export interface PopoverEmits extends FloatingEmits {
5
+ export interface PopoverEmits extends TooltipEmits {
6
6
  }
@@ -0,0 +1,12 @@
1
+ import { EmitFn } from 'vue';
2
+ import { PopoverEmits } from './types';
3
+ export declare function usePopoverEmits(emits: EmitFn<PopoverEmits>): {
4
+ beforeEnter: (el: any) => void;
5
+ enter: (el: any, done: any) => void;
6
+ enterCancelled: (el: any) => void;
7
+ afterEnter: (el: any) => void;
8
+ beforeLeave: (el: any) => void;
9
+ leave: (el: any, done: any) => void;
10
+ leaveCancelled: (el: any) => void;
11
+ afterLeave: (el: any) => void;
12
+ };
@@ -0,0 +1 @@
1
+ const e=require("../../tooltip/src/use-tooltip-emit.js");function t(t){return{...e.useTooltipEmits(t)}}exports.usePopoverEmits=t;
@@ -1 +1 @@
1
- const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");let n=require("vue");var r=[`width`,`height`,`stroke`],i=[`d`,`name`,`fill`],a=(0,n.defineComponent)({name:`ReSvgIcon`,__name:`svg-icon`,props:{name:{default:()=>void 0},path:{default:``},size:{default:16},fill:{default:()=>void 0},color:{default:`currentColor`},spin:{type:Boolean,default:!1}},setup(a){let{n:o,ns:s}=t.useNamespace(`svg-icon`),c=(0,n.computed)(()=>e.toPx(a.size)),l=(0,n.computed)(()=>e.toPx(a.size));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)([(0,n.unref)(o)(),{[(0,n.unref)(s)(`spinner`)]:a.spin}]),viewBox:`0 0 24 24`,width:c.value,height:l.value,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,stroke:a.color,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[(0,n.createElementVNode)(`path`,{d:a.path,name:a.name,fill:a.fill},null,8,i)],10,r))}});exports.default=a;
1
+ const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");let n=require("vue");var r=[`width`,`height`,`stroke`],i=[`d`,`name`,`fill`,`fill-rule`],a=(0,n.defineComponent)({name:`ReSvgIcon`,__name:`svg-icon`,props:{name:{default:()=>void 0},path:{default:``},size:{default:16},fill:{default:()=>void 0},fillRule:{default:()=>void 0},color:{default:`currentColor`},spin:{type:Boolean,default:!1}},setup(a){let{n:o,ns:s}=t.useNamespace(`svg-icon`),c=(0,n.computed)(()=>e.toPx(a.size)),l=(0,n.computed)(()=>e.toPx(a.size));return(e,t)=>((0,n.openBlock)(),(0,n.createElementBlock)(`svg`,{class:(0,n.normalizeClass)([(0,n.unref)(o)(),{[(0,n.unref)(s)(`spinner`)]:a.spin}]),viewBox:`0 0 24 24`,width:c.value,height:l.value,fill:`none`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,stroke:a.fill?void 0:a.color,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`},[(0,n.createElementVNode)(`path`,{d:a.path,name:a.name,fill:a.fill,"fill-rule":a.fillRule},null,8,i)],10,r))}});exports.default=a;
@@ -3,6 +3,7 @@ export interface SvgIconProps {
3
3
  path: string;
4
4
  size?: string | number;
5
5
  fill?: string;
6
+ fillRule?: 'inherit' | 'nonzero' | 'evenodd';
6
7
  color?: string;
7
8
  spin?: boolean;
8
9
  }
@@ -1,16 +1,12 @@
1
- import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
1
+ import { CreateComponentPublicInstanceWithMixins, ComputedRef, ShallowRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, StyleValue } from 'vue';
2
2
  import { TooltipProps } from '.';
3
- import { VirtualElement } from '@floating-ui/vue';
4
- export * from './src/use-emit';
3
+ import { VirtualElement, Placement } from '@floating-ui/vue';
4
+ export * from './src/use-tooltip-emit';
5
5
  export * from './src/types';
6
6
  export declare const ReTooltip: {
7
7
  new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TooltipProps & {
8
8
  visible?: boolean;
9
9
  }> & Readonly<{
10
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
11
- onShow?: ((el: HTMLElement) => any) | undefined;
12
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
13
- onHide?: ((el: HTMLElement) => any) | undefined;
14
10
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
15
11
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
16
12
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -26,14 +22,10 @@ export declare const ReTooltip: {
26
22
  delayHide: (cb: () => void) => void;
27
23
  show: () => void;
28
24
  delayShow: () => void;
29
- triggerRef: HTMLElement | VirtualElement | null | undefined;
30
- floatingRef: HTMLElement | undefined;
31
- arrowRef: HTMLElement | undefined;
25
+ triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
26
+ floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
27
+ arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
32
28
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
33
- beforeShow: (el: HTMLElement) => any;
34
- show: (el: HTMLElement) => any;
35
- beforeHide: (el: HTMLElement) => any;
36
- hide: (el: HTMLElement) => any;
37
29
  beforeEnter: (el: HTMLElement) => any;
38
30
  enter: (el: HTMLElement, done: () => void) => any;
39
31
  enterCancelled: (el: HTMLElement) => any;
@@ -53,10 +45,6 @@ export declare const ReTooltip: {
53
45
  }, Readonly< TooltipProps & {
54
46
  visible?: boolean;
55
47
  }> & Readonly<{
56
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
57
- onShow?: ((el: HTMLElement) => any) | undefined;
58
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
59
- onHide?: ((el: HTMLElement) => any) | undefined;
60
48
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
61
49
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
62
50
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -72,9 +60,9 @@ export declare const ReTooltip: {
72
60
  delayHide: (cb: () => void) => void;
73
61
  show: () => void;
74
62
  delayShow: () => void;
75
- triggerRef: HTMLElement | VirtualElement | null | undefined;
76
- floatingRef: HTMLElement | undefined;
77
- arrowRef: HTMLElement | undefined;
63
+ triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
64
+ floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
65
+ arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
78
66
  }, {}, {}, {}, {}>;
79
67
  __isFragment?: never;
80
68
  __isTeleport?: never;
@@ -82,10 +70,6 @@ export declare const ReTooltip: {
82
70
  } & ComponentOptionsBase<Readonly< TooltipProps & {
83
71
  visible?: boolean;
84
72
  }> & Readonly<{
85
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
86
- onShow?: ((el: HTMLElement) => any) | undefined;
87
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
88
- onHide?: ((el: HTMLElement) => any) | undefined;
89
73
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
90
74
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
91
75
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -101,14 +85,10 @@ export declare const ReTooltip: {
101
85
  delayHide: (cb: () => void) => void;
102
86
  show: () => void;
103
87
  delayShow: () => void;
104
- triggerRef: HTMLElement | VirtualElement | null | undefined;
105
- floatingRef: HTMLElement | undefined;
106
- arrowRef: HTMLElement | undefined;
88
+ triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
89
+ floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
90
+ arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
107
91
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
108
- beforeShow: (el: HTMLElement) => any;
109
- show: (el: HTMLElement) => any;
110
- beforeHide: (el: HTMLElement) => any;
111
- hide: (el: HTMLElement) => any;
112
92
  beforeEnter: (el: HTMLElement) => any;
113
93
  enter: (el: HTMLElement, done: () => void) => any;
114
94
  enterCancelled: (el: HTMLElement) => any;
@@ -120,7 +100,18 @@ export declare const ReTooltip: {
120
100
  "update:visible": (value: boolean) => any;
121
101
  }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
122
102
  $slots: {
123
- content?: (props: {}) => any;
103
+ content?: (props: {
104
+ isHtml: boolean | undefined;
105
+ content: string;
106
+ zIndex: number;
107
+ }) => any;
108
+ } & {
109
+ arrow?: (props: {
110
+ showArrow: boolean;
111
+ arrowStyle: StyleValue;
112
+ placement: Placement;
113
+ zIndex: number;
114
+ }) => any;
124
115
  };
125
116
  });
126
117
  export default ReTooltip;
@@ -1 +1 @@
1
- const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-emit.js"),n=require("./src/tooltip.js");var r=e.withInstall(n.default);exports.ReTooltip=r,exports.default=r,exports.useEmits=t.useEmits;
1
+ const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-tooltip-emit.js"),n=require("./src/tooltip.js");var r=e.withInstall(n.default);exports.ReTooltip=r,exports.default=r,exports.useTooltipEmits=t.useTooltipEmits;
@@ -1,14 +1,25 @@
1
+ import { StyleValue, DefineComponent, ComputedRef, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
1
2
  import { TooltipProps } from './types';
2
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- import { VirtualElement } from '@floating-ui/vue';
3
+ import { Placement, VirtualElement } from '@floating-ui/vue';
4
4
  type __VLS_Props = TooltipProps;
5
5
  type __VLS_ModelProps = {
6
6
  'visible'?: boolean;
7
7
  };
8
8
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
9
- declare var __VLS_29: {};
9
+ declare var __VLS_23: {
10
+ isHtml: boolean | undefined;
11
+ content: string;
12
+ zIndex: number;
13
+ }, __VLS_25: {
14
+ showArrow: boolean;
15
+ arrowStyle: StyleValue;
16
+ placement: Placement;
17
+ zIndex: number;
18
+ };
10
19
  type __VLS_Slots = {} & {
11
- content?: (props: typeof __VLS_29) => any;
20
+ content?: (props: typeof __VLS_23) => any;
21
+ } & {
22
+ arrow?: (props: typeof __VLS_25) => any;
12
23
  };
13
24
  declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
14
25
  update: () => void;
@@ -16,14 +27,10 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
16
27
  delayHide: (cb: () => void) => void;
17
28
  show: () => void;
18
29
  delayShow: () => void;
19
- triggerRef: HTMLElement | VirtualElement | null | undefined;
20
- floatingRef: HTMLElement | undefined;
21
- arrowRef: HTMLElement | undefined;
30
+ triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
31
+ floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
32
+ arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
22
33
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
23
- beforeShow: (el: HTMLElement) => any;
24
- show: (el: HTMLElement) => any;
25
- beforeHide: (el: HTMLElement) => any;
26
- hide: (el: HTMLElement) => any;
27
34
  beforeEnter: (el: HTMLElement) => any;
28
35
  enter: (el: HTMLElement, done: () => void) => any;
29
36
  enterCancelled: (el: HTMLElement) => any;
@@ -34,10 +41,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
34
41
  afterLeave: (el: HTMLElement) => any;
35
42
  "update:visible": (value: boolean) => any;
36
43
  }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
37
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
38
- onShow?: ((el: HTMLElement) => any) | undefined;
39
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
40
- onHide?: ((el: HTMLElement) => any) | undefined;
41
44
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
42
45
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
43
46
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -1 +1 @@
1
- const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("./use-emit.js"),r=require("./content.js"),i=require("./use-tooltip.js"),a=require("./constants.js");let o=require("vue"),s=require("@floating-ui/vue");var c=[`innerHTML`],l=(0,o.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,o.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,o.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(l,{expose:u,emit:d}){let{beforeShow:f,beforeHide:p,show:m,hide:h,beforeEnter:g,enter:_,afterEnter:v,beforeLeave:y,leave:b,afterLeave:x,enterCancelled:S,leaveCancelled:C}=n.useEmits(d),{ns:w}=t.useNamespace(`tooltip`),T=(0,o.useSlots)(),E=(0,o.computed)(()=>{var e,t;let n=T==null||(e=T.default)==null||(e=e.call(T))==null?void 0:e.filter(e=>e&&!a.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,o.h)(`span`,{},n):n}),D=(0,o.useTemplateRef)(`triggerRef`),O=(0,o.useTemplateRef)(`floatingRef`),k=(0,o.ref)(),A=(0,o.computed)(()=>l.isVirtual?l.virtualRef:l.isExternal?k.value:E.value?D.value:null),j=(0,o.useModel)(l,`visible`),{floatingStyles:M,middlewareData:N,placement:P,update:F}=(0,s.useFloating)(A,(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.floatingRef}),{open:j,placement:l.placement,strategy:`absolute`,middleware:[(0,s.inline)(l.inlineOptions),(0,s.offset)(l.offset),(0,s.flip)({padding:l.flipOffset,boundary:l.boundary,elementContext:l.elementContext,altBoundary:l.altBoundary,rootBoundary:l.rootBoundary,...l.flipOptions}),(0,s.arrow)({element:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.arrowRef}),padding:l.arrowOffset,...l.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,s.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),I=(0,o.computed)(()=>[M.value,l.floatingStyle]),L=(0,o.computed)(()=>{let t=P.value.split(`-`)[0],n=a.staticSideMap[t],r=N.value.arrow;return{position:`absolute`,left:(r==null?void 0:r.x)==null?``:`${r.x}px`,top:(r==null?void 0:r.y)==null?``:`${r.y}px`,[n]:`-${l.arrowSize/2}px`,width:e.toPx(l.arrowSize),height:e.toPx(l.arrowSize)}}),R=(0,o.computed)(()=>l.isVirtual?null:l.isExternal?l.externalRef:E.value?D.value:null),{stop:z,setup:B,delayShow:V,delayHide:H}=i.useTooltip({triggerRef:R,isExternal:l.isExternal,externalActiveRef:k,externalRef:(0,o.computed)(()=>l.externalRef),trigger:l.trigger,floatingRef:(0,o.computed)(()=>{var e;return l.persistent?(e=O.value)==null?void 0:e.floatingRef:void 0}),open:j,showDelay:l.showDelay,hideDelay:l.hideDelay,disabled:(0,o.computed)(()=>l.disabled)}),{scope:U}=B(),W=()=>{z(),U==null||U.stop()};return(0,o.onUnmounted)(()=>{W()}),u({update:F,hide:()=>{j.value=!1},delayHide:H,show:()=>{j.value=!0},delayShow:V,triggerRef:A.value,floatingRef:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.floatingRef}).value,arrowRef:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.arrowRef}).value}),(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(E.value),{ref_key:`triggerRef`,ref:D,class:(0,o.normalizeClass)([(0,o.unref)(w)(`trigger`)])},null,8,[`class`])),(0,o.createVNode)(r.default,{ref_key:`floatingRef`,ref:O,modelValue:j.value,"onUpdate:modelValue":t[0]||(t[0]=e=>j.value=e),placement:(0,o.unref)(P),"show-arrow":l.showArrow,width:l.width,height:l.height,"max-width":l.maxWidth,"max-height":l.maxHeight,"floating-class":l.floatingClass,style:(0,o.normalizeStyle)(I.value),theme:l.theme,"reverse-theme":l.reverseTheme,"arrow-style":L.value,teleported:l.teleported,"append-to":l.appendTo,transition:l.transition,"css-duration":l.cssDuration,"css-transition":l.cssTransition,onBeforeShow:(0,o.unref)(f),onShow:(0,o.unref)(m),onBeforeHide:(0,o.unref)(p),onHide:(0,o.unref)(h),onBeforeEnter:(0,o.unref)(g),onEnter:(0,o.unref)(_),onAfterEnter:(0,o.unref)(v),onBeforeLeave:(0,o.unref)(y),onLeave:(0,o.unref)(b),onAfterLeave:(0,o.unref)(x),onEnterCancelled:(0,o.unref)(S),onLeaveCancelled:(0,o.unref)(C)},{default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`content`,{},()=>[l.isHtml?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:0,class:(0,o.normalizeClass)([(0,o.unref)(w)(`content`)]),innerHTML:l.content},null,10,c)):((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:1,class:(0,o.normalizeClass)([(0,o.unref)(w)(`content`)])},(0,o.toDisplayString)(l.content),3))])]),_:3},8,`modelValue.placement.show-arrow.width.height.max-width.max-height.floating-class.style.theme.reverse-theme.arrow-style.teleported.append-to.transition.css-duration.css-transition.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))],64))}});exports.default=l;
1
+ const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("../../transition/index.js"),a=require("./use-tooltip-emit.js"),o=require("./use-tooltip.js"),s=require("./constants.js");let c=require("vue"),l=require("@floating-ui/vue");var u=[`innerHTML`],d=[`data-placement`],f=(0,c.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,c.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,c.mergeModels)([`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(f,{expose:p,emit:m}){let{beforeEnter:h,enter:g,afterEnter:_,beforeLeave:v,leave:y,afterLeave:b,enterCancelled:x,leaveCancelled:S}=a.useTooltipEmits(m),{ns:C,n:w,is:T}=t.useNamespace(`tooltip`),E=(0,c.useSlots)(),D=(0,c.computed)(()=>{var e,t;let n=E==null||(e=E.default)==null||(e=e.call(E))==null?void 0:e.filter(e=>e&&!s.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,c.h)(`span`,{},n):n}),O=(0,c.useTemplateRef)(`triggerRef`),k=(0,c.useTemplateRef)(`floatingRef`),A=(0,c.useTemplateRef)(`arrowRef`),j=(0,c.ref)(),M=(0,c.computed)(()=>f.isVirtual?f.virtualRef:f.isExternal?j.value:D.value?O.value:null),N=(0,c.useModel)(f,`visible`),{floatingStyles:P,middlewareData:F,placement:I,update:L}=(0,l.useFloating)(M,k,{open:N,placement:f.placement,strategy:`absolute`,middleware:[(0,l.inline)(f.inlineOptions),(0,l.offset)(f.offset),(0,l.flip)({padding:f.flipOffset,boundary:f.boundary,elementContext:f.elementContext,altBoundary:f.altBoundary,rootBoundary:f.rootBoundary,...f.flipOptions}),(0,l.arrow)({element:A,padding:f.arrowOffset,...f.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,l.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),R=(0,c.computed)(()=>[P.value,f.floatingStyle]),z=(0,c.computed)(()=>{let t=I.value.split(`-`)[0],n=s.staticSideMap[t],r=F.value.arrow;return{position:`absolute`,left:(r==null?void 0:r.x)==null?``:`${r.x}px`,top:(r==null?void 0:r.y)==null?``:`${r.y}px`,[n]:`-${f.arrowSize/2}px`,width:e.toPx(f.arrowSize),height:e.toPx(f.arrowSize)}}),B=(0,c.computed)(()=>f.isVirtual?null:f.isExternal?f.externalRef:D.value?O.value:null),{stop:V,setup:H,delayShow:U,delayHide:W}=o.useTooltip({triggerRef:B,isExternal:f.isExternal,externalActiveRef:j,externalRef:(0,c.computed)(()=>f.externalRef),trigger:f.trigger,floatingRef:f.persistent?k:void 0,open:N,showDelay:f.showDelay,hideDelay:f.hideDelay,disabled:(0,c.computed)(()=>f.disabled)}),{scope:G}=H(),K=()=>{V(),G==null||G.stop()},{currentTheme:q}=r.useTheme(f.theme,f.reverseTheme),J=(0,c.computed)(()=>[R.value,{width:e.toPx(f.width),height:e.toPx(f.height),maxWidth:e.toPx(f.maxWidth),maxHeight:e.toPx(f.maxHeight),zIndex:Y.value}]),Y=(0,c.ref)(0),{zIndex:X}=n.useZIndex(),{stop:Z}=(0,c.watch)(N,e=>{e&&(Y.value=f.zIndex||X.value)});return(0,c.onUnmounted)(()=>{K(),Z()}),p({update:L,hide:()=>{N.value=!1},delayHide:W,show:()=>{N.value=!0},delayShow:U,triggerRef:M,floatingRef:k,arrowRef:A}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(D.value),{ref_key:`triggerRef`,ref:O,class:(0,c.normalizeClass)([(0,c.unref)(C)(`trigger`)])},null,8,[`class`])),(0,c.createVNode)((0,c.unref)(i.ReTransition),{teleported:f.teleported,"append-to":f.appendTo,transition:f.transition,"css-duration":f.cssDuration,"css-transition":f.cssTransition,onBeforeEnter:(0,c.unref)(h),onEnter:(0,c.unref)(g),onAfterEnter:(0,c.unref)(_),onBeforeLeave:(0,c.unref)(v),onLeave:(0,c.unref)(y),onAfterLeave:(0,c.unref)(b),onEnterCancelled:(0,c.unref)(x),onLeaveCancelled:(0,c.unref)(S)},{default:(0,c.withCtx)(()=>[N.value?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:k,style:(0,c.normalizeStyle)(J.value),class:(0,c.normalizeClass)([(0,c.unref)(w)(),(0,c.unref)(T)((0,c.unref)(q),!!(0,c.unref)(q)),f.floatingClass])},[(0,c.renderSlot)(e.$slots,`content`,{isHtml:f.isHtml,content:f.content,zIndex:Y.value},()=>[f.isHtml?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)]),innerHTML:f.content},null,10,u)):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)])},(0,c.toDisplayString)(f.content),3))]),(0,c.renderSlot)(e.$slots,`arrow`,{showArrow:f.showArrow,arrowStyle:z.value,placement:(0,c.unref)(I),zIndex:Y.value},()=>[f.showArrow?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,ref_key:`arrowRef`,ref:A,"data-placement":(0,c.unref)(I),style:(0,c.normalizeStyle)(z.value),class:(0,c.normalizeClass)([(0,c.unref)(C)(`arrow`)])},null,14,d)):(0,c.createCommentVNode)(``,!0)])],6)):(0,c.createCommentVNode)(``,!0)]),_:3},8,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`,`onEnterCancelled`,`onLeaveCancelled`])],64))}});exports.default=f;
@@ -1,6 +1,7 @@
1
1
  import { ShallowRef, ComputedRef, Ref, StyleValue } from 'vue';
2
2
  import { Placement, OffsetOptions, ArrowOptions, ShiftOptions, FlipOptions, InlineOptions, HideOptions, Boundary, RootBoundary, ElementContext, VirtualElement } from '@floating-ui/vue';
3
3
  import { Theme, MaybeClass } from '../../../types';
4
+ import { TransitionMode, TransitionEmits } from '../..';
4
5
  export interface TooltipProps {
5
6
  visible?: boolean;
6
7
  content?: string;
@@ -44,6 +45,9 @@ export interface TooltipProps {
44
45
  externalRef?: HTMLElement | null;
45
46
  isVirtual?: boolean;
46
47
  virtualRef?: VirtualElement | null;
48
+ zIndex?: number;
49
+ }
50
+ export interface TooltipEmits extends TransitionEmits {
47
51
  }
48
52
  export interface TriggerOptions {
49
53
  triggerRef: Ref<HTMLElement | null | undefined>;
@@ -51,50 +55,11 @@ export interface TriggerOptions {
51
55
  externalRef?: ComputedRef<HTMLElement | null | undefined>;
52
56
  externalActiveRef: Ref<HTMLElement | null | undefined>;
53
57
  trigger: string;
54
- floatingRef: ShallowRef<HTMLElement | null | undefined>;
58
+ floatingRef?: ShallowRef<HTMLElement | null>;
55
59
  open: ShallowRef<boolean>;
56
60
  showDelay?: number;
57
61
  hideDelay?: number;
58
62
  disabled?: ShallowRef<boolean | undefined> | ComputedRef<boolean | undefined>;
59
63
  }
60
64
  export type Trigger = 'hover' | 'click' | 'focus' | 'contextmenu';
61
- export type TransitionMode = 'in-out' | 'out-in' | 'default';
62
- export interface FloatingProps {
63
- modelValue?: boolean;
64
- style?: StyleValue;
65
- arrowStyle?: Record<string, any>;
66
- appendTo?: string | HTMLElement;
67
- teleported?: boolean;
68
- defer?: boolean;
69
- content?: string;
70
- placement?: string;
71
- showArrow?: boolean;
72
- width?: number | string;
73
- height?: number | string;
74
- maxWidth?: number | string;
75
- maxHeight?: number | string;
76
- floatingClass?: MaybeClass;
77
- transition?: string;
78
- mode?: TransitionMode;
79
- cssTransition?: boolean;
80
- cssDuration?: number;
81
- appear?: boolean;
82
- zIndex?: number;
83
- theme?: Theme;
84
- reverseTheme?: boolean;
85
- }
86
- export interface FloatingEmits {
87
- beforeShow: [el: HTMLElement];
88
- show: [el: HTMLElement];
89
- beforeHide: [el: HTMLElement];
90
- hide: [el: HTMLElement];
91
- beforeEnter: [el: HTMLElement];
92
- enter: [el: HTMLElement, done: () => void];
93
- enterCancelled: [el: HTMLElement];
94
- afterEnter: [el: HTMLElement];
95
- beforeLeave: [el: HTMLElement];
96
- leave: [el: HTMLElement, done: () => void];
97
- leaveCancelled: [el: HTMLElement];
98
- afterLeave: [el: HTMLElement];
99
- }
100
65
  export type { Placement, OffsetOptions, ShiftOptions, FlipOptions, ArrowOptions, VirtualElement, ElementContext, Boundary, RootBoundary, InlineOptions, HideOptions };
@@ -0,0 +1,12 @@
1
+ import { EmitFn } from 'vue';
2
+ import { TooltipEmits } from './types';
3
+ export declare function useTooltipEmits(emits: EmitFn<TooltipEmits>): {
4
+ beforeEnter: (el: any) => void;
5
+ enter: (el: any, done: any) => void;
6
+ enterCancelled: (el: any) => void;
7
+ afterEnter: (el: any) => void;
8
+ beforeLeave: (el: any) => void;
9
+ leave: (el: any, done: any) => void;
10
+ leaveCancelled: (el: any) => void;
11
+ afterLeave: (el: any) => void;
12
+ };
@@ -0,0 +1 @@
1
+ const e=require("../../transition/src/use-transition-emit.js");function t(t){return{...e.useTransitionEmits(t)}}exports.useTooltipEmits=t;
@@ -0,0 +1,67 @@
1
+ import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
2
+ import { TransitionProps } from '.';
3
+ export * from './src/use-transition-emit';
4
+ export * from './src/types';
5
+ export declare const ReTransition: {
6
+ new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< TransitionProps> & Readonly<{
7
+ onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
8
+ onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
9
+ onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
10
+ onAfterEnter?: ((el: HTMLElement) => any) | undefined;
11
+ onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
12
+ onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
13
+ onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
14
+ onAfterLeave?: ((el: HTMLElement) => any) | undefined;
15
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
16
+ beforeEnter: (el: HTMLElement) => any;
17
+ enter: (el: HTMLElement, done: () => void) => any;
18
+ enterCancelled: (el: HTMLElement) => any;
19
+ afterEnter: (el: HTMLElement) => any;
20
+ beforeLeave: (el: HTMLElement) => any;
21
+ leave: (el: HTMLElement, done: () => void) => any;
22
+ leaveCancelled: (el: HTMLElement) => any;
23
+ afterLeave: (el: HTMLElement) => any;
24
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
25
+ P: {};
26
+ B: {};
27
+ D: {};
28
+ C: {};
29
+ M: {};
30
+ Defaults: {};
31
+ }, Readonly< TransitionProps> & Readonly<{
32
+ onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
33
+ onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
34
+ onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
35
+ onAfterEnter?: ((el: HTMLElement) => any) | undefined;
36
+ onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
37
+ onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
38
+ onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
39
+ onAfterLeave?: ((el: HTMLElement) => any) | undefined;
40
+ }>, {}, {}, {}, {}, {}>;
41
+ __isFragment?: never;
42
+ __isTeleport?: never;
43
+ __isSuspense?: never;
44
+ } & ComponentOptionsBase<Readonly< TransitionProps> & Readonly<{
45
+ onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
46
+ onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
47
+ onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
48
+ onAfterEnter?: ((el: HTMLElement) => any) | undefined;
49
+ onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
50
+ onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
51
+ onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
52
+ onAfterLeave?: ((el: HTMLElement) => any) | undefined;
53
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
54
+ beforeEnter: (el: HTMLElement) => any;
55
+ enter: (el: HTMLElement, done: () => void) => any;
56
+ enterCancelled: (el: HTMLElement) => any;
57
+ afterEnter: (el: HTMLElement) => any;
58
+ beforeLeave: (el: HTMLElement) => any;
59
+ leave: (el: HTMLElement, done: () => void) => any;
60
+ leaveCancelled: (el: HTMLElement) => any;
61
+ afterLeave: (el: HTMLElement) => any;
62
+ }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
63
+ $slots: {
64
+ default?: (props: {}) => any;
65
+ };
66
+ });
67
+ export default ReTransition;
@@ -0,0 +1 @@
1
+ const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-transition-emit.js"),n=require("./src/transition.js");var r=e.withInstall(n.default);exports.ReTransition=r,exports.default=r,exports.useTransitionEmits=t.useTransitionEmits;
@@ -0,0 +1 @@
1
+ var e=require("./transition.vue_vue_type_script_setup_true_lang.js").default;exports.default=e;
@@ -0,0 +1,33 @@
1
+ import { TransitionProps } from './types';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare var __VLS_20: {};
4
+ type __VLS_Slots = {} & {
5
+ default?: (props: typeof __VLS_20) => any;
6
+ };
7
+ declare const __VLS_base: DefineComponent<TransitionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
8
+ beforeEnter: (el: HTMLElement) => any;
9
+ enter: (el: HTMLElement, done: () => void) => any;
10
+ enterCancelled: (el: HTMLElement) => any;
11
+ afterEnter: (el: HTMLElement) => any;
12
+ beforeLeave: (el: HTMLElement) => any;
13
+ leave: (el: HTMLElement, done: () => void) => any;
14
+ leaveCancelled: (el: HTMLElement) => any;
15
+ afterLeave: (el: HTMLElement) => any;
16
+ }, string, PublicProps, Readonly<TransitionProps> & Readonly<{
17
+ onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
18
+ onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
19
+ onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
20
+ onAfterEnter?: ((el: HTMLElement) => any) | undefined;
21
+ onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
22
+ onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
23
+ onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
24
+ onAfterLeave?: ((el: HTMLElement) => any) | undefined;
25
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
26
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
27
+ declare const _default: typeof __VLS_export;
28
+ export default _default;
29
+ type __VLS_WithSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -0,0 +1 @@
1
+ const e=require("./use-transition-emit.js");let t=require("vue");var n=(0,t.defineComponent)({name:`ReTransition`,__name:`transition`,props:{appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean,default:()=>void 0},transition:{default:``},mode:{default:`default`},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},appear:{type:Boolean,default:!0}},emits:[`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],setup(n,{emit:r}){let{beforeEnter:i,beforeLeave:a,enter:o,leave:s,afterEnter:c,afterLeave:l,enterCancelled:u,leaveCancelled:d}=e.useTransitionEmits(r),f=(0,t.computed)(()=>n.cssTransition?null:`enter`),p=(0,t.computed)(()=>n.cssTransition?null:`leave`);return(e,r)=>((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{disabled:!n.teleported,defer:n.defer,to:n.appendTo},[(0,t.createVNode)(t.Transition,(0,t.mergeProps)({name:n.transition,type:`transition`,css:n.cssTransition,duration:n.cssDuration,appear:n.appear,mode:n.mode},e.$attrs,{onBeforeEnter:(0,t.unref)(i),onBeforeLeave:(0,t.unref)(a)},{[(0,t.toHandlerKey)(f.value)]:(0,t.unref)(o)},{[(0,t.toHandlerKey)(p.value)]:(0,t.unref)(s)},{onEnterCancelled:(0,t.unref)(u),onLeaveCancelled:(0,t.unref)(d),onAfterEnter:(0,t.unref)(c),onAfterLeave:(0,t.unref)(l)}),{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`default`)]),_:3},16,[`name`,`css`,`duration`,`appear`,`mode`,`onBeforeEnter`,`onBeforeLeave`,`onEnterCancelled`,`onLeaveCancelled`,`onAfterEnter`,`onAfterLeave`])],8,[`disabled`,`defer`,`to`]))}});exports.default=n;
@@ -0,0 +1,21 @@
1
+ export type TransitionMode = 'in-out' | 'out-in' | 'default';
2
+ export interface TransitionProps {
3
+ appendTo?: string | HTMLElement;
4
+ teleported?: boolean;
5
+ defer?: boolean;
6
+ transition?: string;
7
+ mode?: TransitionMode;
8
+ cssTransition?: boolean;
9
+ cssDuration?: number;
10
+ appear?: boolean;
11
+ }
12
+ export interface TransitionEmits {
13
+ beforeEnter: [el: HTMLElement];
14
+ enter: [el: HTMLElement, done: () => void];
15
+ enterCancelled: [el: HTMLElement];
16
+ afterEnter: [el: HTMLElement];
17
+ beforeLeave: [el: HTMLElement];
18
+ leave: [el: HTMLElement, done: () => void];
19
+ leaveCancelled: [el: HTMLElement];
20
+ afterLeave: [el: HTMLElement];
21
+ }
@@ -0,0 +1,12 @@
1
+ import { EmitFn } from 'vue';
2
+ import { TransitionEmits } from './types';
3
+ export declare function useTransitionEmits(emits: EmitFn<TransitionEmits>): {
4
+ beforeEnter: (el: any) => void;
5
+ enter: (el: any, done: any) => void;
6
+ enterCancelled: (el: any) => void;
7
+ afterEnter: (el: any) => void;
8
+ beforeLeave: (el: any) => void;
9
+ leave: (el: any, done: any) => void;
10
+ leaveCancelled: (el: any) => void;
11
+ afterLeave: (el: any) => void;
12
+ };
@@ -0,0 +1 @@
1
+ function e(e){return{beforeEnter:t=>e(`beforeEnter`,t),enter:(t,n)=>e(`enter`,t,n),enterCancelled:t=>e(`enterCancelled`,t),afterEnter:t=>e(`afterEnter`,t),beforeLeave:t=>e(`beforeLeave`,t),leave:(t,n)=>e(`leave`,t,n),leaveCancelled:t=>e(`leaveCancelled`,t),afterLeave:t=>e(`afterLeave`,t)}}exports.useTransitionEmits=e;
File without changes
File without changes
File without changes
File without changes