@orchidui/dashboard 1.8.1-83 → 1.8.1-87
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/Dashboard/Card/OcCard.js +2 -3
- package/dist/Dashboard/TextEditor/QuillEditor.js +1 -1
- package/dist/{OcCard-BFYO-xBE.js → OcCard-BpqC7suH.js} +1 -1
- package/dist/OcLottieAnimation-C7OqxSEZ.js +85 -0
- package/dist/{QuillEditor-DbGwG5RB.js → QuillEditor-Dbc8OdX7.js} +687 -665
- package/dist/index.js +1848 -28
- package/package.json +1 -1
- package/dist/OcColorPicker-BZ3zytCj.js +0 -128
- package/dist/OcColorPickerPopup-sjvpeV8l.js +0 -1127
- package/dist/OcLottieAnimation-cF06yacT.js +0 -7741
- package/dist/OcOnboardingProgressbar-BsqF90Gn.js +0 -77
- package/dist/OcTextEditor-BWOvVmgS.js +0 -522
- package/dist/_commonjsHelpers-BkfeUUK-.js +0 -28
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
import { defineComponent as s, computed as c, openBlock as t, createElementBlock as o, createVNode as d, unref as p, createElementVNode as u, toDisplayString as r, createCommentVNode as i, renderSlot as m } from "vue";
|
|
2
|
-
import "./index.js";
|
|
3
|
-
import { PieChart as f } from "./Dashboard/Charts/PieChart/OcPieChart.js";
|
|
4
|
-
const h = { class: "flex flex-col pt-10 px-7 gap-y-7 items-center" }, x = { class: "flex flex-col gap-y-4 text-center items-center" }, g = {
|
|
5
|
-
key: 0,
|
|
6
|
-
class: "text-xl font-medium"
|
|
7
|
-
}, b = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "text-sm text-oc-text-400"
|
|
10
|
-
}, _ = /* @__PURE__ */ s({
|
|
11
|
-
__name: "OcOnboardingProgressbar",
|
|
12
|
-
props: {
|
|
13
|
-
title: {
|
|
14
|
-
type: String,
|
|
15
|
-
default: ""
|
|
16
|
-
},
|
|
17
|
-
description: {
|
|
18
|
-
type: String,
|
|
19
|
-
default: ""
|
|
20
|
-
},
|
|
21
|
-
value: {
|
|
22
|
-
type: [String, Number],
|
|
23
|
-
default: "0"
|
|
24
|
-
},
|
|
25
|
-
chartData: {
|
|
26
|
-
type: Array,
|
|
27
|
-
default: () => []
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
setup(e) {
|
|
31
|
-
const a = e, n = c(() => ({
|
|
32
|
-
grid: {
|
|
33
|
-
containLabel: !1
|
|
34
|
-
},
|
|
35
|
-
series: [
|
|
36
|
-
{
|
|
37
|
-
name: "Onboarding Progressbar",
|
|
38
|
-
type: "pie",
|
|
39
|
-
emphasis: {
|
|
40
|
-
disabled: !0
|
|
41
|
-
},
|
|
42
|
-
avoidLabelOverlap: !1,
|
|
43
|
-
label: {
|
|
44
|
-
color: "#000",
|
|
45
|
-
fontWeight: "bold",
|
|
46
|
-
fontFamily: "Inter",
|
|
47
|
-
fontSize: "24",
|
|
48
|
-
position: "center",
|
|
49
|
-
formatter: () => a.value + "%"
|
|
50
|
-
},
|
|
51
|
-
labelLine: {
|
|
52
|
-
show: !0
|
|
53
|
-
},
|
|
54
|
-
radius: ["60%", "100%"],
|
|
55
|
-
data: a.chartData
|
|
56
|
-
}
|
|
57
|
-
]
|
|
58
|
-
}));
|
|
59
|
-
return (l, y) => (t(), o("div", h, [
|
|
60
|
-
d(p(f), {
|
|
61
|
-
class: "w-[140px] bg-white rounded-full h-[140px]",
|
|
62
|
-
"additional-options": n.value,
|
|
63
|
-
"tooltip-formatter": () => null,
|
|
64
|
-
"tooltip-value-formatter": () => null
|
|
65
|
-
}, null, 8, ["additional-options"]),
|
|
66
|
-
u("div", x, [
|
|
67
|
-
e.title ? (t(), o("span", g, r(e.title), 1)) : i("", !0),
|
|
68
|
-
m(l.$slots, "description", {}, () => [
|
|
69
|
-
e.description ? (t(), o("span", b, r(e.description), 1)) : i("", !0)
|
|
70
|
-
])
|
|
71
|
-
])
|
|
72
|
-
]));
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
export {
|
|
76
|
-
_ as default
|
|
77
|
-
};
|
|
@@ -1,522 +0,0 @@
|
|
|
1
|
-
var Ie = Object.defineProperty;
|
|
2
|
-
var Me = (s, p, v) => p in s ? Ie(s, p, { enumerable: !0, configurable: !0, writable: !0, value: v }) : s[p] = v;
|
|
3
|
-
var P = (s, p, v) => Me(s, typeof p != "symbol" ? p + "" : p, v);
|
|
4
|
-
import { computed as O, ref as r, onMounted as qe, watch as ze, openBlock as c, createBlock as k, unref as i, withCtx as S, createVNode as a, createElementVNode as n, normalizeClass as g, createElementBlock as h, Fragment as w, createCommentVNode as m, renderList as Be, toDisplayString as le, createTextVNode as Le, normalizeStyle as oe } from "vue";
|
|
5
|
-
import { Q as d, a as Fe } from "./QuillEditor-DbGwG5RB.js";
|
|
6
|
-
import { ColorPicker as Ue } from "./index.js";
|
|
7
|
-
import { BaseInput as Ee, Modal as Ne, Select as ie, Icon as u, Dropdown as Re, Slider as je } from "@orchidui/core";
|
|
8
|
-
const He = ["id"], De = { class: "flex items-center gap-x-3 px-5" }, Pe = { class: "flex items-center gap-x-5 cursor-pointer" }, Oe = { class: "flex flex-col py-2 overflow-hidden" }, We = ["onClick"], Ze = { class: "flex gap-x-3 items-center px-5" }, Ge = { class: "flex items-center gap-x-3 px-5" }, Je = { class: "flex gap-x-3 items-center px-5" }, Ke = { class: "flex gap-x-3 items-center px-5" }, Xe = { class: "flex items-center" }, Ye = { class: "grid cursor-pointer px-5" }, _e = {
|
|
9
|
-
key: 5,
|
|
10
|
-
class: "flex gap-x-3 items-center px-5"
|
|
11
|
-
}, et = { class: "flex" }, tt = { class: "mt-1 mx-2 cursor-pointer" }, st = {
|
|
12
|
-
__name: "OcTextEditor",
|
|
13
|
-
props: {
|
|
14
|
-
/**
|
|
15
|
-
* The font sizes of the editor.
|
|
16
|
-
*/
|
|
17
|
-
fontSizes: { type: Array, required: !0 },
|
|
18
|
-
/**
|
|
19
|
-
* The initial font size of the editor. (if empty the first item of `fontSizes` will be used, needs to be a value of `fontSizes`)
|
|
20
|
-
*/
|
|
21
|
-
initialFontSize: { type: String },
|
|
22
|
-
modelValue: String,
|
|
23
|
-
image: String,
|
|
24
|
-
errorMessage: {
|
|
25
|
-
type: String,
|
|
26
|
-
default: ""
|
|
27
|
-
},
|
|
28
|
-
label: {
|
|
29
|
-
type: String,
|
|
30
|
-
default: ""
|
|
31
|
-
},
|
|
32
|
-
hint: {
|
|
33
|
-
type: String,
|
|
34
|
-
default: ""
|
|
35
|
-
},
|
|
36
|
-
isRequired: {
|
|
37
|
-
type: Boolean,
|
|
38
|
-
default: !1
|
|
39
|
-
},
|
|
40
|
-
labelIcon: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: ""
|
|
43
|
-
},
|
|
44
|
-
tooltipText: {
|
|
45
|
-
type: String,
|
|
46
|
-
default: ""
|
|
47
|
-
},
|
|
48
|
-
tooltipOptions: {
|
|
49
|
-
type: Object,
|
|
50
|
-
default: () => ({})
|
|
51
|
-
},
|
|
52
|
-
variant: {
|
|
53
|
-
type: String,
|
|
54
|
-
validator: (s) => ["default", "text-only"].includes(s),
|
|
55
|
-
default: "default"
|
|
56
|
-
},
|
|
57
|
-
placeholder: {
|
|
58
|
-
type: String,
|
|
59
|
-
default: ""
|
|
60
|
-
}
|
|
61
|
-
},
|
|
62
|
-
emits: ["update:modelValue", "update:image"],
|
|
63
|
-
setup(s, { emit: p }) {
|
|
64
|
-
const v = s, $ = p, ne = {
|
|
65
|
-
default: [
|
|
66
|
-
"changes",
|
|
67
|
-
"font-size",
|
|
68
|
-
"font-style",
|
|
69
|
-
"link",
|
|
70
|
-
"image",
|
|
71
|
-
"quote",
|
|
72
|
-
"media",
|
|
73
|
-
"list",
|
|
74
|
-
"alignment"
|
|
75
|
-
],
|
|
76
|
-
"text-only": ["changes", "font-size", "font-style", "link", "quote", "list", "alignment"]
|
|
77
|
-
}, f = O(() => ne[v.variant]), W = d.import("attributors/style/size");
|
|
78
|
-
W.whitelist = v.fontSizes.map((t) => t.value), d.register(W, !0);
|
|
79
|
-
const ae = d.import("attributors/style/align");
|
|
80
|
-
d.register(ae, !0);
|
|
81
|
-
const se = d.import("attributors/style/background");
|
|
82
|
-
d.register(se, !0);
|
|
83
|
-
const re = d.import("attributors/style/color");
|
|
84
|
-
d.register(re, !0);
|
|
85
|
-
const ue = d.import("attributors/style/direction");
|
|
86
|
-
d.register(ue, !0);
|
|
87
|
-
const de = d.import("attributors/style/font");
|
|
88
|
-
d.register(de, !0);
|
|
89
|
-
const ce = d.import("blots/block/embed");
|
|
90
|
-
class L extends ce {
|
|
91
|
-
}
|
|
92
|
-
P(L, "blotName", "divider"), P(L, "tagName", "hr"), d.register(L);
|
|
93
|
-
const I = r(
|
|
94
|
-
Math.random().toString(36).replace(/[^a-zA-Z]+/g, "")
|
|
95
|
-
), Z = r(!1), G = r(!1), Q = r(!1), C = r(!1), V = r(!1), M = r(!1), F = r(!1), U = r(""), q = r(""), b = r(""), o = r(), J = r(!1), K = r(v.image), E = (t) => {
|
|
96
|
-
console.log(t, 123), Z.value = o.value.getQuill().history.stack.undo.length > 0, G.value = o.value.getQuill().history.stack.redo.length > 0, Q.value = o.value.getQuill().getFormat().bold, C.value = o.value.getQuill().getFormat().italic, V.value = o.value.getQuill().getFormat().underline, F.value = o.value.getQuill().getFormat().blockquote, q.value = o.value.getQuill().getFormat().list, b.value = o.value.getQuill().getFormat().align;
|
|
97
|
-
let e = document.createElement("div");
|
|
98
|
-
e.innerHTML = t, J.value && (e.innerText ? $("update:modelValue", t || "") : $("update:modelValue", ""), e.remove());
|
|
99
|
-
}, ge = () => {
|
|
100
|
-
if (o.value.getQuill().getSelection(!0)) {
|
|
101
|
-
const e = o.value.getQuill().getSelection(!0);
|
|
102
|
-
o.value.getQuill().insertText(e.index, `
|
|
103
|
-
`, d.sources.USER), o.value.getQuill().insertEmbed(e.index + 1, "divider", !0, d.sources.USER), o.value.getQuill().setSelection(e.index + 2, d.sources.SILENT);
|
|
104
|
-
}
|
|
105
|
-
}, ve = () => {
|
|
106
|
-
o.value.getQuill().history.undo(), E(v.modelValue);
|
|
107
|
-
}, me = () => {
|
|
108
|
-
o.value.getQuill().history.redo(), E(v.modelValue);
|
|
109
|
-
}, xe = () => {
|
|
110
|
-
var t;
|
|
111
|
-
o.value.getQuill().format("bold", !Q.value), (t = o.value.getQuill().getSelection()) != null && t.length || (Q.value = !Q.value);
|
|
112
|
-
}, pe = () => {
|
|
113
|
-
var t;
|
|
114
|
-
o.value.getQuill().format("italic", !C.value), (t = o.value.getQuill().getSelection()) != null && t.length || (C.value = !C.value);
|
|
115
|
-
}, fe = () => {
|
|
116
|
-
var t;
|
|
117
|
-
o.value.getQuill().format("underline", !V.value), (t = o.value.getQuill().getSelection()) != null && t.length || (V.value = !V.value);
|
|
118
|
-
}, X = (t) => {
|
|
119
|
-
o.value.getQuill().format("size", t), U.value = t, M.value = !1;
|
|
120
|
-
}, he = () => {
|
|
121
|
-
const t = o.value.getQuill().getSelection();
|
|
122
|
-
t && t.length > 0 && o.value.getQuill().theme.tooltip.edit();
|
|
123
|
-
}, be = () => {
|
|
124
|
-
o.value.getQuill().format("blockquote", !F.value);
|
|
125
|
-
}, ye = (t) => {
|
|
126
|
-
const e = o.value.getQuill().getSelection();
|
|
127
|
-
e && (o.value.getQuill().clipboard.dangerouslyPasteHTML(e.index, `<img src="${t}" />`), K.value = t, $("update:image", K.value));
|
|
128
|
-
}, ke = () => {
|
|
129
|
-
o.value.getQuill().getSelection() || o.value.getQuill().setSelection(o.value.getQuill().getLength() - 1);
|
|
130
|
-
const t = document.createElement("input");
|
|
131
|
-
t.type = "file", t.accept = "jpg,.jpeg,.png,.webp,.gif", t.onchange = () => {
|
|
132
|
-
const e = t.files[0], l = new FileReader();
|
|
133
|
-
l.onload = () => ye(l.result), l.readAsDataURL(e);
|
|
134
|
-
}, t.click();
|
|
135
|
-
}, Y = (t) => /^data:image\/(png|jpg|jpeg|gif);base64,/.test(t), Se = (t) => {
|
|
136
|
-
setTimeout(() => {
|
|
137
|
-
var l;
|
|
138
|
-
if (t) {
|
|
139
|
-
const x = o.value.getHTML(), y = document.createElement("div");
|
|
140
|
-
y.innerHTML = x;
|
|
141
|
-
let B = y.getElementsByTagName("img");
|
|
142
|
-
if (B && B.length > 0)
|
|
143
|
-
for (let D = 0; D < B.length; D++) {
|
|
144
|
-
const te = (l = B[D]) == null ? void 0 : l.getAttribute("src");
|
|
145
|
-
Y(te) && $("update:image", te);
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
}, 100);
|
|
149
|
-
const { items: e } = t.clipboardData;
|
|
150
|
-
e.length && e[0].getAsString((l) => {
|
|
151
|
-
Y(l) && (o.value.getQuill().getSelection() || o.value.getQuill().setSelection(o.value.getQuill().getLength() - 1));
|
|
152
|
-
});
|
|
153
|
-
}, we = () => {
|
|
154
|
-
o.value.getQuill().theme.tooltip.edit("video");
|
|
155
|
-
}, _ = (t) => {
|
|
156
|
-
o.value.getQuill().format("list", t), q.value = t;
|
|
157
|
-
}, z = (t = void 0) => {
|
|
158
|
-
o.value.getQuill().format("align", t), b.value = t;
|
|
159
|
-
}, T = r(""), Qe = () => {
|
|
160
|
-
o.value.getQuill().format("color", T.value);
|
|
161
|
-
};
|
|
162
|
-
qe(() => {
|
|
163
|
-
X(v.initialFontSize || v.fontSizes[0].value), J.value = !0;
|
|
164
|
-
});
|
|
165
|
-
const N = r(100), ee = r(!1), Ce = (t) => {
|
|
166
|
-
var l, x;
|
|
167
|
-
N.value = t;
|
|
168
|
-
const e = (l = window.getSelection()) == null ? void 0 : l.focusNode;
|
|
169
|
-
e && e.nodeName !== "#text" && (o.value.getQuill().format("width", `${N.value}%`), (x = e == null ? void 0 : e.querySelector("img")) == null || x.setAttribute("style", "margin:auto;display:block;"));
|
|
170
|
-
}, R = (t = "left") => {
|
|
171
|
-
var l, x;
|
|
172
|
-
const e = (l = window.getSelection()) == null ? void 0 : l.focusNode;
|
|
173
|
-
if (e && e.nodeName !== "#text") {
|
|
174
|
-
let y = "float:left";
|
|
175
|
-
t == "center" ? y = "" : t == "right" && (y = "float:right"), (x = e == null ? void 0 : e.querySelector("img")) == null || x.setAttribute("style", `margin:auto;display:block;${y}`);
|
|
176
|
-
}
|
|
177
|
-
}, Ve = () => {
|
|
178
|
-
var e;
|
|
179
|
-
const t = (e = window.getSelection()) == null ? void 0 : e.focusNode;
|
|
180
|
-
ee.value = t.innerHTML && t.innerHTML.includes("<img");
|
|
181
|
-
}, A = r(!1), j = r(3), H = r(3), Te = O(() => {
|
|
182
|
-
let t = [];
|
|
183
|
-
for (let e = 1; e < 30; e++)
|
|
184
|
-
t.push({
|
|
185
|
-
label: e.toString(),
|
|
186
|
-
value: e.toString()
|
|
187
|
-
});
|
|
188
|
-
return t;
|
|
189
|
-
}), Ae = O(() => {
|
|
190
|
-
let t = [];
|
|
191
|
-
for (let e = 1; e < 12; e++)
|
|
192
|
-
t.push({
|
|
193
|
-
label: e.toString(),
|
|
194
|
-
value: e.toString()
|
|
195
|
-
});
|
|
196
|
-
return t;
|
|
197
|
-
}), $e = () => {
|
|
198
|
-
o.value.getQuill().getModule("better-table").insertTable(parseInt(j.value), parseInt(H.value)), A.value = !1;
|
|
199
|
-
};
|
|
200
|
-
return ze(() => v.modelValue, (t) => {
|
|
201
|
-
t || o.value.getQuill().setContents([], "silent");
|
|
202
|
-
}), (t, e) => (c(), k(i(Ee), {
|
|
203
|
-
label: s.label,
|
|
204
|
-
hint: s.hint,
|
|
205
|
-
"error-message": s.errorMessage,
|
|
206
|
-
"is-required": s.isRequired,
|
|
207
|
-
"label-icon": s.labelIcon,
|
|
208
|
-
"tooltip-text": s.tooltipText,
|
|
209
|
-
"tooltip-options": s.tooltipOptions
|
|
210
|
-
}, {
|
|
211
|
-
default: S(() => [
|
|
212
|
-
a(i(Ne), {
|
|
213
|
-
title: "Insert table",
|
|
214
|
-
modelValue: A.value,
|
|
215
|
-
"onUpdate:modelValue": e[2] || (e[2] = (l) => A.value = l),
|
|
216
|
-
class: "!w-full !h-full",
|
|
217
|
-
confirmButtonProps: {
|
|
218
|
-
label: "Save",
|
|
219
|
-
onClick: () => $e()
|
|
220
|
-
}
|
|
221
|
-
}, {
|
|
222
|
-
default: S(() => [
|
|
223
|
-
a(i(ie), {
|
|
224
|
-
modelValue: H.value,
|
|
225
|
-
"onUpdate:modelValue": e[0] || (e[0] = (l) => H.value = l),
|
|
226
|
-
options: Ae.value,
|
|
227
|
-
label: "Table cell",
|
|
228
|
-
class: "mb-3"
|
|
229
|
-
}, null, 8, ["modelValue", "options"]),
|
|
230
|
-
a(i(ie), {
|
|
231
|
-
modelValue: j.value,
|
|
232
|
-
"onUpdate:modelValue": e[1] || (e[1] = (l) => j.value = l),
|
|
233
|
-
options: Te.value,
|
|
234
|
-
label: "Table rows"
|
|
235
|
-
}, null, 8, ["modelValue", "options"])
|
|
236
|
-
]),
|
|
237
|
-
_: 1
|
|
238
|
-
}, 8, ["modelValue", "confirmButtonProps"]),
|
|
239
|
-
n("div", {
|
|
240
|
-
class: g(["grid", { "has-error": s.errorMessage }]),
|
|
241
|
-
onClick: Ve
|
|
242
|
-
}, [
|
|
243
|
-
I.value ? (c(), k(i(Fe), {
|
|
244
|
-
key: 0,
|
|
245
|
-
id: `#${I.value}`,
|
|
246
|
-
ref_key: "quill",
|
|
247
|
-
ref: o,
|
|
248
|
-
content: s.modelValue,
|
|
249
|
-
options: {
|
|
250
|
-
bounds: `#${I.value}`
|
|
251
|
-
},
|
|
252
|
-
theme: "snow",
|
|
253
|
-
"content-type": "html",
|
|
254
|
-
class: "min-h-[200px]",
|
|
255
|
-
placeholder: s.placeholder,
|
|
256
|
-
"onUpdate:content": E,
|
|
257
|
-
onPaste: Se
|
|
258
|
-
}, {
|
|
259
|
-
toolbar: S(() => [
|
|
260
|
-
n("div", {
|
|
261
|
-
id: I.value,
|
|
262
|
-
class: "flex min-h-[36px] flex-wrap !py-2 !px-3 gap-y-2 rounded-t"
|
|
263
|
-
}, [
|
|
264
|
-
f.value.includes("changes") ? (c(), h(w, { key: 0 }, [
|
|
265
|
-
n("div", De, [
|
|
266
|
-
a(i(u), {
|
|
267
|
-
class: g(Z.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
|
|
268
|
-
width: "20",
|
|
269
|
-
height: "20",
|
|
270
|
-
name: "text-editor/undo",
|
|
271
|
-
onClick: ve
|
|
272
|
-
}, null, 8, ["class"]),
|
|
273
|
-
a(i(u), {
|
|
274
|
-
class: g(G.value ? "text-oc-text cursor-pointer" : "text-oc-text-300"),
|
|
275
|
-
width: "20",
|
|
276
|
-
height: "20",
|
|
277
|
-
name: "text-editor/redo",
|
|
278
|
-
onClick: me
|
|
279
|
-
}, null, 8, ["class"])
|
|
280
|
-
]),
|
|
281
|
-
e[16] || (e[16] = n("div", { class: "border-l border-oc-gray-200" }, null, -1))
|
|
282
|
-
], 64)) : m("", !0),
|
|
283
|
-
f.value.includes("font-size") ? (c(), h(w, { key: 1 }, [
|
|
284
|
-
a(i(Re), {
|
|
285
|
-
modelValue: M.value,
|
|
286
|
-
"onUpdate:modelValue": e[3] || (e[3] = (l) => M.value = l),
|
|
287
|
-
class: "px-5"
|
|
288
|
-
}, {
|
|
289
|
-
menu: S(() => [
|
|
290
|
-
n("div", Oe, [
|
|
291
|
-
(c(!0), h(w, null, Be(s.fontSizes, (l) => (c(), h("div", {
|
|
292
|
-
key: l.value,
|
|
293
|
-
class: g(["min-w-[120px] cursor-pointer py-2 px-3 hover:bg-oc-gray-50", U.value === l.value ? "font-medium" : ""]),
|
|
294
|
-
onClick: (x) => X(l.value)
|
|
295
|
-
}, le(l.label), 11, We))), 128))
|
|
296
|
-
])
|
|
297
|
-
]),
|
|
298
|
-
default: S(() => {
|
|
299
|
-
var l;
|
|
300
|
-
return [
|
|
301
|
-
n("div", Pe, [
|
|
302
|
-
Le(le((l = s.fontSizes.find((x) => x.value === U.value)) == null ? void 0 : l.label) + " ", 1),
|
|
303
|
-
a(i(u), {
|
|
304
|
-
width: "20",
|
|
305
|
-
height: "20",
|
|
306
|
-
name: "chevron-down",
|
|
307
|
-
class: g(["transition-all", M.value ? "rotate-180" : ""])
|
|
308
|
-
}, null, 8, ["class"])
|
|
309
|
-
])
|
|
310
|
-
];
|
|
311
|
-
}),
|
|
312
|
-
_: 1
|
|
313
|
-
}, 8, ["modelValue"]),
|
|
314
|
-
e[17] || (e[17] = n("div", { class: "border-l border-oc-gray-200" }, null, -1))
|
|
315
|
-
], 64)) : m("", !0),
|
|
316
|
-
f.value.includes("font-style") ? (c(), h(w, { key: 2 }, [
|
|
317
|
-
n("div", Ze, [
|
|
318
|
-
a(i(u), {
|
|
319
|
-
class: g(["cursor-pointer", Q.value ? "text-oc-text" : "text-oc-text-300"]),
|
|
320
|
-
width: "20",
|
|
321
|
-
height: "20",
|
|
322
|
-
name: "text-editor/bold",
|
|
323
|
-
onClick: xe
|
|
324
|
-
}, null, 8, ["class"]),
|
|
325
|
-
a(i(u), {
|
|
326
|
-
class: g(["cursor-pointer", C.value ? "text-oc-text" : "text-oc-text-300"]),
|
|
327
|
-
width: "20",
|
|
328
|
-
height: "20",
|
|
329
|
-
name: "text-editor/italic",
|
|
330
|
-
onClick: pe
|
|
331
|
-
}, null, 8, ["class"]),
|
|
332
|
-
a(i(u), {
|
|
333
|
-
class: g(["cursor-pointer", V.value ? "text-oc-text" : "text-oc-text-300"]),
|
|
334
|
-
width: "20",
|
|
335
|
-
height: "20",
|
|
336
|
-
name: "text-editor/underline",
|
|
337
|
-
onClick: fe
|
|
338
|
-
}, null, 8, ["class"])
|
|
339
|
-
]),
|
|
340
|
-
e[18] || (e[18] = n("div", { class: "border-l border-oc-gray-200" }, null, -1))
|
|
341
|
-
], 64)) : m("", !0),
|
|
342
|
-
n("div", Ge, [
|
|
343
|
-
f.value.includes("link") ? (c(), k(i(u), {
|
|
344
|
-
key: 0,
|
|
345
|
-
class: "cursor-pointer",
|
|
346
|
-
width: "20",
|
|
347
|
-
height: "20",
|
|
348
|
-
name: "text-editor/link",
|
|
349
|
-
onClick: he
|
|
350
|
-
})) : m("", !0),
|
|
351
|
-
f.value.includes("image") ? (c(), k(i(u), {
|
|
352
|
-
key: 1,
|
|
353
|
-
class: "cursor-pointer",
|
|
354
|
-
width: "20",
|
|
355
|
-
height: "20",
|
|
356
|
-
name: "text-editor/image",
|
|
357
|
-
onClick: ke
|
|
358
|
-
})) : m("", !0),
|
|
359
|
-
f.value.includes("quote") ? (c(), k(i(u), {
|
|
360
|
-
key: 2,
|
|
361
|
-
class: g(["cursor-pointer", F.value ? "text-oc-text" : "text-oc-text-300"]),
|
|
362
|
-
width: "20",
|
|
363
|
-
height: "20",
|
|
364
|
-
name: "text-editor/quote",
|
|
365
|
-
onClick: be
|
|
366
|
-
}, null, 8, ["class"])) : m("", !0),
|
|
367
|
-
f.value.includes("media") ? (c(), k(i(u), {
|
|
368
|
-
key: 3,
|
|
369
|
-
class: "cursor-pointer",
|
|
370
|
-
width: "20",
|
|
371
|
-
height: "20",
|
|
372
|
-
name: "text-editor/media",
|
|
373
|
-
onClick: we
|
|
374
|
-
})) : m("", !0),
|
|
375
|
-
a(i(u), {
|
|
376
|
-
class: "cursor-pointer",
|
|
377
|
-
width: "20",
|
|
378
|
-
height: "20",
|
|
379
|
-
name: "table",
|
|
380
|
-
onClick: e[4] || (e[4] = (l) => A.value = !A.value)
|
|
381
|
-
})
|
|
382
|
-
]),
|
|
383
|
-
f.value.includes("list") ? (c(), h(w, { key: 3 }, [
|
|
384
|
-
e[19] || (e[19] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
|
|
385
|
-
n("div", Je, [
|
|
386
|
-
a(i(u), {
|
|
387
|
-
class: g(["cursor-pointer", q.value === "bullet" ? "text-oc-text" : "text-oc-text-300"]),
|
|
388
|
-
width: "20",
|
|
389
|
-
height: "20",
|
|
390
|
-
name: "text-editor/bullet",
|
|
391
|
-
onClick: e[5] || (e[5] = (l) => _("bullet"))
|
|
392
|
-
}, null, 8, ["class"]),
|
|
393
|
-
a(i(u), {
|
|
394
|
-
class: g(["cursor-pointer", q.value === "ordered" ? "text-oc-text" : "text-oc-text-300"]),
|
|
395
|
-
width: "20",
|
|
396
|
-
height: "20",
|
|
397
|
-
name: "text-editor/number",
|
|
398
|
-
onClick: e[6] || (e[6] = (l) => _("ordered"))
|
|
399
|
-
}, null, 8, ["class"])
|
|
400
|
-
])
|
|
401
|
-
], 64)) : m("", !0),
|
|
402
|
-
f.value.includes("alignment") ? (c(), h(w, { key: 4 }, [
|
|
403
|
-
e[20] || (e[20] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
|
|
404
|
-
n("div", Ke, [
|
|
405
|
-
a(i(u), {
|
|
406
|
-
class: g(["cursor-pointer", b.value ? "text-oc-text-300" : "text-oc-text"]),
|
|
407
|
-
width: "20",
|
|
408
|
-
height: "20",
|
|
409
|
-
name: "text-editor/left",
|
|
410
|
-
onClick: e[7] || (e[7] = (l) => z())
|
|
411
|
-
}, null, 8, ["class"]),
|
|
412
|
-
a(i(u), {
|
|
413
|
-
class: g(["cursor-pointer", b.value === "center" ? "text-oc-text" : "text-oc-text-300"]),
|
|
414
|
-
width: "20",
|
|
415
|
-
height: "20",
|
|
416
|
-
name: "text-editor/center",
|
|
417
|
-
onClick: e[8] || (e[8] = (l) => z("center"))
|
|
418
|
-
}, null, 8, ["class"]),
|
|
419
|
-
a(i(u), {
|
|
420
|
-
class: g(["cursor-pointer", b.value === "right" ? "text-oc-text" : "text-oc-text-300"]),
|
|
421
|
-
width: "20",
|
|
422
|
-
height: "20",
|
|
423
|
-
name: "text-editor/right",
|
|
424
|
-
onClick: e[9] || (e[9] = (l) => z("right"))
|
|
425
|
-
}, null, 8, ["class"]),
|
|
426
|
-
a(i(u), {
|
|
427
|
-
class: g(["cursor-pointer", b.value === "justify" ? "text-oc-text" : "text-oc-text-300"]),
|
|
428
|
-
width: "20",
|
|
429
|
-
height: "20",
|
|
430
|
-
name: "text-editor/justify",
|
|
431
|
-
onClick: e[10] || (e[10] = (l) => z("justify"))
|
|
432
|
-
}, null, 8, ["class"])
|
|
433
|
-
])
|
|
434
|
-
], 64)) : m("", !0),
|
|
435
|
-
e[22] || (e[22] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
|
|
436
|
-
n("div", Xe, [
|
|
437
|
-
a(i(Ue), {
|
|
438
|
-
modelValue: T.value,
|
|
439
|
-
"onUpdate:modelValue": [
|
|
440
|
-
e[11] || (e[11] = (l) => T.value = l),
|
|
441
|
-
Qe
|
|
442
|
-
],
|
|
443
|
-
"hide-input-color": ""
|
|
444
|
-
}, {
|
|
445
|
-
"picker-icon": S(() => [
|
|
446
|
-
n("div", Ye, [
|
|
447
|
-
n("div", {
|
|
448
|
-
style: oe(`color:${T.value}`)
|
|
449
|
-
}, "A", 4),
|
|
450
|
-
n("div", {
|
|
451
|
-
class: "h-[5px] w-full rounded border",
|
|
452
|
-
style: oe(`background:${T.value}`)
|
|
453
|
-
}, null, 4)
|
|
454
|
-
])
|
|
455
|
-
]),
|
|
456
|
-
_: 1
|
|
457
|
-
}, 8, ["modelValue"])
|
|
458
|
-
]),
|
|
459
|
-
e[23] || (e[23] = n("div", { class: "border-l border-oc-gray-200" }, null, -1)),
|
|
460
|
-
ee.value ? (c(), h("div", _e, [
|
|
461
|
-
a(i(je), {
|
|
462
|
-
label: "Image width",
|
|
463
|
-
class: "w-[120px]",
|
|
464
|
-
"model-value": N.value,
|
|
465
|
-
"min-limit": 0,
|
|
466
|
-
"max-limit": 100,
|
|
467
|
-
"onUpdate:modelValue": Ce
|
|
468
|
-
}, null, 8, ["model-value"]),
|
|
469
|
-
n("div", et, [
|
|
470
|
-
a(i(u), {
|
|
471
|
-
class: "cursor-pointer",
|
|
472
|
-
width: "20",
|
|
473
|
-
height: "20",
|
|
474
|
-
name: "text-editor/left",
|
|
475
|
-
onClick: e[12] || (e[12] = (l) => R())
|
|
476
|
-
}),
|
|
477
|
-
a(i(u), {
|
|
478
|
-
class: "cursor-pointer",
|
|
479
|
-
width: "20",
|
|
480
|
-
height: "20",
|
|
481
|
-
name: "text-editor/center",
|
|
482
|
-
onClick: e[13] || (e[13] = (l) => R("center"))
|
|
483
|
-
}),
|
|
484
|
-
a(i(u), {
|
|
485
|
-
class: "cursor-pointer",
|
|
486
|
-
width: "20",
|
|
487
|
-
height: "20",
|
|
488
|
-
name: "text-editor/right",
|
|
489
|
-
onClick: e[14] || (e[14] = (l) => R("right"))
|
|
490
|
-
})
|
|
491
|
-
])
|
|
492
|
-
])) : m("", !0),
|
|
493
|
-
n("div", tt, [
|
|
494
|
-
(c(), h("svg", {
|
|
495
|
-
width: "20",
|
|
496
|
-
height: "20",
|
|
497
|
-
viewBox: "0 0 15 15",
|
|
498
|
-
fill: "none",
|
|
499
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
500
|
-
onClick: e[15] || (e[15] = (l) => ge())
|
|
501
|
-
}, e[21] || (e[21] = [
|
|
502
|
-
n("path", {
|
|
503
|
-
"fill-rule": "evenodd",
|
|
504
|
-
"clip-rule": "evenodd",
|
|
505
|
-
d: "M2 7.5C2 7.22386 2.22386 7 2.5 7H12.5C12.7761 7 13 7.22386 13 7.5C13 7.77614 12.7761 8 12.5 8H2.5C2.22386 8 2 7.77614 2 7.5Z",
|
|
506
|
-
fill: "#000000"
|
|
507
|
-
}, null, -1)
|
|
508
|
-
])))
|
|
509
|
-
])
|
|
510
|
-
], 8, He)
|
|
511
|
-
]),
|
|
512
|
-
_: 1
|
|
513
|
-
}, 8, ["id", "content", "options", "placeholder"])) : m("", !0)
|
|
514
|
-
], 2)
|
|
515
|
-
]),
|
|
516
|
-
_: 1
|
|
517
|
-
}, 8, ["label", "hint", "error-message", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
|
|
518
|
-
}
|
|
519
|
-
};
|
|
520
|
-
export {
|
|
521
|
-
st as default
|
|
522
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
|
|
2
|
-
function f(e) {
|
|
3
|
-
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
4
|
-
}
|
|
5
|
-
function l(e) {
|
|
6
|
-
if (e.__esModule) return e;
|
|
7
|
-
var r = e.default;
|
|
8
|
-
if (typeof r == "function") {
|
|
9
|
-
var t = function o() {
|
|
10
|
-
return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
t.prototype = r.prototype;
|
|
13
|
-
} else t = {};
|
|
14
|
-
return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
|
|
15
|
-
var n = Object.getOwnPropertyDescriptor(e, o);
|
|
16
|
-
Object.defineProperty(t, o, n.get ? n : {
|
|
17
|
-
enumerable: !0,
|
|
18
|
-
get: function() {
|
|
19
|
-
return e[o];
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
}), t;
|
|
23
|
-
}
|
|
24
|
-
export {
|
|
25
|
-
l as a,
|
|
26
|
-
u as c,
|
|
27
|
-
f as g
|
|
28
|
-
};
|