rappel-ui 1.0.28 → 1.0.29

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 (138) hide show
  1. package/README.md +1 -0
  2. package/README.zh.md +1 -0
  3. package/cjs/components/index.d.ts +2 -0
  4. package/cjs/components/index.js +1 -1
  5. package/cjs/components/message/index.d.ts +4 -0
  6. package/cjs/components/message/index.js +1 -0
  7. package/cjs/components/message/src/constants.d.ts +2 -0
  8. package/cjs/components/message/src/constants.js +1 -0
  9. package/cjs/components/message/src/create-message.d.ts +2 -0
  10. package/cjs/components/message/src/create-message.js +1 -0
  11. package/cjs/components/message/src/message.js +1 -0
  12. package/{es/components/tooltip/src/content.vue.d.ts → cjs/components/message/src/message.vue.d.ts} +15 -19
  13. package/cjs/components/message/src/message.vue_vue_type_script_setup_true_lang.js +6 -0
  14. package/cjs/components/message/src/types.d.ts +55 -0
  15. package/{es/components/tooltip/src/use-emit.d.ts → cjs/components/message/src/use-message-emit.d.ts} +2 -6
  16. package/cjs/components/message/src/use-message-emit.js +1 -0
  17. package/cjs/components/message/src/use-message.d.ts +2 -0
  18. package/cjs/components/message/src/use-message.js +1 -0
  19. package/cjs/components/message/style/css.d.ts +0 -0
  20. package/cjs/components/message/style/css.js +2 -0
  21. package/cjs/components/message/style/index.d.ts +0 -0
  22. package/cjs/components/message/style/index.js +2 -0
  23. package/cjs/components/popconfirm/index.d.ts +0 -20
  24. package/cjs/components/popconfirm/src/popconfirm.vue.d.ts +16 -24
  25. package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
  26. package/cjs/components/popconfirm/src/types.d.ts +2 -2
  27. package/cjs/components/{tooltip/src/use-emit.d.ts → popconfirm/src/use-popconfirm-emit.d.ts} +2 -6
  28. package/cjs/components/popconfirm/src/use-popconfirm-emit.js +1 -0
  29. package/cjs/components/popover/index.d.ts +1 -20
  30. package/cjs/components/popover/index.js +1 -1
  31. package/cjs/components/popover/src/popover.vue.d.ts +3 -11
  32. package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
  33. package/cjs/components/popover/src/types.d.ts +2 -2
  34. package/cjs/components/popover/src/use-popover-emit.d.ts +12 -0
  35. package/cjs/components/popover/src/use-popover-emit.js +1 -0
  36. package/cjs/components/tooltip/index.d.ts +24 -33
  37. package/cjs/components/tooltip/index.js +1 -1
  38. package/cjs/components/tooltip/src/tooltip.vue.d.ts +18 -15
  39. package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
  40. package/cjs/components/tooltip/src/types.d.ts +5 -40
  41. package/cjs/components/tooltip/src/use-tooltip-emit.d.ts +12 -0
  42. package/cjs/components/tooltip/src/use-tooltip-emit.js +1 -0
  43. package/cjs/components/transition/index.d.ts +67 -0
  44. package/cjs/components/transition/index.js +1 -0
  45. package/cjs/components/transition/src/transition.js +1 -0
  46. package/cjs/components/transition/src/transition.vue.d.ts +33 -0
  47. package/cjs/components/transition/src/transition.vue_vue_type_script_setup_true_lang.js +1 -0
  48. package/cjs/components/transition/src/types.d.ts +21 -0
  49. package/cjs/components/transition/src/use-transition-emit.d.ts +12 -0
  50. package/cjs/components/transition/src/use-transition-emit.js +1 -0
  51. package/cjs/components/transition/style/css.d.ts +0 -0
  52. package/cjs/components/transition/style/css.js +0 -0
  53. package/cjs/components/transition/style/index.d.ts +0 -0
  54. package/cjs/components/transition/style/index.js +0 -0
  55. package/cjs/index.d.ts +192 -77
  56. package/cjs/index.js +1 -1
  57. package/cjs/svg-icons/icon-names.d.ts +1 -1
  58. package/cjs/svg-icons/icon-names.js +1 -1
  59. package/cjs/svg-icons/index.d.ts +2 -0
  60. package/cjs/svg-icons/index.js +1 -1
  61. package/cjs/svg-icons/src/close-circle.d.ts +43 -0
  62. package/cjs/svg-icons/src/close-circle.js +1 -0
  63. package/cjs/svg-icons/src/info-circle.d.ts +43 -0
  64. package/cjs/svg-icons/src/info-circle.js +1 -0
  65. package/es/components/index.d.ts +2 -0
  66. package/es/components/index.mjs +20 -10
  67. package/es/components/message/index.d.ts +4 -0
  68. package/es/components/message/index.mjs +6 -0
  69. package/es/components/message/src/constants.d.ts +2 -0
  70. package/es/components/message/src/constants.mjs +15 -0
  71. package/es/components/message/src/create-message.d.ts +2 -0
  72. package/es/components/message/src/create-message.mjs +136 -0
  73. package/es/components/message/src/message.mjs +5 -0
  74. package/{cjs/components/tooltip/src/content.vue.d.ts → es/components/message/src/message.vue.d.ts} +15 -19
  75. package/es/components/message/src/message.vue_vue_type_script_setup_true_lang.mjs +228 -0
  76. package/es/components/message/src/types.d.ts +55 -0
  77. package/es/components/message/src/use-message-emit.d.ts +12 -0
  78. package/es/components/message/src/use-message-emit.mjs +7 -0
  79. package/es/components/message/src/use-message.d.ts +2 -0
  80. package/es/components/message/src/use-message.mjs +7 -0
  81. package/es/components/message/style/css.d.ts +0 -0
  82. package/es/components/message/style/css.mjs +2 -0
  83. package/es/components/message/style/index.d.ts +0 -0
  84. package/es/components/message/style/index.mjs +2 -0
  85. package/es/components/popconfirm/index.d.ts +0 -20
  86. package/es/components/popconfirm/src/popconfirm.vue.d.ts +16 -24
  87. package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +41 -48
  88. package/es/components/popconfirm/src/types.d.ts +2 -2
  89. package/es/components/popconfirm/src/use-popconfirm-emit.d.ts +12 -0
  90. package/es/components/popconfirm/src/use-popconfirm-emit.mjs +7 -0
  91. package/es/components/popover/index.d.ts +1 -20
  92. package/es/components/popover/index.mjs +4 -3
  93. package/es/components/popover/src/popover.vue.d.ts +3 -11
  94. package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +21 -28
  95. package/es/components/popover/src/types.d.ts +2 -2
  96. package/es/components/popover/src/use-popover-emit.d.ts +12 -0
  97. package/es/components/popover/src/use-popover-emit.mjs +7 -0
  98. package/es/components/tooltip/index.d.ts +24 -33
  99. package/es/components/tooltip/index.mjs +2 -2
  100. package/es/components/tooltip/src/tooltip.vue.d.ts +18 -15
  101. package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +137 -124
  102. package/es/components/tooltip/src/types.d.ts +5 -40
  103. package/es/components/tooltip/src/use-tooltip-emit.d.ts +12 -0
  104. package/es/components/tooltip/src/use-tooltip-emit.mjs +7 -0
  105. package/es/components/transition/index.d.ts +67 -0
  106. package/es/components/transition/index.mjs +8 -0
  107. package/es/components/transition/src/transition.mjs +5 -0
  108. package/es/components/transition/src/transition.vue.d.ts +33 -0
  109. package/es/components/transition/src/transition.vue_vue_type_script_setup_true_lang.mjs +83 -0
  110. package/es/components/transition/src/types.d.ts +21 -0
  111. package/es/components/transition/src/use-transition-emit.d.ts +12 -0
  112. package/es/components/{tooltip/src/use-emit.mjs → transition/src/use-transition-emit.mjs} +2 -6
  113. package/es/components/transition/style/css.d.ts +0 -0
  114. package/es/components/transition/style/css.mjs +0 -0
  115. package/es/components/transition/style/index.d.ts +0 -0
  116. package/es/components/transition/style/index.mjs +0 -0
  117. package/es/index.d.ts +192 -77
  118. package/es/index.mjs +69 -62
  119. package/es/svg-icons/icon-names.d.ts +1 -1
  120. package/es/svg-icons/icon-names.mjs +1 -1
  121. package/es/svg-icons/index.d.ts +2 -0
  122. package/es/svg-icons/index.mjs +10 -4
  123. package/es/svg-icons/src/close-circle.d.ts +43 -0
  124. package/es/svg-icons/src/close-circle.mjs +7 -0
  125. package/es/svg-icons/src/info-circle.d.ts +43 -0
  126. package/es/svg-icons/src/info-circle.mjs +7 -0
  127. package/package.json +2 -2
  128. package/theme-chalk/index.css +1 -1
  129. package/theme-chalk/re-message.css +1 -0
  130. package/theme-chalk/src/css-vars/_message.scss +42 -0
  131. package/theme-chalk/src/index.scss +1 -0
  132. package/theme-chalk/src/message.scss +270 -0
  133. package/theme-chalk/src/mixins/_message.scss +51 -0
  134. package/cjs/components/tooltip/src/content.js +0 -1
  135. package/cjs/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.js +0 -1
  136. package/cjs/components/tooltip/src/use-emit.js +0 -1
  137. package/es/components/tooltip/src/content.mjs +0 -5
  138. package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs +0 -166
