@razaman2/reactive-view 0.2.0 → 0.2.1
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/{Editor-BX8prqWt.mjs → Editor-DMCekNFl.mjs} +67 -67
- package/dist/{Editor-DKILsiST.js → Editor-JraAPAuW.js} +1 -1
- package/dist/{Label-ClklvtMk.js → Label-CkJjlfli.js} +1 -1
- package/dist/{Label-B63BpiJm.mjs → Label-DD9yGa7V.mjs} +8 -8
- package/dist/{Select-CqG647qR.js → Select-D8LFsK4R.js} +1 -1
- package/dist/{Select-CSA5Sk_b.mjs → Select-x96YoTl5.mjs} +56 -56
- package/dist/components.js +1 -1
- package/dist/components.mjs +257 -257
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +2 -2
- package/dist/src-BJaQUsvj.js +1 -0
- package/dist/{src-DgPt5VTg.mjs → src-DwXft6y4.mjs} +69 -64
- package/package.json +1 -1
- package/dist/src-CB2Ym95H.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./rolldown-runtime-C-QNzSnW.mjs";
|
|
2
|
-
import {
|
|
3
|
-
import { t as o } from "./Label-
|
|
2
|
+
import { c as t, f as n, i as r, n as i, t as a } from "./src-DwXft6y4.mjs";
|
|
3
|
+
import { t as o } from "./Label-DD9yGa7V.mjs";
|
|
4
4
|
import { Teleport as s, computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineAsyncComponent as f, isVNode as p, markRaw as m, mergeProps as h, nextTick as g, openBlock as _, ref as v, unref as y, watch as b } from "vue";
|
|
5
5
|
import { twMerge as x } from "tailwind-merge";
|
|
6
6
|
import { Checkbox as S, InputText as C, RadioButton as w, Textarea as T, ToggleSwitch as E } from "primevue";
|
|
@@ -28,87 +28,87 @@ var M = m({
|
|
|
28
28
|
function N(e) {
|
|
29
29
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
|
|
30
30
|
}
|
|
31
|
-
var P = f(() => Promise.resolve().then(() => B)), F = f(() => import("./Select-
|
|
31
|
+
var P = f(() => Promise.resolve().then(() => B)), F = f(() => import("./Select-x96YoTl5.mjs").then((e) => e.n)), I = t({
|
|
32
32
|
modelName: "Input",
|
|
33
33
|
props: {
|
|
34
|
-
grow:
|
|
35
|
-
filled:
|
|
36
|
-
container:
|
|
37
|
-
debounce:
|
|
34
|
+
grow: i({ type: Boolean }),
|
|
35
|
+
filled: i({ type: Boolean }),
|
|
36
|
+
container: i({ type: Boolean }),
|
|
37
|
+
debounce: i({
|
|
38
38
|
type: [Number, String],
|
|
39
39
|
default: 200,
|
|
40
40
|
validator: (e) => /^\d+$/.test(e)
|
|
41
41
|
}),
|
|
42
|
-
placeholder:
|
|
42
|
+
placeholder: i({ type: [
|
|
43
43
|
Boolean,
|
|
44
44
|
Number,
|
|
45
45
|
String
|
|
46
46
|
] }),
|
|
47
|
-
masking:
|
|
48
|
-
type:
|
|
49
|
-
inputClass:
|
|
50
|
-
class:
|
|
51
|
-
indeterminate:
|
|
52
|
-
showClear:
|
|
47
|
+
masking: i({ type: Object }),
|
|
48
|
+
type: i({ type: String }),
|
|
49
|
+
inputClass: i(),
|
|
50
|
+
class: i(),
|
|
51
|
+
indeterminate: i({ type: Boolean }),
|
|
52
|
+
showClear: i({ type: Boolean }),
|
|
53
53
|
data: {}
|
|
54
54
|
},
|
|
55
55
|
data: (e) => ["select", "editor"].includes(y(e.type)) ? void 0 : e.data,
|
|
56
56
|
defaultData: void 0,
|
|
57
|
-
setup(e,
|
|
58
|
-
let s = `component_${D()}`, l = i.type ?? "text", u = v(), f = v(), p = c(() => y(i.placeholder) === !1 || ["number", "string"].includes(typeof y(i.placeholder)) ? y(i.placeholder) : ["number", "string"].includes(typeof y(i.label)) ? y(i.label) : void 0), m = () => y(i.container) || y(i.$attrs.label) || y(i.grow), _ = () => m() ?
|
|
57
|
+
setup(e, t, i) {
|
|
58
|
+
let s = `component_${D()}`, l = i.type ?? "text", u = v(), f = v(), p = c(() => y(i.placeholder) === !1 || ["number", "string"].includes(typeof y(i.placeholder)) ? y(i.placeholder) : ["number", "string"].includes(typeof y(i.label)) ? y(i.label) : void 0), m = () => y(i.container) || y(i.$attrs.label) || y(i.grow), _ = () => m() ? r(e).container() : r(e).field(), k = () => d("label", {
|
|
59
59
|
for: s,
|
|
60
60
|
class: x(a(y(i.labelClass)).string)
|
|
61
61
|
}, [y(i.label)]), A = () => d(C, h({
|
|
62
62
|
fluid: !y(i.grow),
|
|
63
|
-
onInput: () =>
|
|
63
|
+
onInput: () => r(e).resize(),
|
|
64
64
|
size: "small",
|
|
65
65
|
type: y(l)
|
|
66
|
-
},
|
|
66
|
+
}, n(i.$attrs, "label"), y(p) ? { placeholder: y(p) } : {}, {
|
|
67
67
|
id: s,
|
|
68
68
|
ref: u,
|
|
69
69
|
class: x(a({
|
|
70
70
|
"bg-(--colors-F5F6F8)!": y(i.filled),
|
|
71
71
|
"pr-8!": y(i.showClear)
|
|
72
72
|
}).string, a(y(i.inputClass)).string, m() ? "" : a(y(i.class)).string),
|
|
73
|
-
modelValue:
|
|
73
|
+
modelValue: r(e).model.getData(),
|
|
74
74
|
"onUpdate:modelValue": (t) => {
|
|
75
75
|
W(() => {
|
|
76
|
-
|
|
76
|
+
r(e).model.replaceData(t);
|
|
77
77
|
});
|
|
78
78
|
}
|
|
79
79
|
}), null), j = () => {
|
|
80
|
-
let
|
|
81
|
-
return d(T, h({ autoResize: !0 }, t
|
|
80
|
+
let t = r(e).input();
|
|
81
|
+
return d(T, h({ autoResize: !0 }, n(t.props, "type")), t.children);
|
|
82
82
|
}, I = () => {
|
|
83
|
-
let
|
|
83
|
+
let t = r(e).input();
|
|
84
84
|
return d(S, h({
|
|
85
85
|
binary: !0,
|
|
86
86
|
indeterminate: y(i.indeterminate)
|
|
87
|
-
}, t
|
|
87
|
+
}, n(t.props, "type")), t.children);
|
|
88
88
|
}, L = () => {
|
|
89
|
-
let
|
|
90
|
-
return d(w, t
|
|
89
|
+
let t = r(e).input();
|
|
90
|
+
return d(w, n(t.props, "type"), t.children);
|
|
91
91
|
}, R = () => {
|
|
92
|
-
let
|
|
93
|
-
return d(E, h({ binary: !0 }, t
|
|
92
|
+
let t = r(e).input();
|
|
93
|
+
return d(E, h({ binary: !0 }, n(t.props, "type")), t.children);
|
|
94
94
|
}, z = () => {
|
|
95
|
-
let
|
|
96
|
-
return d(P, h(t
|
|
95
|
+
let t = r(e).input();
|
|
96
|
+
return d(P, h(n(t.props, [
|
|
97
97
|
"type",
|
|
98
98
|
"label",
|
|
99
99
|
"modelValue",
|
|
100
100
|
"onUpdate:modelValue"
|
|
101
|
-
]), { data: i.data }),
|
|
101
|
+
]), { data: i.data }), t.children);
|
|
102
102
|
}, B = () => {
|
|
103
|
-
let
|
|
104
|
-
return d(F, h(t
|
|
103
|
+
let t = r(e).input();
|
|
104
|
+
return d(F, h(n(t.props, [
|
|
105
105
|
"type",
|
|
106
106
|
"modelValue",
|
|
107
107
|
"onUpdate:modelValue"
|
|
108
|
-
]), { data: i.data }),
|
|
108
|
+
]), { data: i.data }), t.children);
|
|
109
109
|
}, V = () => {
|
|
110
110
|
let t;
|
|
111
|
-
return d(o, h(i.$attrs, { class: y(i.class) }), N(t =
|
|
111
|
+
return d(o, h(i.$attrs, { class: y(i.class) }), N(t = r(e).field()) ? t : { default: () => [t] });
|
|
112
112
|
}, H = () => [
|
|
113
113
|
"textarea",
|
|
114
114
|
"editor",
|
|
@@ -116,15 +116,15 @@ var P = f(() => Promise.resolve().then(() => B)), F = f(() => import("./Select-C
|
|
|
116
116
|
"checkbox",
|
|
117
117
|
"toggle",
|
|
118
118
|
"radio"
|
|
119
|
-
].includes(y(l)) ?
|
|
120
|
-
let t =
|
|
119
|
+
].includes(y(l)) ? r(e)[y(l)]() : r(e).clearableInput(), U = () => {
|
|
120
|
+
let t = r(e).input();
|
|
121
121
|
return y(i.showClear) ? d("div", { class: x("relative", a(y(i.inputClass)).string) }, [t, d(M, {
|
|
122
122
|
class: {
|
|
123
|
-
hidden: !
|
|
123
|
+
hidden: !r(e).model.getData(),
|
|
124
124
|
"absolute right-3 -translate-y-1/2 top-1/2 text-gray-400 hover:text-gray-600 cursor-pointer": !0
|
|
125
125
|
},
|
|
126
126
|
onClick: () => {
|
|
127
|
-
|
|
127
|
+
r(e).model.replaceData();
|
|
128
128
|
}
|
|
129
129
|
}, null)]) : t;
|
|
130
130
|
}, W = (e) => {
|
|
@@ -157,7 +157,7 @@ var P = f(() => Promise.resolve().then(() => B)), F = f(() => import("./Select-C
|
|
|
157
157
|
};
|
|
158
158
|
return b([
|
|
159
159
|
u,
|
|
160
|
-
() =>
|
|
160
|
+
() => r(e).model.getData(),
|
|
161
161
|
() => y(i.placeholder)
|
|
162
162
|
], () => g(G), {
|
|
163
163
|
immediate: !0,
|
|
@@ -186,12 +186,12 @@ var P = f(() => Promise.resolve().then(() => B)), F = f(() => import("./Select-C
|
|
|
186
186
|
function L(e) {
|
|
187
187
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !p(e);
|
|
188
188
|
}
|
|
189
|
-
var R =
|
|
189
|
+
var R = t({
|
|
190
190
|
modelName: "Editor",
|
|
191
|
-
props: { showClear:
|
|
192
|
-
setup(e,
|
|
191
|
+
props: { showClear: i({ type: Boolean }) },
|
|
192
|
+
setup(e, t, i) {
|
|
193
193
|
let a, o = v(), c = () => {
|
|
194
|
-
let c, l =
|
|
194
|
+
let c, l = r(t).input();
|
|
195
195
|
return d("div", {
|
|
196
196
|
class: {
|
|
197
197
|
"w-full": !0,
|
|
@@ -200,42 +200,42 @@ var R = i({
|
|
|
200
200
|
onClick: (e) => {
|
|
201
201
|
e.target.type !== "file" && e.preventDefault();
|
|
202
202
|
}
|
|
203
|
-
}, [d(k, h(
|
|
203
|
+
}, [d(k, h(n(l.props, "type"), { onLoad: (e) => {
|
|
204
204
|
a = e.instance, o.value = e.instance.container, l.props.onLoad?.(e);
|
|
205
205
|
} }), {
|
|
206
206
|
...l.children,
|
|
207
207
|
toolbar: () => d("div", { class: "w-full flex flex-wrap items-center gap-y-1" }, [
|
|
208
|
-
d("span", { class: "ql-formats" }, [
|
|
209
|
-
d("span", { class: "ql-formats" }, [
|
|
208
|
+
d("span", { class: "ql-formats" }, [r(e).undo(), r(e).redo()]),
|
|
209
|
+
d("span", { class: "ql-formats" }, [r(e).header()]),
|
|
210
210
|
d("span", { class: "ql-formats" }, [
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
211
|
+
r(e).bold(),
|
|
212
|
+
r(e).italic(),
|
|
213
|
+
r(e).underline(),
|
|
214
|
+
r(e).strike(),
|
|
215
|
+
r(e).code()
|
|
216
216
|
]),
|
|
217
|
-
d("span", { class: "ql-formats" }, [
|
|
218
|
-
d("span", { class: "ql-formats" }, [
|
|
217
|
+
d("span", { class: "ql-formats" }, [r(e).color(), r(e).background()]),
|
|
218
|
+
d("span", { class: "ql-formats" }, [r(e).subscript(), r(e).superscript()]),
|
|
219
219
|
d("span", { class: "ql-formats" }, [
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
220
|
+
r(e).ordered(),
|
|
221
|
+
r(e).unordered(),
|
|
222
|
+
r(e).checklist(),
|
|
223
|
+
r(e).outdent(),
|
|
224
|
+
r(e).indent(),
|
|
225
|
+
r(e).align()
|
|
226
226
|
]),
|
|
227
|
-
d("span", { class: "ql-formats" }, [
|
|
228
|
-
d("span", { class: "ql-formats" }, [
|
|
229
|
-
d("span", { class: "ql-formats" }, [
|
|
227
|
+
d("span", { class: "ql-formats" }, [r(e).blockquote(), r(e).codeBlock()]),
|
|
228
|
+
d("span", { class: "ql-formats" }, [r(e).link(), r(e).image()]),
|
|
229
|
+
d("span", { class: "ql-formats" }, [r(e).clean()])
|
|
230
230
|
])
|
|
231
|
-
}), y(i.showClear) && o.value && d(s, { to: o.value }, L(c =
|
|
232
|
-
}, l = () =>
|
|
231
|
+
}), y(i.showClear) && o.value && d(s, { to: o.value }, L(c = r(e).clearButton()) ? c : { default: () => [c] })]);
|
|
232
|
+
}, l = () => r(e).field(), u = () => d(M, {
|
|
233
233
|
class: {
|
|
234
|
-
hidden: !
|
|
234
|
+
hidden: !r(e).model.getData(),
|
|
235
235
|
"absolute top-3 right-3 text-gray-400 hover:text-gray-600 cursor-pointer": !0
|
|
236
236
|
},
|
|
237
237
|
onClick: () => {
|
|
238
|
-
|
|
238
|
+
r(e).model.replaceData();
|
|
239
239
|
}
|
|
240
240
|
}, null), f = () => d("button", {
|
|
241
241
|
class: "ql-bold",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./src-CB2Ym95H.js`),t=require(`./Label-ClklvtMk.js`);let n=require(`vue`),r=require(`tailwind-merge`),i=require(`primevue`),a=require(`uuid`),o=require(`inputmask`);o=e.x(o);let s=require(`primevue/editor`);s=e.x(s);var c={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function l(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,c,[...t[0]||=[(0,n.createElementVNode)(`path`,{fill:`currentColor`,d:`M6.707 5.293L12 10.585l5.293-5.292a1 1 0 0 1 1.414 1.414L13.415 12l5.292 5.293a1 1 0 0 1-1.414 1.414L12 13.415l-5.293 5.292a1 1 0 1 1-1.414-1.414L10.585 12L5.293 6.707a1 1 0 0 1 1.414-1.414`},null,-1)]])}var u=(0,n.markRaw)({name:`tabler-x-filled`,render:l});function d(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var f=(0,n.defineAsyncComponent)(()=>Promise.resolve().then(()=>v)),p=(0,n.defineAsyncComponent)(()=>Promise.resolve().then(()=>require(`./Select-CqG647qR.js`)).then(e=>e.n)),m=e.s({modelName:`Input`,props:{grow:e.n({type:Boolean}),filled:e.n({type:Boolean}),container:e.n({type:Boolean}),debounce:e.n({type:[Number,String],default:200,validator:e=>/^\d+$/.test(e)}),placeholder:e.n({type:[Boolean,Number,String]}),masking:e.n({type:Object}),type:e.n({type:String}),inputClass:e.n(),class:e.n(),indeterminate:e.n({type:Boolean}),showClear:e.n({type:Boolean}),data:{}},data:e=>[`select`,`editor`].includes((0,n.unref)(e.type))?void 0:e.data,defaultData:void 0,setup(s,c,l){let m=`component_${(0,a.v4)()}`,h=l.type??`text`,g=(0,n.ref)(),_=(0,n.ref)(),v=(0,n.computed)(()=>(0,n.unref)(l.placeholder)===!1||[`number`,`string`].includes(typeof(0,n.unref)(l.placeholder))?(0,n.unref)(l.placeholder):[`number`,`string`].includes(typeof(0,n.unref)(l.label))?(0,n.unref)(l.label):void 0),y=()=>(0,n.unref)(l.container)||(0,n.unref)(l.$attrs.label)||(0,n.unref)(l.grow),b=()=>y()?e.i(s).container():e.i(s).field(),x=()=>(0,n.createVNode)(`label`,{for:m,class:(0,r.twMerge)(e.t((0,n.unref)(l.labelClass)).string)},[(0,n.unref)(l.label)]),S=()=>(0,n.createVNode)(i.InputText,(0,n.mergeProps)({fluid:!(0,n.unref)(l.grow),onInput:()=>e.i(s).resize(),size:`small`,type:(0,n.unref)(h)},e.d(l.$attrs,`label`),(0,n.unref)(v)?{placeholder:(0,n.unref)(v)}:{},{id:m,ref:g,class:(0,r.twMerge)(e.t({"bg-(--colors-F5F6F8)!":(0,n.unref)(l.filled),"pr-8!":(0,n.unref)(l.showClear)}).string,e.t((0,n.unref)(l.inputClass)).string,y()?``:e.t((0,n.unref)(l.class)).string),modelValue:e.i(s).model.getData(),"onUpdate:modelValue":t=>{M(()=>{e.i(s).model.replaceData(t)})}}),null),C=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.Textarea,(0,n.mergeProps)({autoResize:!0},e.d(t.props,`type`)),t.children)},w=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.Checkbox,(0,n.mergeProps)({binary:!0,indeterminate:(0,n.unref)(l.indeterminate)},e.d(t.props,`type`)),t.children)},T=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.RadioButton,e.d(t.props,`type`),t.children)},E=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.ToggleSwitch,(0,n.mergeProps)({binary:!0},e.d(t.props,`type`)),t.children)},D=()=>{let t=e.i(s).input();return(0,n.createVNode)(f,(0,n.mergeProps)(e.d(t.props,[`type`,`label`,`modelValue`,`onUpdate:modelValue`]),{data:l.data}),t.children)},O=()=>{let t=e.i(s).input();return(0,n.createVNode)(p,(0,n.mergeProps)(e.d(t.props,[`type`,`modelValue`,`onUpdate:modelValue`]),{data:l.data}),t.children)},k=()=>{let r;return(0,n.createVNode)(t.t,(0,n.mergeProps)(l.$attrs,{class:(0,n.unref)(l.class)}),d(r=e.i(s).field())?r:{default:()=>[r]})},A=()=>[`textarea`,`editor`,`select`,`checkbox`,`toggle`,`radio`].includes((0,n.unref)(h))?e.i(s)[(0,n.unref)(h)]():e.i(s).clearableInput(),j=()=>{let t=e.i(s).input();return(0,n.unref)(l.showClear)?(0,n.createVNode)(`div`,{class:(0,r.twMerge)(`relative`,e.t((0,n.unref)(l.inputClass)).string)},[t,(0,n.createVNode)(u,{class:{hidden:!e.i(s).model.getData(),"absolute right-3 -translate-y-1/2 top-1/2 text-gray-400 hover:text-gray-600 cursor-pointer":!0},onClick:()=>{e.i(s).model.replaceData()}},null)]):t},M=e=>{clearTimeout(_.value),_.value=setTimeout(e,(0,n.unref)(l.debounce))};(0,n.watch)(()=>[l.masking,g],([e,t])=>{e&&t.value&&(0,o.default)(e).mask(t.value.$el)},{deep:!0});let N=()=>{let e=(0,n.unref)(g)?.$el;if(!(0,n.unref)(l.grow)||!(e instanceof HTMLInputElement))return;let t=getComputedStyle(e),r=document.createElement(`span`);Object.assign(r.style,{position:`absolute`,visibility:`hidden`,whiteSpace:`pre`,fontFamily:t.fontFamily,fontSize:t.fontSize,fontWeight:t.fontWeight,fontStyle:t.fontStyle,letterSpacing:t.letterSpacing}),r.textContent=e.value||e.placeholder||``,document.body.append(r);let i=t.boxSizing===`border-box`?[`paddingLeft`,`paddingRight`,`borderLeftWidth`,`borderRightWidth`].reduce((e,n)=>e+(parseFloat(t[n])||0),0):0;e.style.width=`${Math.ceil(r.getBoundingClientRect().width)+i+2}px`,r.remove()};return(0,n.watch)([g,()=>e.i(s).model.getData(),()=>(0,n.unref)(l.placeholder)],()=>(0,n.nextTick)(N),{immediate:!0,flush:`post`}),{template:b,label:x,input:S,textarea:C,editor:D,select:O,checkbox:w,radio:T,toggle:E,field:A,clearableInput:j,container:k,throttle:M,resize:N,inputRef:g}}});function h(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var g=e.s({modelName:`Editor`,props:{showClear:e.n({type:Boolean})},setup(t,r,i){let a,o=(0,n.ref)(),c=()=>{let c,l=e.i(r).input();return(0,n.createVNode)(`div`,{class:{"w-full":!0,"editor-clearable":(0,n.unref)(i.showClear)},onClick:e=>{e.target.type!==`file`&&e.preventDefault()}},[(0,n.createVNode)(s.default,(0,n.mergeProps)(e.d(l.props,`type`),{onLoad:e=>{a=e.instance,o.value=e.instance.container,l.props.onLoad?.(e)}}),{...l.children,toolbar:()=>(0,n.createVNode)(`div`,{class:`w-full flex flex-wrap items-center gap-y-1`},[(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).undo(),e.i(t).redo()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).header()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).bold(),e.i(t).italic(),e.i(t).underline(),e.i(t).strike(),e.i(t).code()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).color(),e.i(t).background()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).subscript(),e.i(t).superscript()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).ordered(),e.i(t).unordered(),e.i(t).checklist(),e.i(t).outdent(),e.i(t).indent(),e.i(t).align()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).blockquote(),e.i(t).codeBlock()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).link(),e.i(t).image()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).clean()])])}),(0,n.unref)(i.showClear)&&o.value&&(0,n.createVNode)(n.Teleport,{to:o.value},h(c=e.i(t).clearButton())?c:{default:()=>[c]})])},l=()=>e.i(t).field(),d=()=>(0,n.createVNode)(u,{class:{hidden:!e.i(t).model.getData(),"absolute top-3 right-3 text-gray-400 hover:text-gray-600 cursor-pointer":!0},onClick:()=>{e.i(t).model.replaceData()}},null),f=()=>(0,n.createVNode)(`button`,{class:`ql-bold`,title:`Bold`},null),p=()=>(0,n.createVNode)(`button`,{class:`ql-italic`,title:`Italic`},null),m=()=>(0,n.createVNode)(`button`,{class:`ql-underline`,title:`Underline`},null),g=()=>(0,n.createVNode)(`button`,{class:`ql-strike`,title:`Strikethrough`},null),_=()=>(0,n.createVNode)(`button`,{class:`ql-code`,title:`Inline code`},null),v=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`ordered`,title:`Numbered list`},null),y=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`bullet`,title:`Bulleted list`},null),b=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`check`,title:`Checklist`},null),x=e=>{a?.history[e]()};return{input:c,container:l,clearButton:d,undo:()=>(0,n.createVNode)(`button`,{type:`button`,title:`Undo`,onClick:()=>x(`undo`)},[(0,n.createVNode)(`svg`,{viewBox:`0 0 18 18`},[(0,n.createVNode)(`polygon`,{class:`ql-fill ql-stroke`,points:`6 10 4 12 2 10 6 10`},null),(0,n.createVNode)(`path`,{class:`ql-stroke`,d:`M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9`},null)])]),redo:()=>(0,n.createVNode)(`button`,{type:`button`,title:`Redo`,onClick:()=>x(`redo`)},[(0,n.createVNode)(`svg`,{viewBox:`0 0 18 18`},[(0,n.createVNode)(`polygon`,{class:`ql-fill ql-stroke`,points:`12 10 14 12 16 10 12 10`},null),(0,n.createVNode)(`path`,{class:`ql-stroke`,d:`M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5`},null)])]),bold:f,italic:p,underline:m,strike:g,code:_,ordered:v,unordered:y,checklist:b,align:()=>(0,n.createVNode)(`span`,{title:`Alignment`},[(0,n.createVNode)(`select`,{class:`ql-align`},null)]),header:()=>(0,n.createVNode)(`span`,{title:`Heading`},[(0,n.createVNode)(`select`,{class:`ql-header`},[(0,n.createVNode)(`option`,{value:`1`},null),(0,n.createVNode)(`option`,{value:`2`},null),(0,n.createVNode)(`option`,{value:`3`},null),(0,n.createVNode)(`option`,{value:`4`},null),(0,n.createVNode)(`option`,{value:`5`},null),(0,n.createVNode)(`option`,{value:`6`},null),(0,n.createVNode)(`option`,{selected:!0},null)])]),color:()=>(0,n.createVNode)(`span`,{title:`Text colour`},[(0,n.createVNode)(`select`,{class:`ql-color`},null)]),background:()=>(0,n.createVNode)(`span`,{title:`Highlight`},[(0,n.createVNode)(`select`,{class:`ql-background`},null)]),subscript:()=>(0,n.createVNode)(`button`,{class:`ql-script`,value:`sub`,title:`Subscript`},null),superscript:()=>(0,n.createVNode)(`button`,{class:`ql-script`,value:`super`,title:`Superscript`},null),outdent:()=>(0,n.createVNode)(`button`,{class:`ql-indent`,value:`-1`,title:`Decrease indent`},null),indent:()=>(0,n.createVNode)(`button`,{class:`ql-indent`,value:`+1`,title:`Increase indent`},null),blockquote:()=>(0,n.createVNode)(`button`,{class:`ql-blockquote`,title:`Quote`},null),codeBlock:()=>(0,n.createVNode)(`button`,{class:`ql-code-block`,title:`Code block`},null),link:()=>(0,n.createVNode)(`button`,{class:`ql-link`,title:`Link`},null),image:()=>(0,n.createVNode)(`button`,{class:`ql-image`,title:`Image`},null),clean:()=>(0,n.createVNode)(`button`,{class:`ql-clean`,title:`Clear formatting`},null)}}},m),_=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},v=e.b({default:()=>y}),y=_(g,[[`__scopeId`,`data-v-f9ca0d09`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});
|
|
1
|
+
const e=require(`./src-BJaQUsvj.js`),t=require(`./Label-CkJjlfli.js`);let n=require(`vue`),r=require(`tailwind-merge`),i=require(`primevue`),a=require(`uuid`),o=require(`inputmask`);o=e.S(o);let s=require(`primevue/editor`);s=e.S(s);var c={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function l(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,c,[...t[0]||=[(0,n.createElementVNode)(`path`,{fill:`currentColor`,d:`M6.707 5.293L12 10.585l5.293-5.292a1 1 0 0 1 1.414 1.414L13.415 12l5.292 5.293a1 1 0 0 1-1.414 1.414L12 13.415l-5.293 5.292a1 1 0 1 1-1.414-1.414L10.585 12L5.293 6.707a1 1 0 0 1 1.414-1.414`},null,-1)]])}var u=(0,n.markRaw)({name:`tabler-x-filled`,render:l});function d(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var f=(0,n.defineAsyncComponent)(()=>Promise.resolve().then(()=>v)),p=(0,n.defineAsyncComponent)(()=>Promise.resolve().then(()=>require(`./Select-D8LFsK4R.js`)).then(e=>e.n)),m=e.c({modelName:`Input`,props:{grow:e.n({type:Boolean}),filled:e.n({type:Boolean}),container:e.n({type:Boolean}),debounce:e.n({type:[Number,String],default:200,validator:e=>/^\d+$/.test(e)}),placeholder:e.n({type:[Boolean,Number,String]}),masking:e.n({type:Object}),type:e.n({type:String}),inputClass:e.n(),class:e.n(),indeterminate:e.n({type:Boolean}),showClear:e.n({type:Boolean}),data:{}},data:e=>[`select`,`editor`].includes((0,n.unref)(e.type))?void 0:e.data,defaultData:void 0,setup(s,c,l){let m=`component_${(0,a.v4)()}`,h=l.type??`text`,g=(0,n.ref)(),_=(0,n.ref)(),v=(0,n.computed)(()=>(0,n.unref)(l.placeholder)===!1||[`number`,`string`].includes(typeof(0,n.unref)(l.placeholder))?(0,n.unref)(l.placeholder):[`number`,`string`].includes(typeof(0,n.unref)(l.label))?(0,n.unref)(l.label):void 0),y=()=>(0,n.unref)(l.container)||(0,n.unref)(l.$attrs.label)||(0,n.unref)(l.grow),b=()=>y()?e.i(s).container():e.i(s).field(),x=()=>(0,n.createVNode)(`label`,{for:m,class:(0,r.twMerge)(e.t((0,n.unref)(l.labelClass)).string)},[(0,n.unref)(l.label)]),S=()=>(0,n.createVNode)(i.InputText,(0,n.mergeProps)({fluid:!(0,n.unref)(l.grow),onInput:()=>e.i(s).resize(),size:`small`,type:(0,n.unref)(h)},e.f(l.$attrs,`label`),(0,n.unref)(v)?{placeholder:(0,n.unref)(v)}:{},{id:m,ref:g,class:(0,r.twMerge)(e.t({"bg-(--colors-F5F6F8)!":(0,n.unref)(l.filled),"pr-8!":(0,n.unref)(l.showClear)}).string,e.t((0,n.unref)(l.inputClass)).string,y()?``:e.t((0,n.unref)(l.class)).string),modelValue:e.i(s).model.getData(),"onUpdate:modelValue":t=>{M(()=>{e.i(s).model.replaceData(t)})}}),null),C=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.Textarea,(0,n.mergeProps)({autoResize:!0},e.f(t.props,`type`)),t.children)},w=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.Checkbox,(0,n.mergeProps)({binary:!0,indeterminate:(0,n.unref)(l.indeterminate)},e.f(t.props,`type`)),t.children)},T=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.RadioButton,e.f(t.props,`type`),t.children)},E=()=>{let t=e.i(s).input();return(0,n.createVNode)(i.ToggleSwitch,(0,n.mergeProps)({binary:!0},e.f(t.props,`type`)),t.children)},D=()=>{let t=e.i(s).input();return(0,n.createVNode)(f,(0,n.mergeProps)(e.f(t.props,[`type`,`label`,`modelValue`,`onUpdate:modelValue`]),{data:l.data}),t.children)},O=()=>{let t=e.i(s).input();return(0,n.createVNode)(p,(0,n.mergeProps)(e.f(t.props,[`type`,`modelValue`,`onUpdate:modelValue`]),{data:l.data}),t.children)},k=()=>{let r;return(0,n.createVNode)(t.t,(0,n.mergeProps)(l.$attrs,{class:(0,n.unref)(l.class)}),d(r=e.i(s).field())?r:{default:()=>[r]})},A=()=>[`textarea`,`editor`,`select`,`checkbox`,`toggle`,`radio`].includes((0,n.unref)(h))?e.i(s)[(0,n.unref)(h)]():e.i(s).clearableInput(),j=()=>{let t=e.i(s).input();return(0,n.unref)(l.showClear)?(0,n.createVNode)(`div`,{class:(0,r.twMerge)(`relative`,e.t((0,n.unref)(l.inputClass)).string)},[t,(0,n.createVNode)(u,{class:{hidden:!e.i(s).model.getData(),"absolute right-3 -translate-y-1/2 top-1/2 text-gray-400 hover:text-gray-600 cursor-pointer":!0},onClick:()=>{e.i(s).model.replaceData()}},null)]):t},M=e=>{clearTimeout(_.value),_.value=setTimeout(e,(0,n.unref)(l.debounce))};(0,n.watch)(()=>[l.masking,g],([e,t])=>{e&&t.value&&(0,o.default)(e).mask(t.value.$el)},{deep:!0});let N=()=>{let e=(0,n.unref)(g)?.$el;if(!(0,n.unref)(l.grow)||!(e instanceof HTMLInputElement))return;let t=getComputedStyle(e),r=document.createElement(`span`);Object.assign(r.style,{position:`absolute`,visibility:`hidden`,whiteSpace:`pre`,fontFamily:t.fontFamily,fontSize:t.fontSize,fontWeight:t.fontWeight,fontStyle:t.fontStyle,letterSpacing:t.letterSpacing}),r.textContent=e.value||e.placeholder||``,document.body.append(r);let i=t.boxSizing===`border-box`?[`paddingLeft`,`paddingRight`,`borderLeftWidth`,`borderRightWidth`].reduce((e,n)=>e+(parseFloat(t[n])||0),0):0;e.style.width=`${Math.ceil(r.getBoundingClientRect().width)+i+2}px`,r.remove()};return(0,n.watch)([g,()=>e.i(s).model.getData(),()=>(0,n.unref)(l.placeholder)],()=>(0,n.nextTick)(N),{immediate:!0,flush:`post`}),{template:b,label:x,input:S,textarea:C,editor:D,select:O,checkbox:w,radio:T,toggle:E,field:A,clearableInput:j,container:k,throttle:M,resize:N,inputRef:g}}});function h(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var g=e.c({modelName:`Editor`,props:{showClear:e.n({type:Boolean})},setup(t,r,i){let a,o=(0,n.ref)(),c=()=>{let c,l=e.i(r).input();return(0,n.createVNode)(`div`,{class:{"w-full":!0,"editor-clearable":(0,n.unref)(i.showClear)},onClick:e=>{e.target.type!==`file`&&e.preventDefault()}},[(0,n.createVNode)(s.default,(0,n.mergeProps)(e.f(l.props,`type`),{onLoad:e=>{a=e.instance,o.value=e.instance.container,l.props.onLoad?.(e)}}),{...l.children,toolbar:()=>(0,n.createVNode)(`div`,{class:`w-full flex flex-wrap items-center gap-y-1`},[(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).undo(),e.i(t).redo()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).header()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).bold(),e.i(t).italic(),e.i(t).underline(),e.i(t).strike(),e.i(t).code()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).color(),e.i(t).background()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).subscript(),e.i(t).superscript()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).ordered(),e.i(t).unordered(),e.i(t).checklist(),e.i(t).outdent(),e.i(t).indent(),e.i(t).align()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).blockquote(),e.i(t).codeBlock()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).link(),e.i(t).image()]),(0,n.createVNode)(`span`,{class:`ql-formats`},[e.i(t).clean()])])}),(0,n.unref)(i.showClear)&&o.value&&(0,n.createVNode)(n.Teleport,{to:o.value},h(c=e.i(t).clearButton())?c:{default:()=>[c]})])},l=()=>e.i(t).field(),d=()=>(0,n.createVNode)(u,{class:{hidden:!e.i(t).model.getData(),"absolute top-3 right-3 text-gray-400 hover:text-gray-600 cursor-pointer":!0},onClick:()=>{e.i(t).model.replaceData()}},null),f=()=>(0,n.createVNode)(`button`,{class:`ql-bold`,title:`Bold`},null),p=()=>(0,n.createVNode)(`button`,{class:`ql-italic`,title:`Italic`},null),m=()=>(0,n.createVNode)(`button`,{class:`ql-underline`,title:`Underline`},null),g=()=>(0,n.createVNode)(`button`,{class:`ql-strike`,title:`Strikethrough`},null),_=()=>(0,n.createVNode)(`button`,{class:`ql-code`,title:`Inline code`},null),v=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`ordered`,title:`Numbered list`},null),y=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`bullet`,title:`Bulleted list`},null),b=()=>(0,n.createVNode)(`button`,{class:`ql-list`,value:`check`,title:`Checklist`},null),x=e=>{a?.history[e]()};return{input:c,container:l,clearButton:d,undo:()=>(0,n.createVNode)(`button`,{type:`button`,title:`Undo`,onClick:()=>x(`undo`)},[(0,n.createVNode)(`svg`,{viewBox:`0 0 18 18`},[(0,n.createVNode)(`polygon`,{class:`ql-fill ql-stroke`,points:`6 10 4 12 2 10 6 10`},null),(0,n.createVNode)(`path`,{class:`ql-stroke`,d:`M8.09,13.91A4.6,4.6,0,0,0,9,14,5,5,0,1,0,4,9`},null)])]),redo:()=>(0,n.createVNode)(`button`,{type:`button`,title:`Redo`,onClick:()=>x(`redo`)},[(0,n.createVNode)(`svg`,{viewBox:`0 0 18 18`},[(0,n.createVNode)(`polygon`,{class:`ql-fill ql-stroke`,points:`12 10 14 12 16 10 12 10`},null),(0,n.createVNode)(`path`,{class:`ql-stroke`,d:`M9.91,13.91A4.6,4.6,0,0,1,9,14a5,5,0,1,1,5-5`},null)])]),bold:f,italic:p,underline:m,strike:g,code:_,ordered:v,unordered:y,checklist:b,align:()=>(0,n.createVNode)(`span`,{title:`Alignment`},[(0,n.createVNode)(`select`,{class:`ql-align`},null)]),header:()=>(0,n.createVNode)(`span`,{title:`Heading`},[(0,n.createVNode)(`select`,{class:`ql-header`},[(0,n.createVNode)(`option`,{value:`1`},null),(0,n.createVNode)(`option`,{value:`2`},null),(0,n.createVNode)(`option`,{value:`3`},null),(0,n.createVNode)(`option`,{value:`4`},null),(0,n.createVNode)(`option`,{value:`5`},null),(0,n.createVNode)(`option`,{value:`6`},null),(0,n.createVNode)(`option`,{selected:!0},null)])]),color:()=>(0,n.createVNode)(`span`,{title:`Text colour`},[(0,n.createVNode)(`select`,{class:`ql-color`},null)]),background:()=>(0,n.createVNode)(`span`,{title:`Highlight`},[(0,n.createVNode)(`select`,{class:`ql-background`},null)]),subscript:()=>(0,n.createVNode)(`button`,{class:`ql-script`,value:`sub`,title:`Subscript`},null),superscript:()=>(0,n.createVNode)(`button`,{class:`ql-script`,value:`super`,title:`Superscript`},null),outdent:()=>(0,n.createVNode)(`button`,{class:`ql-indent`,value:`-1`,title:`Decrease indent`},null),indent:()=>(0,n.createVNode)(`button`,{class:`ql-indent`,value:`+1`,title:`Increase indent`},null),blockquote:()=>(0,n.createVNode)(`button`,{class:`ql-blockquote`,title:`Quote`},null),codeBlock:()=>(0,n.createVNode)(`button`,{class:`ql-code-block`,title:`Code block`},null),link:()=>(0,n.createVNode)(`button`,{class:`ql-link`,title:`Link`},null),image:()=>(0,n.createVNode)(`button`,{class:`ql-image`,title:`Image`},null),clean:()=>(0,n.createVNode)(`button`,{class:`ql-clean`,title:`Clear formatting`},null)}}},m),_=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},v=e.x({default:()=>y}),y=_(g,[[`__scopeId`,`data-v-f9ca0d09`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return y}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./src-
|
|
1
|
+
const e=require(`./src-BJaQUsvj.js`);let t=require(`vue`),n=require(`tailwind-merge`),r=require(`primevue`);var i=e.c({model:!1,modelName:`Label`,props:{label:e.n({type:[Number,String],default:`Label`}),labelType:e.n({type:String,default:`lb`,validator:e=>{let n=[`lb`,`on`,`in`,`if`,`over`];if(n.includes(e))return!0;throw Error(`Invalid label type [ ${(0,t.unref)(e)} ], must be of [ ${n.join(`, `)} ]`)}}),invisible:e.n({type:Boolean}),labelLeft:e.n({type:Boolean}),labelRight:e.n({type:Boolean}),labelClass:e.n()},setup(i,a,o){return{template:()=>[`lb`].includes((0,t.unref)(o.labelType))?(0,t.createVNode)(`label`,{class:(0,n.twMerge)(`flex flex-col text-xs gap-y-1`,e.t({"flex-row items-center gap-x-2":(0,t.unref)(o.labelLeft)||(0,t.unref)(o.labelRight)}).string)},[(0,t.createVNode)(`div`,{class:(0,n.twMerge)(`flex items-center h-full`,e.t({"order-1":(0,t.unref)(o.labelRight),invisible:(0,t.unref)(o.invisible)}).string,e.t((0,t.unref)(o.labelClass)).string)},[(0,t.unref)(o.label)]),(0,t.createVNode)(`div`,{class:{"flex grow":!0,"justify-end":(0,t.unref)(o.labelLeft)}},[o.$slots.default()])]):(0,t.createVNode)([`if`].includes((0,t.unref)(o.labelType))?r.IftaLabel:r.FloatLabel,{variant:(0,t.unref)(o.labelType),class:(0,n.twMerge)(e.t((0,t.unref)(o.labelClass)).string)},{default:()=>[(0,t.createVNode)(`label`,{class:{invisible:(0,t.unref)(o.invisible)}},[(0,t.unref)(o.label)]),o.$slots.default()]})}}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { c as e, n as t, t as n } from "./src-DwXft6y4.mjs";
|
|
2
2
|
import { createVNode as r, unref as i } from "vue";
|
|
3
3
|
import { twMerge as a } from "tailwind-merge";
|
|
4
4
|
import { FloatLabel as o, IftaLabel as s } from "primevue";
|
|
5
5
|
//#endregion
|
|
6
6
|
//#region src/components/Label.vue
|
|
7
|
-
var c =
|
|
7
|
+
var c = e({
|
|
8
8
|
model: !1,
|
|
9
9
|
modelName: "Label",
|
|
10
10
|
props: {
|
|
11
|
-
label:
|
|
11
|
+
label: t({
|
|
12
12
|
type: [Number, String],
|
|
13
13
|
default: "Label"
|
|
14
14
|
}),
|
|
15
|
-
labelType:
|
|
15
|
+
labelType: t({
|
|
16
16
|
type: String,
|
|
17
17
|
default: "lb",
|
|
18
18
|
validator: (e) => {
|
|
@@ -27,10 +27,10 @@ var c = t({
|
|
|
27
27
|
throw Error(`Invalid label type [ ${i(e)} ], must be of [ ${t.join(", ")} ]`);
|
|
28
28
|
}
|
|
29
29
|
}),
|
|
30
|
-
invisible:
|
|
31
|
-
labelLeft:
|
|
32
|
-
labelRight:
|
|
33
|
-
labelClass:
|
|
30
|
+
invisible: t({ type: Boolean }),
|
|
31
|
+
labelLeft: t({ type: Boolean }),
|
|
32
|
+
labelRight: t({ type: Boolean }),
|
|
33
|
+
labelClass: t()
|
|
34
34
|
},
|
|
35
35
|
setup(e, t, c) {
|
|
36
36
|
return { template: () => ["lb"].includes(i(c.labelType)) ? r("label", { class: a("flex flex-col text-xs gap-y-1", n({ "flex-row items-center gap-x-2": i(c.labelLeft) || i(c.labelRight) }).string) }, [r("div", { class: a("flex items-center h-full", n({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e=require(`./src-
|
|
1
|
+
const e=require(`./src-BJaQUsvj.js`),t=require(`./Label-CkJjlfli.js`);let n=require(`vue`),r=require(`tailwind-merge`),i=require(`primevue`),a=require(`uuid`);var o={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function s(e,t){return(0,n.openBlock)(),(0,n.createElementBlock)(`svg`,o,[...t[0]||=[(0,n.createElementVNode)(`path`,{fill:`currentColor`,d:`M21 7L9 19l-5.5-5.5l1.41-1.41L9 16.17L19.59 5.59z`},null,-1)]])}var c=(0,n.markRaw)({name:`mdi-check`,render:s});function l(e){return typeof e==`function`||Object.prototype.toString.call(e)===`[object Object]`&&!(0,n.isVNode)(e)}var u=e.c({modelName:`Select`,props:{data:{},defaultData:e.n(),onShow:e.n({type:Function}),onFilter:e.n({type:Function}),multiple:e.n({type:Boolean}),filled:e.n({type:Boolean}),sorted:e.n({type:Boolean,default:!0}),debounce:e.n({type:[Number,String],default:200,validator:e=>/^\d+$/.test(e)}),placeholder:e.n({type:[Boolean,Number,String],default:`None`}),dropdown:e.n({type:Boolean,default:!0}),type:e.n({type:String,default:`select`}),options:e.n({type:Array,default:[]}),optionLabel:e.n({type:[Function,Number,String]}),optionValue:e.n({type:[Function,Number,String]}),optionProperty:e.n({type:[Function,Number,String]}),filterInputClass:e.n(),inputClass:e.n(),class:e.n()},data:t=>{let r=(0,n.unref)(t.data);return e.o(r===void 0?(0,n.unref)(t.defaultData)??((0,n.unref)(t.multiple)?[]:{}):r)},defaultData:e=>(0,n.unref)(e.defaultData)??((0,n.unref)(e.multiple)?[]:{}),setup(o,s,u){let d=`component_${(0,a.v4)()}`,f=(0,n.ref)(),p=(0,n.ref)(),m=(0,n.ref)([]),h=(0,n.reactive)({status:!1}),g=(0,n.computed)(()=>(0,n.unref)(u.placeholder)===!1||[`number`,`string`].includes(typeof(0,n.unref)(u.placeholder))?(0,n.unref)(u.placeholder):[`number`,`string`].includes(typeof(0,n.unref)(u.$attrs.label))?(0,n.unref)(u.$attrs.label):void 0),_=(0,n.computed)(()=>(0,n.unref)(u.multiple)?i.MultiSelect:i.Select),v=t=>((0,n.unref)(m)??[]).find(n=>e.i(o).getValue(n)===e.i(o).getValue(t)),y=(0,n.computed)(()=>{try{if((0,n.unref)(u.sorted)===!1)return(0,n.unref)(m);let t=e.i(o).model.getData();if(!t||Array.isArray(t)&&t.length===0)return(0,n.unref)(m);let r=new Set((Array.isArray(t)?t:[t]).map(t=>{let n=v(t);return n?e.i(o).getValue(n):e.i(o).getValue(t)})),i=new Map((0,n.unref)(m).map((e,t)=>[e,t]));return(0,n.unref)(m).toSorted((t,n)=>{let a=r.has(e.i(o).getValue(t)),s=r.has(e.i(o).getValue(n));return a&&!s?-1:!a&&s?1:a&&s?(i.get(n)??0)-(i.get(t)??0):0})}catch{return(0,n.unref)(m)}}),b=(0,n.computed)(()=>{let t=e.i(o).model.getData();return((0,n.unref)(u.multiple)?(Array.isArray(t)?t:[]).map(t=>e.i(o).getProperty(v(t))):e.i(o).getProperty(v(t)))??t}),x=(0,n.computed)(()=>{if((0,n.unref)(m).some(e=>typeof e==`object`&&!!e))return t=>e.i(o).getLabel(t)}),S=e=>{try{return typeof u.optionValue==`function`?u.optionValue(e):[`Object`].includes(e.constructor.name)?e[(0,n.unref)(u.optionValue)??`id`]:e}catch{return e}},C=e=>{try{return typeof u.optionLabel==`function`?u.optionLabel(e):[`Object`].includes(e.constructor.name)?e[(0,n.unref)(u.optionLabel)??`name`]:e}catch{return e}},w=e=>{try{return typeof u.optionProperty==`function`?u.optionProperty(e):[`Object`].includes(e.constructor.name)&&(0,n.unref)(u.optionProperty)?e[(0,n.unref)(u.optionProperty)]:e}catch{return e}},T=()=>{let r;return(0,n.unref)(u.$attrs.label)?(0,n.createVNode)(t.t,(0,n.mergeProps)(u.$attrs,{class:(0,n.unref)(u.class)}),l(r=e.i(o).input())?r:{default:()=>[r]}):e.i(o).input()},E=()=>(0,n.createVNode)(_.value,(0,n.mergeProps)({fluid:!0,size:`small`,appendTo:`self`,autoFilterFocus:(0,n.unref)(u.$attrs.filter),resetFilterOnHide:!0,resetFilterOnClear:!0,loading:h.status,options:(0,n.unref)(y)},e.f(u.$attrs,`class`),[`number`,`string`].includes(typeof(0,n.unref)(g))?{placeholder:String((0,n.unref)(g))}:{},{id:d,ref:f,class:(0,r.twMerge)(e.t({"bg-(--colors-F5F6F8)!":(0,n.unref)(u.filled)}).string,e.t((0,n.unref)(u.inputClass)).string,(0,n.unref)(u.$attrs.label)?``:e.t((0,n.unref)(u.class)).string),modelValue:(0,n.unref)(b),onFilter:({value:t})=>{typeof u.onFilter==`function`&&A(()=>{e.m({loading:h,try:async()=>{let e=await u.onFilter({query:t});Array.isArray(e)?m.value=e:typeof e==`function`&&(m.value=e())}})})},onShow:()=>{typeof u.onShow==`function`&&A(()=>{e.m({loading:h,try:async()=>{let e=await u.onShow();Array.isArray(e)?m.value=e:typeof e==`function`&&(m.value=e())}})})},optionLabel:(0,n.unref)(x),pt:{...(0,n.unref)(u.$attrs.pt),...(0,n.unref)(u.multiple)?{header:e.i(o).allRow()}:{},pcFilter:{...(0,n.unref)(u.$attrs.pt)?.pcFilter,root:{...(0,n.unref)(u.$attrs.pt)?.pcFilter?.root,class:(0,r.twMerge)((0,n.unref)(u.$attrs.pt)?.pcFilter?.root?.class,e.t((0,n.unref)(u.filterInputClass)).string)}}}},(0,n.unref)(u.optionProperty)?{optionValue:t=>e.i(o).getProperty(t)}:{},{"onUpdate:modelValue":t=>{A(()=>{e.i(o).model.replaceData(e.i(o).getProperty(t))})}}),{...u.$slots,...(0,n.unref)(u.dropdown)?{}:{dropdownicon:()=>``},...(0,n.unref)(u.multiple)?{headercheckboxicon:(...t)=>(u.$slots.headercheckboxicon||e.i(o).headerCheckboxIconSlot)(...t)}:{},...e.i(o).valueSlot?{value:(t,...n)=>u.$slots.value({...t,value:e.i(o).valueSlot(t,...n)},...n)}:{},...e.i(o).optionSlot?{option:(t,...n)=>u.$slots.option({...t,option:e.i(o).optionSlot(t,...n)},...n)}:{}}),D=({class:t,checked:r})=>(0,n.createVNode)(`div`,{class:`absolute flex items-center`},[(0,n.createVNode)(c,{class:{[t]:!0,invisible:!r,"relative left-1/2 -translate-x-1/2":!0}},null),e.i(o).selectAllOptionText()]),O=()=>({class:`m-(--p-multiselect-list-padding)! mb-0! p-(--p-multiselect-option-padding)! rounded-(--p-multiselect-option-border-radius)! cursor-pointer hover:bg-(--p-multiselect-option-focus-background)! hover:text-(--p-multiselect-option-focus-color)!`,onMouseenter:()=>{(0,n.unref)(f)&&((0,n.unref)(f).focusedOptionIndex=-1)},onClick:e=>{e.target.closest(`.p-checkbox-input, .p-multiselect-filter-container`)||e.currentTarget.querySelector(`.p-checkbox-input`)?.click()}}),k=()=>(0,n.createVNode)(`div`,{class:`relative left-5 text-(--p-multiselect-option-color)`},[(0,n.createTextVNode)(`All`)]),A=e=>{clearTimeout(p.value),p.value=setTimeout(e,(0,n.unref)(u.debounce))};return(0,n.watch)(()=>(0,n.unref)(u.options),e=>{m.value=e},{immediate:!0}),(0,n.onBeforeUnmount)(()=>{clearTimeout(p.value)}),{template:T,input:E,getLabel:C,getValue:S,getProperty:w,getOption:v,headerCheckboxIconSlot:D,allRow:O,selectAllOptionText:k,debounce:A,inputRef:f,timeoutRef:p,optionsRef:m,computedOptionsRef:y,computedSelectionsRef:b,loadingRef:h}}}),d=e.x({default:()=>f}),f=u;Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./rolldown-runtime-C-QNzSnW.mjs";
|
|
2
|
-
import {
|
|
3
|
-
import { t as c } from "./Label-
|
|
2
|
+
import { c as t, f as n, i as r, m as i, n as a, o, t as s } from "./src-DwXft6y4.mjs";
|
|
3
|
+
import { t as c } from "./Label-DD9yGa7V.mjs";
|
|
4
4
|
import { computed as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, isVNode as m, markRaw as h, mergeProps as g, onBeforeUnmount as _, openBlock as v, reactive as y, ref as b, unref as x, watch as S } from "vue";
|
|
5
5
|
import { twMerge as C } from "tailwind-merge";
|
|
6
6
|
import { MultiSelect as w, Select as T } from "primevue";
|
|
@@ -26,25 +26,25 @@ var k = h({
|
|
|
26
26
|
function A(e) {
|
|
27
27
|
return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !m(e);
|
|
28
28
|
}
|
|
29
|
-
var j =
|
|
29
|
+
var j = t({
|
|
30
30
|
modelName: "Select",
|
|
31
31
|
props: {
|
|
32
32
|
data: {},
|
|
33
|
-
defaultData:
|
|
34
|
-
onShow:
|
|
35
|
-
onFilter:
|
|
36
|
-
multiple:
|
|
37
|
-
filled:
|
|
38
|
-
sorted:
|
|
33
|
+
defaultData: a(),
|
|
34
|
+
onShow: a({ type: Function }),
|
|
35
|
+
onFilter: a({ type: Function }),
|
|
36
|
+
multiple: a({ type: Boolean }),
|
|
37
|
+
filled: a({ type: Boolean }),
|
|
38
|
+
sorted: a({
|
|
39
39
|
type: Boolean,
|
|
40
40
|
default: !0
|
|
41
41
|
}),
|
|
42
|
-
debounce:
|
|
42
|
+
debounce: a({
|
|
43
43
|
type: [Number, String],
|
|
44
44
|
default: 200,
|
|
45
45
|
validator: (e) => /^\d+$/.test(e)
|
|
46
46
|
}),
|
|
47
|
-
placeholder:
|
|
47
|
+
placeholder: a({
|
|
48
48
|
type: [
|
|
49
49
|
Boolean,
|
|
50
50
|
Number,
|
|
@@ -52,116 +52,116 @@ var j = o({
|
|
|
52
52
|
],
|
|
53
53
|
default: "None"
|
|
54
54
|
}),
|
|
55
|
-
dropdown:
|
|
55
|
+
dropdown: a({
|
|
56
56
|
type: Boolean,
|
|
57
57
|
default: !0
|
|
58
58
|
}),
|
|
59
|
-
type:
|
|
59
|
+
type: a({
|
|
60
60
|
type: String,
|
|
61
61
|
default: "select"
|
|
62
62
|
}),
|
|
63
|
-
options:
|
|
63
|
+
options: a({
|
|
64
64
|
type: Array,
|
|
65
65
|
default: []
|
|
66
66
|
}),
|
|
67
|
-
optionLabel:
|
|
67
|
+
optionLabel: a({ type: [
|
|
68
68
|
Function,
|
|
69
69
|
Number,
|
|
70
70
|
String
|
|
71
71
|
] }),
|
|
72
|
-
optionValue:
|
|
72
|
+
optionValue: a({ type: [
|
|
73
73
|
Function,
|
|
74
74
|
Number,
|
|
75
75
|
String
|
|
76
76
|
] }),
|
|
77
|
-
optionProperty:
|
|
77
|
+
optionProperty: a({ type: [
|
|
78
78
|
Function,
|
|
79
79
|
Number,
|
|
80
80
|
String
|
|
81
81
|
] }),
|
|
82
|
-
filterInputClass:
|
|
83
|
-
inputClass:
|
|
84
|
-
class:
|
|
82
|
+
filterInputClass: a(),
|
|
83
|
+
inputClass: a(),
|
|
84
|
+
class: a()
|
|
85
85
|
},
|
|
86
86
|
data: (e) => {
|
|
87
|
-
let
|
|
88
|
-
return t
|
|
87
|
+
let t = x(e.data);
|
|
88
|
+
return o(t === void 0 ? x(e.defaultData) ?? (x(e.multiple) ? [] : {}) : t);
|
|
89
89
|
},
|
|
90
90
|
defaultData: (e) => x(e.defaultData) ?? (x(e.multiple) ? [] : {}),
|
|
91
|
-
setup(e, t,
|
|
92
|
-
let o = `component_${E()}`, u = b(), d = b(), m = b([]), h = y({ status: !1 }), v = l(() => x(
|
|
91
|
+
setup(e, t, a) {
|
|
92
|
+
let o = `component_${E()}`, u = b(), d = b(), m = b([]), h = y({ status: !1 }), v = l(() => x(a.placeholder) === !1 || ["number", "string"].includes(typeof x(a.placeholder)) ? x(a.placeholder) : ["number", "string"].includes(typeof x(a.$attrs.label)) ? x(a.$attrs.label) : void 0), D = l(() => x(a.multiple) ? w : T), O = (t) => (x(m) ?? []).find((n) => r(e).getValue(n) === r(e).getValue(t)), j = l(() => {
|
|
93
93
|
try {
|
|
94
|
-
if (x(
|
|
94
|
+
if (x(a.sorted) === !1) return x(m);
|
|
95
95
|
let t = r(e).model.getData();
|
|
96
96
|
if (!t || Array.isArray(t) && t.length === 0) return x(m);
|
|
97
97
|
let n = new Set((Array.isArray(t) ? t : [t]).map((t) => {
|
|
98
98
|
let n = O(t);
|
|
99
99
|
return n ? r(e).getValue(n) : r(e).getValue(t);
|
|
100
|
-
})),
|
|
101
|
-
return x(m).toSorted((t,
|
|
102
|
-
let o = n.has(r(e).getValue(t)), s = n.has(r(e).getValue(
|
|
103
|
-
return o && !s ? -1 : !o && s ? 1 : o && s ? (
|
|
100
|
+
})), i = new Map(x(m).map((e, t) => [e, t]));
|
|
101
|
+
return x(m).toSorted((t, a) => {
|
|
102
|
+
let o = n.has(r(e).getValue(t)), s = n.has(r(e).getValue(a));
|
|
103
|
+
return o && !s ? -1 : !o && s ? 1 : o && s ? (i.get(a) ?? 0) - (i.get(t) ?? 0) : 0;
|
|
104
104
|
});
|
|
105
105
|
} catch {
|
|
106
106
|
return x(m);
|
|
107
107
|
}
|
|
108
108
|
}), M = l(() => {
|
|
109
109
|
let t = r(e).model.getData();
|
|
110
|
-
return (x(
|
|
110
|
+
return (x(a.multiple) ? (Array.isArray(t) ? t : []).map((t) => r(e).getProperty(O(t))) : r(e).getProperty(O(t))) ?? t;
|
|
111
111
|
}), N = l(() => {
|
|
112
112
|
if (x(m).some((e) => typeof e == "object" && !!e)) return (t) => r(e).getLabel(t);
|
|
113
113
|
}), P = (e) => {
|
|
114
114
|
try {
|
|
115
|
-
return typeof
|
|
115
|
+
return typeof a.optionValue == "function" ? a.optionValue(e) : ["Object"].includes(e.constructor.name) ? e[x(a.optionValue) ?? "id"] : e;
|
|
116
116
|
} catch {
|
|
117
117
|
return e;
|
|
118
118
|
}
|
|
119
119
|
}, F = (e) => {
|
|
120
120
|
try {
|
|
121
|
-
return typeof
|
|
121
|
+
return typeof a.optionLabel == "function" ? a.optionLabel(e) : ["Object"].includes(e.constructor.name) ? e[x(a.optionLabel) ?? "name"] : e;
|
|
122
122
|
} catch {
|
|
123
123
|
return e;
|
|
124
124
|
}
|
|
125
125
|
}, I = (e) => {
|
|
126
126
|
try {
|
|
127
|
-
return typeof
|
|
127
|
+
return typeof a.optionProperty == "function" ? a.optionProperty(e) : ["Object"].includes(e.constructor.name) && x(a.optionProperty) ? e[x(a.optionProperty)] : e;
|
|
128
128
|
} catch {
|
|
129
129
|
return e;
|
|
130
130
|
}
|
|
131
131
|
}, L = () => {
|
|
132
132
|
let t;
|
|
133
|
-
return x(
|
|
133
|
+
return x(a.$attrs.label) ? p(c, g(a.$attrs, { class: x(a.class) }), A(t = r(e).input()) ? t : { default: () => [t] }) : r(e).input();
|
|
134
134
|
}, R = () => p(D.value, g({
|
|
135
135
|
fluid: !0,
|
|
136
136
|
size: "small",
|
|
137
137
|
appendTo: "self",
|
|
138
|
-
autoFilterFocus: x(
|
|
138
|
+
autoFilterFocus: x(a.$attrs.filter),
|
|
139
139
|
resetFilterOnHide: !0,
|
|
140
140
|
resetFilterOnClear: !0,
|
|
141
141
|
loading: h.status,
|
|
142
142
|
options: x(j)
|
|
143
|
-
}, n(
|
|
143
|
+
}, n(a.$attrs, "class"), ["number", "string"].includes(typeof x(v)) ? { placeholder: String(x(v)) } : {}, {
|
|
144
144
|
id: o,
|
|
145
145
|
ref: u,
|
|
146
|
-
class: C(s({ "bg-(--colors-F5F6F8)!": x(
|
|
146
|
+
class: C(s({ "bg-(--colors-F5F6F8)!": x(a.filled) }).string, s(x(a.inputClass)).string, x(a.$attrs.label) ? "" : s(x(a.class)).string),
|
|
147
147
|
modelValue: x(M),
|
|
148
148
|
onFilter: ({ value: e }) => {
|
|
149
|
-
typeof
|
|
150
|
-
|
|
149
|
+
typeof a.onFilter == "function" && H(() => {
|
|
150
|
+
i({
|
|
151
151
|
loading: h,
|
|
152
152
|
try: async () => {
|
|
153
|
-
let t = await
|
|
153
|
+
let t = await a.onFilter({ query: e });
|
|
154
154
|
Array.isArray(t) ? m.value = t : typeof t == "function" && (m.value = t());
|
|
155
155
|
}
|
|
156
156
|
});
|
|
157
157
|
});
|
|
158
158
|
},
|
|
159
159
|
onShow: () => {
|
|
160
|
-
typeof
|
|
161
|
-
|
|
160
|
+
typeof a.onShow == "function" && H(() => {
|
|
161
|
+
i({
|
|
162
162
|
loading: h,
|
|
163
163
|
try: async () => {
|
|
164
|
-
let e = await
|
|
164
|
+
let e = await a.onShow();
|
|
165
165
|
Array.isArray(e) ? m.value = e : typeof e == "function" && (m.value = e());
|
|
166
166
|
}
|
|
167
167
|
});
|
|
@@ -169,29 +169,29 @@ var j = o({
|
|
|
169
169
|
},
|
|
170
170
|
optionLabel: x(N),
|
|
171
171
|
pt: {
|
|
172
|
-
...x(
|
|
173
|
-
...x(
|
|
172
|
+
...x(a.$attrs.pt),
|
|
173
|
+
...x(a.multiple) ? { header: r(e).allRow() } : {},
|
|
174
174
|
pcFilter: {
|
|
175
|
-
...x(
|
|
175
|
+
...x(a.$attrs.pt)?.pcFilter,
|
|
176
176
|
root: {
|
|
177
|
-
...x(
|
|
178
|
-
class: C(x(
|
|
177
|
+
...x(a.$attrs.pt)?.pcFilter?.root,
|
|
178
|
+
class: C(x(a.$attrs.pt)?.pcFilter?.root?.class, s(x(a.filterInputClass)).string)
|
|
179
179
|
}
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
|
-
}, x(
|
|
182
|
+
}, x(a.optionProperty) ? { optionValue: (t) => r(e).getProperty(t) } : {}, { "onUpdate:modelValue": (t) => {
|
|
183
183
|
H(() => {
|
|
184
184
|
r(e).model.replaceData(r(e).getProperty(t));
|
|
185
185
|
});
|
|
186
186
|
} }), {
|
|
187
|
-
...
|
|
188
|
-
...x(
|
|
189
|
-
...x(
|
|
190
|
-
...r(e).valueSlot ? { value: (t, ...n) =>
|
|
187
|
+
...a.$slots,
|
|
188
|
+
...x(a.dropdown) ? {} : { dropdownicon: () => "" },
|
|
189
|
+
...x(a.multiple) ? { headercheckboxicon: (...t) => (a.$slots.headercheckboxicon || r(e).headerCheckboxIconSlot)(...t) } : {},
|
|
190
|
+
...r(e).valueSlot ? { value: (t, ...n) => a.$slots.value({
|
|
191
191
|
...t,
|
|
192
192
|
value: r(e).valueSlot(t, ...n)
|
|
193
193
|
}, ...n) } : {},
|
|
194
|
-
...r(e).optionSlot ? { option: (t, ...n) =>
|
|
194
|
+
...r(e).optionSlot ? { option: (t, ...n) => a.$slots.option({
|
|
195
195
|
...t,
|
|
196
196
|
option: r(e).optionSlot(t, ...n)
|
|
197
197
|
}, ...n) } : {}
|
|
@@ -208,9 +208,9 @@ var j = o({
|
|
|
208
208
|
e.target.closest(".p-checkbox-input, .p-multiselect-filter-container") || e.currentTarget.querySelector(".p-checkbox-input")?.click();
|
|
209
209
|
}
|
|
210
210
|
}), V = () => p("div", { class: "relative left-5 text-(--p-multiselect-option-color)" }, [f("All")]), H = (e) => {
|
|
211
|
-
clearTimeout(d.value), d.value = setTimeout(e, x(
|
|
211
|
+
clearTimeout(d.value), d.value = setTimeout(e, x(a.debounce));
|
|
212
212
|
};
|
|
213
|
-
return S(() => x(
|
|
213
|
+
return S(() => x(a.options), (e) => {
|
|
214
214
|
m.value = e;
|
|
215
215
|
}, { immediate: !0 }), _(() => {
|
|
216
216
|
clearTimeout(d.value);
|