rappel-ui 1.0.27 → 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.
- package/README.md +1 -0
- package/README.zh.md +1 -0
- package/cjs/components/index.d.ts +5 -1
- package/cjs/components/index.js +1 -1
- package/cjs/components/message/index.d.ts +4 -0
- package/cjs/components/message/index.js +1 -0
- package/cjs/components/message/src/constants.d.ts +2 -0
- package/cjs/components/message/src/constants.js +1 -0
- package/cjs/components/message/src/create-message.d.ts +2 -0
- package/cjs/components/message/src/create-message.js +1 -0
- package/cjs/components/message/src/message.js +1 -0
- package/cjs/components/{tooltip/src/content.vue.d.ts → message/src/message.vue.d.ts} +15 -19
- package/cjs/components/message/src/message.vue_vue_type_script_setup_true_lang.js +6 -0
- package/cjs/components/message/src/types.d.ts +55 -0
- package/{es/components/tooltip/src/use-emit.d.ts → cjs/components/message/src/use-message-emit.d.ts} +2 -6
- package/cjs/components/message/src/use-message-emit.js +1 -0
- package/cjs/components/message/src/use-message.d.ts +2 -0
- package/cjs/components/message/src/use-message.js +1 -0
- package/cjs/components/message/style/css.js +2 -0
- package/cjs/components/message/style/index.js +2 -0
- package/cjs/components/neutral-color/index.d.ts +3 -0
- package/cjs/components/neutral-color/index.js +1 -0
- package/cjs/components/neutral-color/style/css.js +2 -0
- package/cjs/components/neutral-color/style/index.js +2 -0
- package/cjs/components/popconfirm/index.d.ts +0 -20
- package/cjs/components/popconfirm/src/popconfirm.vue.d.ts +16 -24
- package/cjs/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popconfirm/src/types.d.ts +2 -2
- package/cjs/components/{tooltip/src/use-emit.d.ts → popconfirm/src/use-popconfirm-emit.d.ts} +2 -6
- package/cjs/components/popconfirm/src/use-popconfirm-emit.js +1 -0
- package/cjs/components/popover/index.d.ts +1 -20
- package/cjs/components/popover/index.js +1 -1
- package/cjs/components/popover/src/popover.vue.d.ts +3 -11
- package/cjs/components/popover/src/popover.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/popover/src/types.d.ts +2 -2
- package/cjs/components/popover/src/use-popover-emit.d.ts +12 -0
- package/cjs/components/popover/src/use-popover-emit.js +1 -0
- package/cjs/components/primary-color/index.d.ts +7 -0
- package/cjs/components/primary-color/index.js +1 -0
- package/cjs/components/primary-color/style/css.d.ts +0 -0
- package/cjs/components/primary-color/style/css.js +2 -0
- package/cjs/components/primary-color/style/index.d.ts +0 -0
- package/cjs/components/primary-color/style/index.js +2 -0
- package/cjs/components/secondary-color/index.d.ts +13 -0
- package/cjs/components/secondary-color/index.js +1 -0
- package/cjs/components/secondary-color/style/css.d.ts +0 -0
- package/cjs/components/secondary-color/style/css.js +2 -0
- package/cjs/components/secondary-color/style/index.d.ts +0 -0
- package/cjs/components/secondary-color/style/index.js +2 -0
- package/cjs/components/tooltip/index.d.ts +24 -33
- package/cjs/components/tooltip/index.js +1 -1
- package/cjs/components/tooltip/src/tooltip.vue.d.ts +18 -15
- package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/types.d.ts +5 -40
- package/cjs/components/tooltip/src/use-tooltip-emit.d.ts +12 -0
- package/cjs/components/tooltip/src/use-tooltip-emit.js +1 -0
- package/cjs/components/transition/index.d.ts +67 -0
- package/cjs/components/transition/index.js +1 -0
- package/cjs/components/transition/src/transition.js +1 -0
- package/cjs/components/transition/src/transition.vue.d.ts +33 -0
- package/cjs/components/transition/src/transition.vue_vue_type_script_setup_true_lang.js +1 -0
- package/cjs/components/transition/src/types.d.ts +21 -0
- package/cjs/components/transition/src/use-transition-emit.d.ts +12 -0
- package/cjs/components/transition/src/use-transition-emit.js +1 -0
- package/cjs/components/transition/style/css.d.ts +0 -0
- package/cjs/components/transition/style/css.js +0 -0
- package/cjs/components/transition/style/index.d.ts +0 -0
- package/cjs/components/transition/style/index.js +0 -0
- package/cjs/index.d.ts +192 -78
- package/cjs/index.js +1 -1
- package/cjs/rappel-ui/resolvers.js +1 -1
- package/cjs/svg-icons/icon-names.d.ts +1 -1
- package/cjs/svg-icons/icon-names.js +1 -1
- package/cjs/svg-icons/index.d.ts +2 -0
- package/cjs/svg-icons/index.js +1 -1
- package/cjs/svg-icons/src/close-circle.d.ts +43 -0
- package/cjs/svg-icons/src/close-circle.js +1 -0
- package/cjs/svg-icons/src/info-circle.d.ts +43 -0
- package/cjs/svg-icons/src/info-circle.js +1 -0
- package/es/components/index.d.ts +5 -1
- package/es/components/index.mjs +27 -19
- package/es/components/message/index.d.ts +4 -0
- package/es/components/message/index.mjs +6 -0
- package/es/components/message/src/constants.d.ts +2 -0
- package/es/components/message/src/constants.mjs +15 -0
- package/es/components/message/src/create-message.d.ts +2 -0
- package/es/components/message/src/create-message.mjs +136 -0
- package/es/components/message/src/message.mjs +5 -0
- package/es/components/{tooltip/src/content.vue.d.ts → message/src/message.vue.d.ts} +15 -19
- package/es/components/message/src/message.vue_vue_type_script_setup_true_lang.mjs +228 -0
- package/es/components/message/src/types.d.ts +55 -0
- package/es/components/message/src/use-message-emit.d.ts +12 -0
- package/es/components/message/src/use-message-emit.mjs +7 -0
- package/es/components/message/src/use-message.d.ts +2 -0
- package/es/components/message/src/use-message.mjs +7 -0
- package/es/components/message/style/css.d.ts +0 -0
- package/es/components/message/style/css.mjs +2 -0
- package/es/components/message/style/index.d.ts +0 -0
- package/es/components/message/style/index.mjs +2 -0
- package/es/components/neutral-color/index.d.ts +3 -0
- package/es/components/neutral-color/index.mjs +7 -0
- package/es/components/{colors → neutral-color}/src/neutral-color.mjs +1 -1
- package/es/components/{colors → neutral-color}/src/neutral-color.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/es/components/neutral-color/style/css.d.ts +0 -0
- package/es/components/neutral-color/style/css.mjs +2 -0
- package/es/components/neutral-color/style/index.d.ts +0 -0
- package/es/components/neutral-color/style/index.mjs +2 -0
- package/es/components/popconfirm/index.d.ts +0 -20
- package/es/components/popconfirm/src/popconfirm.vue.d.ts +16 -24
- package/es/components/popconfirm/src/popconfirm.vue_vue_type_script_setup_true_lang.mjs +41 -48
- package/es/components/popconfirm/src/types.d.ts +2 -2
- package/es/components/popconfirm/src/use-popconfirm-emit.d.ts +12 -0
- package/es/components/popconfirm/src/use-popconfirm-emit.mjs +7 -0
- package/es/components/popover/index.d.ts +1 -20
- package/es/components/popover/index.mjs +4 -3
- package/es/components/popover/src/popover.vue.d.ts +3 -11
- package/es/components/popover/src/popover.vue_vue_type_script_setup_true_lang.mjs +21 -28
- package/es/components/popover/src/types.d.ts +2 -2
- package/es/components/popover/src/use-popover-emit.d.ts +12 -0
- package/es/components/popover/src/use-popover-emit.mjs +7 -0
- package/es/components/primary-color/index.d.ts +7 -0
- package/es/components/primary-color/index.mjs +7 -0
- package/es/components/{colors → primary-color}/src/primary-color.mjs +1 -1
- package/es/components/{colors → primary-color}/src/primary-color.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/es/components/primary-color/style/css.d.ts +0 -0
- package/es/components/primary-color/style/css.mjs +2 -0
- package/es/components/primary-color/style/index.d.ts +0 -0
- package/es/components/primary-color/style/index.mjs +2 -0
- package/es/components/secondary-color/index.d.ts +13 -0
- package/es/components/secondary-color/index.mjs +7 -0
- package/es/components/{colors → secondary-color}/src/secondary-color.mjs +1 -1
- package/es/components/{colors → secondary-color}/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs +1 -1
- package/es/components/secondary-color/style/css.d.ts +0 -0
- package/es/components/secondary-color/style/css.mjs +2 -0
- package/es/components/secondary-color/style/index.d.ts +0 -0
- package/es/components/secondary-color/style/index.mjs +2 -0
- package/es/components/tooltip/index.d.ts +24 -33
- package/es/components/tooltip/index.mjs +2 -2
- package/es/components/tooltip/src/tooltip.vue.d.ts +18 -15
- package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +137 -124
- package/es/components/tooltip/src/types.d.ts +5 -40
- package/es/components/tooltip/src/use-tooltip-emit.d.ts +12 -0
- package/es/components/tooltip/src/use-tooltip-emit.mjs +7 -0
- package/es/components/transition/index.d.ts +67 -0
- package/es/components/transition/index.mjs +8 -0
- package/es/components/transition/src/transition.mjs +5 -0
- package/es/components/transition/src/transition.vue.d.ts +33 -0
- package/es/components/transition/src/transition.vue_vue_type_script_setup_true_lang.mjs +83 -0
- package/es/components/transition/src/types.d.ts +21 -0
- package/es/components/transition/src/use-transition-emit.d.ts +12 -0
- package/es/components/{tooltip/src/use-emit.mjs → transition/src/use-transition-emit.mjs} +2 -6
- package/es/components/transition/style/css.d.ts +0 -0
- package/es/components/transition/style/css.mjs +0 -0
- package/es/components/transition/style/index.d.ts +0 -0
- package/es/components/transition/style/index.mjs +0 -0
- package/es/index.d.ts +192 -78
- package/es/index.mjs +67 -61
- package/es/rappel-ui/resolvers.mjs +1 -5
- package/es/svg-icons/icon-names.d.ts +1 -1
- package/es/svg-icons/icon-names.mjs +1 -1
- package/es/svg-icons/index.d.ts +2 -0
- package/es/svg-icons/index.mjs +10 -4
- package/es/svg-icons/src/close-circle.d.ts +43 -0
- package/es/svg-icons/src/close-circle.mjs +7 -0
- package/es/svg-icons/src/info-circle.d.ts +43 -0
- package/es/svg-icons/src/info-circle.mjs +7 -0
- package/package.json +2 -2
- package/theme-chalk/index.css +1 -1
- package/theme-chalk/re-message.css +1 -0
- package/theme-chalk/re-neutral-color.css +1 -0
- package/theme-chalk/re-primary-color.css +1 -0
- package/theme-chalk/re-secondary-color.css +1 -0
- package/theme-chalk/src/css-vars/_message.scss +42 -0
- package/theme-chalk/src/index.scss +4 -1
- package/theme-chalk/src/message.scss +270 -0
- package/theme-chalk/src/mixins/_message.scss +51 -0
- package/theme-chalk/src/{colors.scss → neutral-color.scss} +0 -43
- package/theme-chalk/src/primary-color.scss +33 -0
- package/theme-chalk/src/secondary-color.scss +40 -0
- package/cjs/components/colors/index.d.ts +0 -7
- package/cjs/components/colors/index.js +0 -1
- package/cjs/components/colors/src/colors.js +0 -1
- package/cjs/components/colors/src/colors.vue.d.ts +0 -4
- package/cjs/components/colors/src/colors.vue_vue_type_script_setup_true_lang.js +0 -1
- package/cjs/components/colors/style/css.js +0 -2
- package/cjs/components/colors/style/index.js +0 -2
- package/cjs/components/tooltip/src/content.js +0 -1
- package/cjs/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.js +0 -1
- package/cjs/components/tooltip/src/use-emit.js +0 -1
- package/es/components/colors/index.d.ts +0 -7
- package/es/components/colors/index.mjs +0 -14
- package/es/components/colors/src/colors.mjs +0 -5
- package/es/components/colors/src/colors.vue.d.ts +0 -4
- package/es/components/colors/src/colors.vue_vue_type_script_setup_true_lang.mjs +0 -21
- package/es/components/colors/style/css.mjs +0 -2
- package/es/components/colors/style/index.mjs +0 -2
- package/es/components/tooltip/src/content.mjs +0 -5
- package/es/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.mjs +0 -166
- package/theme-chalk/re-colors.css +0 -1
- /package/cjs/components/{colors → message}/style/css.d.ts +0 -0
- /package/cjs/components/{colors → message}/style/index.d.ts +0 -0
- /package/cjs/components/{colors → neutral-color}/src/neutral-color.js +0 -0
- /package/cjs/components/{colors → neutral-color}/src/neutral-color.vue.d.ts +0 -0
- /package/cjs/components/{colors → neutral-color}/src/neutral-color.vue_vue_type_script_setup_true_lang.js +0 -0
- /package/{es/components/colors → cjs/components/neutral-color}/style/css.d.ts +0 -0
- /package/{es/components/colors → cjs/components/neutral-color}/style/index.d.ts +0 -0
- /package/cjs/components/{colors → primary-color}/src/primary-color.js +0 -0
- /package/cjs/components/{colors → primary-color}/src/primary-color.vue.d.ts +0 -0
- /package/cjs/components/{colors → primary-color}/src/primary-color.vue_vue_type_script_setup_true_lang.js +0 -0
- /package/cjs/components/{colors → secondary-color}/src/secondary-color.js +0 -0
- /package/cjs/components/{colors → secondary-color}/src/secondary-color.vue.d.ts +0 -0
- /package/cjs/components/{colors → secondary-color}/src/secondary-color.vue_vue_type_script_setup_true_lang.js +0 -0
- /package/es/components/{colors → neutral-color}/src/neutral-color.vue.d.ts +0 -0
- /package/es/components/{colors → primary-color}/src/primary-color.vue.d.ts +0 -0
- /package/es/components/{colors → secondary-color}/src/secondary-color.vue.d.ts +0 -0
package/README.md
CHANGED
package/README.zh.md
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
export * from './button';
|
|
2
2
|
export * from './input';
|
|
3
3
|
export * from './tabs';
|
|
4
|
-
export * from './
|
|
4
|
+
export * from './primary-color';
|
|
5
|
+
export * from './secondary-color';
|
|
6
|
+
export * from './neutral-color';
|
|
5
7
|
export * from './filter-panel';
|
|
6
8
|
export * from './svg-icon';
|
|
9
|
+
export * from './transition';
|
|
7
10
|
export * from './tooltip';
|
|
8
11
|
export * from './popover';
|
|
9
12
|
export * from './popconfirm';
|
|
13
|
+
export * from './message';
|
package/cjs/components/index.js
CHANGED
|
@@ -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("./
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 {
|
|
2
|
-
import {
|
|
3
|
-
type __VLS_Props =
|
|
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
|
-
|
|
5
|
+
'visible'?: boolean;
|
|
7
6
|
};
|
|
8
7
|
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
9
|
-
declare var
|
|
8
|
+
declare var __VLS_15: {}, __VLS_22: {};
|
|
10
9
|
type __VLS_Slots = {} & {
|
|
11
|
-
|
|
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
|
-
|
|
15
|
-
|
|
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:
|
|
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:
|
|
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
|
+
}
|
package/{es/components/tooltip/src/use-emit.d.ts → cjs/components/message/src/use-message-emit.d.ts}
RENAMED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { EmitFn } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
export declare function
|
|
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 @@
|
|
|
1
|
+
const e=require("./create-message.js");function t(){return e.createMessage}exports.useMessage=t;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
export declare const ReNeutralColor: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
3
|
+
export default ReNeutralColor;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/neutral-color.js");var n=e.withInstall(t.default);exports.ReNeutralColor=n,exports.default=n;
|
|
@@ -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
|
|
8
|
+
declare var __VLS_24: {
|
|
9
9
|
icon: string | Component | undefined;
|
|
10
10
|
title: string;
|
|
11
|
-
},
|
|
11
|
+
}, __VLS_26: {
|
|
12
12
|
icon: string | Component | undefined;
|
|
13
|
-
},
|
|
13
|
+
}, __VLS_33: {
|
|
14
14
|
title: string;
|
|
15
|
-
},
|
|
15
|
+
}, __VLS_35: {
|
|
16
16
|
content: string;
|
|
17
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
31
|
+
}, __VLS_49: {
|
|
32
32
|
cancel: (e: MouseEvent) => void;
|
|
33
33
|
confirm: (e: MouseEvent) => void;
|
|
34
|
-
},
|
|
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
|
|
41
|
+
header?: (props: typeof __VLS_24) => any;
|
|
42
42
|
} & {
|
|
43
|
-
icon?: (props: typeof
|
|
43
|
+
icon?: (props: typeof __VLS_26) => any;
|
|
44
44
|
} & {
|
|
45
|
-
title?: (props: typeof
|
|
45
|
+
title?: (props: typeof __VLS_33) => any;
|
|
46
46
|
} & {
|
|
47
|
-
content?: (props: typeof
|
|
47
|
+
content?: (props: typeof __VLS_35) => any;
|
|
48
48
|
} & {
|
|
49
|
-
footer?: (props: typeof
|
|
49
|
+
footer?: (props: typeof __VLS_37) => any;
|
|
50
50
|
} & {
|
|
51
|
-
cancel?: (props: typeof
|
|
51
|
+
cancel?: (props: typeof __VLS_39) => any;
|
|
52
52
|
} & {
|
|
53
|
-
extra?: (props: typeof
|
|
53
|
+
extra?: (props: typeof __VLS_49) => any;
|
|
54
54
|
} & {
|
|
55
|
-
confirm?: (props: typeof
|
|
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/
|
|
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,
|
|
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
|
|
15
|
+
export interface PopconfirmEmits extends TooltipEmits {
|
|
16
16
|
confirm: [e: MouseEvent];
|
|
17
17
|
cancel: [e: MouseEvent];
|
|
18
18
|
}
|
package/cjs/components/{tooltip/src/use-emit.d.ts → popconfirm/src/use-popconfirm-emit.d.ts}
RENAMED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { EmitFn } from 'vue';
|
|
2
|
-
import {
|
|
3
|
-
export declare function
|
|
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
|
|
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
|
|
8
|
+
declare var __VLS_23: {}, __VLS_25: {};
|
|
9
9
|
type __VLS_Slots = {} & {
|
|
10
|
-
title?: (props: typeof
|
|
10
|
+
title?: (props: typeof __VLS_23) => any;
|
|
11
11
|
} & {
|
|
12
|
-
content?: (props: typeof
|
|
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/
|
|
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;
|