package/README.md CHANGED
@@ -16,6 +16,7 @@ pnpm add rappel-ui -D
16
16
  - ReButtonGroup
17
17
  - ReTooltip
18
18
  - RePopover
19
+ - RePopconfirm
19
20
  - ReSvgIcon
20
21
  - developing...
21
22
 
package/README.zh.md CHANGED
@@ -16,6 +16,7 @@ pnpm add rappel-ui -D
16
16
  - ReButtonGroup
17
17
  - ReTooltip
18
18
  - RePopover
19
+ - RePopconfirm
19
20
  - ReSvgIcon
20
21
  - developing...
21
22
 
@@ -6,6 +6,8 @@ export * from './secondary-color';
6
6
  export * from './neutral-color';
7
7
  export * from './filter-panel';
8
8
  export * from './svg-icon';
9
+ export * from './transition';
9
10
  export * from './tooltip';
10
11
  export * from './popover';
11
12
  export * from './popconfirm';
13
+ export * from './message';
@@ -1 +1 @@
1
- const e=require("../_virtual/_rolldown/runtime.js"),t=require("./button/src/constants.js"),n=require("./button/index.js"),r=require("./input/index.js"),i=require("./tabs/index.js"),a=require("./primary-color/index.js"),o=require("./secondary-color/index.js"),s=require("./neutral-color/index.js"),c=require("./filter-panel/index.js"),l=require("./svg-icon/index.js"),u=require("./tooltip/src/use-emit.js"),d=require("./tooltip/index.js"),f=require("./popover/index.js"),p=require("./popconfirm/index.js");var m=e.__exportAll({ReButton:()=>n.ReButton,ReButtonGroup:()=>n.ReButtonGroup,ReFilterPanel:()=>c.ReFilterPanel,ReInput:()=>r.ReInput,ReNeutralColor:()=>s.ReNeutralColor,RePopconfirm:()=>p.RePopconfirm,RePopover:()=>f.RePopover,RePrimaryColor:()=>a.RePrimaryColor,ReSecondaryColor:()=>o.ReSecondaryColor,ReSvgIcon:()=>l.ReSvgIcon,ReTabs:()=>i.ReTabs,ReTooltip:()=>d.ReTooltip,_buttonGroupProps:()=>t._buttonGroupProps,buttonNativeTypes:()=>t.buttonNativeTypes,buttonSizes:()=>t.buttonSizes,buttonTypes:()=>t.buttonTypes,useEmits:()=>u.useEmits});exports.ReButton=n.ReButton,exports.ReButtonGroup=n.ReButtonGroup,exports.ReFilterPanel=c.ReFilterPanel,exports.ReInput=r.ReInput,exports.ReNeutralColor=s.ReNeutralColor,exports.RePopconfirm=p.RePopconfirm,exports.RePopover=f.RePopover,exports.RePrimaryColor=a.RePrimaryColor,exports.ReSecondaryColor=o.ReSecondaryColor,exports.ReSvgIcon=l.ReSvgIcon,exports.ReTabs=i.ReTabs,exports.ReTooltip=d.ReTooltip,exports._buttonGroupProps=t._buttonGroupProps,exports.buttonNativeTypes=t.buttonNativeTypes,exports.buttonSizes=t.buttonSizes,exports.buttonTypes=t.buttonTypes,Object.defineProperty(exports,"components_exports",{enumerable:!0,get:function(){return m}}),exports.useEmits=u.useEmits;
1
+ const e=require("../_virtual/_rolldown/runtime.js"),t=require("./button/src/constants.js"),n=require("./button/index.js"),r=require("./input/index.js"),i=require("./tabs/index.js"),a=require("./primary-color/index.js"),o=require("./secondary-color/index.js"),s=require("./neutral-color/index.js"),c=require("./filter-panel/index.js"),l=require("./svg-icon/index.js"),u=require("./transition/src/use-transition-emit.js"),d=require("./transition/index.js"),f=require("./tooltip/src/use-tooltip-emit.js"),p=require("./tooltip/index.js"),m=require("./popover/src/use-popover-emit.js"),h=require("./popover/index.js"),g=require("./popconfirm/index.js"),_=require("./message/src/create-message.js"),v=require("./message/index.js");var y=e.__exportAll({ReButton:()=>n.ReButton,ReButtonGroup:()=>n.ReButtonGroup,ReFilterPanel:()=>c.ReFilterPanel,ReInput:()=>r.ReInput,ReMessage:()=>v.ReMessage,ReNeutralColor:()=>s.ReNeutralColor,RePopconfirm:()=>g.RePopconfirm,RePopover:()=>h.RePopover,RePrimaryColor:()=>a.RePrimaryColor,ReSecondaryColor:()=>o.ReSecondaryColor,ReSvgIcon:()=>l.ReSvgIcon,ReTabs:()=>i.ReTabs,ReTooltip:()=>p.ReTooltip,ReTransition:()=>d.ReTransition,_buttonGroupProps:()=>t._buttonGroupProps,buttonNativeTypes:()=>t.buttonNativeTypes,buttonSizes:()=>t.buttonSizes,buttonTypes:()=>t.buttonTypes,createMessage:()=>_.createMessage,usePopoverEmits:()=>m.usePopoverEmits,useTooltipEmits:()=>f.useTooltipEmits,useTransitionEmits:()=>u.useTransitionEmits});exports.ReButton=n.ReButton,exports.ReButtonGroup=n.ReButtonGroup,exports.ReFilterPanel=c.ReFilterPanel,exports.ReInput=r.ReInput,exports.ReMessage=v.ReMessage,exports.ReNeutralColor=s.ReNeutralColor,exports.RePopconfirm=g.RePopconfirm,exports.RePopover=h.RePopover,exports.RePrimaryColor=a.RePrimaryColor,exports.ReSecondaryColor=o.ReSecondaryColor,exports.ReSvgIcon=l.ReSvgIcon,exports.ReTabs=i.ReTabs,exports.ReTooltip=p.ReTooltip,exports.ReTransition=d.ReTransition,exports._buttonGroupProps=t._buttonGroupProps,exports.buttonNativeTypes=t.buttonNativeTypes,exports.buttonSizes=t.buttonSizes,exports.buttonTypes=t.buttonTypes,Object.defineProperty(exports,"components_exports",{enumerable:!0,get:function(){return y}}),exports.createMessage=_.createMessage,exports.usePopoverEmits=m.usePopoverEmits,exports.useTooltipEmits=f.useTooltipEmits,exports.useTransitionEmits=u.useTransitionEmits;
@@ -0,0 +1,4 @@
1
+ import { CreateMessageType } from '.';
2
+ export * from './src/types';
3
+ export * from './src/create-message';
4
+ export declare const ReMessage: CreateMessageType;
@@ -0,0 +1 @@
1
+ const e=require("./src/create-message.js");var t=require("./src/use-message.js").useMessage();exports.ReMessage=t,exports.createMessage=e.createMessage;
@@ -0,0 +1,2 @@
1
+ export declare const messageTypes: readonly ["primary", "success", "warning", "error", "info"];
2
+ export declare const verticalPlacement: readonly ["left-top", "left-bottom", "right-top", "right-bottom"];
@@ -0,0 +1 @@
1
+ var e=[`primary`,`success`,`warning`,`error`,`info`],t=[`left-top`,`left-bottom`,`right-top`,`right-bottom`];exports.messageTypes=e,exports.verticalPlacement=t;
@@ -0,0 +1,2 @@
1
+ import { CreateMessageType } from './types';
2
+ export declare const createMessage: CreateMessageType;
@@ -0,0 +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("./constants.js"),r=require("./message.js");let i=require("vue"),a=require("@vueuse/core");var{ng:o}=t.useNamespace(`message`),s=0,c={},l={},u=(e,t)=>{let n=l[e]||[],r=t;n.forEach(e=>{var t;(t=e.vnode)!=null&&(t=t.component)!=null&&(t=t.exposed)!=null&&t.setOffset&&(e.vnode.component.exposed.setOffset(r),r+=e.offset)})},d=(e,t,r,i)=>{let a=r.getBoundingClientRect(),o=c[e];if(!o)return;let{vnode:s}=o,d=n.verticalPlacement.includes(t)?t:t.split(`-`)[0];switch(l[t]||(l[t]=[]),d){case`left-top`:case`left-bottom`:case`right-top`:case`right-bottom`:case`top`:case`bottom`:{let n=i+a.height;l[t].push({offset:n,id:e,vnode:s});break}case`left`:case`right`:{let n=i+a.width;l[t].push({offset:n,id:e,vnode:s});break}}u(t,i)},f=(e,t)=>{let n=c[e];if(!n||!n.placement)return;let r=l[n.placement];if(!r)return;let i=r.findIndex(t=>t.id===e);i>-1&&r.splice(i,1),u(n.placement,t),r.length===0&&delete l[n.placement]},p=(e,t=20)=>(l[e]||[]).reduce((e,t)=>e+t.offset,0)+t,m=(e,t,r,i)=>{let a=l[r];if(!a)return;let o=a.find(e=>e.id===t);if(o){let t=n.verticalPlacement.includes(r)?r:r.split(`-`)[0],a=e.getBoundingClientRect();switch(t){case`left-top`:case`left-bottom`:case`right-top`:case`right-bottom`:case`top`:case`bottom`:o.offset=i+a.height;break;case`left`:case`right`:o.offset=i+a.width}u(r,i)}},h=(e,t,n,r)=>{let{stop:o,width:s,height:c}=(0,a.useElementSize)(e),{stop:l}=(0,i.watch)(()=>[s.value,c.value],()=>m(e,t,n,r));return{stop:()=>{o(),l()}}},g=e=>{var t;let n=Object.assign({},{placement:`top`,offset:10},e||{}),a=document.createElement(`div`),l=o(`${s++}`),u=parseFloat(n.offset),m=p(n.placement,u),g=null,_=(0,i.createVNode)(r.default,{...n,id:l,offset:m,onBeforeEnter(t){var r;(0,i.nextTick)(()=>{d(l,n.placement,t,u),g=h(t,l,n.placement,u)}),e==null||(r=e.onShow)==null||r.call(e,t)},onAfterEnter(t){var n;e==null||(n=e.onShown)==null||n.call(e,t)},onBeforeLeave(t){var n;e==null||(n=e.onClose)==null||n.call(e,t),f(l,u)},onAfterLeave(t){var n,r;(0,i.render)(null,a),delete c[l],e==null||(n=e.onClosed)==null||n.call(e,t),g==null||(r=g.stop)==null||r.call(g)}});return(0,i.render)(_,a),c[l]={id:l,container:a,vnode:_,props:(_==null||(t=_.component)==null?void 0:t.props)||{},placement:n.placement,close(){var e;(e=_.component)==null||(e=e.exposed)==null||e.close()},show(){var e;(e=_.component)==null||(e=e.exposed)==null||e.show()}},c[l]},_=t=>typeof t==`string`?{content:t}:e.isPlainObject(t)?t:{};n.messageTypes.forEach(e=>{g[e]=t=>g({..._(t),type:e})}),g.closeAll=()=>{Object.values(c).forEach(e=>{var t;e==null||(t=e.close)==null||t.call(e)})};var v=g;exports.createMessage=v;
@@ -0,0 +1 @@
1
+ var e=require("./message.vue_vue_type_script_setup_true_lang.js").default;exports.default=e;
@@ -1,23 +1,21 @@
1
- import { FloatingProps } from './types';
2
- import { ModelRef, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- type __VLS_Props = FloatingProps;
4
- declare const model: ModelRef<boolean, string, boolean, boolean>;
1
+ import { MessageOptions } from './types';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ type __VLS_Props = MessageOptions;
5
4
  type __VLS_ModelProps = {
6
- modelValue?: typeof model['value'];
5
+ 'visible'?: boolean;
7
6
  };
8
7
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
9
- declare var __VLS_20: {};
8
+ declare var __VLS_15: {}, __VLS_22: {};
10
9
  type __VLS_Slots = {} & {
11
- default?: (props: typeof __VLS_20) => any;
10
+ icon?: (props: typeof __VLS_15) => any;
11
+ } & {
12
+ close?: (props: typeof __VLS_22) => any;
12
13
  };
13
14
  declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
14
- floatingRef: Readonly< ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
15
- arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
15
+ show: () => void;
16
+ setOffset: (offset: number | string) => void;
17
+ close: () => void;
16
18
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
17
- beforeShow: (el: HTMLElement) => any;
18
- show: (el: HTMLElement) => any;
19
- beforeHide: (el: HTMLElement) => any;
20
- hide: (el: HTMLElement) => any;
21
19
  beforeEnter: (el: HTMLElement) => any;
22
20
  enter: (el: HTMLElement, done: () => void) => any;
23
21
  enterCancelled: (el: HTMLElement) => any;
@@ -26,12 +24,9 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
26
24
  leave: (el: HTMLElement, done: () => void) => any;
27
25
  leaveCancelled: (el: HTMLElement) => any;
28
26
  afterLeave: (el: HTMLElement) => any;
29
- "update:modelValue": (value: boolean) => any;
27
+ "update:visible": (value: boolean) => any;
28
+ iconUpdated: (el: HTMLElement) => any;
30
29
  }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
