@orchidui/core 1.8.1-54 → 1.8.1-56
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/DataDisplay/CustomerCard/OcCustomerCard.js +1 -1
- package/dist/DataDisplay/FloatContent/OcFloatContent.js +1 -1
- package/dist/DataDisplay/InfoCard/OcInfoCard.js +1 -1
- package/dist/DataDisplay/ListDetail/OcListDetail.js +1 -1
- package/dist/DataDisplay/ListItem/OcListItem.js +1 -1
- package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +1 -1
- package/dist/DataDisplay/Overview/OcOverview.js +1 -1
- package/dist/DataDisplay/Pagination/OcPagination.js +1 -1
- package/dist/DataDisplay/Table/OcTable.js +1 -1
- package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +1 -1
- package/dist/Disclosure/Accordion/OcAccordion.js +1 -1
- package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js +1 -1
- package/dist/Disclosure/Steps/OcSteps.js +1 -1
- package/dist/Disclosure/Tabs/Tabs.js +1 -1
- package/dist/Disclosure/Variants/OcVariants.js +1 -1
- package/dist/Elements/AdditionalContent/OcAdditionalContent.js +1 -1
- package/dist/Elements/AuthenticationOption/AuthenticationOption.js +1 -1
- package/dist/Elements/Box/OcBox.js +1 -1
- package/dist/Elements/EmptyPage/OcEmptyPage.js +1 -1
- package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +1 -1
- package/dist/Elements/Header/OcHeader.js +1 -1
- package/dist/Elements/PageTitle/OcPageTitle.js +1 -1
- package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
- package/dist/Elements/Sidebar/OcSidebar.js +2 -2
- package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
- package/dist/Elements/VerificationOption/OcVerificationOption.js +1 -1
- package/dist/Feedback/Banner/OcBanner.js +1 -1
- package/dist/Feedback/Chip/OcChip.js +1 -1
- package/dist/Feedback/ShareIcon/OcShareIcon.js +1 -1
- package/dist/Feedback/Snackbar/OcSnackbar.js +1 -1
- package/dist/Form/BaseInput/OcBaseInput.js +1 -1
- package/dist/Form/Button/OcButton.js +1 -1
- package/dist/Form/Calendar/OcCalendar.js +1 -1
- package/dist/Form/CardInput/OcCardInput.js +1 -1
- package/dist/Form/Checkbox/OcCheckbox.js +1 -1
- package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +1 -1
- package/dist/Form/Criteria/OcCriteria.js +1 -1
- package/dist/Form/Cropper/OcCropper.js +1 -1
- package/dist/Form/DatePicker/OcDatePicker.js +1 -1
- package/dist/Form/EmojiPicker/OcEmojiPicker.js +1 -1
- package/dist/Form/Input/OcInput.js +1 -1
- package/dist/Form/LinkInput/OcLinkInput.js +1 -1
- package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
- package/dist/Form/NumberInput/OcNumberInput.js +1 -1
- package/dist/Form/PhoneInput/OcPhoneInput.js +1 -1
- package/dist/Form/Radio/OcRadio.js +1 -1
- package/dist/Form/RadioGroup/OcRadioGroup.js +1 -1
- package/dist/Form/RangeInput/OcRangeInput.js +1 -1
- package/dist/Form/SectionItem/OcSectionItem.js +1 -1
- package/dist/Form/Select/OcSelect.js +1 -1
- package/dist/Form/SelectOptions/OcSelectOptions.js +1 -1
- package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
- package/dist/Form/Slider/OcSlider.js +1 -1
- package/dist/Form/TextArea/OcTextArea.js +1 -1
- package/dist/Form/index.js +1 -1
- package/dist/FormBuilder/OcFormBuilder.js +1 -1
- package/dist/{OcAccountSetupProgress-ClOevi9I.js → OcAccountSetupProgress-DzBkKLah.js} +1 -1
- package/dist/{OcComplexCalendar-DWhI16OJ.js → OcComplexCalendar-Ne3XgY1u.js} +1 -1
- package/dist/{OcComplexDatePicker-cz4HZFDi.js → OcComplexDatePicker-D293Sbez.js} +1 -1
- package/dist/{OcCropper-DzMaI9lh.js → OcCropper-BEVPcQAs.js} +84 -78
- package/dist/{OcDataTable-DvAOjTiQ.js → OcDataTable-CfcuzufE.js} +98 -98
- package/dist/{OcDraggableList-DWXhtzXs.js → OcDraggableList-BOFdQN52.js} +1 -1
- package/dist/{OcEmojiPicker-DU3D16ud.js → OcEmojiPicker-CaldeafL.js} +1 -1
- package/dist/{OcFilterForm-CI9lG9Kj.js → OcFilterForm-DmHz4hyH.js} +1 -1
- package/dist/{OcFilterSearch-BXSq0rHX.js → OcFilterSearch-DB3AZX9K.js} +1 -1
- package/dist/{OcFilterSearchFor-BwZxFHY7.js → OcFilterSearchFor-BXU7iU6Z.js} +1 -1
- package/dist/{OcModalCropper-BQ9jUjiR.js → OcModalCropper-lfzCMA7G.js} +2 -2
- package/dist/{OcTimePicker-8wzMj1ji.js → OcTimePicker-ShZ9J8ss.js} +1 -1
- package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
- package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
- package/dist/Overlay/Dropdown/OcDropdown.js +1 -1
- package/dist/Overlay/Modal/OcModal.js +1 -1
- package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
- package/dist/Overlay/Tooltip/OcTooltip.js +1 -1
- package/dist/Overlay/Whitelist/OcWhiteList.js +1 -1
- package/dist/{SubPlanCard-DxdgsDjk.js → SubPlanCard-C9a0PPjF.js} +1 -1
- package/dist/{ThumbnailSection-DeiC4z3y.js → ThumbnailSection-Db6y0xRj.js} +1 -1
- package/dist/{ThumbnailTheme-DIdP9TRE.js → ThumbnailTheme-C83hFGww.js} +1 -1
- package/dist/{index-Du2JMxsQ.js → index-DrbEe-Br.js} +8 -8
- package/dist/index.js +1 -1
- package/package.json +1 -1
@@ -1,8 +1,11 @@
|
|
1
|
-
import { ref as
|
2
|
-
import { B as k, d as
|
3
|
-
import { Cropper as
|
4
|
-
import { _ as
|
5
|
-
const
|
1
|
+
import { ref as u, watch as j, nextTick as J, openBlock as o, createElementBlock as h, createElementVNode as m, createBlock as r, unref as a, Fragment as K, createVNode as g, createCommentVNode as s, withCtx as T } from "vue";
|
2
|
+
import { B as k, d as x, C as y, h as M, aD as P } from "./index-DrbEe-Br.js";
|
3
|
+
import { Cropper as Q } from "vue-advanced-cropper";
|
4
|
+
import { _ as W } from "./OcIcon-CSpRxnwd.js";
|
5
|
+
const X = { class: "flex flex-col gap-y-5" }, Y = ["src"], Z = { class: "flex gap-x-1 justify-center relative" }, _ = { class: "grid grid-cols-2 gap-4" }, ee = {
|
6
|
+
key: 1,
|
7
|
+
class: "flex items-center gap-x-2 justify-normal"
|
8
|
+
}, te = { class: "w-auto" }, ie = {
|
6
9
|
__name: "OcCropper",
|
7
10
|
props: {
|
8
11
|
inputOptions: Array,
|
@@ -15,20 +18,20 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
15
18
|
}
|
16
19
|
},
|
17
20
|
emits: ["changeImage", "update:input-options"],
|
18
|
-
setup(i, { emit:
|
19
|
-
const
|
20
|
-
|
21
|
-
() =>
|
21
|
+
setup(i, { emit: q }) {
|
22
|
+
const f = i, w = q, d = u(), V = u(), p = u(""), C = u(), O = u(!1), n = u(f.inputOptionValues ?? {});
|
23
|
+
j(
|
24
|
+
() => f.inputOptionValues,
|
22
25
|
() => {
|
23
|
-
|
26
|
+
n.value = f.inputOptionValues;
|
24
27
|
},
|
25
28
|
{
|
26
29
|
deep: !0
|
27
30
|
}
|
28
|
-
),
|
29
|
-
() =>
|
31
|
+
), j(
|
32
|
+
() => f.img,
|
30
33
|
(l) => {
|
31
|
-
l &&
|
34
|
+
l && J(() => {
|
32
35
|
try {
|
33
36
|
const e = new URL(l);
|
34
37
|
e.protocol === "http:" || e.protocol === "https:" ? p.value = `${l}?${Date.now()}` : p.value = l;
|
@@ -39,10 +42,10 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
39
42
|
},
|
40
43
|
{ immediate: !0 }
|
41
44
|
);
|
42
|
-
const
|
45
|
+
const F = () => {
|
43
46
|
if (p.value && O.value) {
|
44
|
-
const { canvas: l } =
|
45
|
-
|
47
|
+
const { canvas: l } = d.value.getResult(), e = !(d.value.image.width === l.width && d.value.image.height === l.height && !d.value.imageTransforms.rotate);
|
48
|
+
w("changeImage", {
|
46
49
|
url: l.toDataURL(),
|
47
50
|
cropper: {
|
48
51
|
isChanged: e,
|
@@ -53,129 +56,129 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
53
56
|
O.value = !0;
|
54
57
|
}, z = (l) => {
|
55
58
|
var e;
|
56
|
-
return (e =
|
59
|
+
return (e = d.value) == null ? void 0 : e.rotate(l);
|
57
60
|
}, U = (l) => {
|
58
61
|
var e;
|
59
|
-
return (e =
|
60
|
-
},
|
62
|
+
return (e = d.value) == null ? void 0 : e.zoom(l);
|
63
|
+
}, A = () => {
|
61
64
|
V.value.click();
|
62
|
-
},
|
63
|
-
if (l.target.files[0] / (1024 * 1024) > +
|
65
|
+
}, G = (l) => {
|
66
|
+
if (l.target.files[0] / (1024 * 1024) > +f.maxSize)
|
64
67
|
return l.preventDefault(), !1;
|
65
68
|
C.value = l.target.files[0], p.value = URL.createObjectURL(l.target.files[0]);
|
66
|
-
},
|
69
|
+
}, H = ({ imageSize: l, visibleArea: e }) => ({
|
67
70
|
width: (e || l).width,
|
68
71
|
height: (e || l).height
|
69
72
|
}), c = (l, e) => {
|
70
|
-
let v =
|
71
|
-
v[l] = e,
|
72
|
-
}, b =
|
73
|
+
let v = n.value;
|
74
|
+
v[l] = e, w("update:input-options", v);
|
75
|
+
}, b = u(!!n.value.caption), I = u(!!n.value.lightbox), $ = u(!!n.value.new_tab);
|
73
76
|
return (l, e) => {
|
74
|
-
var v, L, R, B, S, D, E;
|
75
|
-
return
|
76
|
-
|
77
|
+
var v, L, R, B, S, D, E, N;
|
78
|
+
return o(), h("div", X, [
|
79
|
+
m("input", {
|
77
80
|
id: "cropper-file-input",
|
78
81
|
ref_key: "fileUploadEl",
|
79
82
|
ref: V,
|
80
83
|
accept: "image/*",
|
81
84
|
type: "file",
|
82
85
|
class: "hidden",
|
83
|
-
onChange:
|
86
|
+
onChange: G
|
84
87
|
}, null, 544),
|
85
|
-
p.value ? (
|
88
|
+
p.value ? (o(), r(a(Q), {
|
86
89
|
key: 0,
|
87
90
|
ref_key: "cropper",
|
88
|
-
ref:
|
91
|
+
ref: d,
|
89
92
|
class: "w-full h-[300px]",
|
90
93
|
src: p.value,
|
91
94
|
"resize-image": { wheel: !1 },
|
92
95
|
"background-class": "cropper-background",
|
93
|
-
"default-size":
|
94
|
-
onChange:
|
95
|
-
}, null, 8, ["src"])) : (
|
96
|
+
"default-size": H,
|
97
|
+
onChange: F
|
98
|
+
}, null, 8, ["src"])) : (o(), h("img", {
|
96
99
|
key: 1,
|
97
100
|
class: "w-full",
|
98
101
|
src: i.img
|
99
|
-
}, null, 8,
|
100
|
-
|
101
|
-
p.value ? (
|
102
|
-
|
102
|
+
}, null, 8, Y)),
|
103
|
+
m("div", Z, [
|
104
|
+
p.value ? (o(), h(K, { key: 0 }, [
|
105
|
+
g(a(k), {
|
103
106
|
variant: "secondary",
|
104
107
|
size: "small",
|
105
108
|
"left-icon": "backward",
|
106
109
|
onClick: e[0] || (e[0] = (t) => z(-90))
|
107
110
|
}),
|
108
|
-
|
111
|
+
g(a(k), {
|
109
112
|
variant: "secondary",
|
110
113
|
size: "small",
|
111
114
|
"left-icon": "zoom-out",
|
112
115
|
onClick: e[1] || (e[1] = (t) => U(0.8))
|
113
116
|
}),
|
114
|
-
|
117
|
+
g(a(k), {
|
115
118
|
variant: "secondary",
|
116
119
|
size: "small",
|
117
120
|
"left-icon": "zoom-in",
|
118
121
|
onClick: e[2] || (e[2] = (t) => U(1.2))
|
119
122
|
}),
|
120
|
-
|
123
|
+
g(a(k), {
|
121
124
|
variant: "secondary",
|
122
125
|
size: "small",
|
123
126
|
"left-icon": "forward",
|
124
127
|
onClick: e[3] || (e[3] = (t) => z(90))
|
125
128
|
})
|
126
|
-
], 64)) :
|
127
|
-
i.isReplaceImage ? (
|
129
|
+
], 64)) : s("", !0),
|
130
|
+
i.isReplaceImage ? (o(), r(a(k), {
|
128
131
|
key: 1,
|
129
132
|
class: "absolute right-0",
|
130
133
|
variant: "secondary",
|
131
134
|
size: "small",
|
132
135
|
label: "Replace image",
|
133
136
|
"left-icon": "refresh",
|
134
|
-
onClick:
|
135
|
-
})) :
|
137
|
+
onClick: A
|
138
|
+
})) : s("", !0)
|
136
139
|
]),
|
137
|
-
|
138
|
-
(v = i.inputOptions) != null && v.includes("description") ? (
|
140
|
+
m("div", _, [
|
141
|
+
(v = i.inputOptions) != null && v.includes("description") ? (o(), r(a(x), {
|
139
142
|
key: 0,
|
140
|
-
modelValue:
|
143
|
+
modelValue: n.value.description,
|
141
144
|
"onUpdate:modelValue": [
|
142
|
-
e[4] || (e[4] = (t) =>
|
145
|
+
e[4] || (e[4] = (t) => n.value.description = t),
|
143
146
|
e[5] || (e[5] = (t) => c("description", t))
|
144
147
|
],
|
145
148
|
label: "Describe Image",
|
146
149
|
placeholder: ""
|
147
|
-
}, null, 8, ["modelValue"])) :
|
148
|
-
(L = i.inputOptions) != null && L.includes("link") ? (
|
150
|
+
}, null, 8, ["modelValue"])) : s("", !0),
|
151
|
+
(L = i.inputOptions) != null && L.includes("link") ? (o(), r(a(x), {
|
149
152
|
key: 1,
|
150
|
-
modelValue:
|
153
|
+
modelValue: n.value.link,
|
151
154
|
"onUpdate:modelValue": [
|
152
|
-
e[6] || (e[6] = (t) =>
|
155
|
+
e[6] || (e[6] = (t) => n.value.link = t),
|
153
156
|
e[7] || (e[7] = (t) => c("link", t))
|
154
157
|
],
|
155
158
|
placeholder: "https://hitpayapp.com",
|
156
159
|
label: "Link to"
|
157
|
-
}, null, 8, ["modelValue"])) :
|
158
|
-
|
159
|
-
(R = i.inputOptions) != null && R.includes("caption") ? (
|
160
|
+
}, null, 8, ["modelValue"])) : s("", !0),
|
161
|
+
m("div", null, [
|
162
|
+
(R = i.inputOptions) != null && R.includes("caption") ? (o(), r(a(y), {
|
160
163
|
key: 0,
|
161
164
|
modelValue: b.value,
|
162
165
|
"onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
|
163
166
|
label: "Caption",
|
164
167
|
class: "mb-4"
|
165
|
-
}, null, 8, ["modelValue"])) :
|
166
|
-
(B = i.inputOptions) != null && B.includes("caption") && b.value ? (
|
168
|
+
}, null, 8, ["modelValue"])) : s("", !0),
|
169
|
+
(B = i.inputOptions) != null && B.includes("caption") && b.value ? (o(), r(a(x), {
|
167
170
|
key: 1,
|
168
|
-
modelValue:
|
171
|
+
modelValue: n.value.caption,
|
169
172
|
"onUpdate:modelValue": [
|
170
|
-
e[9] || (e[9] = (t) =>
|
173
|
+
e[9] || (e[9] = (t) => n.value.caption = t),
|
171
174
|
e[10] || (e[10] = (t) => c("caption", t))
|
172
175
|
],
|
173
176
|
class: "mb-4",
|
174
177
|
placeholder: ""
|
175
|
-
}, null, 8, ["modelValue"])) :
|
176
|
-
(S = i.inputOptions) != null && S.includes("caption") && b.value ? (
|
178
|
+
}, null, 8, ["modelValue"])) : s("", !0),
|
179
|
+
(S = i.inputOptions) != null && S.includes("caption") && b.value ? (o(), r(a(M), {
|
177
180
|
key: 2,
|
178
|
-
"model-value":
|
181
|
+
"model-value": n.value.caption_variant,
|
179
182
|
"group-name": "caption_variant",
|
180
183
|
alignment: "horizontal",
|
181
184
|
radio: [
|
@@ -190,10 +193,10 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
190
193
|
],
|
191
194
|
label: "Caption position",
|
192
195
|
"onUpdate:modelValue": e[11] || (e[11] = (t) => c("caption_variant", t))
|
193
|
-
}, null, 8, ["model-value"])) :
|
196
|
+
}, null, 8, ["model-value"])) : s("", !0)
|
194
197
|
]),
|
195
|
-
|
196
|
-
(D = i.inputOptions) != null && D.includes("new_tab") ? (
|
198
|
+
m("div", null, [
|
199
|
+
(D = i.inputOptions) != null && D.includes("new_tab") ? (o(), r(a(y), {
|
197
200
|
key: 0,
|
198
201
|
modelValue: $.value,
|
199
202
|
"onUpdate:modelValue": [
|
@@ -202,10 +205,10 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
202
205
|
],
|
203
206
|
label: "Open link in a new tab",
|
204
207
|
class: "mb-4"
|
205
|
-
}, null, 8, ["modelValue"])) :
|
206
|
-
|
207
|
-
|
208
|
-
(
|
208
|
+
}, null, 8, ["modelValue"])) : s("", !0),
|
209
|
+
(E = i.inputOptions) != null && E.includes("lightbox") ? (o(), h("div", ee, [
|
210
|
+
m("div", te, [
|
211
|
+
(N = i.inputOptions) != null && N.includes("lightbox") ? (o(), r(a(y), {
|
209
212
|
key: 0,
|
210
213
|
modelValue: I.value,
|
211
214
|
"onUpdate:modelValue": [
|
@@ -213,20 +216,23 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
213
216
|
e[15] || (e[15] = (t) => c("lightbox", t))
|
214
217
|
],
|
215
218
|
label: "Enable lightbox"
|
216
|
-
}, null, 8, ["modelValue"])) :
|
219
|
+
}, null, 8, ["modelValue"])) : s("", !0)
|
217
220
|
]),
|
218
|
-
|
221
|
+
g(a(P), {
|
222
|
+
key: "lightbox-cropper-tooltip",
|
219
223
|
trigger: "hover",
|
224
|
+
"is-popover": "",
|
220
225
|
"popper-options": { strategy: "fixed" },
|
221
226
|
position: "bottom",
|
222
227
|
distance: 10,
|
228
|
+
skidding: 0,
|
223
229
|
"popper-class": "bg-oc-bg-light min-w-[125px]"
|
224
230
|
}, {
|
225
|
-
popper:
|
226
|
-
|
231
|
+
popper: T(() => e[16] || (e[16] = [
|
232
|
+
m("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
|
227
233
|
])),
|
228
|
-
default:
|
229
|
-
|
234
|
+
default: T(() => [
|
235
|
+
g(a(W), {
|
230
236
|
name: "question-mark",
|
231
237
|
width: "16",
|
232
238
|
height: "16",
|
@@ -235,7 +241,7 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
235
241
|
]),
|
236
242
|
_: 1
|
237
243
|
})
|
238
|
-
])
|
244
|
+
])) : s("", !0)
|
239
245
|
])
|
240
246
|
])
|
241
247
|
]);
|
@@ -243,5 +249,5 @@ const W = { class: "flex flex-col gap-y-5" }, X = ["src"], Y = { class: "flex ga
|
|
243
249
|
}
|
244
250
|
};
|
245
251
|
export {
|
246
|
-
|
252
|
+
ie as default
|
247
253
|
};
|