rappel-ui 1.0.21 → 1.0.23
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/cjs/_virtual/_rolldown/runtime.js +1 -1
- package/cjs/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.js +1 -1
- package/cjs/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.js +1 -1
- package/es/_virtual/_rolldown/runtime.mjs +2 -2
- package/es/components/colors/src/secondary-color.vue_vue_type_script_setup_true_lang.mjs +32 -32
- package/es/components/tooltip/src/tooltip.vue_vue_type_script_setup_true_lang.mjs +84 -85
- package/package.json +16 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=Object.defineProperty,t=(
|
|
1
|
+
var e=Object.defineProperty,t=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};exports.__exportAll=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");
|
|
1
|
+
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");let r=require("vue"),i=require("process");var a=[`innerHTML`],o=(0,r.defineComponent)({name:`ReSecondaryColor`,__name:`secondary-color`,props:{successCodeHtml:{default:``},warningCodeHtml:{default:``},dangerCodeHtml:{default:``},infoCodeHtml:{default:``}},setup(o){let{nm:s,ns:c}=t.useNamespace(`colors`),{isDark:l}=n.useTheme(),u=(0,r.ref)([]),d=t=>{let n=Object.values(e.getCssVarsByPrefix(`re-color-success-base`))[0],i=Object.values(e.getCssVarsByPrefix(`re-color-warning-base`))[0],a=Object.values(e.getCssVarsByPrefix(`re-color-danger-base`))[0],s=Object.values(e.getCssVarsByPrefix(`re-color-info-base`))[0];u.value=[{base:n,text:`Success`,shades:e.createColors(n,t),codeHtml:(0,r.computed)(()=>o.successCodeHtml)},{base:i,text:`Warning `,shades:e.createColors(i,t),codeHtml:(0,r.computed)(()=>o.warningCodeHtml)},{base:a,text:`Danger/Error`,shades:e.createColors(a,t),codeHtml:(0,r.computed)(()=>o.dangerCodeHtml)},{base:s,text:`Info`,shades:e.createColors(s,t),codeHtml:(0,r.computed)(()=>o.infoCodeHtml)}]};return(0,r.watch)(l,e=>{(0,i.nextTick)(()=>{d(e)})}),(0,r.onMounted)(()=>{d(l.value)}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(s)(`secondary`)])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(u.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e.base,class:(0,r.normalizeClass)([(0,r.unref)(c)(`panel`)])},[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`base`)]),style:(0,r.normalizeStyle)({"background-color":e.base})},[(0,r.createElementVNode)(`div`,null,(0,r.toDisplayString)(e.text),1),(0,r.createElementVNode)(`div`,null,(0,r.toDisplayString)(e.base.toUpperCase()),1)],6),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`shades`)])},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(e.shades,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:e,class:(0,r.normalizeClass)([(0,r.unref)(c)(`shade`)]),style:(0,r.normalizeStyle)({"background-color":e})},null,6))),128))],2),(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(c)(`code`)]),innerHTML:e.codeHtml},null,10,a)],2))),128))],2))}});exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("
|
|
1
|
+
const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("./use-emit.js"),r=require("./content.js"),i=require("./use-tooltip.js"),a=require("./constants.js");let o=require("vue"),s=require("@floating-ui/vue");var c=[`innerHTML`],l=(0,o.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,o.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`dark`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0}},{visible:{type:Boolean,default:!1},visibleModifiers:{}}),emits:(0,o.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(l,{expose:u,emit:d}){let{beforeShow:f,beforeHide:p,show:m,hide:h,beforeEnter:g,enter:_,afterEnter:v,beforeLeave:y,leave:b,afterLeave:x,enterCancelled:S,leaveCancelled:C}=n.useEmits(d),{ns:w}=t.useNamespace(`tooltip`),T=(0,o.useSlots)(),E=(0,o.computed)(()=>{var e,t;let n=T==null||(e=T.default)==null||(e=e.call(T))==null?void 0:e.filter(e=>e&&!a.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,o.h)(`span`,{},n):n}),D=(0,o.useTemplateRef)(`triggerRef`),O=(0,o.useTemplateRef)(`floatingRef`),k=(0,o.ref)(),A=(0,o.computed)(()=>l.isVirtual?l.virtualRef:l.isExternal?k.value:E.value?D.value:null),j=(0,o.useModel)(l,`visible`),{floatingStyles:M,middlewareData:N,placement:P,update:F}=(0,s.useFloating)(A,(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.floatingRef}),{open:j,placement:l.placement,strategy:`absolute`,middleware:[(0,s.inline)(l.inlineOptions),(0,s.offset)(l.offset),(0,s.flip)({padding:l.flipOffset,boundary:l.boundary,elementContext:l.elementContext,altBoundary:l.altBoundary,rootBoundary:l.rootBoundary,...l.flipOptions}),(0,s.arrow)({element:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.arrowRef}),padding:l.arrowOffset,...l.arrowOptions})],whileElementsMounted:(e,t,n)=>(0,s.autoUpdate)(e,t,n,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),I=(0,o.computed)(()=>[M.value,l.floatingStyle]),L=(0,o.computed)(()=>{let t=a.staticSideMap[P.value.split(`-`)[0]],n=N.value.arrow;return{position:`absolute`,left:(n==null?void 0:n.x)==null?``:`${n.x}px`,top:(n==null?void 0:n.y)==null?``:`${n.y}px`,[t]:`-${l.arrowSize/2}px`,width:e.toPx(l.arrowSize),height:e.toPx(l.arrowSize)}}),{stop:R,setup:z,delayShow:B,delayHide:V}=i.useTooltip({triggerRef:(0,o.computed)(()=>l.isVirtual?null:l.isExternal?l.externalRef:E.value?D.value:null),isExternal:l.isExternal,externalActiveRef:k,externalRef:(0,o.computed)(()=>l.externalRef),trigger:l.trigger,floatingRef:(0,o.computed)(()=>{var e;return l.persistent?(e=O.value)==null?void 0:e.floatingRef:void 0}),open:j,showDelay:l.showDelay,hideDelay:l.hideDelay,disabled:(0,o.computed)(()=>l.disabled)}),{scope:H}=z(),U=()=>{R(),H==null||H.stop()};return(0,o.onUnmounted)(()=>{U()}),u({update:F,hide:()=>{j.value=!1},delayHide:V,show:()=>{j.value=!0},delayShow:B,triggerRef:A.value,floatingRef:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.floatingRef}).value,arrowRef:(0,o.computed)(()=>{var e;return(e=O.value)==null?void 0:e.arrowRef}).value}),(e,t)=>((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,null,[((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(E.value),{ref_key:`triggerRef`,ref:D,class:(0,o.normalizeClass)([(0,o.unref)(w)(`trigger`)])},null,8,[`class`])),(0,o.createVNode)(r.default,{ref_key:`floatingRef`,ref:O,modelValue:j.value,"onUpdate:modelValue":t[0]||(t[0]=e=>j.value=e),placement:(0,o.unref)(P),"show-arrow":l.showArrow,width:l.width,height:l.height,"max-width":l.maxWidth,"max-height":l.maxHeight,"floating-class":l.floatingClass,style:(0,o.normalizeStyle)(I.value),theme:l.theme,"reverse-theme":l.reverseTheme,"arrow-style":L.value,teleported:l.teleported,"append-to":l.appendTo,transition:l.transition,"css-duration":l.cssDuration,"css-transition":l.cssTransition,onBeforeShow:(0,o.unref)(f),onShow:(0,o.unref)(m),onBeforeHide:(0,o.unref)(p),onHide:(0,o.unref)(h),onBeforeEnter:(0,o.unref)(g),onEnter:(0,o.unref)(_),onAfterEnter:(0,o.unref)(v),onBeforeLeave:(0,o.unref)(y),onLeave:(0,o.unref)(b),onAfterLeave:(0,o.unref)(x),onEnterCancelled:(0,o.unref)(S),onLeaveCancelled:(0,o.unref)(C)},{default:(0,o.withCtx)(()=>[(0,o.renderSlot)(e.$slots,`content`,{},()=>[l.isHtml?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:0,class:(0,o.normalizeClass)([(0,o.unref)(w)(`content`)]),innerHTML:l.content},null,10,c)):((0,o.openBlock)(),(0,o.createElementBlock)(`span`,{key:1,class:(0,o.normalizeClass)([(0,o.unref)(w)(`content`)])},(0,o.toDisplayString)(l.content),3))])]),_:3},8,`modelValue.placement.show-arrow.width.height.max-width.max-height.floating-class.style.theme.reverse-theme.arrow-style.teleported.append-to.transition.css-duration.css-transition.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))],64))}});exports.default=l;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//#region \0rolldown/runtime.js
|
|
2
|
-
var e = Object.defineProperty, t = (
|
|
2
|
+
var e = Object.defineProperty, t = (t, n) => {
|
|
3
3
|
let r = {};
|
|
4
4
|
for (var i in t) e(r, i, {
|
|
5
5
|
get: t[i],
|
|
@@ -8,4 +8,4 @@ var e = Object.defineProperty, t = (e, t) => () => (t || (e((t = { exports: {} }
|
|
|
8
8
|
return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
|
|
9
9
|
};
|
|
10
10
|
//#endregion
|
|
11
|
-
export { t as
|
|
11
|
+
export { t as __exportAll };
|
|
@@ -3,10 +3,10 @@ import "../../../utils/index.mjs";
|
|
|
3
3
|
import { useNamespace as n } from "../../../composables/use-namespace/index.mjs";
|
|
4
4
|
import { useTheme as r } from "../../../composables/use-theme/index.mjs";
|
|
5
5
|
import "../../../composables/index.mjs";
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
6
|
+
import { Fragment as i, computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _ } from "vue";
|
|
7
|
+
import { nextTick as v } from "process";
|
|
8
8
|
//#region packages/components/colors/src/secondary-color.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
-
var y =
|
|
9
|
+
var y = ["innerHTML"], b = c({
|
|
10
10
|
name: "ReSecondaryColor",
|
|
11
11
|
__name: "secondary-color",
|
|
12
12
|
props: {
|
|
@@ -15,61 +15,61 @@ var y = i(), b = ["innerHTML"], x = l({
|
|
|
15
15
|
dangerCodeHtml: { default: "" },
|
|
16
16
|
infoCodeHtml: { default: "" }
|
|
17
17
|
},
|
|
18
|
-
setup(
|
|
19
|
-
let { nm:
|
|
20
|
-
let r = Object.values(t("re-color-success-base"))[0],
|
|
18
|
+
setup(c) {
|
|
19
|
+
let { nm: b, ns: x } = n("colors"), { isDark: S } = r(), C = p([]), w = (n) => {
|
|
20
|
+
let r = Object.values(t("re-color-success-base"))[0], i = Object.values(t("re-color-warning-base"))[0], o = Object.values(t("re-color-danger-base"))[0], s = Object.values(t("re-color-info-base"))[0];
|
|
21
21
|
C.value = [
|
|
22
22
|
{
|
|
23
23
|
base: r,
|
|
24
24
|
text: "Success",
|
|
25
25
|
shades: e(r, n),
|
|
26
|
-
codeHtml:
|
|
26
|
+
codeHtml: a(() => c.successCodeHtml)
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
|
-
base:
|
|
29
|
+
base: i,
|
|
30
30
|
text: "Warning ",
|
|
31
|
-
shades: e(
|
|
32
|
-
codeHtml:
|
|
31
|
+
shades: e(i, n),
|
|
32
|
+
codeHtml: a(() => c.warningCodeHtml)
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
|
-
base:
|
|
35
|
+
base: o,
|
|
36
36
|
text: "Danger/Error",
|
|
37
|
-
shades: e(
|
|
38
|
-
codeHtml:
|
|
37
|
+
shades: e(o, n),
|
|
38
|
+
codeHtml: a(() => c.dangerCodeHtml)
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
|
-
base:
|
|
41
|
+
base: s,
|
|
42
42
|
text: "Info",
|
|
43
|
-
shades: e(
|
|
44
|
-
codeHtml:
|
|
43
|
+
shades: e(s, n),
|
|
44
|
+
codeHtml: a(() => c.infoCodeHtml)
|
|
45
45
|
}
|
|
46
46
|
];
|
|
47
47
|
};
|
|
48
|
-
return
|
|
49
|
-
(
|
|
48
|
+
return _(S, (e) => {
|
|
49
|
+
v(() => {
|
|
50
50
|
w(e);
|
|
51
51
|
});
|
|
52
|
-
}),
|
|
52
|
+
}), d(() => {
|
|
53
53
|
w(S.value);
|
|
54
|
-
}), (e, t) => (
|
|
54
|
+
}), (e, t) => (f(), o("div", { class: l([g(b)("secondary")]) }, [(f(!0), o(i, null, m(C.value, (e) => (f(), o("div", {
|
|
55
55
|
key: e.base,
|
|
56
|
-
class:
|
|
56
|
+
class: l([g(x)("panel")])
|
|
57
57
|
}, [
|
|
58
|
-
|
|
59
|
-
class:
|
|
60
|
-
style:
|
|
61
|
-
}, [
|
|
62
|
-
|
|
58
|
+
s("div", {
|
|
59
|
+
class: l([g(x)("base")]),
|
|
60
|
+
style: u({ "background-color": e.base })
|
|
61
|
+
}, [s("div", null, h(e.text), 1), s("div", null, h(e.base.toUpperCase()), 1)], 6),
|
|
62
|
+
s("div", { class: l([g(x)("shades")]) }, [(f(!0), o(i, null, m(e.shades, (e) => (f(), o("div", {
|
|
63
63
|
key: e,
|
|
64
|
-
class:
|
|
65
|
-
style:
|
|
64
|
+
class: l([g(x)("shade")]),
|
|
65
|
+
style: u({ "background-color": e })
|
|
66
66
|
}, null, 6))), 128))], 2),
|
|
67
|
-
|
|
68
|
-
class:
|
|
67
|
+
s("div", {
|
|
68
|
+
class: l([g(x)("code")]),
|
|
69
69
|
innerHTML: e.codeHtml
|
|
70
|
-
}, null, 10,
|
|
70
|
+
}, null, 10, y)
|
|
71
71
|
], 2))), 128))], 2));
|
|
72
72
|
}
|
|
73
73
|
});
|
|
74
74
|
//#endregion
|
|
75
|
-
export {
|
|
75
|
+
export { b as default };
|
|
@@ -2,18 +2,17 @@ import { toPx as e } from "../../../utils/util.mjs";
|
|
|
2
2
|
import "../../../utils/index.mjs";
|
|
3
3
|
import { useNamespace as t } from "../../../composables/use-namespace/index.mjs";
|
|
4
4
|
import "../../../composables/index.mjs";
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import { Fragment as f, computed as p, createBlock as m, createElementBlock as h, createVNode as g, defineComponent as _, h as v, mergeModels as y, normalizeClass as b, normalizeStyle as te, onUnmounted as ne, openBlock as x, ref as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useModel as D, useSlots as O, useTemplateRef as k, withCtx as A } from "vue";
|
|
5
|
+
import { useEmits as n } from "./use-emit.mjs";
|
|
6
|
+
import r from "./content.mjs";
|
|
7
|
+
import { useTooltip as i } from "./use-tooltip.mjs";
|
|
8
|
+
import { filterNodeTypes as a, staticSideMap as o } from "./constants.mjs";
|
|
9
|
+
import { Fragment as s, computed as c, createBlock as l, createElementBlock as u, createVNode as d, defineComponent as f, h as p, mergeModels as m, normalizeClass as h, normalizeStyle as g, onUnmounted as _, openBlock as v, ref as y, renderSlot as ee, resolveDynamicComponent as te, toDisplayString as ne, unref as b, useModel as x, useSlots as S, useTemplateRef as C, withCtx as w } from "vue";
|
|
10
|
+
import { arrow as T, autoUpdate as E, flip as D, inline as O, offset as k, useFloating as A } from "@floating-ui/vue";
|
|
12
11
|
//#region packages/components/tooltip/src/tooltip.vue?vue&type=script&setup=true&lang.ts
|
|
13
|
-
var j = ["innerHTML"], M =
|
|
12
|
+
var j = ["innerHTML"], M = f({
|
|
14
13
|
name: "ReTooltip",
|
|
15
14
|
__name: "tooltip",
|
|
16
|
-
props:
|
|
15
|
+
props: m({
|
|
17
16
|
visible: { type: Boolean },
|
|
18
17
|
content: { default: "" },
|
|
19
18
|
isHtml: {
|
|
@@ -109,7 +108,7 @@ var j = ["innerHTML"], M = _({
|
|
|
109
108
|
},
|
|
110
109
|
visibleModifiers: {}
|
|
111
110
|
}),
|
|
112
|
-
emits:
|
|
111
|
+
emits: m([
|
|
113
112
|
"beforeShow",
|
|
114
113
|
"show",
|
|
115
114
|
"beforeHide",
|
|
@@ -123,75 +122,75 @@ var j = ["innerHTML"], M = _({
|
|
|
123
122
|
"leaveCancelled",
|
|
124
123
|
"afterLeave"
|
|
125
124
|
], ["update:visible"]),
|
|
126
|
-
setup(
|
|
127
|
-
let { beforeShow: N, beforeHide: P, show: F, hide: I, beforeEnter: L, enter: R, afterEnter: z, beforeLeave:
|
|
125
|
+
setup(f, { expose: m, emit: M }) {
|
|
126
|
+
let { beforeShow: N, beforeHide: P, show: F, hide: I, beforeEnter: L, enter: R, afterEnter: z, beforeLeave: re, leave: B, afterLeave: V, enterCancelled: H, leaveCancelled: U } = n(M), { ns: W } = t("tooltip"), G = S(), K = c(() => {
|
|
128
127
|
var e, t;
|
|
129
|
-
let n = G == null || (e = G.default) == null || (e = e.call(G)) == null ? void 0 : e.filter((e) => e && !
|
|
130
|
-
return (n == null || (t = n.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ?
|
|
131
|
-
}), q =
|
|
128
|
+
let n = G == null || (e = G.default) == null || (e = e.call(G)) == null ? void 0 : e.filter((e) => e && !a.includes(e.type.toString()))[0];
|
|
129
|
+
return (n == null || (t = n.type) == null ? void 0 : t.toString()) === "Symbol(v-txt)" ? p("span", {}, n) : n;
|
|
130
|
+
}), q = C("triggerRef"), J = C("floatingRef"), Y = y(), X = c(() => f.isVirtual ? f.virtualRef : f.isExternal ? Y.value : K.value ? q.value : null), Z = x(f, "visible"), { floatingStyles: ie, middlewareData: ae, placement: Q, update: oe } = A(X, c(() => {
|
|
132
131
|
var e;
|
|
133
132
|
return (e = J.value) == null ? void 0 : e.floatingRef;
|
|
134
133
|
}), {
|
|
135
134
|
open: Z,
|
|
136
|
-
placement:
|
|
135
|
+
placement: f.placement,
|
|
137
136
|
strategy: "absolute",
|
|
138
137
|
middleware: [
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
padding:
|
|
143
|
-
boundary:
|
|
144
|
-
elementContext:
|
|
145
|
-
altBoundary:
|
|
146
|
-
rootBoundary:
|
|
147
|
-
...
|
|
138
|
+
O(f.inlineOptions),
|
|
139
|
+
k(f.offset),
|
|
140
|
+
D({
|
|
141
|
+
padding: f.flipOffset,
|
|
142
|
+
boundary: f.boundary,
|
|
143
|
+
elementContext: f.elementContext,
|
|
144
|
+
altBoundary: f.altBoundary,
|
|
145
|
+
rootBoundary: f.rootBoundary,
|
|
146
|
+
...f.flipOptions
|
|
148
147
|
}),
|
|
149
|
-
|
|
150
|
-
element:
|
|
148
|
+
T({
|
|
149
|
+
element: c(() => {
|
|
151
150
|
var e;
|
|
152
151
|
return (e = J.value) == null ? void 0 : e.arrowRef;
|
|
153
152
|
}),
|
|
154
|
-
padding:
|
|
155
|
-
...
|
|
153
|
+
padding: f.arrowOffset,
|
|
154
|
+
...f.arrowOptions
|
|
156
155
|
})
|
|
157
156
|
],
|
|
158
|
-
whileElementsMounted: (e, t,
|
|
157
|
+
whileElementsMounted: (e, t, n) => E(e, t, n, {
|
|
159
158
|
animationFrame: !0,
|
|
160
159
|
ancestorScroll: !0,
|
|
161
160
|
ancestorResize: !0,
|
|
162
161
|
elementResize: !0,
|
|
163
162
|
layoutShift: !0
|
|
164
163
|
})
|
|
165
|
-
}), se =
|
|
166
|
-
let t =
|
|
164
|
+
}), se = c(() => [ie.value, f.floatingStyle]), ce = c(() => {
|
|
165
|
+
let t = o[Q.value.split("-")[0]], n = ae.value.arrow;
|
|
167
166
|
return {
|
|
168
167
|
position: "absolute",
|
|
169
168
|
left: (n == null ? void 0 : n.x) == null ? "" : `${n.x}px`,
|
|
170
169
|
top: (n == null ? void 0 : n.y) == null ? "" : `${n.y}px`,
|
|
171
|
-
[t]: `-${
|
|
172
|
-
width: e(
|
|
173
|
-
height: e(
|
|
170
|
+
[t]: `-${f.arrowSize / 2}px`,
|
|
171
|
+
width: e(f.arrowSize),
|
|
172
|
+
height: e(f.arrowSize)
|
|
174
173
|
};
|
|
175
|
-
}), { stop: le, setup: ue, delayShow: de, delayHide: fe } =
|
|
176
|
-
triggerRef:
|
|
177
|
-
isExternal:
|
|
174
|
+
}), { stop: le, setup: ue, delayShow: de, delayHide: fe } = i({
|
|
175
|
+
triggerRef: c(() => f.isVirtual ? null : f.isExternal ? f.externalRef : K.value ? q.value : null),
|
|
176
|
+
isExternal: f.isExternal,
|
|
178
177
|
externalActiveRef: Y,
|
|
179
|
-
externalRef:
|
|
180
|
-
trigger:
|
|
181
|
-
floatingRef:
|
|
178
|
+
externalRef: c(() => f.externalRef),
|
|
179
|
+
trigger: f.trigger,
|
|
180
|
+
floatingRef: c(() => {
|
|
182
181
|
var e;
|
|
183
|
-
return
|
|
182
|
+
return f.persistent ? (e = J.value) == null ? void 0 : e.floatingRef : void 0;
|
|
184
183
|
}),
|
|
185
184
|
open: Z,
|
|
186
|
-
showDelay:
|
|
187
|
-
hideDelay:
|
|
188
|
-
disabled:
|
|
185
|
+
showDelay: f.showDelay,
|
|
186
|
+
hideDelay: f.hideDelay,
|
|
187
|
+
disabled: c(() => f.disabled)
|
|
189
188
|
}), { scope: $ } = ue(), pe = () => {
|
|
190
189
|
le(), $ == null || $.stop();
|
|
191
190
|
};
|
|
192
|
-
return
|
|
191
|
+
return _(() => {
|
|
193
192
|
pe();
|
|
194
|
-
}),
|
|
193
|
+
}), m({
|
|
195
194
|
update: oe,
|
|
196
195
|
hide: () => {
|
|
197
196
|
Z.value = !1;
|
|
@@ -202,60 +201,60 @@ var j = ["innerHTML"], M = _({
|
|
|
202
201
|
},
|
|
203
202
|
delayShow: de,
|
|
204
203
|
triggerRef: X.value,
|
|
205
|
-
floatingRef:
|
|
204
|
+
floatingRef: c(() => {
|
|
206
205
|
var e;
|
|
207
206
|
return (e = J.value) == null ? void 0 : e.floatingRef;
|
|
208
207
|
}).value,
|
|
209
|
-
arrowRef:
|
|
208
|
+
arrowRef: c(() => {
|
|
210
209
|
var e;
|
|
211
210
|
return (e = J.value) == null ? void 0 : e.arrowRef;
|
|
212
211
|
}).value
|
|
213
|
-
}), (e, t) => (
|
|
212
|
+
}), (e, t) => (v(), u(s, null, [(v(), l(te(K.value), {
|
|
214
213
|
ref_key: "triggerRef",
|
|
215
214
|
ref: q,
|
|
216
|
-
class:
|
|
217
|
-
}, null, 8, ["class"])),
|
|
215
|
+
class: h([b(W)("trigger")])
|
|
216
|
+
}, null, 8, ["class"])), d(r, {
|
|
218
217
|
ref_key: "floatingRef",
|
|
219
218
|
ref: J,
|
|
220
219
|
modelValue: Z.value,
|
|
221
220
|
"onUpdate:modelValue": t[0] || (t[0] = (e) => Z.value = e),
|
|
222
|
-
placement:
|
|
223
|
-
"show-arrow":
|
|
224
|
-
width:
|
|
225
|
-
height:
|
|
226
|
-
"max-width":
|
|
227
|
-
"max-height":
|
|
228
|
-
"floating-class":
|
|
229
|
-
style:
|
|
230
|
-
theme:
|
|
231
|
-
"reverse-theme":
|
|
221
|
+
placement: b(Q),
|
|
222
|
+
"show-arrow": f.showArrow,
|
|
223
|
+
width: f.width,
|
|
224
|
+
height: f.height,
|
|
225
|
+
"max-width": f.maxWidth,
|
|
226
|
+
"max-height": f.maxHeight,
|
|
227
|
+
"floating-class": f.floatingClass,
|
|
228
|
+
style: g(se.value),
|
|
229
|
+
theme: f.theme,
|
|
230
|
+
"reverse-theme": f.reverseTheme,
|
|
232
231
|
"arrow-style": ce.value,
|
|
233
|
-
teleported:
|
|
234
|
-
"append-to":
|
|
235
|
-
transition:
|
|
236
|
-
"css-duration":
|
|
237
|
-
"css-transition":
|
|
238
|
-
onBeforeShow:
|
|
239
|
-
onShow:
|
|
240
|
-
onBeforeHide:
|
|
241
|
-
onHide:
|
|
242
|
-
onBeforeEnter:
|
|
243
|
-
onEnter:
|
|
244
|
-
onAfterEnter:
|
|
245
|
-
onBeforeLeave:
|
|
246
|
-
onLeave:
|
|
247
|
-
onAfterLeave:
|
|
248
|
-
onEnterCancelled:
|
|
249
|
-
onLeaveCancelled:
|
|
232
|
+
teleported: f.teleported,
|
|
233
|
+
"append-to": f.appendTo,
|
|
234
|
+
transition: f.transition,
|
|
235
|
+
"css-duration": f.cssDuration,
|
|
236
|
+
"css-transition": f.cssTransition,
|
|
237
|
+
onBeforeShow: b(N),
|
|
238
|
+
onShow: b(F),
|
|
239
|
+
onBeforeHide: b(P),
|
|
240
|
+
onHide: b(I),
|
|
241
|
+
onBeforeEnter: b(L),
|
|
242
|
+
onEnter: b(R),
|
|
243
|
+
onAfterEnter: b(z),
|
|
244
|
+
onBeforeLeave: b(re),
|
|
245
|
+
onLeave: b(B),
|
|
246
|
+
onAfterLeave: b(V),
|
|
247
|
+
onEnterCancelled: b(H),
|
|
248
|
+
onLeaveCancelled: b(U)
|
|
250
249
|
}, {
|
|
251
|
-
default:
|
|
250
|
+
default: w(() => [ee(e.$slots, "content", {}, () => [f.isHtml ? (v(), u("span", {
|
|
252
251
|
key: 0,
|
|
253
|
-
class:
|
|
254
|
-
innerHTML:
|
|
255
|
-
}, null, 10, j)) : (
|
|
252
|
+
class: h([b(W)("content")]),
|
|
253
|
+
innerHTML: f.content
|
|
254
|
+
}, null, 10, j)) : (v(), u("span", {
|
|
256
255
|
key: 1,
|
|
257
|
-
class:
|
|
258
|
-
},
|
|
256
|
+
class: h([b(W)("content")])
|
|
257
|
+
}, ne(f.content), 3))])]),
|
|
259
258
|
_: 3
|
|
260
259
|
}, 8, "modelValue.placement.show-arrow.width.height.max-width.max-height.floating-class.style.theme.reverse-theme.arrow-style.teleported.append-to.transition.css-duration.css-transition.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled".split("."))], 64));
|
|
261
260
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rappel-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.23",
|
|
4
4
|
"description": "A Vue3 Component Library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"vue",
|
|
@@ -66,10 +66,25 @@
|
|
|
66
66
|
"./es/**/*.css",
|
|
67
67
|
"./cjs/**/*.css",
|
|
68
68
|
"**/style/*.js",
|
|
69
|
+
"**/style/*.mjs",
|
|
69
70
|
"./dist/**/*.css",
|
|
70
71
|
"./theme-chalk/**/*.css",
|
|
71
72
|
"./theme-chalk/src/**/*.scss"
|
|
72
73
|
],
|
|
74
|
+
"peerDependencies": {
|
|
75
|
+
"vue": "^3.2.0"
|
|
76
|
+
},
|
|
77
|
+
"dependencies": {
|
|
78
|
+
"@rappel-ui/svg-icons": "^1.0.13",
|
|
79
|
+
"@vueuse/core": "^14.4.0",
|
|
80
|
+
"dayjs": "^1.11.18",
|
|
81
|
+
"@floating-ui/vue": "^2.0.1"
|
|
82
|
+
},
|
|
83
|
+
"devDependencies": {
|
|
84
|
+
"@types/node": "^22.18.13",
|
|
85
|
+
"vue": "^3.5.26",
|
|
86
|
+
"vue-router": "^4.6.3"
|
|
87
|
+
},
|
|
73
88
|
"scripts": {
|
|
74
89
|
"clean": "rimraf dist"
|
|
75
90
|
}
|