@pantograph/vue 0.28.6 → 0.28.7
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/dist/Avatar/index.js +1 -1
- package/dist/Avatar/index.umd.cjs +1 -1
- package/dist/{Avatar.vue_vue_type_style_index_0_lang-MQITXCju.js → Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js} +29 -31
- package/dist/Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js +1 -0
- package/dist/AvatarGroup/index.js +1 -1
- package/dist/AvatarGroup/index.umd.cjs +1 -1
- package/dist/Combobox/index.js +1 -1
- package/dist/Combobox/index.umd.cjs +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-BOVytQ70.js → Combobox.vue_vue_type_style_index_0_lang-Dbpez_Ag.js} +1 -1
- package/dist/{Combobox.vue_vue_type_style_index_0_lang-CXwlC1VR.js → Combobox.vue_vue_type_style_index_0_lang-DpG8BdPi.js} +1 -1
- package/dist/Comment/index.js +3 -3
- package/dist/Comment/index.umd.cjs +1 -1
- package/dist/Upload/index.js +1 -1
- package/dist/Upload/index.umd.cjs +1 -1
- package/dist/Upload.vue_vue_type_style_index_0_lang-CPgody1-.js +1 -0
- package/dist/{Upload.vue_vue_type_style_index_0_lang-BAvJBrT6.js → Upload.vue_vue_type_style_index_0_lang-rhWj1fgd.js} +206 -206
- package/dist/index.js +3 -3
- package/dist/index.umd.cjs +1 -1
- package/package.json +1 -1
- package/dist/Avatar.vue_vue_type_style_index_0_lang-iFQme6cr.js +0 -1
- package/dist/Upload.vue_vue_type_style_index_0_lang-CacvNdQ6.js +0 -1
package/dist/Avatar/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang
|
|
1
|
+
import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
|
|
2
2
|
export {
|
|
3
3
|
t as Avatar,
|
|
4
4
|
r as AvatarOnlineAlignments,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as O, useSlots as F, computed as l, createElementBlock as
|
|
1
|
+
import { defineComponent as O, useSlots as F, computed as l, createElementBlock as _, openBlock as m, normalizeClass as v, unref as e, createVNode as I, h as z, createBlock as k, withCtx as S, createCommentVNode as x, Fragment as T, mergeProps as H, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
|
|
2
2
|
import { createContext as J, useEmitAsProps as K, AvatarRoot as Q, AvatarImage as U, AvatarFallback as W } from "reka-ui";
|
|
3
|
-
import { getComponentOptions as j, getBemBlock as q, getBemElement as f, generateVariantClassList as d, normCls as
|
|
3
|
+
import { getComponentOptions as j, getBemBlock as q, getBemElement as f, generateVariantClassList as d, normCls as y } from "@pantograph/utils";
|
|
4
4
|
import { cva as D } from "class-variance-authority";
|
|
5
5
|
import { flattenChildren as X } from "@pantograph/utils-vue";
|
|
6
6
|
import { _ as Y } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
|
|
@@ -22,7 +22,7 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
22
22
|
noPopover: { type: Boolean }
|
|
23
23
|
},
|
|
24
24
|
setup(A) {
|
|
25
|
-
const t = A, g = F(), a = q("avatar"), o = f(a, "group"),
|
|
25
|
+
const t = A, g = F(), a = q("avatar"), o = f(a, "group"), B = D(o, {
|
|
26
26
|
variants: {
|
|
27
27
|
gutter: d("gutter", o)
|
|
28
28
|
}
|
|
@@ -30,8 +30,8 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
30
30
|
console.log("props ===>", t), ae({
|
|
31
31
|
props: t
|
|
32
32
|
});
|
|
33
|
-
const i = l(() => t.maxCount ? Number(t.maxCount) : 0),
|
|
34
|
-
() =>
|
|
33
|
+
const i = l(() => t.maxCount ? Number(t.maxCount) : 0), C = l(
|
|
34
|
+
() => B({
|
|
35
35
|
gutter: t.gutter
|
|
36
36
|
})
|
|
37
37
|
), r = l(() => {
|
|
@@ -46,21 +46,21 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
46
46
|
default:
|
|
47
47
|
return "md";
|
|
48
48
|
}
|
|
49
|
-
}),
|
|
50
|
-
const n = X(g.default ? g.default() : []),
|
|
49
|
+
}), c = () => {
|
|
50
|
+
const n = X(g.default ? g.default() : []), u = () => z(oe, { text: `+${n.length - i.value}` });
|
|
51
51
|
return i.value >= 1 && n.length > i.value ? [
|
|
52
52
|
...n.filter((h, p) => p < i.value),
|
|
53
|
-
t.noPopover ?
|
|
53
|
+
t.noPopover ? u() : z(
|
|
54
54
|
Y,
|
|
55
55
|
{
|
|
56
56
|
size: r.value,
|
|
57
57
|
...t.popoverProps ?? {}
|
|
58
58
|
},
|
|
59
59
|
{
|
|
60
|
-
default:
|
|
61
|
-
content: () =>
|
|
60
|
+
default: u,
|
|
61
|
+
content: () => z(
|
|
62
62
|
"div",
|
|
63
|
-
{ class:
|
|
63
|
+
{ class: y(C.value, t.class) },
|
|
64
64
|
{
|
|
65
65
|
default: () => n.filter((h, p) => p >= i.value)
|
|
66
66
|
}
|
|
@@ -69,10 +69,10 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
69
69
|
)
|
|
70
70
|
] : n;
|
|
71
71
|
};
|
|
72
|
-
return (n,
|
|
73
|
-
class: v(e(
|
|
72
|
+
return (n, u) => (m(), _("div", {
|
|
73
|
+
class: v(e(y)(C.value, t.class))
|
|
74
74
|
}, [
|
|
75
|
-
I(
|
|
75
|
+
I(c, { maxCount: n.maxCount }, null, 8, ["maxCount"])
|
|
76
76
|
], 2));
|
|
77
77
|
}
|
|
78
78
|
}), E = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], G = ["gray-subtle", "white", ...se], N = ["circle", "square", "rect"], V = {
|
|
@@ -101,7 +101,7 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
101
101
|
},
|
|
102
102
|
emits: ["loadingStatusChange"],
|
|
103
103
|
setup(A, { emit: t }) {
|
|
104
|
-
const g = F(), a = q("avatar"), o = A, i = K(t),
|
|
104
|
+
const g = F(), a = q("avatar"), o = A, i = K(t), C = D(a, {
|
|
105
105
|
variants: {
|
|
106
106
|
size: d(E, a),
|
|
107
107
|
stroke: d(G, a),
|
|
@@ -113,18 +113,16 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
113
113
|
}
|
|
114
114
|
}), r = o.unExtendParent ? void 0 : te({
|
|
115
115
|
props: o
|
|
116
|
-
}),
|
|
117
|
-
const s =
|
|
118
|
-
console.log("_stroke, stroke.value ===>", z, c.value);
|
|
119
|
-
const M = n.value && N.includes(n.value) ? n.value : "circle", R = V[o.onlineAlignment] ? o.onlineAlignment : "start";
|
|
116
|
+
}), c = l(() => o.size ?? (r == null ? void 0 : r.props.size) ?? "md"), n = l(() => o.shape ?? (r == null ? void 0 : r.props.shape) ?? "circle"), u = l(() => o.stroke ?? (r == null ? void 0 : r.props.stroke)), h = l(() => {
|
|
117
|
+
const s = c.value && E.includes(c.value) ? c.value : "md", P = u.value && G.includes(u.value) ? u.value : "none", M = n.value && N.includes(n.value) ? n.value : "circle", R = V[o.onlineAlignment] ? o.onlineAlignment : "start";
|
|
120
118
|
return {
|
|
121
119
|
size: s,
|
|
122
|
-
stroke:
|
|
120
|
+
stroke: P,
|
|
123
121
|
shape: M,
|
|
124
122
|
onlineAlignment: R
|
|
125
123
|
};
|
|
126
124
|
}), p = l(() => {
|
|
127
|
-
switch (
|
|
125
|
+
switch (c.value) {
|
|
128
126
|
case "lg":
|
|
129
127
|
case "xlg":
|
|
130
128
|
return "tiny";
|
|
@@ -132,7 +130,7 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
132
130
|
return "tinier";
|
|
133
131
|
}
|
|
134
132
|
}), L = l(() => {
|
|
135
|
-
switch (
|
|
133
|
+
switch (c.value) {
|
|
136
134
|
case "lg":
|
|
137
135
|
case "xlg":
|
|
138
136
|
return "sm";
|
|
@@ -145,23 +143,23 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
145
143
|
return "xsm";
|
|
146
144
|
}
|
|
147
145
|
});
|
|
148
|
-
return (s,
|
|
146
|
+
return (s, P) => (m(), k(e(Q), {
|
|
149
147
|
as: "div",
|
|
150
|
-
class: v(e(
|
|
148
|
+
class: v(e(y)(e(C)(h.value), o.class))
|
|
151
149
|
}, {
|
|
152
150
|
default: S(() => [
|
|
153
|
-
!g.default && !s.text ? (m(),
|
|
154
|
-
s.src ? (m(),
|
|
151
|
+
!g.default && !s.text ? (m(), _(T, { key: 0 }, [
|
|
152
|
+
s.src ? (m(), k(e(U), H({ key: 0 }, e(i), {
|
|
155
153
|
src: s.src,
|
|
156
154
|
alt: s.alt,
|
|
157
155
|
class: e(f)(e(a), "image")
|
|
158
|
-
}), null, 16, ["src", "alt", "class"])) :
|
|
156
|
+
}), null, 16, ["src", "alt", "class"])) : x("", !0),
|
|
159
157
|
I(e(W), {
|
|
160
158
|
class: v(e(f)(e(a), "fallback"))
|
|
161
159
|
}, {
|
|
162
160
|
default: S(() => [
|
|
163
161
|
b(s.$slots, "fallback", {}, () => [
|
|
164
|
-
s.fallback ?
|
|
162
|
+
s.fallback ? x("", !0) : (m(), k(e(Z), {
|
|
165
163
|
key: 0,
|
|
166
164
|
icon: s.icon,
|
|
167
165
|
size: L.value
|
|
@@ -171,7 +169,7 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
171
169
|
]),
|
|
172
170
|
_: 3
|
|
173
171
|
}, 8, ["class"])
|
|
174
|
-
], 64)) : (m(),
|
|
172
|
+
], 64)) : (m(), _("span", {
|
|
175
173
|
key: 1,
|
|
176
174
|
class: v(e(f)(e(a), "image"))
|
|
177
175
|
}, [
|
|
@@ -179,12 +177,12 @@ const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
|
|
|
179
177
|
$(w(s.text), 1)
|
|
180
178
|
])
|
|
181
179
|
], 2)),
|
|
182
|
-
s.online ? (m(),
|
|
180
|
+
s.online ? (m(), k(ee, {
|
|
183
181
|
key: 2,
|
|
184
182
|
color: s.onlineColor,
|
|
185
183
|
size: p.value,
|
|
186
184
|
class: v(e(f)(e(a), "online"))
|
|
187
|
-
}, null, 8, ["color", "size", "class"])) :
|
|
185
|
+
}, null, 8, ["color", "size", "class"])) : x("", !0)
|
|
188
186
|
]),
|
|
189
187
|
_: 3
|
|
190
188
|
}, 8, ["class"]));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),p=require("reka-ui"),t=require("@pantograph/utils"),z=require("class-variance-authority"),E=require("@pantograph/utils-vue"),b=require("./HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js");require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js");const N=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),w=require("./Indicator.vue_vue_type_script_setup_true_lang-g2dBu5LK.js"),G=require("./BaseBadge.model-DecqxaGN.js"),[x,y]=p.createContext("AvatarGroup"),L=e.defineComponent({...t.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},stroke:{default:"white"},shape:{},popoverProps:{},maxCount:{},noPopover:{type:Boolean}},setup(g){const a=g,v=e.useSlots(),n=t.getBemBlock("avatar"),r=t.getBemElement(n,"group"),f=z.cva(r,{variants:{gutter:t.generateVariantClassList("gutter",r)}});console.log("props ===>",a),y({props:a});const c=e.computed(()=>a.maxCount?Number(a.maxCount):0),d=e.computed(()=>f({gutter:a.gutter})),o=e.computed(()=>{switch(a.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),u=()=>{const l=E.flattenChildren(v.default?v.default():[]),i=()=>e.h(S,{text:`+${l.length-c.value}`});return c.value>=1&&l.length>c.value?[...l.filter((C,m)=>m<c.value),a.noPopover?i():e.h(b._sfc_main,{size:o.value,...a.popoverProps??{}},{default:i,content:()=>e.h("div",{class:t.normCls(d.value,a.class)},{default:()=>l.filter((C,m)=>m>=c.value)})})]:l};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(d.value,a.class))},[e.createVNode(u,{maxCount:l.maxCount},null,8,["maxCount"])],2))}}),k=["2xsm","xsm","sm","md","lg","xlg"],_=["gray-subtle","white",...G.BadgeColors],A=["circle","square","rect"],B={start:"online-start",end:"online-end"},S=e.defineComponent({...t.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{},stroke:{},shape:{},online:{type:Boolean},unExtendParent:{type:Boolean,default:!1},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},crossOrigin:{},delayMs:{}},emits:["loadingStatusChange"],setup(g,{emit:a}){const v=e.useSlots(),n=t.getBemBlock("avatar"),r=g,f=a,c=p.useEmitAsProps(f),d=z.cva(n,{variants:{size:t.generateVariantClassList(k,n),stroke:t.generateVariantClassList(_,n),shape:t.generateVariantClassList(A,n),onlineAlignment:t.generateVariantClassList(B,n)}}),o=r.unExtendParent?void 0:x({props:r}),u=e.computed(()=>r.size??(o==null?void 0:o.props.size)??"md"),l=e.computed(()=>r.shape??(o==null?void 0:o.props.shape)??"circle"),i=e.computed(()=>r.stroke??(o==null?void 0:o.props.stroke)),C=e.computed(()=>{const s=u.value&&k.includes(u.value)?u.value:"md",h=i.value&&_.includes(i.value)?i.value:"none",P=l.value&&A.includes(l.value)?l.value:"circle",q=B[r.onlineAlignment]?r.onlineAlignment:"start";return{size:s,stroke:h,shape:P,onlineAlignment:q}}),m=e.computed(()=>{switch(u.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),V=e.computed(()=>{switch(u.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(s,h)=>(e.openBlock(),e.createBlock(e.unref(p.AvatarRoot),{as:"div",class:e.normalizeClass(e.unref(t.normCls)(e.unref(d)(C.value),r.class))},{default:e.withCtx(()=>[!v.default&&!s.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(c),{src:s.src,alt:s.alt,class:e.unref(t.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.AvatarFallback),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"fallback",{},()=>[s.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:s.icon,size:V.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(s.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"image"))},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])],2)),s.online?(e.openBlock(),e.createBlock(w._sfc_main,{key:2,color:s.onlineColor,size:m.value,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=B;exports.AvatarShapes=A;exports.AvatarSizes=k;exports.AvatarStrokes=_;exports._sfc_main=S;exports._sfc_main$1=L;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
|
package/dist/Combobox/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as s, a as t, C as x, b as C, i as a, p as e } from "../Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as s, a as t, C as x, b as C, i as a, p as e } from "../Combobox.vue_vue_type_style_index_0_lang-DpG8BdPi.js";
|
|
2
2
|
export {
|
|
3
3
|
s as Combobox,
|
|
4
4
|
t as ComboboxInput,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../Combobox.vue_vue_type_style_index_0_lang-Dbpez_Ag.js");exports.Combobox=o._sfc_main;exports.ComboboxInput=o._sfc_main$1;exports.ComboboxSizes=o.ComboboxSizes;exports.ComboboxStatuses=o.ComboboxStatuses;exports.injectComboboxContext=o.injectComboboxContext;exports.provideComboboxContext=o.provideComboboxContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),_e=require("reka-ui"),x=require("es-toolkit"),k=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),dt=require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js"),Me=require("class-variance-authority"),he=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),ye=require("./Avatar.vue_vue_type_style_index_0_lang-iFQme6cr.js"),Re=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),gt=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-Dlaf6rTD.js"),we=require("./Chip.vue_vue_type_style_index_0_lang-Cr9OkEzs.js"),mt=require("./Input.vue_vue_type_script_setup_true_lang-DrNJ4wW-.js"),qe=require("@vueuse/core"),Fe=require("./MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js"),K=require("./isArray-Bin_5of_.js"),vt=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),ft=require("./Empty.vue_vue_type_style_index_0_lang-DweNvcXn.js"),fe=require("./Tree.vue_vue_type_style_index_0_lang-y5ybjpV4.js"),yt=require("./Checkbox.vue_vue_type_style_index_0_lang-BrNExnEV.js");require("@pantograph/tokens");const _t=require("./Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),ht=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("./index-4j_iV_pN.js"),Ct=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-CyGHtFPF.js"),Te=require("./head-Bg_QoIT5.js"),[pe,Ke]=_e.createContext("Combobox"),O=r.getBemBlock("combobox"),Ne=r.getBemModifier(O,"value-placeholder"),De=r.getBemElement(O,"option"),Ce=["sm","md","lg"],Ge=["error","warning","success"],ke=e.defineComponent({...r.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(G){const o=G,p=e.useSlots(),n=pe();qe.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const b=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=r.getBemElement(O,"input");return(z,h)=>(e.openBlock(),e.createBlock(e.unref(mt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o},{placeholder:b.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(r.normCls)(e.unref(F),{[e.unref(Ne)]:e.unref(n).valuePlaceholder.value},o.class),modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":h[0]||(h[0]=g=>e.unref(n).searchModel.value=g)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(x.omit)(p,["leading"])),g=>({name:g,fn:e.withCtx(m=>[e.renderSlot(z.$slots,g,e.normalizeProps(e.guardReactiveProps(m)))])})),e.unref(n).props.headerSearch?{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)),()=>[e.createVNode(e.unref(he._sfc_main),{size:g.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)))]),key:"1"}]),1040,["placeholder","onKeydown","class","modelValue"]))}}),kt=e.defineComponent({...r.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(G){const o=pe(),p=({value:i})=>{i&&K.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(C=>C!==i))},n=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),b=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!r.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=b.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),h=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var f,y;const i=x.cloneDeep(o.model.value),C=K.isArray(o.model.value);return{modelValue:i,open:x.cloneDeep(o.openModel.value),option:C?void 0:o.getOptionByValue(o.model.value),options:C?(y=(f=o.model.value).map)==null?void 0:y.call(f,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=r.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:r.generateVariantClassList(Ce,s),headerSearch:r.generateVariantClassList("header-search",s),status:r.generateVariantClassList(Ge,s),bordered:r.generateVariantClassList("bordered",s),multiple:r.generateVariantClassList("multiple",s),contentFit:r.generateVariantClassList("content-fit",s),wrapped:r.generateVariantClassList("wrapped",s),filled:r.generateVariantClassList("filled",s)}}),N=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:r.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&r.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!r.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),v=(i,C=n.value)=>e.h(he._sfc_main,{icon:i,size:C}),j=()=>{var f,y;let i;const C=(y=(f=o.slots).triggerTrailing)==null?void 0:y.call(f,g.value);if(!k.isEmptyElement(C))i=C;else if(h.value&&h.value){const L=h.value===!0?"tabler:chevron-down":h.value;i=v(L)}if(i)return e.h("div",{class:r.normCls(r.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var f,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(ye._sfc_main,{size:o.getTagSize.value,...C?((y=(f=o.props).getTagProps)==null?void 0:y.call(f,C))??{}:{}})},Z=i=>{var f,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(Re._sfc_main,{...C?((y=(f=o.props).getTagProps)==null?void 0:y.call(f,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let f;x.isString(o.model.value)&&!r.isEmptyLikeLodash(o.model.value)&&(f=o.model.value);const y=f?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Fe.getMenuContentSlotProps(o.props.size,m(f))):null,L=!k.isEmptyElement(y);if(L||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||z.value||o.props.leadingIcon){let T;if(L?T=y:o.props.tagRenderMode==="avatar"?T=$(o.model.value):o.props.tagRenderMode==="go"?T=Z(o.model.value):z.value?T=v(z.value):o.props.leadingIcon&&(T=v(o.props.leadingIcon)),!k.isEmptyElement(T))return e.h("div",{class:r.normCls(r.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,J;const i=(J=(te=o.slots).trigger)==null?void 0:J.call(te,g.value);if(!k.isEmptyElement(i))return e.h(_e.Slot,x.omit(N.value,["class"]),()=>i);const f=()=>{const V=[],Q=[r.getBemElement(s,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],D=(()=>{if(o.props.multiple&&K.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(ye._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(we._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const de=()=>o.getLabelByValue(X),ae=({size:ge})=>{const A=F(o.getOptionByValue(X))??o.props.leadingIcon;return A?v(A,ge):null},se=o.getOptionByValue(X);return e.h(we._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:r.normCls(r.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:r.getBemElement(s,"tag__close")},{text:de,leading:ae})}))}})();if(D&&V.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&V.push(e.h("div",{class:r.normCls(r.getBemElement(s,"content__value"),{[Ne]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):V.push(e.h(ke,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!k.isEmptyElement(V)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:r.getBemElement(s,"content")},V)},y=[],L=re();k.isEmptyElement(L)||y.push(L),y.push(f());const T=j();return k.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),Ae=e.defineComponent({...r.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),b=h=>{var s,R,N,v,j,$;const g=[];!p.props.tree&&p.props.multiple&&p.props.checkbox&&!o.option._noCheckbox&&g.push(e.h(yt._sfc_main,{unExtendParent:!0,modelValue:n.value,size:h.checkboxSize,disabled:o.option._disabled}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...h,option:o.option});return k.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(ye._sfc_main,{size:h.avatarSize,...((v=(N=p.props).getTagProps)==null?void 0:v.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(Re._sfc_main,{size:h.iconSize,...(($=(j=p.props).getTagProps)==null?void 0:$.call(j,o.option))??{}})):o.option._icon&&g.push(e.h(he._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),k.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const h=p.props.tree?void 0:o.option._description,g=(x.isFunction(p.props.getMenuItemProps)?p.props.getMenuItemProps(o.option):p.props.getMenuItemProps)??{};return e.h(Fe._sfc_main$1,{unExtendParent:!0,class:r.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:h,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!h,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:b,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(h,g)=>(e.openBlock(),e.createBlock(z))}}),bt=e.defineComponent({...r.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),xt=e.defineComponent({...r.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{},noTrigger:{type:Boolean}},emits:["update:modelValue","update:expandedKeys","keydownEnter","keydownEscape","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(G,{expose:o,emit:p}){const n=G,b=p,F=()=>{var t,l;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((l=n.filterOptions)==null?void 0:l.expandParent)==="expand"&&N(V.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{b("search",t),F()},500),h=k.useVModel(n,"search",b,{passive:n.search===void 0,onChange:z}),g=qe.refDebounced(h,500),m=k.useVModel(n,"open",b,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(h.value=void 0)}}),s=k.useVModel(n,"modelValue",b,{passive:n.modelValue===void 0,onChange:()=>{var t,l;m.value&&!n.multiple&&(m.value=!1),A!=null&&A.value&&n.sortSelectedItems&&((l=(t=A==null?void 0:A.value)==null?void 0:t.measure)==null||l.call(t))}}),R=k.useVModel(n,"expandedKeys",b,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),v=e.useSlots(),j=_e.useEmitAsProps(b),$=e.computed(()=>({...x.omit(j,["update:modelValue","update:search","select"]),...x.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size","noTrigger"])})),Z=e.ref();k.useLazyLoading({target:Z});const re=r.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:r.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:r.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:r.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:r.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:r.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:r.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:r.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:r.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,l)=>{var c;const a=`get${l[0].toUpperCase()+l.slice(1)}`;return(c=ee[a])==null?void 0:c.call(ee,t)},C=(t,l,a)=>!!(!n.tree&&!(l!=null&&l.length)&&(a!=null&&a.length)),f=e.computed(()=>fe.flattenByParentKeys({getValue:(t,l,a)=>{const c=i(t,"value");return r.isEmptyLikeLodash(c)&&C(t,l,a)?r.usePCId(De):c},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,l)=>{if(!(l!=null&&l.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let l=i(t,"label");return r.isEmptyLikeLodash(l)||(l=String(l)),{_description:i(t,"description"),_label:l,_title:n.tree?l:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon")}}},allowNoValidKey:C})),y=(t,l=!1)=>t?f.value.filter(a=>{var c;if(l){const B=x.last(a._parentKeys??[]);return B&&B===t}return(c=a._parentKeys)==null?void 0:c.includes(t)}):[],L=t=>{var l;if((l=f.value)!=null&&l.length&&!r.isEmptyLikeLodash(t))return f.value.find(a=>a._key===t)},T=t=>{const l=L(t);return l&&(l._label||l._key)||t},te=t=>{const l=L(t);return l?l._single??!1:!1},J=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,V=e.computed(()=>{var c,B;let t=[];const l=new Set,a=u=>{u!=null&&u._key&&!l.has(u._key)&&(t.push(x.cloneDeep(u)),l.add(u._key))};if(g.value?(f.value.forEach(u=>{var _,w;if(u._label&&u._label.toLowerCase().includes(g.value.toLowerCase())&&!l.has(u._key)){if(a(u),u._hasChildren&&y(u._key).forEach(a),(_=n.filterOptions)!=null&&_.strictNode)u._parentKeys&&u._parentKeys.forEach(d=>{if(!l.has(d)){const U=L(d);a(U)}});else if((w=u._parentKeys)!=null&&w.length){const d=Te.head(u._parentKeys);if(!r.isEmptyLikeLodash(d)){if(!l.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((u,I)=>f.value.findIndex(_=>_._key===u._key)-f.value.findIndex(_=>_._key===I._key))):t=x.cloneDeep(f.value),n.sortSelectedItems&&!n.tree&&!r.isEmptyLikeLodash(s.value)){let u=x.cloneDeep(t);const I=u.filter(E=>J(E._key)),_=Symbol("root"),w=Symbol("rootGroup"),d={},U=(E,M,P=1)=>{const q=u.splice(E,P);u.splice(M,0,...q)},H=E=>E?u.findIndex(M=>M._key===E):-1,ue=E=>{const M=d[E],P=H(M==null?void 0:M.key);return M!=null&&M.length?P+M.length+1:P+1};I.forEach(E=>{var M;if((M=E._parentKeys)!=null&&M.length){const P=Te.head(E._parentKeys);let q=H(P);const Le=Math.max(ue(_),ue(w));if(q>Le){const ce=y(P).length;U(q,Le,ce+1)}if(d[w]={key:P,length:y(P).length},q=H(P),P&&q>-1){const ce=H(E._key);if(d[P]===void 0)U(ce,q+1);else{const pt=ue(P);U(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(_);P>q&&U(P,q),d[_]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}u=x.cloneDeep(u)}),t=u}if(!n.tree){const u=x.cloneDeep(t);for(let I=0;I<u.length-1;I++){const _=u[I],w=u[I+1];!w._divider&&(w._hasChildren||(c=_._parentKeys)!=null&&c.length&&!((B=w._parentKeys)!=null&&B.length))&&(u.splice(I+1,0,{_key:r.usePCId(De),_divider:!0}),I++)}t=u}return t});F();const{getDisabled:Q,getStatus:be,getSize:D}=k.useFormInput(),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),de=e.computed(()=>{switch(D.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),ae=e.ref(),se={sm:4,md:6,lg:8},oe={sm:14,md:16},ne={sm:32,md:50,lg:54},ge=e.computed(()=>({get count(){return V.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const l=V.value[t];if(!n.tree&&l){if(l._divider)return 1;if(l._label&&l._hasChildren)return 8+(oe[D.value]??oe.md);if(l._description)return ne[D.value]??ne.md}return ze.systemSizesMap[D.value]??ze.systemSizesMap.md},overscan:5,get gap(){return se[D.value]??0}}));let A,W;if(n.virtual){const{virtualizer:t,...l}=k.useVirtualScroll(ge);A=t,W=l}const $e=e.computed(()=>{var t;return n.virtual?(((t=A==null?void 0:A.value)==null?void 0:t.getVirtualItems())??[]).map(l=>V.value[l.index]):V.value}),We=e.computed(()=>(W==null?void 0:W.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:He,focused:je}=k.useInputDataStates({getDisabled:()=>Q.value}),Y=e.ref(),me=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const l=setTimeout(()=>{var a,c;(c=(a=Y.value)==null?void 0:a.focus)==null||c.call(a),clearTimeout(l)},100);Y.value.input.style.pointerEvents=""}},xe=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!r.isEmptyLikeLodash(s.value[0]):!r.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(xe.value){if(n.multiple&&K.isArray(s.value))return T(x.last(s.value));if(!n.multiple&&!K.isArray(s.value))return T(s.value)}}),{CollectionSlot:Qe,CollectionItem:Be,itemMap:Xe,getItems:Se}=k.useCollection({isProvider:!0,key:O}),Ee=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Pe=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Oe=(t,l)=>{var a,c;if(l&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((c=le.value)==null||c.onSelect(t,!J(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],b("select",void 0,!1);else if(t._single)s.value=[t._key],b("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const u=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),u?(s.value=B.filter(I=>I!==t._key),b("select",t._key,!0,t)):(s.value=[...B,t._key],b("select",t._key,!1,t))}else t._clear?(s.value=void 0,b("select",void 0,!1)):(s.value=t._key,b("select",t._key,!0,t))},{getDir:Ye}=Ct.useConfig(),ie=Ye(),Ve={props:n,emit:b,onKeyDown:t=>{var l,a,c,B,u,I;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&r.isEmptyLikeLodash(h.value))s.value=s.value.slice(0,-1);else if(!m.value)(t.key==="ArrowDown"||t.key==="Enter")&&(m.value=!0);else if(m.value){const _=Se(n.tree);if(t.key==="Escape")m.value=!1;else if(t.key==="Tab"&&!n.headerSearch)m.value=!1;else if(["ArrowDown","ArrowUp"].includes(t.key)){if(_.length){const w=_.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=_[w+1];S.value=(d==null?void 0:d.value)??S.value??_[0].value}else if(t.key==="ArrowUp"){const d=_[w-1];S.value=(d==null?void 0:d.value)??_[0].value}(a=(l=_.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:l.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);_.length&&le.value&&n.tree&&S.value&&w&&((c=R.value)!=null&&c.includes(S.value)&&(ie.value==="ltr"&&t.key==="ArrowLeft"||ie.value==="rtl"&&t.key==="ArrowRight")||!((B=R.value)!=null&&B.includes(S.value))&&(ie.value==="ltr"&&t.key==="ArrowRight"||ie.value==="rtl"&&t.key==="ArrowLeft"))&&((I=(u=le.value).onExpandKey)==null||I.call(u,w))}else t.key==="Enter"&&(_.length===1&&_[0].value&&S.value!==_[0].value&&(S.value=_[0].value),S.value&&Oe(L(S.value),!0),b("keydownEnter",t,h.value));t.key==="Escape"&&b("keydownEscape",t)}},searchModel:h,openModel:m,model:s,slots:v,valuePlaceholder:xe,placeholder:Je,getOptionByValue:L,isOptionSelected:J,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:me,getDisabled:Q,getStatus:be,getSize:D,getTagSize:X,getIconSize:de,comboboxInputBinding:Ue,comboboxTriggerBinding:He,comboboxInputFocused:je,selectOption:Oe,itemMap:Xe,getItems:Se,highlightedOptionKey:S};Ke(Ve),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:A,syncCheckboxAndSelect:n.multiple,data:V.value,modelValue:Ee(),checkedKeys:Ee(),class:r.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[r.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(W==null?void 0:W.scrollWrapperStyles.value)??{}}}}),Ie=r.getBemElement(O,"popup"),tt=Me.cva(Ie,{variants:{size:r.generateVariantClassList(Ce,Ie)}}),ot=e.computed(()=>r.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>r.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>r.getPxSize(n.minWidth,!0)),rt=()=>{var a,c;const t=(c=v.header)==null?void 0:c.call(v,{isEmpty:!((a=V.value)!=null&&a.length),search:h.value}),l=!k.isEmptyElement(t);if(l||n.headerSearch)return e.h("div",{class:r.getBemElement(O,"header")},l?t:e.h(ke,n.headerSearchInputProps||{}))},at=()=>{var a,c;const t=(c=v.footer)==null?void 0:c.call(v,{isEmpty:!((a=V.value)!=null&&a.length),search:h.value});if(!k.isEmptyElement(t))return e.h("div",{class:r.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:r.normCls(r.getBemElement(O,"empty"),n.emptyCls)},l=(a=v.empty)==null?void 0:a.call(v,t);return k.isEmptyElement(l)?e.h(ft._sfc_main,t,{title:v.emptyTitle,description:v.emptyDescription,actions:v.emptyActions,image:v.emptyImage}):l},it=()=>{var a;const t=(a=v.loading)==null?void 0:a.call(v,{});return k.isEmptyElement(t)?new Array(V.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(_t._sfc_main,{size:D.value,class:r.normCls(r.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,l,a)=>{const c=t._clear;if(n.multiple){const B=t._single;c?s.value=[]:B?s.value=[t._key]:s.value=a}else c||!l?s.value=void 0:s.value=t._key;b("select",t._key,l,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&k.useDisableBodyPointerEvents(m),o(Ve),(t,l)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":l[2]||(l[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:me},noPadding:!0,size:e.unref(D),containerStyle:{pointerEvents:"auto",display:e.unref(m)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:ot.value,"--ptc-combobox-popup-height":nt.value,"--ptc-combobox-trigger-min-w":lt.value},containerCls:e.unref(r.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(kt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(vt._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[V.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:l[1]||(l[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(fe._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":l[0]||(l[0]=a=>e.isRef(R)?R.value=a:null),onExpand:me,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,c=>(e.openBlock(),e.createBlock(e.unref(Be),{key:c._key,value:c._key},{default:e.withCtx(()=>[e.createVNode(e.unref(fe._sfc_main$1),e.mergeProps({node:c},{ref_for:!0},Pe(c),{onPointermove:B=>ve(c._key)}),{default:e.withCtx(()=>[e.createVNode(Ae,{option:c},null,8,["option"])]),_:2},1040,["node","onPointermove"])]),_:2},1032,["value"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($e.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a._key},[a._divider?(e.openBlock(),e.createBlock(ht._sfc_main,{key:0})):a._label&&a._hasChildren?(e.openBlock(),e.createBlock(bt,{key:1,label:a._label},null,8,["label"])):a._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Be),{key:2,value:a._key},{default:e.withCtx(()=>[e.createVNode(Ae,e.mergeProps({option:a},{ref_for:!0},Pe(a),{onPointermove:c=>ve(a._key)}),null,16,["option","onPointermove"])]),_:2},1032,["value"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(it,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(st,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"lazy_loading_trigger")),ref_key:"target",ref:Z},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(at)]),_:1},16,["open","containerProps","size","containerStyle","containerCls"]))}});exports.ComboboxSizes=Ce;exports.ComboboxStatuses=Ge;exports._sfc_main=xt;exports._sfc_main$1=ke;exports.injectComboboxContext=pe;exports.provideComboboxContext=Ke;
|
|
1
|
+
"use strict";const e=require("vue"),_e=require("reka-ui"),x=require("es-toolkit"),k=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),dt=require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js"),Me=require("class-variance-authority"),he=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),ye=require("./Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js"),Re=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),gt=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-Dlaf6rTD.js"),we=require("./Chip.vue_vue_type_style_index_0_lang-Cr9OkEzs.js"),mt=require("./Input.vue_vue_type_script_setup_true_lang-DrNJ4wW-.js"),qe=require("@vueuse/core"),Fe=require("./MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js"),K=require("./isArray-Bin_5of_.js"),vt=require("./ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),ft=require("./Empty.vue_vue_type_style_index_0_lang-DweNvcXn.js"),fe=require("./Tree.vue_vue_type_style_index_0_lang-y5ybjpV4.js"),yt=require("./Checkbox.vue_vue_type_style_index_0_lang-BrNExnEV.js");require("@pantograph/tokens");const _t=require("./Skeleton.vue_vue_type_style_index_0_lang-vZBJnVJj.js"),ht=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),ze=require("./index-4j_iV_pN.js"),Ct=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-CyGHtFPF.js"),Te=require("./head-Bg_QoIT5.js"),[pe,Ke]=_e.createContext("Combobox"),O=r.getBemBlock("combobox"),Ne=r.getBemModifier(O,"value-placeholder"),De=r.getBemElement(O,"option"),Ce=["sm","md","lg"],Ge=["error","warning","success"],ke=e.defineComponent({...r.getComponentOptions("ComboboxInput"),__name:"ComboboxInput",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:void 0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},setup(G){const o=G,p=e.useSlots(),n=pe();qe.whenever(()=>n.openModel.value&&n.inputRef.value,n.focusOnInput),e.onBeforeUnmount(()=>{n.comboboxInputFocused.value=!1});const b=e.computed(()=>{const z=o.placeholder??n.props.placeholder??"";return(n.props.headerSearch?z:n.placeholder.value)??z}),F=r.getBemElement(O,"input");return(z,h)=>(e.openBlock(),e.createBlock(e.unref(mt._sfc_main),e.mergeProps({...e.unref(n).comboboxInputBinding.value,...o},{placeholder:b.value,onKeydown:e.unref(n).onKeyDown,ref:e.unref(n).inputRef,class:e.unref(r.normCls)(e.unref(F),{[e.unref(Ne)]:e.unref(n).valuePlaceholder.value},o.class),modelValue:e.unref(n).searchModel.value,"onUpdate:modelValue":h[0]||(h[0]=g=>e.unref(n).searchModel.value=g)}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(x.omit)(p,["leading"])),g=>({name:g,fn:e.withCtx(m=>[e.renderSlot(z.$slots,g,e.normalizeProps(e.guardReactiveProps(m)))])})),e.unref(n).props.headerSearch?{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)),()=>[e.createVNode(e.unref(he._sfc_main),{size:g.iconSize,icon:"tabler:search",flipOnDir:"rtl"},null,8,["size"])])]),key:"0"}:{name:"leading",fn:e.withCtx(g=>[e.renderSlot(z.$slots,"leading",e.normalizeProps(e.guardReactiveProps(g)))]),key:"1"}]),1040,["placeholder","onKeydown","class","modelValue"]))}}),kt=e.defineComponent({...r.getComponentOptions("ComboboxTrigger"),__name:"ComboboxTrigger",setup(G){const o=pe(),p=({value:i})=>{i&&K.isArray(o.model.value)&&!o.getDisabled.value&&(o.model.value=o.model.value.filter(C=>C!==i))},n=e.computed(()=>{switch(o.getSize.value){case"sm":return"2xsm";case"md":default:return"xsm"}}),b=e.computed(()=>{if(!o.props.multiple&&x.isString(o.model.value)&&!r.isEmptyLikeLodash(o.model.value))return o.getOptionByValue(o.model.value)}),F=(i=b.value)=>{if(o.props.selectedItemIconAsTrailingIcon&&(i!=null&&i._icon))return i._icon},z=e.computed(()=>F()),h=e.computed(()=>{if(!o.props.noTrailing)return o.props.trailingIcon??"tabler:chevron-down"}),g=e.computed(()=>{var f,y;const i=x.cloneDeep(o.model.value),C=K.isArray(o.model.value);return{modelValue:i,open:x.cloneDeep(o.openModel.value),option:C?void 0:o.getOptionByValue(o.model.value),options:C?(y=(f=o.model.value).map)==null?void 0:y.call(f,o.getOptionByValue).filter(Boolean):void 0}}),m=i=>({...g.value,option:o.getOptionByValue(i)}),s=r.getBemElement(O,"trigger"),R=Me.cva(s,{variants:{size:r.generateVariantClassList(Ce,s),headerSearch:r.generateVariantClassList("header-search",s),status:r.generateVariantClassList(Ge,s),bordered:r.generateVariantClassList("bordered",s),multiple:r.generateVariantClassList("multiple",s),contentFit:r.generateVariantClassList("content-fit",s),wrapped:r.generateVariantClassList("wrapped",s),filled:r.generateVariantClassList("filled",s)}}),N=e.computed(()=>({type:"button",disabled:o.getDisabled.value,tabindex:o.getDisabled.value||!o.props.headerSearch?-1:0,"data-disabled":o.getDisabled.value?"":void 0,"aria-disabled":o.getDisabled.value??void 0,"aria-label":"Show popup","aria-haspopup":"listbox","aria-expanded":o.openModel.value,"data-state":o.openModel.value?"open":"closed",class:r.normCls(R({size:o.getSize.value,status:o.getStatus.value==="success"&&r.isEmptyLikeLodash(o.model.value)?void 0:o.getStatus.value,bordered:o.props.bordered,multiple:o.props.multiple,contentFit:o.props.contentFit,wrapped:o.props.wrapped,filled:!r.isEmptyLikeLodash(o.model.value),headerSearch:o.props.headerSearch}),o.props.triggerCls),...o.comboboxTriggerBinding.value})),v=(i,C=n.value)=>e.h(he._sfc_main,{icon:i,size:C}),j=()=>{var f,y;let i;const C=(y=(f=o.slots).triggerTrailing)==null?void 0:y.call(f,g.value);if(!k.isEmptyElement(C))i=C;else if(h.value&&h.value){const L=h.value===!0?"tabler:chevron-down":h.value;i=v(L)}if(i)return e.h("div",{class:r.normCls(r.getBemElement(s,"trailing"),o.props.triggerTrailingCls)},i)},$=i=>{var f,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(ye._sfc_main,{size:o.getTagSize.value,...C?((y=(f=o.props).getTagProps)==null?void 0:y.call(f,C))??{}:{}})},Z=i=>{var f,y;const C=o.getOptionByValue(i)??{_key:i};return e.h(Re._sfc_main,{...C?((y=(f=o.props).getTagProps)==null?void 0:y.call(f,C))??{}:{},size:o.getTagSize.value})},re=()=>{var i,C;if(!o.props.multiple&&!K.isArray(o.model.value)&&o.model.value){let f;x.isString(o.model.value)&&!r.isEmptyLikeLodash(o.model.value)&&(f=o.model.value);const y=f?(C=(i=o.slots).optionLeading)==null?void 0:C.call(i,Fe.getMenuContentSlotProps(o.props.size,m(f))):null,L=!k.isEmptyElement(y);if(L||o.props.tagRenderMode&&["avatar","go"].includes(o.props.tagRenderMode)||z.value||o.props.leadingIcon){let T;if(L?T=y:o.props.tagRenderMode==="avatar"?T=$(o.model.value):o.props.tagRenderMode==="go"?T=Z(o.model.value):z.value?T=v(z.value):o.props.leadingIcon&&(T=v(o.props.leadingIcon)),!k.isEmptyElement(T))return e.h("div",{class:r.normCls(r.getBemElement(s,"leading"),o.props.triggerLeadingCls)},T)}}},ee=()=>{var te,J;const i=(J=(te=o.slots).trigger)==null?void 0:J.call(te,g.value);if(!k.isEmptyElement(i))return e.h(_e.Slot,x.omit(N.value,["class"]),()=>i);const f=()=>{const V=[],Q=[r.getBemElement(s,"tags"),o.props.triggerContentCls,o.props.triggerContentValueCls],D=(()=>{if(o.props.multiple&&K.isArray(o.model.value)){if(o.props.tagRenderMode==="avatar")return e.h(ye._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q},()=>o.model.value.map($));if(o.props.tagRenderMode==="go")return e.h(gt._sfc_main,{maxCount:o.props.maxCount,size:o.getTagSize.value,closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q},()=>o.model.value.map(Z));if(o.props.tagRenderMode==="chip")return e.h(we._sfc_main$1,{maxCount:o.props.maxCount,size:o.getTagSize.value,color:"primary",closeable:!o.getDisabled.value,noPopover:!0,noWrap:!o.props.wrapped,class:Q,onClose:p},()=>o.model.value.map(X=>{var oe,ne;const de=()=>o.getLabelByValue(X),ae=({size:ge})=>{const A=F(o.getOptionByValue(X))??o.props.leadingIcon;return A?v(A,ge):null},se=o.getOptionByValue(X);return e.h(we._sfc_main,{...se?((ne=(oe=o.props).getTagProps)==null?void 0:ne.call(oe,se))??{}:{},value:X,class:r.normCls(r.getBemElement(s,"tag"),o.props.tagCls),closeIconCls:r.getBemElement(s,"tag__close")},{text:de,leading:ae})}))}})();if(D&&V.push(D),o.props.headerSearch?(!o.props.noValueOnPlaceholder||o.props.placeholder)&&V.push(e.h("div",{class:r.normCls(r.getBemElement(s,"content__value"),{[Ne]:o.valuePlaceholder.value})},o.placeholder.value??o.props.placeholder)):V.push(e.h(ke,{noValueOnPlaceholder:o.props.noValueOnPlaceholder,searchIcon:!1,bordered:!1,simple:!0})),!k.isEmptyElement(V)||!o.props.contentFit||o.props.trailingIcon)return e.h("div",{class:r.getBemElement(s,"content")},V)},y=[],L=re();k.isEmptyElement(L)||y.push(L),y.push(f());const T=j();return k.isEmptyElement(T)||y.push(T),e.h("button",N.value,y)};return(i,C)=>(e.openBlock(),e.createBlock(ee))}}),Ae=e.defineComponent({...r.getComponentOptions("ComboboxOption"),__name:"ComboboxOption",props:{option:{}},setup(G){const o=G,p=pe(),n=e.computed(()=>p.isOptionSelected(o.option._key)),b=h=>{var s,R,N,v,j,$;const g=[];!p.props.tree&&p.props.multiple&&p.props.checkbox&&!o.option._noCheckbox&&g.push(e.h(yt._sfc_main,{unExtendParent:!0,modelValue:n.value,size:h.checkboxSize,disabled:o.option._disabled}));const m=(R=(s=p.slots).optionLeading)==null?void 0:R.call(s,{...h,option:o.option});return k.isEmptyElement(m)?p.props.tagRenderMode==="avatar"&&p.props.showTriggerTagOnOption?g.push(e.h(ye._sfc_main,{size:h.avatarSize,...((v=(N=p.props).getTagProps)==null?void 0:v.call(N,o.option))??{}})):p.props.tagRenderMode==="go"&&p.props.showTriggerTagOnOption?g.push(e.h(Re._sfc_main,{size:h.iconSize,...(($=(j=p.props).getTagProps)==null?void 0:$.call(j,o.option))??{}})):o.option._icon&&g.push(e.h(he._sfc_main,{icon:o.option._icon,size:p.getIconSize.value})):g.push(m),k.isEmptyElement(g)?null:g},F=e.useAttrs(),z=()=>{const h=p.props.tree?void 0:o.option._description,g=(x.isFunction(p.props.getMenuItemProps)?p.props.getMenuItemProps(o.option):p.props.getMenuItemProps)??{};return e.h(Fe._sfc_main$1,{unExtendParent:!0,class:r.getBemElement(O,"option"),unFocusable:!0,staticStyle:p.props.tree,description:h,title:o.option._label,key:o.option._key,selected:n.value,leadingCenter:!!h,size:p.getSize.value,disabled:p.props.tree?!1:o.option._disabled,onClick:()=>p.selectOption(o.option),slotProps:o,...g,...F},{leading:b,trailing:p.slots.optionTrailing,title:p.slots.optionTitle,description:p.slots.optionDescription})};return(h,g)=>(e.openBlock(),e.createBlock(z))}}),bt=e.defineComponent({...r.getComponentOptions("ComboboxLabel"),__name:"ComboboxLabel",props:{label:{}},setup(G){return(o,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"label"))},e.toDisplayString(o.label),3))}}),xt=e.defineComponent({...r.getComponentOptions("Combobox"),__name:"Combobox",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},size:{default:"md"},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean,default:!0},tagRenderMode:{default:"chip"},getTagProps:{},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean],default:"tabler:chevron-down"},selectedItemIconAsTrailingIcon:{type:Boolean,default:!0},maxCount:{},to:{},placeholder:{},indicatorIcon:{default:"tabler:check"},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getOptions:{},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{default:10},lazyLoading:{type:Boolean},bordered:{type:Boolean,default:!0},clearOnChangeMultiple:{type:Boolean,default:!0},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean,default:!0},popupHeight:{default:384},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean,default:!0},getMenuItemProps:{},placement:{default:"bottom-start"},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},sideOffset:{default:4},alignOffset:{},reference:{},prioritizePosition:{type:Boolean,default:!1},avoidCollisions:{type:Boolean,default:void 0},dir:{},noTrigger:{type:Boolean}},emits:["update:modelValue","update:expandedKeys","keydownEnter","keydownEscape","update:search","fetch","search","select","update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside","openAutoFocus","closeAutoFocus"],setup(G,{expose:o,emit:p}){const n=G,b=p,F=()=>{var t,l;n.tree&&(((t=n.filterOptions)==null?void 0:t.expandParent)==="collapse"?N([]):((l=n.filterOptions)==null?void 0:l.expandParent)==="expand"&&N(V.value.filter(a=>a._hasChildren).map(a=>a._key)))},z=x.debounce(t=>{b("search",t),F()},500),h=k.useVModel(n,"search",b,{passive:n.search===void 0,onChange:z}),g=qe.refDebounced(h,500),m=k.useVModel(n,"open",b,{defaultValue:n.defaultOpen,passive:n.open===void 0,onChange(t){!t&&n.resetSearchTermOnBlur&&(h.value=void 0)}}),s=k.useVModel(n,"modelValue",b,{passive:n.modelValue===void 0,onChange:()=>{var t,l;m.value&&!n.multiple&&(m.value=!1),A!=null&&A.value&&n.sortSelectedItems&&((l=(t=A==null?void 0:A.value)==null?void 0:t.measure)==null||l.call(t))}}),R=k.useVModel(n,"expandedKeys",b,{passive:n.expandedKeys===void 0}),N=x.debounce(t=>{R.value=t},500,{edges:["leading"]}),v=e.useSlots(),j=_e.useEmitAsProps(b),$=e.computed(()=>({...x.omit(j,["update:modelValue","update:search","select"]),...x.pick(n,["placement","reversePlacementOnDir","zIndex","to","sideOffset","alignOffset","reference","prioritizePosition","avoidCollisions","dir","size","noTrigger"])})),Z=e.ref();k.useLazyLoading({target:Z});const re=r.createOptionGetterFunc({key:"value",getter:n.getValue}),ee={getDisabled:r.createOptionGetterFunc({key:"disabled",getter:n.getDisabled,noReturnOption:!0,defaultValue:!1}),getDescription:r.createOptionGetterFunc({key:"description",getter:n.getDescription,noReturnOption:!0}),getValue:re,getLabel:r.createOptionGetterFunc({key:"label",getter:n.getLabel,noReturnOption:!0,defaultValue:re}),getNoCheckbox:r.createOptionGetterFunc({key:"noCheckbox",getter:n.getNoCheckbox,noReturnOption:!0,defaultValue:!1}),getSingle:r.createOptionGetterFunc({key:"single",getter:n.getSingle,noReturnOption:!0,defaultValue:!1}),getClear:r.createOptionGetterFunc({key:"clear",getter:n.getClear,noReturnOption:!0,defaultValue:!1}),getOptions:r.createOptionGetterFunc({key:"options",getter:n.getOptions,noReturnOption:!0}),getIcon:r.createOptionGetterFunc({key:"icon",getter:n.getIcon,noReturnOption:!0})},i=(t,l)=>{var c;const a=`get${l[0].toUpperCase()+l.slice(1)}`;return(c=ee[a])==null?void 0:c.call(ee,t)},C=(t,l,a)=>!!(!n.tree&&!(l!=null&&l.length)&&(a!=null&&a.length)),f=e.computed(()=>fe.flattenByParentKeys({getValue:(t,l,a)=>{const c=i(t,"value");return r.isEmptyLikeLodash(c)&&C(t,l,a)?r.usePCId(De):c},getDisabled:t=>i(t,"disabled"),arr:n.options??[],getChildren:(t,l)=>{if(!(l!=null&&l.length&&!n.tree))return i(t,"options")},getExtra:t=>{if(t){let l=i(t,"label");return r.isEmptyLikeLodash(l)||(l=String(l)),{_description:i(t,"description"),_label:l,_title:n.tree?l:void 0,_noCheckbox:i(t,"noCheckbox"),_single:i(t,"single"),_clear:i(t,"clear"),_icon:i(t,"icon")}}},allowNoValidKey:C})),y=(t,l=!1)=>t?f.value.filter(a=>{var c;if(l){const B=x.last(a._parentKeys??[]);return B&&B===t}return(c=a._parentKeys)==null?void 0:c.includes(t)}):[],L=t=>{var l;if((l=f.value)!=null&&l.length&&!r.isEmptyLikeLodash(t))return f.value.find(a=>a._key===t)},T=t=>{const l=L(t);return l&&(l._label||l._key)||t},te=t=>{const l=L(t);return l?l._single??!1:!1},J=t=>t===void 0?!1:Array.isArray(s.value)?!!(t&&s.value.includes(t)):s.value===t,V=e.computed(()=>{var c,B;let t=[];const l=new Set,a=u=>{u!=null&&u._key&&!l.has(u._key)&&(t.push(x.cloneDeep(u)),l.add(u._key))};if(g.value?(f.value.forEach(u=>{var _,w;if(u._label&&u._label.toLowerCase().includes(g.value.toLowerCase())&&!l.has(u._key)){if(a(u),u._hasChildren&&y(u._key).forEach(a),(_=n.filterOptions)!=null&&_.strictNode)u._parentKeys&&u._parentKeys.forEach(d=>{if(!l.has(d)){const U=L(d);a(U)}});else if((w=u._parentKeys)!=null&&w.length){const d=Te.head(u._parentKeys);if(!r.isEmptyLikeLodash(d)){if(!l.has(d)){const H=L(d);a(H)}y(d).forEach(a)}}}}),t=t.sort((u,I)=>f.value.findIndex(_=>_._key===u._key)-f.value.findIndex(_=>_._key===I._key))):t=x.cloneDeep(f.value),n.sortSelectedItems&&!n.tree&&!r.isEmptyLikeLodash(s.value)){let u=x.cloneDeep(t);const I=u.filter(E=>J(E._key)),_=Symbol("root"),w=Symbol("rootGroup"),d={},U=(E,M,P=1)=>{const q=u.splice(E,P);u.splice(M,0,...q)},H=E=>E?u.findIndex(M=>M._key===E):-1,ue=E=>{const M=d[E],P=H(M==null?void 0:M.key);return M!=null&&M.length?P+M.length+1:P+1};I.forEach(E=>{var M;if((M=E._parentKeys)!=null&&M.length){const P=Te.head(E._parentKeys);let q=H(P);const Le=Math.max(ue(_),ue(w));if(q>Le){const ce=y(P).length;U(q,Le,ce+1)}if(d[w]={key:P,length:y(P).length},q=H(P),P&&q>-1){const ce=H(E._key);if(d[P]===void 0)U(ce,q+1);else{const pt=ue(P);U(ce,pt)}d[P]={length:void 0,key:E._key}}}else{const P=H(E._key),q=ue(_);P>q&&U(P,q),d[_]={key:E._key,length:E._hasChildren?y(E._key).length:void 0}}u=x.cloneDeep(u)}),t=u}if(!n.tree){const u=x.cloneDeep(t);for(let I=0;I<u.length-1;I++){const _=u[I],w=u[I+1];!w._divider&&(w._hasChildren||(c=_._parentKeys)!=null&&c.length&&!((B=w._parentKeys)!=null&&B.length))&&(u.splice(I+1,0,{_key:r.usePCId(De),_divider:!0}),I++)}t=u}return t});F();const{getDisabled:Q,getStatus:be,getSize:D}=k.useFormInput(),X=e.computed(()=>{switch(D.value){case"sm":return"xsm";case"lg":return"md";case"md":default:return"sm"}}),de=e.computed(()=>{switch(D.value){case"sm":return"2xsm";case"lg":return"sm";case"md":default:return"xsm"}}),ae=e.ref(),se={sm:4,md:6,lg:8},oe={sm:14,md:16},ne={sm:32,md:50,lg:54},ge=e.computed(()=>({get count(){return V.value.length},getScrollElement:()=>{var t;return(t=ae.value)==null?void 0:t.container.viewportElement},estimateSize:t=>{const l=V.value[t];if(!n.tree&&l){if(l._divider)return 1;if(l._label&&l._hasChildren)return 8+(oe[D.value]??oe.md);if(l._description)return ne[D.value]??ne.md}return ze.systemSizesMap[D.value]??ze.systemSizesMap.md},overscan:5,get gap(){return se[D.value]??0}}));let A,W;if(n.virtual){const{virtualizer:t,...l}=k.useVirtualScroll(ge);A=t,W=l}const $e=e.computed(()=>{var t;return n.virtual?(((t=A==null?void 0:A.value)==null?void 0:t.getVirtualItems())??[]).map(l=>V.value[l.index]):V.value}),We=e.computed(()=>(W==null?void 0:W.containerStyles.value)??{}),{inputBindings:Ue,rootBindings:He,focused:je}=k.useInputDataStates({getDisabled:()=>Q.value}),Y=e.ref(),me=()=>{var t;if(m.value&&Y.value&&document.activeElement!==((t=Y.value)==null?void 0:t.input)){Y.value.input.style.pointerEvents="auto";const l=setTimeout(()=>{var a,c;(c=(a=Y.value)==null?void 0:a.focus)==null||c.call(a),clearTimeout(l)},100);Y.value.input.style.pointerEvents=""}},xe=e.computed(()=>!n.noValueOnPlaceholder&&(K.isArray(s.value)?s.value.length===1&&!r.isEmptyLikeLodash(s.value[0]):!r.isEmptyLikeLodash(s.value))),Je=e.computed(()=>{if(xe.value){if(n.multiple&&K.isArray(s.value))return T(x.last(s.value));if(!n.multiple&&!K.isArray(s.value))return T(s.value)}}),{CollectionSlot:Qe,CollectionItem:Be,itemMap:Xe,getItems:Se}=k.useCollection({isProvider:!0,key:O}),Ee=()=>s.value?Array.isArray(s.value)?s.value:[s.value]:[],S=e.ref(),ve=t=>{S.value=t},Pe=t=>({"data-disabled":t._disabled?"":void 0,"data-highlighted":S.value===t._key?"":void 0}),le=e.ref(),Oe=(t,l)=>{var a,c;if(l&&((a=le.value)!=null&&a.onSelect)&&n.tree&&((c=le.value)==null||c.onSelect(t,!J(t==null?void 0:t._key))),!(n.tree||!t||!t._key||t._disabled))if(n.multiple)if(t._clear)s.value=[],b("select",void 0,!1);else if(t._single)s.value=[t._key],b("select",t._key,!0,t);else{let B=K.isArray(s.value)?s.value:[];const u=B.includes(t._key);B.length===1&&te(B[0])&&t._key!==B[0]&&(B=[]),u?(s.value=B.filter(I=>I!==t._key),b("select",t._key,!0,t)):(s.value=[...B,t._key],b("select",t._key,!1,t))}else t._clear?(s.value=void 0,b("select",void 0,!1)):(s.value=t._key,b("select",t._key,!0,t))},{getDir:Ye}=Ct.useConfig(),ie=Ye(),Ve={props:n,emit:b,onKeyDown:t=>{var l,a,c,B,u,I;if(n.headerSearch||t.stopPropagation(),t.key==="Backspace"&&n.multiple&&K.isArray(s.value)&&r.isEmptyLikeLodash(h.value))s.value=s.value.slice(0,-1);else if(!m.value)(t.key==="ArrowDown"||t.key==="Enter")&&(m.value=!0);else if(m.value){const _=Se(n.tree);if(t.key==="Escape")m.value=!1;else if(t.key==="Tab"&&!n.headerSearch)m.value=!1;else if(["ArrowDown","ArrowUp"].includes(t.key)){if(_.length){const w=_.findIndex(d=>S.value&&d.value&&d.value===S.value);if(t.key==="ArrowDown"){const d=_[w+1];S.value=(d==null?void 0:d.value)??S.value??_[0].value}else if(t.key==="ArrowUp"){const d=_[w-1];S.value=(d==null?void 0:d.value)??_[0].value}(a=(l=_.find(d=>S.value&&d.value&&d.value===S.value))==null?void 0:l.ref)==null||a.scrollIntoView()}}else if(["ArrowLeft","ArrowRight"].includes(t.key)){const w=L(S.value);_.length&&le.value&&n.tree&&S.value&&w&&((c=R.value)!=null&&c.includes(S.value)&&(ie.value==="ltr"&&t.key==="ArrowLeft"||ie.value==="rtl"&&t.key==="ArrowRight")||!((B=R.value)!=null&&B.includes(S.value))&&(ie.value==="ltr"&&t.key==="ArrowRight"||ie.value==="rtl"&&t.key==="ArrowLeft"))&&((I=(u=le.value).onExpandKey)==null||I.call(u,w))}else t.key==="Enter"&&(_.length===1&&_[0].value&&S.value!==_[0].value&&(S.value=_[0].value),S.value&&Oe(L(S.value),!0),b("keydownEnter",t,h.value));t.key==="Escape"&&b("keydownEscape",t)}},searchModel:h,openModel:m,model:s,slots:v,valuePlaceholder:xe,placeholder:Je,getOptionByValue:L,isOptionSelected:J,getLabelByValue:T,getSingleByValue:te,inputRef:Y,focusOnInput:me,getDisabled:Q,getStatus:be,getSize:D,getTagSize:X,getIconSize:de,comboboxInputBinding:Ue,comboboxTriggerBinding:He,comboboxInputFocused:je,selectOption:Oe,itemMap:Xe,getItems:Se,highlightedOptionKey:S};Ke(Ve),e.watch(()=>[n.clearOnChangeMultiple,n.multiple],()=>{n.clearOnChangeMultiple&&(s.value=void 0)});const Ze=e.computed(()=>({defaultExpandAll:!0,showLine:!0,selectionBehavior:"replace",...n.treeProps??{},size:D.value,flattenData:!0,outerVirtualScroll:!0,selectable:!0,focusable:!1,multiple:n.multiple,checkable:n.multiple&&n.checkbox,virtual:A,syncCheckboxAndSelect:n.multiple,data:V.value,modelValue:Ee(),checkedKeys:Ee(),class:r.getBemElement(O,"tree")})),et=e.computed(()=>{const t=n.scrollContainerProps??{};return{...t,areaCls:[r.getBemElement(O,"scroll_area"),t==null?void 0:t.class,t==null?void 0:t.areaCls],wrapProps:{...(t==null?void 0:t.wrapProps)??{},style:(W==null?void 0:W.scrollWrapperStyles.value)??{}}}}),Ie=r.getBemElement(O,"popup"),tt=Me.cva(Ie,{variants:{size:r.generateVariantClassList(Ce,Ie)}}),ot=e.computed(()=>r.getPxSize(n.popupWidth,!0)),nt=e.computed(()=>r.getPxSize(n.popupHeight,!0)),lt=e.computed(()=>r.getPxSize(n.minWidth,!0)),rt=()=>{var a,c;const t=(c=v.header)==null?void 0:c.call(v,{isEmpty:!((a=V.value)!=null&&a.length),search:h.value}),l=!k.isEmptyElement(t);if(l||n.headerSearch)return e.h("div",{class:r.getBemElement(O,"header")},l?t:e.h(ke,n.headerSearchInputProps||{}))},at=()=>{var a,c;const t=(c=v.footer)==null?void 0:c.call(v,{isEmpty:!((a=V.value)!=null&&a.length),search:h.value});if(!k.isEmptyElement(t))return e.h("div",{class:r.getBemElement(O,"footer")},t)},st=()=>{var a;const t={type:D.value==="sm"?"simple":"advance",...x.omit(n.emptyProps??{},["class"]),class:r.normCls(r.getBemElement(O,"empty"),n.emptyCls)},l=(a=v.empty)==null?void 0:a.call(v,t);return k.isEmptyElement(l)?e.h(ft._sfc_main,t,{title:v.emptyTitle,description:v.emptyDescription,actions:v.emptyActions,image:v.emptyImage}):l},it=()=>{var a;const t=(a=v.loading)==null?void 0:a.call(v,{});return k.isEmptyElement(t)?new Array(V.value.length?2:n.loadingRowCount).fill(1).map(()=>e.h(_t._sfc_main,{size:D.value,class:r.normCls(r.getBemElement(O,"skeleton"),n.skeletonCls),...x.omit(n.skeletonProps??{},["class"])})):t},ut=(t,l,a)=>{const c=t._clear;if(n.multiple){const B=t._single;c?s.value=[]:B?s.value=[t._key]:s.value=a}else c||!l?s.value=void 0:s.value=t._key;b("select",t._key,l,t)},ct=t=>{t.key==="ArrowDown"&&!m.value?m.value=!0:t.key==="Tab"&&m.value&&(m.value=!1)};return n.disableOutsidePointerEvents&&k.useDisableBodyPointerEvents(m),o(Ve),(t,l)=>(e.openBlock(),e.createBlock(e.unref(dt._sfc_main),e.mergeProps({open:e.unref(m),"onUpdate:open":l[2]||(l[2]=a=>e.isRef(m)?m.value=a:null)},$.value,{containerProps:{...t.containerProps??{},onClick:me},noPadding:!0,size:e.unref(D),containerStyle:{pointerEvents:"auto",display:e.unref(m)?void 0:"none",zIndex:t.zIndex,"--ptc-combobox-popup-width":t.samePopupWidth?void 0:ot.value,"--ptc-combobox-popup-height":nt.value,"--ptc-combobox-trigger-min-w":lt.value},containerCls:e.unref(r.normCls)(e.unref(tt)(n),t.popupCls),onKeydown:ct}),{default:e.withCtx(()=>[e.createVNode(kt)]),content:e.withCtx(()=>[e.createVNode(rt),e.createVNode(e.unref(vt._sfc_main),e.mergeProps({ref_key:"scrollContainerRef",ref:ae},et.value),{default:e.withCtx(()=>[V.value.length||t.loading?(e.openBlock(),e.createBlock(e.unref(Qe),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(O),"options"),t.optionsCls)),style:e.normalizeStyle(t.virtual?We.value:{}),onPointerleave:l[1]||(l[1]=a=>ve(void 0))},[t.tree?(e.openBlock(),e.createBlock(e.unref(fe._sfc_main),e.mergeProps({key:0,ref_key:"treeRef",ref:le},Ze.value,{expandedKeys:e.unref(R),"onUpdate:expandedKeys":l[0]||(l[0]=a=>e.isRef(R)?R.value=a:null),onExpand:me,onSelect:ut}),{default:e.withCtx(({items:a})=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a,c=>(e.openBlock(),e.createBlock(e.unref(Be),{key:c._key,value:c._key},{default:e.withCtx(()=>[e.createVNode(e.unref(fe._sfc_main$1),e.mergeProps({node:c},{ref_for:!0},Pe(c),{onPointermove:B=>ve(c._key)}),{default:e.withCtx(()=>[e.createVNode(Ae,{option:c},null,8,["option"])]),_:2},1040,["node","onPointermove"])]),_:2},1032,["value"]))),128))]),_:1},16,["expandedKeys"])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList($e.value,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a._key},[a._divider?(e.openBlock(),e.createBlock(ht._sfc_main,{key:0})):a._label&&a._hasChildren?(e.openBlock(),e.createBlock(bt,{key:1,label:a._label},null,8,["label"])):a._hasChildren?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(Be),{key:2,value:a._key},{default:e.withCtx(()=>[e.createVNode(Ae,e.mergeProps({option:a},{ref_for:!0},Pe(a),{onPointermove:c=>ve(a._key)}),null,16,["option","onPointermove"])]),_:2},1032,["value"]))],64))),128)),t.loading?(e.openBlock(),e.createBlock(it,{key:2})):e.createCommentVNode("",!0)],38)]),_:1})):(e.openBlock(),e.createBlock(st,{key:1})),t.lazyLoading?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"lazy_loading"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(O),"lazy_loading_trigger")),ref_key:"target",ref:Z},null,2)],2)):e.createCommentVNode("",!0)]),_:1},16),e.createVNode(at)]),_:1},16,["open","containerProps","size","containerStyle","containerCls"]))}});exports.ComboboxSizes=Ce;exports.ComboboxStatuses=Ge;exports._sfc_main=xt;exports._sfc_main$1=ke;exports.injectComboboxContext=pe;exports.provideComboboxContext=Ke;
|
|
@@ -6,7 +6,7 @@ import { getBemBlock as eo, getBemModifier as to, getBemElement as S, getCompone
|
|
|
6
6
|
import { _ as oo } from "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
|
|
7
7
|
import { cva as ut } from "class-variance-authority";
|
|
8
8
|
import { _ as Ke } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
|
|
9
|
-
import { _ as ct, d as lo } from "./Avatar.vue_vue_type_style_index_0_lang
|
|
9
|
+
import { _ as ct, d as lo } from "./Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
|
|
10
10
|
import { _ as pt } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js";
|
|
11
11
|
import { _ as ao } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DfUwdVxt.js";
|
|
12
12
|
import { b as no, _ as ro } from "./Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.js";
|
package/dist/Comment/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as E, ref as v, createElementBlock as j, createCommentVNode as z, unref as n, openBlock as B, normalizeClass as $, createBlock as x, withModifiers as I, createVNode as g, Fragment as ue, renderList as J, withCtx as O, createTextVNode as se, toDisplayString as Q, h as _, useSlots as K, createElementVNode as U, mergeProps as L, isRef as ie, createSlots as le, renderSlot as G, normalizeProps as X, guardReactiveProps as Y, computed as N, normalizeStyle as me, onMounted as fe, onBeforeUnmount as Ce } from "vue";
|
|
2
2
|
import { useVModel as Z, isEmptyElement as T, useFormInput as ye, useInputDataStates as he } from "@pantograph/utils-vue";
|
|
3
|
-
import { _ as re } from "../Avatar.vue_vue_type_style_index_0_lang
|
|
3
|
+
import { _ as re } from "../Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
|
|
4
4
|
import { _ as ge } from "../Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
|
|
5
5
|
import { cva as ve } from "class-variance-authority";
|
|
6
6
|
import { _ as _e } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js";
|
|
@@ -8,12 +8,12 @@ import { _ as q } from "../Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
|
|
|
8
8
|
import { getComponentOptions as M, normCls as h, getBemElement as C, getBemBlock as Be, generateVariantClassList as be, getPxSize as Re } from "@pantograph/utils";
|
|
9
9
|
import { _ as A } from "../IconButton.vue_vue_type_script_setup_true_lang-BWRCL8hG.js";
|
|
10
10
|
import { _ as Pe } from "../ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.js";
|
|
11
|
-
import { a as Se, b as ke } from "../Upload.vue_vue_type_style_index_0_lang-
|
|
11
|
+
import { a as Se, b as ke } from "../Upload.vue_vue_type_style_index_0_lang-rhWj1fgd.js";
|
|
12
12
|
import { createContext as xe } from "reka-ui";
|
|
13
13
|
import { _ as Te } from "../Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
|
|
14
14
|
import { _ as Oe, a as ne } from "../MenuItem.vue_vue_type_style_index_0_lang-CyyVI54S.js";
|
|
15
15
|
import { _ as $e } from "../GOPicker.vue_vue_type_style_index_0_lang-B79spkzQ.js";
|
|
16
|
-
import { _ as Ee } from "../Combobox.vue_vue_type_style_index_0_lang-
|
|
16
|
+
import { _ as Ee } from "../Combobox.vue_vue_type_style_index_0_lang-DpG8BdPi.js";
|
|
17
17
|
import { _ as Me } from "../Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
|
|
18
18
|
import { _ as we } from "../ScrollContainer.vue_vue_type_style_index_0_lang-CHAf6ZD-.js";
|
|
19
19
|
import { _ as De } from "../Shortcut.vue_vue_type_style_index_0_lang-BCI1fBC1.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@pantograph/utils-vue"),D=require("../Avatar.vue_vue_type_style_index_0_lang-iFQme6cr.js"),q=require("../Badge.vue_vue_type_script_setup_true_lang-DVt1axIK.js"),$=require("class-variance-authority"),j=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),N=require("../Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),n=require("@pantograph/utils"),S=require("../IconButton.vue_vue_type_script_setup_true_lang-BJAoKnAC.js"),H=require("../ActionButton.vue_vue_type_script_setup_true_lang-C8hiCxZe.js"),A=require("../Upload.vue_vue_type_style_index_0_lang-CacvNdQ6.js"),U=require("reka-ui"),G=require("../Popover.vue_vue_type_style_index_0_lang-w-n010qN.js"),w=require("../MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js"),K=require("../GOPicker.vue_vue_type_style_index_0_lang-BikulE0p.js"),W=require("../Combobox.vue_vue_type_style_index_0_lang-BOVytQ70.js"),Q=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),J=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),X=require("../Shortcut.vue_vue_type_style_index_0_lang-G0VfMmkm.js"),Y=e.defineComponent({...n.getComponentOptions("CommentActions"),__name:"CommentActions",setup(m){const s=V(),r=e.ref(),t=e.ref(),p=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",r.value)},i=()=>{s.emit("reply")};return(u,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,onPointerdown:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(S._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:o[1]||(o[1]=e.withModifiers(()=>{},["stop"])),onClick:p},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Z=e.defineComponent({...n.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(m){const s=V(),r=e.ref(),t=()=>{s.emit("openReaction",r.value)},p=l=>{l&&s.emit("reaction",l)};return(l,i)=>{var u;return e.unref(s).props.hasReaction&&((u=e.unref(s).props.reactions)!=null&&u.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock(H._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:y=>p(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(S._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:r,onPointerdown:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),I=e.defineComponent({...n.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(m){const s=V(),r=()=>{var t;return e.h(A._sfc_main$1,{...s.props.uploadProps??{},ref:s.fileListRef,listType:"card",fileListCls:n.normCls(n.getBemElement(v,"file_list"),(t=s.props.uploadProps)==null?void 0:t.fileListCls)},s.slots)};return(t,p)=>{var l,i;return(i=(l=e.unref(s).props.uploadProps)==null?void 0:l.fileList)!=null&&i.length?(e.openBlock(),e.createBlock(r,{key:0})):e.createCommentVNode("",!0)}}}),v=n.getBemBlock("comment"),[V,M]=U.createContext("Comment"),ee=e.defineComponent({...n.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},uploadProps:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(m,{emit:s}){const r=m,t=e.useSlots(),p=s,l=h.useVModel(r,"open",p,{passive:r.open===void 0}),i=()=>{var C;let c;const _=(C=t.author)==null?void 0:C.call(t,{});return!h.isEmptyElement(_)?c=_:c=r.author,c?e.h("div",{class:n.normCls(n.getBemElement(v,"author"),r.authorCls)},c):null},u=()=>{var C;let c;const _=(C=t.datetime)==null?void 0:C.call(t,{});return!h.isEmptyElement(_)?c=_:c=r.datetime,c?e.h("div",{class:n.normCls(n.getBemElement(v,"datetime"),r.datetimeCls)},c):null},o=()=>{var C,g;const c=(C=t.header)==null?void 0:C.call(t,{}),_=!h.isEmptyElement(c);let f;if(_)f=c;else{f=[];const E=(g=t.avatar)==null?void 0:g.call(t,{});!h.isEmptyElement(E)?f.push(E):r.avatar&&f.push(e.h(D._sfc_main,{...r.avatarProps??{},src:r.avatar}));const k=i(),P=u();(k||P)&&f.push(e.h("div",{class:n.normCls(n.getBemElement(v,"header__content"),r.headerContentCls)},[k,P])),f.length||(f=void 0)}return f?(f.push(e.h(Y)),e.h("div",{class:n.normCls(n.getBemElement(v,"header"),r.headerCls)},f)):null},y=()=>{var f;const c=(f=t.content)==null?void 0:f.call(t,{}),_=!h.isEmptyElement(c);if(_||r.content)return e.h("div",{class:n.normCls(n.getBemElement(v,"content"),r.contentCls,"paragraph"),innerHTML:_?void 0:r.content},_?c:void 0)},d=n.getBemElement(v,"replies"),B=$.cva(d,{variants:{open:n.generateVariantClassList("open",d)}}),R=()=>{var g;const c=(g=t.replies)==null?void 0:g.call(t,{}),_=!h.isEmptyElement(c),f=()=>{var k,P,x;const E=(k=t.repliesHeader)==null?void 0:k.call(t,{open:!!l.value}),a=[];if(!h.isEmptyElement(E))a.push(E);else{a.push(e.h(j._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(N._sfc_main,{icon:"tabler:chevron-down",class:n.getBemElement(d,"icon"),size:"2xsm"})}));const T=(P=t.repliesCount)==null?void 0:P.call(t,{}),F=!h.isEmptyElement(T),z=(x=t.repliesTitle)==null?void 0:x.call(t,{}),L=!h.isEmptyElement(z);let O;L?O=z:O=r.repliesTitle,a.push(e.h("div",{class:n.normCls(n.getBemElement(d,"title"),r.repliesTitleCls)},O)),(F||r.repliesCount)&&a.push(e.h(q._sfc_main,{color:"primary-subtle",text:r.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:n.normCls(n.getBemElement(d,"header"),r.repliesHeaderCls),onClick:()=>{l.value=!l.value}},a)},C=()=>{if(l.value)return[e.h("div",{class:n.normCls(n.getBemElement(d,"content"),r.repliesContentCls)},c),e.h("div",{class:n.getBemElement(d,"line")})]};return _?e.h("div",{class:n.normCls(B({open:!!l.value}),r.repliesCls)},[f(),C()]):null},b=e.ref();return M({emit:p,props:r,slots:t,fileListRef:b}),(c,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(v),r.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"body"),r.bodyCls))},[e.createVNode(y),e.createVNode(I),e.createVNode(Z),e.createVNode(R)],2)],2))}}),te=e.defineComponent({...n.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(m,{emit:s}){const r=m,t=s,p=()=>{t("edit"),i.value=!1},l=()=>{t("delete"),i.value=!1},i=h.useVModel(r,"open",t,{passive:r.open===void 0});return(u,o)=>(e.openBlock(),e.createBlock(e.unref(G._sfc_main),e.mergeProps(r,{open:e.unref(i),"onUpdate:open":o[0]||(o[0]=y=>e.isRef(i)?i.value=y:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(w._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[u.hasEdit?(e.openBlock(),e.createBlock(w._sfc_main$1,{key:"edit",title:u.editText,onClick:p},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(N._sfc_main,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),u.hasDelete?(e.openBlock(),e.createBlock(w._sfc_main$1,{key:"delete",title:u.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(N._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),oe=e.defineComponent({...n.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(m,{emit:s}){const r=m,t=s,p=i=>{t("reaction",i.value),l.value=!1},l=h.useVModel(r,"open",t,{passive:r.open===void 0});return(i,u)=>(e.openBlock(),e.createBlock(e.unref(K._sfc_main),e.mergeProps(r,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:p,open:e.unref(l),"onUpdate:open":u[0]||(u[0]=o=>e.isRef(l)?l.value=o:null)}),null,16,["popoverProps","open"]))}}),ne=e.defineComponent({...n.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{},noTrigger:{type:Boolean}},emits:["mention"],setup(m,{expose:s,emit:r}){const t=m,p=r,l=e.useSlots(),i=(o,y,d)=>{p("mention",o,d)},u=e.ref();return s({comboboxRef:u}),(o,y)=>(e.openBlock(),e.createBlock(e.unref(W._sfc_main),e.mergeProps({ref_key:"comboboxRef",ref:u},t,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(B=>[e.renderSlot(o.$slots,d,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040))}}),re=e.defineComponent({...n.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(m,{emit:s}){const r=e.useSlots(),t=m,p=s,l=n.getBemElement(v,"editor"),i=e.ref(),u=()=>{p("openReaction",i.value)},o=e.ref(),y=()=>{p("openMention",o.value)},{getDisabled:d}=h.useFormInput(),{rootBindings:B,inputBindings:R}=h.useInputDataStates({getDisabled:()=>d.value,emit:p}),b=()=>p("submit"),c=e.computed(()=>n.getPxSize(t.maxHeight,!0)),_=e.ref(),f=C=>{var g;(g=_.value)!=null&&g.addFiles&&C.length&&_.value.addFiles(C)};return M({emit:p,props:t,slots:r,fileListRef:_}),(C,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(l),t.class)},e.unref(B)),[e.createVNode(J._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(R))))]),_:3},8,["class","style"]),e.createVNode(I,e.mergeProps(C.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(Q._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(S._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onPointerdown:g[0]||(g[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(A._sfc_main$2,{accept:"image/*",multiple:"",onAddFiles:f},{default:e.withCtx(()=>[e.createVNode(S._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(S._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onPointerdown:g[1]||(g[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)],2),e.createVNode(S._sfc_main,{disabled:C.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],16))}}),se=["tabindex","disabled"],le=e.defineComponent({...n.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(m,{emit:s}){const r=e.useSlots(),t=m,p=s,l=n.getBemElement(v,"trigger"),i=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&u(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const u=o=>p("add",o);return(o,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(l),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(u,["stop"]),onKeyup:e.withModifiers(u,["stop"])},[e.createVNode(D._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(r),d=>({name:d,fn:e.withCtx(B=>[e.renderSlot(o.$slots,d,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(l),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(X._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,se))}}),ie=m=>{const s=e.ref(!1),r=e.ref(),t=e.ref(!1),p=(a,k=!1)=>{s.value=!0,t.value=k,r.value=a},l=e.ref(!1),i=e.ref(),u=a=>{l.value=!0,i.value=a},o=e.computed(()=>({open:s.value,reference:r.value,"onUpdate:open":a=>s.value=a,onReaction:a=>{var k,P;if(t.value)try{(k=m.addEmoji)==null||k.call(m,a)}catch(x){console.error("error on reaction ===>",x)}try{(P=m.onReaction)==null||P.call(m,a)}catch(x){console.error("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:i.value,"onUpdate:open":a=>l.value=a})),d=e.ref(!1),B=e.ref(),R=e.ref(),b=e.ref(),c=e.ref(!1),_=e.computed(()=>({ref:R,open:d.value,"onUpdate:open":a=>d.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:c.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=a=>{a&&(b.value={getBoundingClientRect:a},d.value=!0,c.value=!1)},C=()=>{b.value=void 0,d.value=!1,B.value=void 0},g=a=>{B.value=a},E=e.computed(()=>({onOpenReaction:a=>p(a,!0),onOpenMention:a=>{a&&(b.value=a,d.value=!0,c.value=!0)}}));return{forwardRefMention:R,reactionBinding:o,actionBinding:y,editorBinding:E,mentionBinding:_,openActions:u,openReaction:p,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:g}};exports.Comment=ee;exports.CommentAction=te;exports.CommentEditor=re;exports.CommentMention=ne;exports.CommentReaction=oe;exports.CommentTrigger=le;exports.commentPrefix=v;exports.injectCommentContext=V;exports.provideCommentContext=M;exports.useComment=ie;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("@pantograph/utils-vue"),D=require("../Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js"),q=require("../Badge.vue_vue_type_script_setup_true_lang-DVt1axIK.js"),$=require("class-variance-authority"),j=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),N=require("../Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),n=require("@pantograph/utils"),S=require("../IconButton.vue_vue_type_script_setup_true_lang-BJAoKnAC.js"),H=require("../ActionButton.vue_vue_type_script_setup_true_lang-C8hiCxZe.js"),A=require("../Upload.vue_vue_type_style_index_0_lang-CPgody1-.js"),U=require("reka-ui"),G=require("../Popover.vue_vue_type_style_index_0_lang-w-n010qN.js"),w=require("../MenuItem.vue_vue_type_style_index_0_lang-CnfTPScR.js"),K=require("../GOPicker.vue_vue_type_style_index_0_lang-BikulE0p.js"),W=require("../Combobox.vue_vue_type_style_index_0_lang-Dbpez_Ag.js"),Q=require("../Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),J=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DDjSsSEk.js"),X=require("../Shortcut.vue_vue_type_style_index_0_lang-G0VfMmkm.js"),Y=e.defineComponent({...n.getComponentOptions("CommentActions"),__name:"CommentActions",setup(m){const s=V(),r=e.ref(),t=e.ref(),p=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",r.value)},i=()=>{s.emit("reply")};return(u,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,flipOnDir:"rtl",onClick:i},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:r,onPointerdown:o[0]||(o[0]=e.withModifiers(()=>{},["stop"])),onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(S._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onPointerdown:o[1]||(o[1]=e.withModifiers(()=>{},["stop"])),onClick:p},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Z=e.defineComponent({...n.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(m){const s=V(),r=e.ref(),t=()=>{s.emit("openReaction",r.value)},p=l=>{l&&s.emit("reaction",l)};return(l,i)=>{var u;return e.unref(s).props.hasReaction&&((u=e.unref(s).props.reactions)!=null&&u.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock(H._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:y=>p(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(S._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:r,onPointerdown:i[0]||(i[0]=e.withModifiers(()=>{},["stop"])),onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),I=e.defineComponent({...n.getComponentOptions("CommentFileList"),__name:"CommentFileList",setup(m){const s=V(),r=()=>{var t;return e.h(A._sfc_main$1,{...s.props.uploadProps??{},ref:s.fileListRef,listType:"card",fileListCls:n.normCls(n.getBemElement(v,"file_list"),(t=s.props.uploadProps)==null?void 0:t.fileListCls)},s.slots)};return(t,p)=>{var l,i;return(i=(l=e.unref(s).props.uploadProps)==null?void 0:l.fileList)!=null&&i.length?(e.openBlock(),e.createBlock(r,{key:0})):e.createCommentVNode("",!0)}}}),v=n.getBemBlock("comment"),[V,M]=U.createContext("Comment"),ee=e.defineComponent({...n.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},uploadProps:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(m,{emit:s}){const r=m,t=e.useSlots(),p=s,l=h.useVModel(r,"open",p,{passive:r.open===void 0}),i=()=>{var C;let c;const _=(C=t.author)==null?void 0:C.call(t,{});return!h.isEmptyElement(_)?c=_:c=r.author,c?e.h("div",{class:n.normCls(n.getBemElement(v,"author"),r.authorCls)},c):null},u=()=>{var C;let c;const _=(C=t.datetime)==null?void 0:C.call(t,{});return!h.isEmptyElement(_)?c=_:c=r.datetime,c?e.h("div",{class:n.normCls(n.getBemElement(v,"datetime"),r.datetimeCls)},c):null},o=()=>{var C,g;const c=(C=t.header)==null?void 0:C.call(t,{}),_=!h.isEmptyElement(c);let f;if(_)f=c;else{f=[];const E=(g=t.avatar)==null?void 0:g.call(t,{});!h.isEmptyElement(E)?f.push(E):r.avatar&&f.push(e.h(D._sfc_main,{...r.avatarProps??{},src:r.avatar}));const k=i(),P=u();(k||P)&&f.push(e.h("div",{class:n.normCls(n.getBemElement(v,"header__content"),r.headerContentCls)},[k,P])),f.length||(f=void 0)}return f?(f.push(e.h(Y)),e.h("div",{class:n.normCls(n.getBemElement(v,"header"),r.headerCls)},f)):null},y=()=>{var f;const c=(f=t.content)==null?void 0:f.call(t,{}),_=!h.isEmptyElement(c);if(_||r.content)return e.h("div",{class:n.normCls(n.getBemElement(v,"content"),r.contentCls,"paragraph"),innerHTML:_?void 0:r.content},_?c:void 0)},d=n.getBemElement(v,"replies"),B=$.cva(d,{variants:{open:n.generateVariantClassList("open",d)}}),R=()=>{var g;const c=(g=t.replies)==null?void 0:g.call(t,{}),_=!h.isEmptyElement(c),f=()=>{var k,P,x;const E=(k=t.repliesHeader)==null?void 0:k.call(t,{open:!!l.value}),a=[];if(!h.isEmptyElement(E))a.push(E);else{a.push(e.h(j._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(N._sfc_main,{icon:"tabler:chevron-down",class:n.getBemElement(d,"icon"),size:"2xsm"})}));const T=(P=t.repliesCount)==null?void 0:P.call(t,{}),F=!h.isEmptyElement(T),z=(x=t.repliesTitle)==null?void 0:x.call(t,{}),L=!h.isEmptyElement(z);let O;L?O=z:O=r.repliesTitle,a.push(e.h("div",{class:n.normCls(n.getBemElement(d,"title"),r.repliesTitleCls)},O)),(F||r.repliesCount)&&a.push(e.h(q._sfc_main,{color:"primary-subtle",text:r.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:n.normCls(n.getBemElement(d,"header"),r.repliesHeaderCls),onClick:()=>{l.value=!l.value}},a)},C=()=>{if(l.value)return[e.h("div",{class:n.normCls(n.getBemElement(d,"content"),r.repliesContentCls)},c),e.h("div",{class:n.getBemElement(d,"line")})]};return _?e.h("div",{class:n.normCls(B({open:!!l.value}),r.repliesCls)},[f(),C()]):null},b=e.ref();return M({emit:p,props:r,slots:t,fileListRef:b}),(c,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(v),r.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(v),"body"),r.bodyCls))},[e.createVNode(y),e.createVNode(I),e.createVNode(Z),e.createVNode(R)],2)],2))}}),te=e.defineComponent({...n.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},modal:{type:Boolean},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["edit","delete","update:open"],setup(m,{emit:s}){const r=m,t=s,p=()=>{t("edit"),i.value=!1},l=()=>{t("delete"),i.value=!1},i=h.useVModel(r,"open",t,{passive:r.open===void 0});return(u,o)=>(e.openBlock(),e.createBlock(e.unref(G._sfc_main),e.mergeProps(r,{open:e.unref(i),"onUpdate:open":o[0]||(o[0]=y=>e.isRef(i)?i.value=y:null),placement:"bottom-end",sideOffset:3,openDelay:0}),{content:e.withCtx(()=>[e.createVNode(w._sfc_main,{style:{width:"114px"}},{default:e.withCtx(()=>[u.hasEdit?(e.openBlock(),e.createBlock(w._sfc_main$1,{key:"edit",title:u.editText,onClick:p},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(N._sfc_main,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),u.hasDelete?(e.openBlock(),e.createBlock(w._sfc_main$1,{key:"delete",title:u.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(N._sfc_main,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),oe=e.defineComponent({...n.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(m,{emit:s}){const r=m,t=s,p=i=>{t("reaction",i.value),l.value=!1},l=h.useVModel(r,"open",t,{passive:r.open===void 0});return(i,u)=>(e.openBlock(),e.createBlock(e.unref(K._sfc_main),e.mergeProps(r,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...i.popoverProps??{},reference:i.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:p,open:e.unref(l),"onUpdate:open":u[0]||(u[0]=o=>e.isRef(l)?l.value=o:null)}),null,16,["popoverProps","open"]))}}),ne=e.defineComponent({...n.getComponentOptions("CommentMention"),__name:"CommentMention",props:{modelValue:{},defaultValue:{},multiple:{type:Boolean},disabled:{type:Boolean},highlightOnHover:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},size:{},status:{},noValueOnPlaceholder:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{type:[String,Boolean]},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{type:[String,Number,Function]},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{type:[String,Number,Function]},getSingle:{type:[String,Number,Function]},getClear:{type:[String,Number,Function]},getOptions:{type:[String,Number,Function]},getIcon:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},search:{},filterOptions:{},expandedKeys:{},headerSearch:{type:Boolean},headerSearchInputProps:{},virtual:{type:Boolean},showTriggerTagOnOption:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},getMenuItemProps:{type:[Function,Object]},placement:{},containerProps:{},reversePlacementOnDir:{},open:{type:Boolean},defaultOpen:{type:Boolean},sideOffset:{},alignOffset:{},reference:{},prioritizePosition:{type:Boolean},avoidCollisions:{type:Boolean},dir:{},noTrigger:{type:Boolean}},emits:["mention"],setup(m,{expose:s,emit:r}){const t=m,p=r,l=e.useSlots(),i=(o,y,d)=>{p("mention",o,d)},u=e.ref();return s({comboboxRef:u}),(o,y)=>(e.openBlock(),e.createBlock(e.unref(W._sfc_main),e.mergeProps({ref_key:"comboboxRef",ref:u},t,{modelValue:"",onSelect:i,noTrigger:"",popupWidth:200}),e.createSlots({_:2},[e.renderList(Object.keys(l),d=>({name:d,fn:e.withCtx(B=>[e.renderSlot(o.$slots,d,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040))}}),re=e.defineComponent({...n.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean,default:void 0},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(m,{emit:s}){const r=e.useSlots(),t=m,p=s,l=n.getBemElement(v,"editor"),i=e.ref(),u=()=>{p("openReaction",i.value)},o=e.ref(),y=()=>{p("openMention",o.value)},{getDisabled:d}=h.useFormInput(),{rootBindings:B,inputBindings:R}=h.useInputDataStates({getDisabled:()=>d.value,emit:p}),b=()=>p("submit"),c=e.computed(()=>n.getPxSize(t.maxHeight,!0)),_=e.ref(),f=C=>{var g;(g=_.value)!=null&&g.addFiles&&C.length&&_.value.addFiles(C)};return M({emit:p,props:t,slots:r,fileListRef:_}),(C,g)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(l),t.class)},e.unref(B)),[e.createVNode(J._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(R))))]),_:3},8,["class","style"]),e.createVNode(I,e.mergeProps(C.uploadProps,{ref:"uploadRef"}),null,16),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(Q._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(S._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onPointerdown:g[0]||(g[0]=e.withModifiers(()=>{},["stop"])),onClick:y},null,512),e.createVNode(A._sfc_main$2,{accept:"image/*",multiple:"",onAddFiles:f},{default:e.withCtx(()=>[e.createVNode(S._sfc_main,{icon:"tabler:paperclip",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(S._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:i,onPointerdown:g[1]||(g[1]=e.withModifiers(()=>{},["stop"])),onClick:u},null,512)],2),e.createVNode(S._sfc_main,{disabled:C.isEmpty,icon:"tabler:arrow-up",onClick:b},null,8,["disabled"])],2)],16))}}),se=["tabindex","disabled"],le=e.defineComponent({...n.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(m,{emit:s}){const r=e.useSlots(),t=m,p=s,l=n.getBemElement(v,"trigger"),i=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&u(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",i)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",i)}),t.withShortcut;const u=o=>p("add",o);return(o,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(l),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(u,["stop"]),onKeyup:e.withModifiers(u,["stop"])},[e.createVNode(D._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(r),d=>({name:d,fn:e.withCtx(B=>[e.renderSlot(o.$slots,d,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(l),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(X._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,se))}}),ie=m=>{const s=e.ref(!1),r=e.ref(),t=e.ref(!1),p=(a,k=!1)=>{s.value=!0,t.value=k,r.value=a},l=e.ref(!1),i=e.ref(),u=a=>{l.value=!0,i.value=a},o=e.computed(()=>({open:s.value,reference:r.value,"onUpdate:open":a=>s.value=a,onReaction:a=>{var k,P;if(t.value)try{(k=m.addEmoji)==null||k.call(m,a)}catch(x){console.error("error on reaction ===>",x)}try{(P=m.onReaction)==null||P.call(m,a)}catch(x){console.error("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:i.value,"onUpdate:open":a=>l.value=a})),d=e.ref(!1),B=e.ref(),R=e.ref(),b=e.ref(),c=e.ref(!1),_=e.computed(()=>({ref:R,open:d.value,"onUpdate:open":a=>d.value=a,search:B.value,"onUpdate:search":a=>B.value=a,reference:b.value,disableOutsidePointerEvents:!1,resetSearchTermOnBlur:!0,headerSearch:c.value,onPointerDownOutside:C,onEscapeKeyDown:C})),f=a=>{a&&(b.value={getBoundingClientRect:a},d.value=!0,c.value=!1)},C=()=>{b.value=void 0,d.value=!1,B.value=void 0},g=a=>{B.value=a},E=e.computed(()=>({onOpenReaction:a=>p(a,!0),onOpenMention:a=>{a&&(b.value=a,d.value=!0,c.value=!0)}}));return{forwardRefMention:R,reactionBinding:o,actionBinding:y,editorBinding:E,mentionBinding:_,openActions:u,openReaction:p,openMentionInEditor:f,closeMentionInEditor:C,updateMentionQuery:g}};exports.Comment=ee;exports.CommentAction=te;exports.CommentEditor=re;exports.CommentMention=ne;exports.CommentReaction=oe;exports.CommentTrigger=le;exports.commentPrefix=v;exports.injectCommentContext=V;exports.provideCommentContext=M;exports.useComment=ie;
|
package/dist/Upload/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _ as o, a as e, h as p, g as t, U as d, b as i, j as l, i as U, e as r, p as x, f as n, d as f, c as u, u as C } from "../Upload.vue_vue_type_style_index_0_lang-
|
|
1
|
+
import { _ as o, a as e, h as p, g as t, U as d, b as i, j as l, i as U, e as r, p as x, f as n, d as f, c as u, u as C } from "../Upload.vue_vue_type_style_index_0_lang-rhWj1fgd.js";
|
|
2
2
|
export {
|
|
3
3
|
o as Upload,
|
|
4
4
|
e as UploadList,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Upload.vue_vue_type_style_index_0_lang-CPgody1-.js");exports.Upload=e._sfc_main;exports.UploadList=e._sfc_main$1;exports.UploadListTypes=e.UploadListTypes;exports.UploadSizes=e.UploadSizes;exports.UploadStatuses=e.UploadStatuses;exports.UploadTrigger=e._sfc_main$2;exports.UploadTypes=e.UploadTypes;exports.injectBaseUploadContext=e.injectBaseUploadContext;exports.injectUploadContext=e.injectUploadContext;exports.provideBaseUploadContext=e.provideBaseUploadContext;exports.provideUploadContext=e.provideUploadContext;exports.uploadListItemPrefix=e.uploadListItemPrefix;exports.uploadListPrefix=e.uploadListPrefix;exports.uploadPrefix=e.uploadPrefix;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const e=require("vue"),Y=require("reka-ui"),h=require("@pantograph/utils"),G=require("./isObject-BDHKUJKN.js"),le=require("class-variance-authority"),ae=require("./Progress.vue_vue_type_style_index_0_lang-DHysdRIJ.js"),ze=require("./FloatButton.vue_vue_type_script_setup_true_lang-ClqbpPNl.js"),V=require("./IconButton.vue_vue_type_script_setup_true_lang-BJAoKnAC.js"),Le=require("./Image.vue_vue_type_style_index_0_lang-ylLPFLX3.js"),y=require("es-toolkit"),Ie=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),R=require("@pantograph/utils-vue"),Fe=require("./FormValidation.vue_vue_type_style_index_0_lang-C5jDMAlq.js"),ce=require("./isArray-Bin_5of_.js"),Z=h.getBemBlock("upload"),M=h.getBemElement(Z,"list"),F=h.getBemElement(M,"item"),[Ee,ue]=Y.createContext("BaseUpload"),pe=()=>Ee(null),[W,de]=Y.createContext("Upload"),Q=(n,o)=>{if(n&&o){const t=Array.isArray(o)?o:o.split(","),r=(n==null?void 0:n.name)||"",s=(n==null?void 0:n.type)||"",c=s.replace(/\/.*$/,"");return t.some(m=>{const l=m.trim();if(/^\*(?<temp1>\/\*)?$/.test(m))return!0;if(l.charAt(0)==="."){const i=r.toLowerCase(),d=l.toLowerCase();let p=[d];return(d===".jpg"||d===".jpeg")&&(p=[".jpg",".jpeg"]),p.some(v=>i.endsWith(v))}return/\/\*$/.test(l)?c===l.replace(/\/.*$/,""):!!(s===l||/^\w+$/.test(l))})}return!0},Te=(n,o,t=1024*1024)=>{const r=[];let s=0,c=0;for(;s<n.size;){const m=Math.min(s+t,n.size),l=n.slice(s,m);r.push({chunk:l,chunkSize:m-s,index:c,uid:o(),status:"waiting"}),s=m,c++}return r},ee=(n,{getUid:o,chunkFile:t,chunkSize:r})=>{if(G.isObject(n)){let s;if(n instanceof File)s=n;else try{s=new File([n],n.name??"",{type:n.type??""})}catch{s=new Blob([n],{type:n.type??""}),s.lastModified=new Date().getTime(),s.name=n.name??"",s.webkitRelativePath=""}if(G.isObject(s)&&s instanceof Blob){let c=[];return t&&(c=Te(s,()=>(o==null?void 0:o(!0))??h.usePCId(void 0,!0),r)),{uid:n.uid??(o==null?void 0:o())??h.usePCId(void 0,!0),originFileObj:s,status:"waiting",chunks:c!=null&&c.length&&(c==null?void 0:c.length)>1?c:void 0,chunksCount:c!=null&&c.length&&(c==null?void 0:c.length)>1?c.length:void 0,name:s==null?void 0:s.name,type:s==null?void 0:s.type,size:s==null?void 0:s.size,lastModified:s==null?void 0:s.lastModified,thumbUrl:void 0}}}},fe=(n,o)=>{if(G.isObject(n))return n instanceof Blob||n instanceof File?ee(n,o):(!n.uid&&!Object.isFrozen(n)&&(n.uid=o.getUid()),n)},me=["error","paused","done","uploading","waiting"],te=["md","lg","xlg"],ne=["image","card"],ge=["outline","transparent"],K={other:{icon:"tabler:file-text",fg:"primary",bg:"primary-subtle"},text:{icon:"tabler:file-typography",fg:"primary",bg:"primary-subtle"},image:{icon:"tabler:photo",fg:"primary",bg:"primary-subtle"},video:{icon:"tabler:video",fg:"primary",bg:"primary-subtle"},zip:{icon:"tabler:file-zip",fg:"primary",bg:"primary-subtle"},pdf:{icon:"tabler:file-type-pdf",fg:"red",bg:"red-subtle"},document:{icon:"tabler:file-type-docx",fg:"primary",bg:"primary-subtle"},excel:{icon:"tabler:file-type-csv",fg:"green",bg:"green-subtle"}},Se={image:["3fr","arw","bmp","dib","cr2","crw","dng","gif","heic","heif","ico","jfif","jpe","jpeg","jpg","jp2","nef","png","raf","raw","rw2","sr2","svg","svg","tga","tif","tiff","wdp","webp"],video:["3g2","3gp2","3gp","3gpp","asf","asx","avi","flv","m1v","m2v","mod","mp2v","mpa","mpe","mpv2","mpeg","mpegvideo","m2t","m2ts","tts","ts","mkv","mp4v","mp4","mov","m4v","mjpeg","mts","ogv","webm","wm","wmv","wmx","wvx"],text:["addin","dtsconfig","vssettings","vstemplate","xml","xrm-ms","xsd","xsl","cd","cs","csproj","iss","py","pyw","rc","rc2","rct","sln","srt","txt","user","vb","vbproj","vdp","vdproj","vspscc","vsscc","vssscc","contact","css","group","html","htm","shtml","htc","ics","iqy","odc","sct","wsc","vcf","vtt"],zip:["zip","7z","rar","tar.gz"],document:["doc","docx","odt","rtf"],excel:["xls","xlsx","csv","ods"],pdf:["pdf"]},he=n=>{if(n){for(const[o,t]of Object.entries(Se))if(t.includes(n.toLowerCase()))return o}return"other"},ve=(n="")=>{const o=n.split("/"),r=o[o.length-1].split(/#|\?/)[0];return(/\.[^./\\]*$/.exec(r)||[""])[0]},se=n=>{var o,t,r;return(r=(t=(o=n==null?void 0:n.split)==null?void 0:o.call(n,"/"))==null?void 0:t.pop)==null?void 0:r.call(t)},De=n=>{var t;let o=se((n==null?void 0:n.type)||((t=n==null?void 0:n.originFileObj)==null?void 0:t.type));if(n!=null&&n.url&&!o)try{o=ve(n==null?void 0:n.url)}catch{}return o},X=n=>he(n)==="image",ye=n=>{if(n.type&&!n.thumbUrl)return X(se(n.type));const o=n.thumbUrl||n.url||"",t=ve(o);return/^data:image\//.test(o)||X(t)?!0:!(/^data:/.test(o)||t)},Pe=e.defineComponent({...h.getComponentOptions("UploadListItemImage"),__name:"UploadListItemImage",setup(n){const o=W(),t=oe(),r=()=>{var s,c,m;y.isFunction((s=t.props.uploadFile)==null?void 0:s.cancel)&&((m=(c=t.props.uploadFile).cancel)==null||m.call(c)),o.remove(t.props.uploadFile)};return(s,c)=>{var m;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(t).props.uploadFile.status!=="waiting"?(e.openBlock(),e.createBlock(Le._sfc_main,{key:0,src:e.unref(ye)(e.unref(t).props.uploadFile)?e.unref(t).props.uploadFile.thumbUrl??e.unref(t).props.uploadFile.url:void 0,aspectRatio:"1:1",class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(F),"image")),sizeRange:"xsm",alt:e.unref(t).label.value,hovered:e.unref(t).props.uploadFile.status==="uploading",width:"100%"},e.createSlots({_:2},[["error","done"].includes(e.unref(t).props.uploadFile.status)?{name:"actions",fn:e.withCtx(()=>[e.unref(t).props.uploadFile.status==="done"?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,color:"neutral",type:"ghost",icon:"tabler:eye",size:"sm",onClick:c[0]||(c[0]=e.withModifiers(l=>e.unref(o).emit("preview",e.unref(t).props.uploadFile),["stop"]))})):e.unref(t).props.uploadFile.status==="error"?(e.openBlock(),e.createBlock(V._sfc_main,{key:1,color:"neutral",type:"ghost",icon:"tabler:reload",size:"sm",onClick:c[1]||(c[1]=e.withModifiers(l=>e.unref(o).resetRequest(e.unref(t).props.uploadFile),["stop"]))})):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1032,["src","class","alt","hovered"])):e.createCommentVNode("",!0),["uploading","waiting"].includes(e.unref(t).props.uploadFile.status)?(e.openBlock(),e.createBlock(ae._sfc_main,{key:1,type:"circle",size:e.unref(o).progressSize.value,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(F),"progress")),indeterminate:e.unref(t).props.uploadFile.status==="waiting",percent:((m=e.unref(t).props.uploadFile)==null?void 0:m.percent)??0},null,8,["size","class","indeterminate","percent"])):e.createCommentVNode("",!0),e.createVNode(ze._sfc_main,{class:e.normalizeClass(e.unref(h.normCls)(e.unref(h.getBemElement)(e.unref(F),"cancel"),"pantograph-tokens pantograph-dark")),color:"neutral",icon:"tabler:x",size:"sm",onClick:e.withModifiers(r,["stop"])},null,8,["class"])],64)}}}),Re=e.defineComponent({...h.getComponentOptions("UploadFileGO"),__name:"UploadFileGO",setup(n){const o=oe(),t=W(),r=e.computed(()=>he(De(o.props.uploadFile))),s=e.computed(()=>y.isFunction(t.props.getFileIcon)?t.props.getFileIcon(o.props.uploadFile):K[r.value].icon),c=e.computed(()=>K[r.value].fg),m=e.computed(()=>K[r.value].bg),l=()=>{var v,g,k,U;const p=(g=(v=t.slots).go)==null?void 0:g.call(v,{uploadFile:o.props.uploadFile});return R.isEmptyElement(p)?ye(o.props.uploadFile)?e.h("img",{class:h.getBemElement(F,"thumb"),alt:o.props.uploadFile.name??"",src:((k=o.props.uploadFile)==null?void 0:k.thumbUrl)??((U=o.props.uploadFile)==null?void 0:U.url)}):null:p},i=()=>{var v,g;const p=(g=(v=t.slots).goIcon)==null?void 0:g.call(v,{uploadFile:o.props.uploadFile});return R.isEmptyElement(p)?null:p},d=()=>e.h(Ie._sfc_main,{size:t.goSize.value,icon:s.value,fg:c.value,bg:m.value},{default:l,icon:i});return(p,v)=>(e.openBlock(),e.createBlock(d))}}),je=e.defineComponent({...h.getComponentOptions("UploadListItemCard"),__name:"UploadListItemCard",setup(n){const o=W(),t=oe(),r=()=>{var p,v;const i=(v=(p=o.slots).description)==null?void 0:v.call(p,{uploadFile:t.props.uploadFile});let d;if(R.isEmptyElement(i)||(d=i),t.props.uploadFile.description&&(d=t.props.uploadFile.description),d)return e.h("div",{class:h.getBemElement(F,"description")},d)},s=()=>{var d,p;const i=(p=(d=o.slots).title)==null?void 0:p.call(d,{uploadFile:t.props.uploadFile});return R.isEmptyElement(i)?t.label.value:i},c=()=>{var i;if(y.isFunction(o.props.onDownload))return o.props.onDownload(t.props.uploadFile);if((i=t.props.uploadFile)!=null&&i.url&&typeof window<"u")return window.open(t.props.uploadFile.url)},m=e.computed(()=>{var i,d;return(i=t.props.uploadFile)!=null&&i.percent&&((d=t.props.uploadFile)==null?void 0:d.status)!=="waiting"?`${(t.props.uploadFile.percent??0).toFixed(0)}%`:"waiting..."}),l=(i,d)=>{var v,g,k,U;const p=(g=(v=o.slots)==null?void 0:v.actions)==null?void 0:g.call(v,{...o,uploadFile:t.props.uploadFile,downloadFile:c});return R.isEmptyElement(p)?(U=(k=d.slots)==null?void 0:k.default)==null?void 0:U.call(k,{}):p};return(i,d)=>{var p;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(o).props.go?(e.openBlock(),e.createBlock(Re,{key:0})):e.createCommentVNode("",!0),["error","done"].includes(e.unref(t).props.uploadFile.status)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(F),"content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(F),"title"))},[e.createVNode(s)],2),e.unref(t).props.uploadFile.status==="error"?(e.openBlock(),e.createBlock(Fe._sfc_main$2,{key:0,message:"Failed",status:"error"})):e.unref(o).props.size!=="md"?(e.openBlock(),e.createBlock(r,{key:1})):e.createCommentVNode("",!0)],2)):(e.openBlock(),e.createBlock(ae._sfc_main,{key:1,class:e.normalizeClass(e.unref(h.getBemElement)(e.unref(F),"progress")),percent:((p=e.unref(t).props.uploadFile)==null?void 0:p.percent)??0,label:e.unref(t).label.value,helperText:m.value,helperTextCls:e.unref(h.getBemElement)(e.unref(F),"percent")},{label:e.withCtx(()=>[e.createVNode(s)]),_:1},8,["class","percent","label","helperText","helperTextCls"])),e.createVNode(l,null,{default:e.withCtx(()=>{var v;return[e.unref(t).props.uploadFile.status==="done"?(e.openBlock(),e.createBlock(V._sfc_main,{key:0,icon:"tabler:download",size:"sm",type:"ghost",color:"neutral",onClick:e.withModifiers(c,["stop"])})):e.createCommentVNode("",!0),e.unref(o).props.pausableChunked&&e.unref(t).props.uploadFile.status==="uploading"&&((v=e.unref(t).props.uploadFile.chunks)!=null&&v.length)&&e.unref(y.isFunction)(e.unref(t).props.uploadFile.cancel)?(e.openBlock(),e.createBlock(V._sfc_main,{key:1,icon:"tabler:pause",size:"sm",type:"ghost",color:"neutral",onClick:e.withModifiers(e.unref(t).props.uploadFile.cancel,["stop"])},null,8,["onClick"])):e.unref(o).canRunUpload(e.unref(t).props.uploadFile)?(e.openBlock(),e.createBlock(V._sfc_main,{key:2,icon:["paused","waiting"].includes(e.unref(t).props.uploadFile.status)?"tabler:player-play":"tabler:reload",size:"sm",type:"ghost",color:"neutral",onClick:d[0]||(d[0]=e.withModifiers(g=>e.unref(o).resetRequest(e.unref(t).props.uploadFile),["stop"]))},null,8,["icon"])):e.createCommentVNode("",!0),e.createVNode(V._sfc_main,{icon:["done","error"].includes(e.unref(t).props.uploadFile.status)?"tabler:trash":"tabler:x",size:"sm",type:"ghost",color:"neutral",onClick:d[1]||(d[1]=e.withModifiers(g=>e.unref(o).remove(e.unref(t).props.uploadFile),["stop"]))},null,8,["icon"])]}),_:1})],64)}}}),[oe,Oe]=Y.createContext("UploadItem"),Ve=e.defineComponent({...h.getComponentOptions("UploadListItem"),__name:"UploadListItem",props:{uploadFile:{}},setup(n){const o=n,t=le.cva(F,{variants:{size:h.generateVariantClassList(te,F),listType:h.generateVariantClassList(ne,F),type:h.generateVariantClassList(ge,F),status:h.generateVariantClassList(me,F)}}),r=e.computed(()=>{var m,l,i;return((m=o.uploadFile)==null?void 0:m.name)??((i=(l=o.uploadFile)==null?void 0:l.originFileObj)==null?void 0:i.name)}),s=W();Oe({props:o,label:r});const c=()=>{var l,i;const m=(i=(l=s.slots).listItem)==null?void 0:i.call(l,{...s,uploadFile:o.uploadFile});return R.isEmptyElement(m)?s.props.listType==="card"?e.h(je):e.h(Pe):m};return(m,l)=>{var i,d,p;return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(t)({size:e.unref(s).props.size,listType:e.unref(s).props.listType,type:e.unref(s).props.type,status:(i=m.uploadFile)==null?void 0:i.status})},{...((p=(d=e.unref(s).props).getUploadItemProps)==null?void 0:p.call(d,m.uploadFile))??{}}),[e.createVNode(c)],16)}}}),P=200;function qe(n){return new Promise(o=>{if(!n.type||!X(se(n.type))){o("");return}const t=document.createElement("canvas");t.width=P,t.height=P,t.style.cssText=`position: fixed; left: 0; top: 0; width: ${P}px; height: ${P}px; z-index: 9999; display: none;`,document.body.appendChild(t);const r=t.getContext("2d"),s=new Image;if(s.onload=()=>{const{width:c,height:m}=s;let l=P,i=P,d=0,p=0;c>m?(i=m*(P/c),p=-(i-l)/2):(l=c*(P/m),d=-(l-i)/2),r.drawImage(s,d,p,l,i);const v=t.toDataURL();document.body.removeChild(t),o(v)},s.crossOrigin="anonymous",n.type.startsWith("image/svg+xml")){const c=new FileReader;c.addEventListener("load",()=>{c.result&&(s.src=c.result)}),c.readAsDataURL(n)}else s.src=window.URL.createObjectURL(n)})}const ke=e.defineComponent({...h.getComponentOptions("UploadList"),__name:"UploadList",props:{onDownload:{},parallelUpload:{type:Boolean},uploadOnSelect:{type:Boolean,default:!0},pausableChunked:{type:Boolean},getUploadItemProps:{},noTrigger:{type:Boolean},fileList:{},size:{default:"md"},chunkSize:{},listType:{default:"card"},type:{default:"outline"},go:{type:Boolean,default:!0},maxCount:{},action:{},getFileIcon:{},triggerCls:{},fileListCls:{},directory:{type:Boolean},multiple:{type:Boolean,default:!0},disabled:{type:Boolean,default:void 0},accept:{}},emits:["update:fileList","change","preview","createRequest","resetRequest","remove"],setup(n,{expose:o,emit:t}){const r=n,s=t,c=e.useSlots(),m=e.useAttrs(),l=pe();let i=l==null?void 0:l.fileList,d=l==null?void 0:l.chunkable,p=l==null?void 0:l.maxCount,v=l==null?void 0:l.addFiles;if(!l){i=e.ref([]),d=e.computed(()=>r.listType!=="image"&&r.pausableChunked);let u=!1;e.watch(()=>r.fileList,_=>{var L,w;u=!0,i.value=(w=(L=_??[])==null?void 0:L.map)==null?void 0:w.call(L,N=>{if(N&&G.isObject(N))return fe(N,{getUid:H,chunkFile:d.value,chunkSize:r.chunkSize})}).filter(Boolean),e.nextTick(()=>u=!1)},{immediate:!0,deep:!0}),e.watch(i,_=>{u||s("update:fileList",_??[])},{immediate:!0,deep:!0}),p=e.computed(()=>r.maxCount?Number(r.maxCount):0);const x=_=>{if(_){const L=i.value.findIndex(w=>w.uid&&_.uid&&w.uid===_.uid);L===-1&&(!p.value||p.value>i.value.length)?i.value.push(_):L>-1&&i.value.splice(L,0,_),s("change",{file:y.cloneDeep(_),fileList:y.cloneDeep(i.value),event:"add"})}},B=e.computed(()=>r.accept??r.listType==="image"?"image/*":void 0);v=_=>{ce.isArray(_)&&_.filter(L=>!r.directory||Q(L,B.value)).forEach(L=>{x(ee(L,{getUid:H,chunkFile:d.value,chunkSize:r.chunkSize}))})}}const g=e.computed(()=>{var u;return r.uploadOnSelect||r.listType==="image"?((u=i.value)==null?void 0:u.filter(x=>x.status==="waiting"&&x.originFileObj))??[]:[]}),k=e.computed(()=>{var u;return((u=i.value)==null?void 0:u.filter(x=>x.status==="uploading"&&(x==null?void 0:x.cancel)))??[]}),U=(u,x)=>{if(u&&x){const B=i.value.findIndex(_=>_.uid===u);B>-1&&(i.value[B]={...i.value[B],...x})}},j=async u=>{var x,B,_,L;if(u.uid&&i.value){const w=i.value.find(O=>O.uid===u.uid),N=d.value&&((x=w==null?void 0:w.chunks)==null?void 0:x.length)&&(w==null?void 0:w.chunks.length)>1&&(w==null?void 0:w.status)==="uploading"&&(w==null?void 0:w.chunks.some(O=>O.status==="waiting"));if(w&&y.isFunction(r.action)&&(!k.value.length||r.parallelUpload||N)){const O=new AbortController,Be=()=>{const b=()=>O.abort(),a=y.cloneDeep(w);if(d.value&&a.chunks&&a.chunks.length>1){const f=a.chunks.findIndex(E=>E.status==="waiting");f>-1&&(a.chunks[f]={...a.chunks[f],status:"uploading",cancel:b})}U(a.uid,{status:"uploading",cancel:b})};let z={signal:O.signal,onUploadProgress(){},uid:u.uid};if(d.value&&w.chunks&&w.chunks.length>1&&w.chunks.some(b=>b.status==="waiting")){const b=w.chunks.find(a=>a.status==="waiting");b!=null&&b.uid&&(z={...z,...y.pick(b,["chunk","chunkSize","index"]),chunkUid:b.uid,onUploadProgress(a){var E,$,D,re;const f=y.cloneDeep(i.value.find(A=>A.uid===u.uid));if(f){const A=(E=f.chunks)==null?void 0:E.findIndex(J=>J.uid===b.uid);A!==void 0&&(($=f.chunks)!=null&&$[A])&&(f.chunks[A].percent=Math.round(a.loaded*100/a.total)),(D=f.chunks)!=null&&D.length&&((re=f.chunks)==null?void 0:re.length)>1?f.percent=Math.min(Math.max(f.chunks.reduce((J,Ue)=>J+(Ue.percent??0),0)/(100*f.chunks.length),0),100):f.percent=Math.round(a.loaded*100/a.total),U(f.uid,{chunks:f.chunks,percent:f.percent})}}})}else z={...z,file:w.originFileObj,onUploadProgress(b){const a=y.cloneDeep(i.value.find(f=>f.uid===u.uid));a&&U(a.uid,{percent:Math.round(b.loaded*100/b.total)})}};if(Be(),z.file||z.chunk){s("createRequest",u),s("change",{file:y.cloneDeep(u),fileList:y.cloneDeep(i.value),event:"upload"});try{let b=await r.action(z);try{typeof b=="string"&&(b=JSON.parse(b))}catch{}let a=y.cloneDeep(i.value.find(f=>f.uid===z.uid));if(a){let f=!1;if(z.chunkUid&&((B=a.chunks)!=null&&B.length)&&a.chunks.length>1){const E=a.chunks.findIndex(D=>D.uid===z.chunkUid);a.chunks[E]&&(a.chunks[E]={...a.chunks[E],cancel:void 0,status:"done",response:b??void 0});const $=a.chunks.every(D=>D.status==="done")?"done":"uploading";$==="done"?a={...a,cancel:void 0,status:$}:a.chunks.some(D=>D.status==="waiting")&&(f=!0)}else a={...a,cancel:void 0,status:"done",response:b??void 0};U(z.uid,a),f&&await j(a)}}catch(b){if(b.name==="CanceledError"){let a=y.cloneDeep(i.value.find(f=>f.uid===z.uid));if(a){if(z.chunkUid&&((_=a.chunks)!=null&&_.length)&&a.chunks.length>1){const f=a.chunks.findIndex(E=>E.uid===z.chunkUid);a.chunks[f]&&(a.chunks[f]={...a.chunks[f],cancel:void 0,status:"waiting"}),a={...a,cancel:void 0,status:"paused"},s("change",{file:y.cloneDeep(a),fileList:y.cloneDeep(i.value),event:"paused"})}else a={...a,cancel:void 0,status:"error"},s("change",{file:y.cloneDeep(a),fileList:y.cloneDeep(i.value),event:"cancel"});U(z.uid,a)}}else{let a=y.cloneDeep(i.value.find(f=>f.uid===z.uid));if(a){if(z.chunkUid&&((L=a.chunks)!=null&&L.length)&&a.chunks.length>1){const f=a.chunks.findIndex(E=>E.uid===z.chunkUid);a.chunks[f]&&(a.chunks[f]={...a.chunks[f],cancel:void 0,status:"waiting"})}a={...a,cancel:void 0,status:"error",error:b,percent:0},s("change",{file:y.cloneDeep(a),fileList:y.cloneDeep(i.value),event:"failed"}),U(z.uid,a)}}}}}}},C=async u=>{if(u.uid&&i.value)return U(u.uid,{status:"waiting"}),s("resetRequest",u),j(u)},I=async u=>{var x;if(u.uid&&i.value){const B=y.cloneDeep(i.value??[]),_=B.findIndex(L=>L.uid===u.uid);_>-1&&B[_]&&((x=u.cancel)==null||x.call(u),B.splice(_,1),i.value=B,s("remove",u),s("change",{file:y.cloneDeep(u),fileList:y.cloneDeep(i.value),event:"remove"}))}},T=u=>!!((r.parallelUpload||!k.value.length)&&(u.status==="paused"||u.status==="error"||(!r.uploadOnSelect||r.listType==="image")&&u.status==="waiting")),q=e.computed(()=>{switch(r.size){case"xlg":return"md";default:return"sm"}}),we=y.throttle(()=>{(r.parallelUpload&&g.value.length||!k.value.length)&&g.value.forEach(j),(i.value||[]).forEach(u=>{typeof document>"u"||typeof window>"u"||!window.FileReader||!window.File||!(u.originFileObj instanceof File||u.originFileObj instanceof Blob)||u.thumbUrl!==void 0||(u.thumbUrl="",qe(u.originFileObj).then(x=>{const B=x||"";B!==u.thumbUrl&&U(u==null?void 0:u.uid,{thumbUrl:B})}))})},1e3);e.watch(()=>[r.parallelUpload,g.value,k.value,i.value],we,{deep:!0,flush:"post"});const xe=e.computed(()=>{switch(r.size){case"xlg":return"sm";case"lg":return"xsm";default:return"x2sm"}}),S={props:(l==null?void 0:l.props)??r,attrs:(l==null?void 0:l.attrs)??m,slots:(l==null?void 0:l.slots)??c,emit:(l==null?void 0:l.emit)??s,fileList:e.readonly(i),progressSize:xe,uploadableFiles:g,uploadingFiles:k,createRequest:j,resetRequest:C,canRunUpload:T,remove:I,goSize:q,addFiles:v};de(S);const Ce=le.cva(M,{variants:{size:h.generateVariantClassList(te,M),listType:h.generateVariantClassList(ne,M)}}),be=()=>{var x,B;const u=(B=(x=S.slots).list)==null?void 0:B.call(x,S);return R.isEmptyElement(u)?S.fileList.value.map(_=>e.h(Ve,{uploadFile:_,key:_.uid})):u};return o(S),(u,x)=>{var B;return(B=S.fileList.value)!=null&&B.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(h.normCls)(e.unref(Ce)({size:S.props.size,listType:S.props.listType}),S.props.fileListCls))},[e.createVNode(be)],2)):e.createCommentVNode("",!0)}}}),Ne=n=>new Promise(o=>{n.file(t=>{n.fullPath&&!t.webkitRelativePath&&Object.defineProperty(t,"webkitRelativePath",{value:n.fullPath.replace(/^\//,""),writable:!1}),o(t)})}),$e=n=>{const o=n.createReader(),t=[];return new Promise(r=>{const s=()=>{o.readEntries(c=>{c.length===0?r(t):(t.push(...c),s())})};s()})},Ae=async n=>{const o=[],t=async r=>{if(r.isFile){const s=await Ne(r);o.push(s)}else if(r.isDirectory){const s=await $e(r);await Promise.all(s.map(t))}};return await Promise.all(n.map(r=>{var c;const s=(c=r.webkitGetAsEntry)==null?void 0:c.call(r);if(s)return t(s)}).filter(Boolean)),o},Me=["accept","webkitdirectory","multiple","value","disabled"],_e=e.defineComponent({...h.getComponentOptions("UploadTrigger"),__name:"UploadTrigger",props:{directory:{type:Boolean},multiple:{type:Boolean},disabled:{type:Boolean,default:void 0},accept:{},class:{}},emits:["addFiles"],setup(n,{emit:o}){const t=o,r=n,{getDisabled:s}=R.useFormInput(),c=e.ref(),m=g=>{const{files:k}=g.target;t("addFiles",Array.prototype.slice.call(k)),l.value&&(l.value.value="")},l=e.ref(),i=()=>{var g;(g=l.value)==null||g.click()},d=g=>{g.key==="Enter"&&i()},p=async g=>{if(g.preventDefault(),g.type==="dragover")return;let k=[];g.dataTransfer&&(r.directory?k=await Ae(Array.prototype.slice.call(g.dataTransfer.items)):k=Array.prototype.slice.call(g.dataTransfer.files)),r.multiple||(k=k.slice(0,1)),t("addFiles",k.filter(U=>Q(U,r.accept)))},v=e.computed(()=>s.value?{}:{onClick:i,onKeydown:d,onDrop:p,onDragover:p});return(g,k)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(h.normCls)(r.class)},v.value),[e.renderSlot(g.$slots,"default",e.normalizeProps(e.guardReactiveProps({...v.value,disabled:e.unref(s),tabindex:"0"}))),e.createElementVNode("input",{type:"file",accept:g.accept,webkitdirectory:g.directory,multiple:g.multiple,value:c.value,disabled:e.unref(s),onChange:m,ref_key:"inputRef",ref:l,style:{display:"none"}},null,40,Me)],16))}}),ie=h.getBemElement(Z,"file"),H=n=>h.usePCId(n?h.getBemElement(ie,"chunk"):ie,!0),Ge=e.defineComponent({...h.getComponentOptions("Upload",!1),__name:"Upload",props:{onDownload:{},parallelUpload:{type:Boolean},uploadOnSelect:{type:Boolean,default:!0},pausableChunked:{type:Boolean},getUploadItemProps:{},noTrigger:{type:Boolean},fileList:{},size:{default:"md"},chunkSize:{},listType:{default:"card"},type:{default:"outline"},go:{type:Boolean,default:!0},maxCount:{},action:{},getFileIcon:{},triggerCls:{},fileListCls:{},directory:{type:Boolean},multiple:{type:Boolean,default:!0},disabled:{type:Boolean,default:void 0},accept:{}},emits:["update:fileList","change","preview","createRequest","resetRequest","remove"],setup(n,{expose:o,emit:t}){const r=n,s=t,c=e.useSlots(),m=e.useAttrs(),l=e.computed(()=>r.maxCount?Number(r.maxCount):0),i=e.computed(()=>r.listType!=="image"&&r.pausableChunked),d=e.computed(()=>r.accept??r.listType==="image"?"image/*":void 0),p=e.ref([]);let v=!1;e.watch(()=>r.fileList,C=>{var I,T;v=!0,p.value=(T=(I=C??[])==null?void 0:I.map)==null?void 0:T.call(I,q=>{if(q&&G.isObject(q))return fe(q,{getUid:H,chunkFile:i.value,chunkSize:r.chunkSize})}).filter(Boolean),e.nextTick(()=>v=!1)},{immediate:!0,deep:!0}),e.watch(p,C=>{v||s("update:fileList",C??[])},{immediate:!0,deep:!0});const g=C=>{if(C){const I=p.value.findIndex(T=>T.uid&&C.uid&&T.uid===C.uid);I===-1&&(!l.value||l.value>p.value.length)?p.value.push(C):I>-1&&p.value.splice(I,0,C),s("change",{file:y.cloneDeep(C),fileList:y.cloneDeep(p.value),event:"add"})}},k=C=>{ce.isArray(C)&&C.filter(I=>!r.directory||Q(I,d.value)).forEach(I=>{g(ee(I,{getUid:H,chunkFile:i.value,chunkSize:r.chunkSize}))})},U={props:r,attrs:m,slots:c,emit:s,fileList:p,addFiles:k,maxCount:l,chunkable:i,getAccept:d};ue(U);const j=e.ref();return o({...U,listRef:j}),(C,I)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[C.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(_e,{key:0,multiple:C.multiple,directory:C.directory,disabled:C.disabled,accept:d.value,onAddFiles:k,class:e.normalizeClass(C.triggerCls)},{default:e.withCtx(T=>[e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(T)))]),_:3},8,["multiple","directory","disabled","accept","class"])),e.createVNode(ke,{action:C.action},null,8,["action"])],64))}});exports.UploadListTypes=ne;exports.UploadSizes=te;exports.UploadStatuses=me;exports.UploadTypes=ge;exports._sfc_main=Ge;exports._sfc_main$1=ke;exports._sfc_main$2=_e;exports.injectBaseUploadContext=pe;exports.injectUploadContext=W;exports.provideBaseUploadContext=ue;exports.provideUploadContext=de;exports.uploadListItemPrefix=F;exports.uploadListPrefix=M;exports.uploadPrefix=Z;
|