31
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
32
- onShow?: ((el: HTMLElement) => any) | undefined;
33
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
34
- onHide?: ((el: HTMLElement) => any) | undefined;
35
30
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
36
31
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
37
32
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -40,7 +35,8 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
40
35
  onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
41
36
  onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
42
37
  onAfterLeave?: ((el: HTMLElement) => any) | undefined;
43
- "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
38
+ "onUpdate:visible"?: ((value: boolean) => any) | undefined;
39
+ onIconUpdated?: ((el: HTMLElement) => any) | undefined;
44
40
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
45
41
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
46
42
  declare const _default: typeof __VLS_export;
@@ -0,0 +1,6 @@
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("./constants.js"),o=require("./use-message-emit.js");let s=require("vue"),c=require("@rappel-ui/svg-icons");var l=[`data-placement`],u=[`innerHTML`],d=(0,s.defineComponent)({name:`ReMessage`,__name:`message`,props:(0,s.mergeModels)({content:{default:``},isHtml:{type:Boolean,default:!1},stayDuration:{default:3e3},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},type:{default:``},offset:{default:20},zIndex:{default:()=>void 0},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},floatingClass:{default:``},placement:{default:`top`},closeIcon:{default:()=>c.CloseShort},showClose:{type:Boolean,default:!1},icon:{default:()=>c.InfoCircle},showIcon:{type:Boolean,default:!0},onClose:{type:Function},onClosed:{type:Function},onShow:{type:Function},onShown:{type:Function},appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean},transition:{default:``},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:300},appear:{type:Boolean}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,s.mergeModels)([`iconUpdated`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(c,{expose:d,emit:f}){let{beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v}=o.useMessageEmits(f),{ns:y,n:b,nm:x,is:S}=t.useNamespace(`message`),{currentTheme:C}=r.useTheme(c.theme,c.reverseTheme),w=(0,s.computed)(()=>{var e;return(e=c.placement)==null||(e=e.split(`-`))==null?void 0:e[0]}),T=(0,s.computed)(()=>{var e;return(e=c.placement)==null||(e=e.split(`-`))==null?void 0:e[1]}),E=(0,s.ref)(c.offset);(0,s.watch)(()=>c.offset,e=>{E.value=e});let D=e=>{E.value=e},O=(0,s.computed)(()=>[{width:e.toPx(c.width),height:e.toPx(c.height),maxWidth:e.toPx(c.maxWidth),maxHeight:e.toPx(c.maxHeight),zIndex:A.value,[a.verticalPlacement.includes(c.placement)?T.value:w.value]:e.toPx(E.value),position:`fixed`,transition:`opacity ${c.cssDuration/2}ms,
2
+ transform ${c.cssDuration}ms,
3
+ bottom ${c.cssDuration}ms,
4
+ top ${c.cssDuration}ms,
5
+ left ${c.cssDuration}ms,
6
+ right ${c.cssDuration}ms`}]),k=(0,s.useModel)(c,`visible`),A=(0,s.ref)(0),{zIndex:j}=n.useZIndex(),{stop:M}=(0,s.watch)(k,e=>{e&&(A.value=c.zIndex||j.value)}),N=[`top`,`bottom`,`left`,`right`].reduce((e,t)=>(e[t]={pos:t,enterFrom:`${t}-enter-from`,enterActive:`${t}-enter-active`,enterTo:`${t}-enter-to`,leaveFrom:`${t}-leave-from`,leaveActive:`${t}-leave-active`,leaveTo:`${t}-leave-to`},e),{}),P=()=>{k.value=!1;let e=null;(0,s.nextTick)(()=>{k.value=!0,e&&(clearTimeout(e),e=null),e=setTimeout(()=>{k.value=!1,e&&(clearTimeout(e),e=null)},parseFloat(String(c.cssDuration))+parseFloat(String(c.stayDuration)))})};return(0,s.onMounted)(()=>{P()}),(0,s.onUnmounted)(()=>{M()}),d({show:P,setOffset:D,close:()=>{k.value=!1}}),(e,t)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(i.ReTransition),(0,s.mergeProps)({teleported:c.teleported,"append-to":c.appendTo,transition:c.transition,"css-duration":c.cssDuration,"css-transition":c.cssTransition,"enter-from-class":(0,s.unref)(N)[w.value].enterFrom,"enter-active-class":(0,s.unref)(N)[w.value].enterActive,"enter-to-class":(0,s.unref)(N)[w.value].enterTo,"leave-from-class":(0,s.unref)(N)[w.value].leaveFrom,"leave-active-class":(0,s.unref)(N)[w.value].leaveActive,"leave-to-class":(0,s.unref)(N)[w.value].leaveTo},e.$attrs,{onBeforeEnter:(0,s.unref)(p),onEnter:(0,s.unref)(m),onAfterEnter:(0,s.unref)(h),onBeforeLeave:(0,s.unref)(g),onLeave:(0,s.unref)(_),onAfterLeave:(0,s.unref)(v)}),{default:(0,s.withCtx)(()=>[k.value?((0,s.openBlock)(),(0,s.createElementBlock)(`div`,{key:0,ref:`floatingRef`,style:(0,s.normalizeStyle)(O.value),"data-placement":c.placement,class:(0,s.normalizeClass)([(0,s.unref)(b)(),(0,s.unref)(x)(c.type),(0,s.unref)(S)((0,s.unref)(C),!!(0,s.unref)(C)),c.floatingClass])},[(0,s.renderSlot)(e.$slots,`icon`,{},()=>[c.showIcon?((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:0},[typeof c.icon==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`i`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(y)(`icon`),c.icon]),"aria-hidden":`true`},null,2)):((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(c.icon),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(y)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,s.createCommentVNode)(``,!0)]),c.isHtml?((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(y)(`content`)]),innerHTML:c.content},null,10,u)):((0,s.openBlock)(),(0,s.createElementBlock)(`span`,{key:1,class:(0,s.normalizeClass)([(0,s.unref)(y)(`content`)])},(0,s.toDisplayString)(c.content),3)),(0,s.renderSlot)(e.$slots,`close`,{},()=>[c.showClose?((0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:0},[typeof c.closeIcon==`string`?((0,s.openBlock)(),(0,s.createElementBlock)(`i`,{key:0,class:(0,s.normalizeClass)([(0,s.unref)(y)(`close`),c.closeIcon]),"aria-hidden":`true`,onClick:t[0]||(t[0]=e=>k.value=!1)},null,2)):((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(c.closeIcon),{key:1,class:(0,s.normalizeClass)([(0,s.unref)(y)(`close`)]),"aria-hidden":`true`,onClick:t[1]||(t[1]=e=>k.value=!1)},null,8,[`class`]))],64)):(0,s.createCommentVNode)(``,!0)])],14,l)):(0,s.createCommentVNode)(``,!0)]),_:3},16,[`teleported`,`append-to`,`transition`,`css-duration`,`css-transition`,`enter-from-class`,`enter-active-class`,`enter-to-class`,`leave-from-class`,`leave-active-class`,`leave-to-class`,`onBeforeEnter`,`onEnter`,`onAfterEnter`,`onBeforeLeave`,`onLeave`,`onAfterLeave`]))}});exports.default=d;
@@ -0,0 +1,55 @@
1
+ import { createVNode, Component } from 'vue';
2
+ import { TransitionEmits, TransitionProps } from '../../transition';
3
+ import { Placement } from '../../tooltip';
4
+ import { Theme, MaybeClass } from '../../../types';
5
+ import { messageTypes, verticalPlacement } from './constants';
6
+ export type MesageVerticalPlacement = (typeof verticalPlacement)[number];
7
+ export type MessagePlacement = MesageVerticalPlacement | Placement;
8
+ export type MessageShortType = (typeof messageTypes)[number];
9
+ export type CreateMessageFn = (options: MessageOptionsOrString) => MessageInstance;
10
+ export type MessageShortcuts = Record<MessageShortType, (options: MessageOptionsOrString) => MessageInstance>;
11
+ export type CreateMessageType = CreateMessageFn & MessageShortcuts & {
12
+ closeAll: () => void;
13
+ };
14
+ export interface MessageOptions extends TransitionProps {
15
+ content?: string | HTMLElement;
16
+ isHtml?: boolean;
17
+ stayDuration?: number;
18
+ theme?: Theme;
19
+ reverseTheme?: boolean;
20
+ type?: (typeof messageTypes)[number];
21
+ offset?: number | string;
22
+ zIndex?: number;
23
+ width?: number | string;
24
+ height?: number | string;
25
+ maxWidth?: number | string;
26
+ maxHeight?: number | string;
27
+ floatingClass?: MaybeClass;
28
+ placement?: MessagePlacement;
29
+ closeIcon?: string | Component;
30
+ showClose?: boolean;
31
+ icon?: string | Component;
32
+ showIcon?: boolean;
33
+ onClose?: (el: HTMLElement) => void;
34
+ onClosed?: (el: HTMLElement) => void;
35
+ onShow?: (el: HTMLElement) => void;
36
+ onShown?: (el: HTMLElement) => void;
37
+ }
38
+ export type MessageOptionsOrString = MessageOptions | string;
39
+ export interface MessageInstance {
40
+ id: string;
41
+ container: HTMLElement;
42
+ vnode: ReturnType<typeof createVNode>;
43
+ props: MessageOptions;
44
+ placement?: MessagePlacement;
45
+ close: () => void;
46
+ show: () => void;
47
+ }
48
+ export interface OffsetItem {
49
+ id: string;
50
+ offset: number;
51
+ vnode: ReturnType<typeof createVNode>;
52
+ }
53
+ export interface MessageEmits extends TransitionEmits {
54
+ iconUpdated: [el: HTMLElement];
55
+ }
@@ -1,10 +1,6 @@
1
1
  import { EmitFn } from 'vue';
2
- import { FloatingEmits } from './types';
3
- export declare function useEmits(emits: EmitFn<FloatingEmits>): {
4
- beforeShow: (el: any) => void;
5
- show: (el: any) => void;
6
- beforeHide: (el: any) => void;
7
- hide: (el: any) => void;
2
+ import { MessageEmits } from './types';
3
+ export declare function useMessageEmits(emits: EmitFn<MessageEmits>): {
8
4
  beforeEnter: (el: any) => void;
9
5
  enter: (el: any, done: any) => void;
10
6
  enterCancelled: (el: any) => void;
@@ -0,0 +1 @@
1
+ const e=require("../../transition/src/use-transition-emit.js");function t(t){return{...e.useTransitionEmits(t)}}exports.useMessageEmits=t;
@@ -0,0 +1,2 @@
1
+ import { CreateMessageType } from './types';
2
+ export declare function useMessage(): CreateMessageType;
@@ -0,0 +1 @@
1
+ const e=require("./create-message.js");function t(){return e.createMessage}exports.useMessage=t;
File without changes
@@ -0,0 +1,2 @@
1
+ require('../../../../theme-chalk/base.css');
2
+ require('../../../../theme-chalk/re-message.css');
File without changes
@@ -0,0 +1,2 @@
1
+ require('../../../../theme-chalk/src/base.scss');
2
+ require('../../../../theme-chalk/src/message.scss');
@@ -6,10 +6,6 @@ export declare const RePopconfirm: {
6
6
  visible?: boolean;
7
7
  }> & Readonly<{
8
8
  onCancel?: ((e: MouseEvent) => any) | undefined;
9
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
10
- onShow?: ((el: HTMLElement) => any) | undefined;
11
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
12
- onHide?: ((el: HTMLElement) => any) | undefined;
13
9
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
14
10
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
15
11
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -26,10 +22,6 @@ export declare const RePopconfirm: {
26
22
  confirm: (e: MouseEvent) => void;
27
23
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
28
24
  cancel: (e: MouseEvent) => any;
29
- beforeShow: (el: HTMLElement) => any;
30
- show: (el: HTMLElement) => any;
31
- beforeHide: (el: HTMLElement) => any;
32
- hide: (el: HTMLElement) => any;
33
25
  beforeEnter: (el: HTMLElement) => any;
34
26
  enter: (el: HTMLElement, done: () => void) => any;
35
27
  enterCancelled: (el: HTMLElement) => any;
@@ -51,10 +43,6 @@ export declare const RePopconfirm: {
51
43
  visible?: boolean;
52
44
  }> & Readonly<{
53
45
  onCancel?: ((e: MouseEvent) => any) | undefined;
54
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
55
- onShow?: ((el: HTMLElement) => any) | undefined;
56
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
57
- onHide?: ((el: HTMLElement) => any) | undefined;
58
46
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
59
47
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
60
48
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -77,10 +65,6 @@ export declare const RePopconfirm: {
77
65
  visible?: boolean;
78
66
  }> & Readonly<{
79
67
  onCancel?: ((e: MouseEvent) => any) | undefined;
80
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
81
- onShow?: ((el: HTMLElement) => any) | undefined;
82
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
83
- onHide?: ((el: HTMLElement) => any) | undefined;
84
68
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
85
69
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
86
70
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -97,10 +81,6 @@ export declare const RePopconfirm: {
97
81
  confirm: (e: MouseEvent) => void;
98
82
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
99
83
  cancel: (e: MouseEvent) => any;
100
- beforeShow: (el: HTMLElement) => any;
101
- show: (el: HTMLElement) => any;
102
- beforeHide: (el: HTMLElement) => any;
103
- hide: (el: HTMLElement) => any;
104
84
  beforeEnter: (el: HTMLElement) => any;
105
85
  enter: (el: HTMLElement, done: () => void) => any;
106
86
  enterCancelled: (el: HTMLElement) => any;
@@ -5,16 +5,16 @@ type __VLS_ModelProps = {
5
5
  'visible'?: boolean;
6
6
  };
7
7
  type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
8
- declare var __VLS_28: {
8
+ declare var __VLS_24: {
9
9
  icon: string | Component | undefined;
10
10
  title: string;
11
- }, __VLS_30: {
11
+ }, __VLS_26: {
12
12
  icon: string | Component | undefined;
13
- }, __VLS_37: {
13
+ }, __VLS_33: {
14
14
  title: string;
15
- }, __VLS_39: {
15
+ }, __VLS_35: {
16
16
  content: string;
17
- }, __VLS_41: {
17
+ }, __VLS_37: {
18
18
  cancel: (e: MouseEvent) => void;
19
19
  cancelSize: "" | "small" | "mini" | "large";
20
20
  cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
@@ -23,36 +23,36 @@ declare var __VLS_28: {
23
23
  confirmSize: "" | "small" | "mini" | "large";
24
24
  confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
25
25
  confirmText: string;
26
- }, __VLS_43: {
26
+ }, __VLS_39: {
27
27
  cancel: (e: MouseEvent) => void;
28
28
  cancelSize: "" | "small" | "mini" | "large";
29
29
  cancelType: "" | "primary" | "success" | "warning" | "danger" | "info";
30
30
  cancelText: string;
31
- }, __VLS_53: {
31
+ }, __VLS_49: {
32
32
  cancel: (e: MouseEvent) => void;
33
33
  confirm: (e: MouseEvent) => void;
34
- }, __VLS_55: {
34
+ }, __VLS_51: {
35
35
  confirm: (e: MouseEvent) => void;
36
36
  confirmSize: "" | "small" | "mini" | "large";
37
37
  confirmType: "" | "primary" | "success" | "warning" | "danger" | "info";
38
38
  confirmText: string;
39
39
  };
40
40
  type __VLS_Slots = {} & {
41
- header?: (props: typeof __VLS_28) => any;
41
+ header?: (props: typeof __VLS_24) => any;
42
42
  } & {
43
- icon?: (props: typeof __VLS_30) => any;
43
+ icon?: (props: typeof __VLS_26) => any;
44
44
  } & {
45
- title?: (props: typeof __VLS_37) => any;
45
+ title?: (props: typeof __VLS_33) => any;
46
46
  } & {
47
- content?: (props: typeof __VLS_39) => any;
47
+ content?: (props: typeof __VLS_35) => any;
48
48
  } & {
49
- footer?: (props: typeof __VLS_41) => any;
49
+ footer?: (props: typeof __VLS_37) => any;
50
50
  } & {
51
- cancel?: (props: typeof __VLS_43) => any;
51
+ cancel?: (props: typeof __VLS_39) => any;
52
52
  } & {
53
- extra?: (props: typeof __VLS_53) => any;
53
+ extra?: (props: typeof __VLS_49) => any;
54
54
  } & {
55
- confirm?: (props: typeof __VLS_55) => any;
55
+ confirm?: (props: typeof __VLS_51) => any;
56
56
  };
57
57
  declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
58
58
  tooltipRef: Readonly< ShallowRef<any, any>>;
@@ -60,10 +60,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
60
60
  confirm: (e: MouseEvent) => void;
61
61
  }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
62
62
  cancel: (e: MouseEvent) => any;
63
- beforeShow: (el: HTMLElement) => any;
64
- show: (el: HTMLElement) => any;
65
- beforeHide: (el: HTMLElement) => any;
66
- hide: (el: HTMLElement) => any;
67
63
  beforeEnter: (el: HTMLElement) => any;
68
64
  enter: (el: HTMLElement, done: () => void) => any;
69
65
  enterCancelled: (el: HTMLElement) => any;
@@ -76,10 +72,6 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
76
72
  confirm: (e: MouseEvent) => any;
77
73
  }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
78
74
  onCancel?: ((e: MouseEvent) => any) | undefined;
79
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
80
- onShow?: ((el: HTMLElement) => any) | undefined;
81
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
82
- onHide?: ((el: HTMLElement) => any) | undefined;
83
75
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
84
76
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
85
77
  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"),i=require("@vueuse/core"),a=require("@rappel-ui/svg-icons");var o=[`innerHTML`],s=(0,r.defineComponent)({name:`RePopconfirm`,__name:`popconfirm`,props:(0,r.mergeModels)({icon:{default:`help`},showIcon:{type:Boolean,default:!0},title:{default:``},cancelText:{default:`No`},cancelType:{default:``},cancelSize:{default:`mini`},confirmText:{default:`Yes`},confirmType:{default:`primary`},confirmSize:{default:`mini`},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:`click`},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:`popconfirm`},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)([`confirm`,`cancel`,`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(s,{expose:c,emit:l}){let{n:u,ns:d}=e.useNamespace(`popconfirm`),f=l,{beforeShow:p,beforeHide:m,show:h,hide:g,beforeEnter:_,enter:v,afterEnter:y,beforeLeave:b,leave:x,afterLeave:S,enterCancelled:C,leaveCancelled:w}=t.useEmits(f),T=(0,r.useModel)(s,`visible`),E=(0,r.computed)(()=>[u(),s.floatingClass]),D=(0,r.useSlots)(),O=(0,r.computed)(()=>{var e,t;let i=D==null||(e=D.default)==null||(e=e.call(D))==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}),k=(0,i.computedAsync)(async()=>await(0,a.getAsyncIcon)(s.icon)),A=(0,r.useTemplateRef)(`tooltipRef`),j=e=>{var t;f(`cancel`,e),(t=A.value)==null||t.delayHide()},M=e=>{var t;f(`confirm`,e),(t=A.value)==null||t.delayHide()};return c({tooltipRef:A,cancel:j,confirm:M}),(e,t)=>{let n=(0,r.resolveComponent)(`re-button`),i=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(i,{ref_key:`tooltipRef`,ref:A,visible:T.value,"onUpdate:visible":t[0]||(t[0]=e=>T.value=e),width:s.width,height:s.height,"max-width":s.maxWidth,"max-height":s.maxHeight,"floating-class":E.value,"floating-style":s.floatingStyle,disabled:s.disabled,theme:s.theme,placement:s.placement,trigger:s.trigger,"reverse-theme":s.reverseTheme,"show-delay":s.showDelay,"hide-delay":s.hideDelay,transition:s.transition,"css-duration":s.cssDuration,"css-transition":s.cssTransition,"show-arrow":s.showArrow,offset:s.offset,teleported:s.teleported,"append-to":s.appendTo,persistent:s.persistent,boundary:s.boundary,"element-context":s.elementContext,"alt-boundary":s.altBoundary,"root-boundary":s.rootBoundary,"arrow-size":s.arrowSize,"arrow-offset":s.arrowOffset,"flip-offset":s.flipOffset,"arrow-options":s.arrowOptions,"flip-options":s.flipOptions,"inline-options":s.inlineOptions,"is-external":s.isExternal,"external-ref":s.externalRef,"is-virtual":s.isVirtual,"virtual-ref":s.virtualRef,onBeforeShow:(0,r.unref)(p),onShow:(0,r.unref)(h),onBeforeHide:(0,r.unref)(m),onHide:(0,r.unref)(g),onBeforeEnter:(0,r.unref)(_),onEnter:(0,r.unref)(v),onAfterEnter:(0,r.unref)(y),onBeforeLeave:(0,r.unref)(b),onLeave:(0,r.unref)(x),onAfterLeave:(0,r.unref)(S),onEnterCancelled:(0,r.unref)(C),onLeaveCancelled:(0,r.unref)(w)},{content:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`header`,{icon:(0,r.unref)(k),title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`header`)])},[(0,r.renderSlot)(e.$slots,`icon`,{icon:(0,r.unref)(k)},()=>[s.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[typeof(0,r.unref)(k)==`string`?((0,r.openBlock)(),(0,r.createElementBlock)(`i`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`),(0,r.unref)(k)]),"aria-hidden":`true`},null,2)):((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)((0,r.unref)(k)),{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,r.createCommentVNode)(``,!0)]),(0,r.renderSlot)(e.$slots,`title`,{title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`title`)])},(0,r.toDisplayString)(s.title),3)])],2)]),(0,r.renderSlot)(e.$slots,`content`,{content:s.content},()=>[s.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)]),innerHTML:s.content},null,10,o)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)])},(0,r.toDisplayString)(s.content),3))]),(0,r.renderSlot)(e.$slots,`footer`,{cancel:j,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText,confirm:M,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`footer`)])},[(0,r.renderSlot)(e.$slots,`cancel`,{cancel:j,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText},()=>[(0,r.createVNode)(n,{size:s.cancelSize,type:s.cancelType,onClick:j},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.cancelText),1)]),_:1},8,[`size`,`type`])]),(0,r.renderSlot)(e.$slots,`extra`,{cancel:j,confirm:M}),(0,r.renderSlot)(e.$slots,`confirm`,{confirm:M,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createVNode)(n,{size:s.confirmSize,type:s.confirmType,onClick:M},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.confirmText),1)]),_:1},8,[`size`,`type`])])],2)])]),default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(O.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=s;
1
+ const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./use-popconfirm-emit.js");let r=require("vue"),i=require("@vueuse/core"),a=require("@rappel-ui/svg-icons");var o=[`innerHTML`],s=(0,r.defineComponent)({name:`RePopconfirm`,__name:`popconfirm`,props:(0,r.mergeModels)({icon:{default:`help`},showIcon:{type:Boolean,default:!0},title:{default:``},cancelText:{default:`No`},cancelType:{default:``},cancelSize:{default:`mini`},confirmText:{default:`Yes`},confirmType:{default:`primary`},confirmSize:{default:`mini`},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:`click`},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:`popconfirm`},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)([`confirm`,`cancel`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(s,{expose:c,emit:l}){let{n:u,ns:d}=e.useNamespace(`popconfirm`),f=l,{beforeEnter:p,enter:m,afterEnter:h,beforeLeave:g,leave:_,afterLeave:v,enterCancelled:y,leaveCancelled:b}=n.usePopconfirmEmits(f),x=(0,r.useModel)(s,`visible`),S=(0,r.computed)(()=>[u(),s.floatingClass]),C=(0,r.useSlots)(),w=(0,r.computed)(()=>{var e,n;let i=C==null||(e=C.default)==null||(e=e.call(C))==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}),T=(0,i.computedAsync)(async()=>await(0,a.getAsyncIcon)(s.icon)),E=(0,r.useTemplateRef)(`tooltipRef`),D=e=>{var t;f(`cancel`,e),(t=E.value)==null||t.delayHide()},O=e=>{var t;f(`confirm`,e),(t=E.value)==null||t.delayHide()};return c({tooltipRef:E,cancel:D,confirm:O}),(e,t)=>{let n=(0,r.resolveComponent)(`re-button`),i=(0,r.resolveComponent)(`re-tooltip`);return(0,r.openBlock)(),(0,r.createBlock)(i,{ref_key:`tooltipRef`,ref:E,visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:s.width,height:s.height,"max-width":s.maxWidth,"max-height":s.maxHeight,"floating-class":S.value,"floating-style":s.floatingStyle,disabled:s.disabled,theme:s.theme,placement:s.placement,trigger:s.trigger,"reverse-theme":s.reverseTheme,"show-delay":s.showDelay,"hide-delay":s.hideDelay,transition:s.transition,"css-duration":s.cssDuration,"css-transition":s.cssTransition,"show-arrow":s.showArrow,offset:s.offset,teleported:s.teleported,"append-to":s.appendTo,persistent:s.persistent,boundary:s.boundary,"element-context":s.elementContext,"alt-boundary":s.altBoundary,"root-boundary":s.rootBoundary,"arrow-size":s.arrowSize,"arrow-offset":s.arrowOffset,"flip-offset":s.flipOffset,"arrow-options":s.arrowOptions,"flip-options":s.flipOptions,"inline-options":s.inlineOptions,"is-external":s.isExternal,"external-ref":s.externalRef,"is-virtual":s.isVirtual,"virtual-ref":s.virtualRef,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,`header`,{icon:(0,r.unref)(T),title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`header`)])},[(0,r.renderSlot)(e.$slots,`icon`,{icon:(0,r.unref)(T)},()=>[s.showIcon?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[typeof(0,r.unref)(T)==`string`?((0,r.openBlock)(),(0,r.createElementBlock)(`i`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`),(0,r.unref)(T)]),"aria-hidden":`true`},null,2)):((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)((0,r.unref)(T)),{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`)]),"aria-hidden":`true`},null,8,[`class`]))],64)):(0,r.createCommentVNode)(``,!0)]),(0,r.renderSlot)(e.$slots,`title`,{title:s.title},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`title`)])},(0,r.toDisplayString)(s.title),3)])],2)]),(0,r.renderSlot)(e.$slots,`content`,{content:s.content},()=>[s.isHtml?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)]),innerHTML:s.content},null,10,o)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,class:(0,r.normalizeClass)([(0,r.unref)(d)(`content`)])},(0,r.toDisplayString)(s.content),3))]),(0,r.renderSlot)(e.$slots,`footer`,{cancel:D,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText,confirm:O,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(d)(`footer`)])},[(0,r.renderSlot)(e.$slots,`cancel`,{cancel:D,cancelSize:s.cancelSize,cancelType:s.cancelType,cancelText:s.cancelText},()=>[(0,r.createVNode)(n,{size:s.cancelSize,type:s.cancelType,onClick:D},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.cancelText),1)]),_:1},8,[`size`,`type`])]),(0,r.renderSlot)(e.$slots,`extra`,{cancel:D,confirm:O}),(0,r.renderSlot)(e.$slots,`confirm`,{confirm:O,confirmSize:s.confirmSize,confirmType:s.confirmType,confirmText:s.confirmText},()=>[(0,r.createVNode)(n,{size:s.confirmSize,type:s.confirmType,onClick:O},{default:(0,r.withCtx)(()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.confirmText),1)]),_:1},8,[`size`,`type`])])],2)])]),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.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=s;
@@ -1,5 +1,5 @@
1
1
  import { Component } from 'vue';
2
- import { TooltipProps, FloatingEmits } from '../../tooltip';
2
+ import { TooltipProps, TooltipEmits } from '../../tooltip';
3
3
  import { buttonTypes, buttonSizes } from '../../button';
4
4
  export interface PopconfirmProps extends TooltipProps {
5
5
  icon?: string | Component;
@@ -12,7 +12,7 @@ export interface PopconfirmProps extends TooltipProps {
12
12
  confirmType?: (typeof buttonTypes)[number];
13
13
  confirmSize?: (typeof buttonSizes)[number];
14
14
  }
15
- export interface PopconfirmEmits extends FloatingEmits {
15
+ export interface PopconfirmEmits extends TooltipEmits {
16
16
  confirm: [e: MouseEvent];
17
17
  cancel: [e: MouseEvent];
18
18
  }
@@ -1,10 +1,6 @@
1
1
  import { EmitFn } from 'vue';
2
- import { FloatingEmits } from './types';
3
- export declare function useEmits(emits: EmitFn<FloatingEmits>): {
4
- beforeShow: (el: any) => void;
5
- show: (el: any) => void;
6
- beforeHide: (el: any) => void;
7
- hide: (el: any) => void;
2
+ import { PopconfirmEmits } from './types';
3
+ export declare function usePopconfirmEmits(emits: EmitFn<PopconfirmEmits>): {
8
4
  beforeEnter: (el: any) => void;
9
5
  enter: (el: any, done: any) => void;
10
6
  enterCancelled: (el: any) => void;
@@ -0,0 +1 @@
1
+ const e=require("../../tooltip/src/use-tooltip-emit.js");function t(t){return{...e.useTooltipEmits(t)}}exports.usePopconfirmEmits=t;
@@ -1,14 +1,11 @@
1
1
  import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
2
2
  import { PopoverProps } from '.';
3
3
  export * from './src/types';
4
+ export * from './src/use-popover-emit';
4
5
  export declare const RePopover: {
5
6
  new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< PopoverProps & {
6
7
  visible?: boolean;
7
8
  }> & Readonly<{
8
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
9
- onShow?: ((el: HTMLElement) => any) | undefined;
10
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
11
- onHide?: ((el: HTMLElement) => any) | undefined;
12
9
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
13
10
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
14
11
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -19,10 +16,6 @@ export declare const RePopover: {
19
16
  onAfterLeave?: ((el: HTMLElement) => any) | undefined;
20
17
  "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
21
18
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
22
- beforeShow: (el: HTMLElement) => any;
23
- show: (el: HTMLElement) => any;
24
- beforeHide: (el: HTMLElement) => any;
25
- hide: (el: HTMLElement) => any;
26
19
  beforeEnter: (el: HTMLElement) => any;
27
20
  enter: (el: HTMLElement, done: () => void) => any;
28
21
  enterCancelled: (el: HTMLElement) => any;
@@ -42,10 +35,6 @@ export declare const RePopover: {
42
35
  }, Readonly< PopoverProps & {
43
36
  visible?: boolean;
44
37
  }> & Readonly<{
45
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
46
- onShow?: ((el: HTMLElement) => any) | undefined;
47
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
48
- onHide?: ((el: HTMLElement) => any) | undefined;
49
38
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
50
39
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
51
40
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -62,10 +51,6 @@ export declare const RePopover: {
62
51
  } & ComponentOptionsBase<Readonly< PopoverProps & {
63
52
  visible?: boolean;
64
53
  }> & Readonly<{
65
- onBeforeShow?: ((el: HTMLElement) => any) | undefined;
66
- onShow?: ((el: HTMLElement) => any) | undefined;
67
- onBeforeHide?: ((el: HTMLElement) => any) | undefined;
68
- onHide?: ((el: HTMLElement) => any) | undefined;
69
54
  onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
70
55
  onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
71
56
  onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
@@ -76,10 +61,6 @@ export declare const RePopover: {
76
61
  onAfterLeave?: ((el: HTMLElement) => any) | undefined;
77
62
  "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
78
63
  }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
79
- beforeShow: (el: HTMLElement) => any;
80
- show: (el: HTMLElement) => any;
81
- beforeHide: (el: HTMLElement) => any;
82
- hide: (el: HTMLElement) => any;
83
64
  beforeEnter: (el: HTMLElement) => any;
84
65
  enter: (el: HTMLElement, done: () => void) => any;
85
66
  enterCancelled: (el: HTMLElement) => any;
@@ -1 +1 @@
1
- const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/popover.js");var n=e.withInstall(t.default);exports.RePopover=n,exports.default=n;
1
+ const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/use-popover-emit.js"),n=require("./src/popover.js");var r=e.withInstall(n.default);exports.RePopover=r,exports.default=r,exports.usePopoverEmits=t.usePopoverEmits;
@@ -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
+ };