@orchidui/core 1.8.1-1 → 1.8.1-100
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 +2 -2
- package/dist/DataDisplay/FloatContent/OcFloatContent.js +1 -1
- package/dist/DataDisplay/HorizontalProgressbar/OcHorizontalProgressbar.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/ProgressBar/OcProgressBar.js +1 -1
- package/dist/DataDisplay/Table/OcTable.js +1 -1
- package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +1 -1
- package/dist/DataTable/useDataTable.js +82 -0
- package/dist/DataTable/utils/filterUtils.js +57 -0
- package/dist/DataTable/utils/paginationUtils.js +26 -0
- package/dist/DataTable/utils/storageUtils.js +11 -0
- 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/SwitchTabs/OcSwitchTabs.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/Section/OcSection.js +1 -1
- package/dist/Elements/Sidebar/OcSidebar.js +2 -2
- package/dist/Elements/Skeleton/OcSkeleton.js +1 -1
- package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
- package/dist/Elements/TopBanner/OcTopBanner.js +4 -0
- package/dist/Elements/VerificationOption/OcVerificationOption.js +2 -2
- 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/Feedback/Tag/OcTag.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 +2 -2
- package/dist/Form/CardInput/OcCardInput.js +1 -1
- package/dist/Form/Checkbox/OcCheckbox.js +2 -2
- 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 +2 -2
- package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +1 -1
- package/dist/Form/NumberInput/OcNumberInput.js +1 -1
- package/dist/Form/PhoneInput/OcPhoneInput.js +2 -2
- 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 +2 -2
- package/dist/Form/Select/OcSelect.js +1 -1
- package/dist/Form/SelectOptions/OcSelectOptions.js +2 -2
- package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +1 -1
- package/dist/Form/Slider/OcSlider.js +1 -1
- package/dist/Form/TextArea/OcTextArea.js +2 -2
- package/dist/Form/Toggle/OcToggle.js +1 -1
- package/dist/Form/index.js +8 -8
- package/dist/FormBuilder/OcFormBuilder.js +1 -1
- package/dist/MediaAndIcons/Avatar/OcAvatar.js +1 -1
- package/dist/MediaAndIcons/Icon/OcIcon.js +1 -1
- package/dist/OcAccountSetupProgress-BZrI2z-C.js +54 -0
- package/dist/{OcAvatar-DeVm4Ck5.js → OcAvatar-WGEX8Wio.js} +4 -4
- package/dist/{OcComplexCalendar-BefeAFLc.js → OcComplexCalendar-CrhHAVnT.js} +6 -6
- package/dist/{OcComplexDatePicker-CRLUqCXG.js → OcComplexDatePicker-Cr_6CjYB.js} +5 -5
- package/dist/OcCropper-BMMZRsnp.js +253 -0
- package/dist/OcDataTable-B5QRaoES.js +540 -0
- package/dist/{OcDraggable-CA_BCbpl.js → OcDraggable-DRsp4j4e.js} +5 -4
- package/dist/{OcDraggableList-BgNG1_e0.js → OcDraggableList-Bka23Zj_.js} +50 -47
- package/dist/{OcEmojiPicker-D0Z8w4GK.js → OcEmojiPicker-CjL4Ap4z.js} +17 -15
- package/dist/{OcFilterForm-CxY2ctvp.js → OcFilterForm-IZtn5Vdc.js} +22 -24
- package/dist/OcFilterSearch-Bn7BjQMO.js +112 -0
- package/dist/{OcFilterSearchFor-5XGNMHta.js → OcFilterSearchFor-B0Cyh-PP.js} +27 -21
- package/dist/{OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js → OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js} +2 -2
- package/dist/{OcIcon-CJgBICxh.js → OcIcon-CBf___w1.js} +10 -9
- package/dist/OcModalCropper-KoaOw5ug.js +52 -0
- package/dist/{OcPopper-D0VfWOBI.js → OcPopper-BSfMaOoF.js} +25 -21
- package/dist/{OcProgressBar-hiyC5XSc.js → OcProgressBar-lyqE5LZd.js} +5 -5
- package/dist/{OcSection-D_vO-DAP.js → OcSection-BjyapRr3.js} +3 -3
- package/dist/{OcSkeleton-CvdpGSQR.js → OcSkeleton-Czw65X0i.js} +2 -2
- package/dist/{OcSwitchTabs-CYp676bj.js → OcSwitchTabs-B7LfmG3z.js} +3 -3
- package/dist/{OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js → OcTag.vue_vue_type_script_setup_true_lang-CzJFcg8l.js} +2 -2
- package/dist/{OcTheme-CWgrJh5Q.js → OcTheme-B6NTNYtz.js} +2 -2
- package/dist/{OcTimePicker-e-YrbMpL.js → OcTimePicker-i88_uGmT.js} +6 -6
- package/dist/{OcTimePopup-CXGhaOev.js → OcTimePopup-CrwbZ_Nx.js} +5 -5
- package/dist/OcToggle-DOfA-DZ8.js +58 -0
- 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/Popper/OcPopper.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-G4HZGA2F.js → SubPlanCard-CmQpq6Jd.js} +10 -10
- package/dist/Theme/OcTheme.js +1 -1
- package/dist/{ThumbnailSection-CF3oGwOn.js → ThumbnailSection-VGh-BSav.js} +3 -3
- package/dist/{ThumbnailTheme-CQiJbCFQ.js → ThumbnailTheme-OomrH2df.js} +9 -6
- package/dist/core.css +1 -0
- package/dist/{index-BvY_DV6x.js → index-DeDsEdk8.js} +3559 -3338
- package/dist/index.js +58 -55
- package/package.json +1 -1
- package/dist/OcAccountSetupProgress-B9dvesNZ.js +0 -46
- package/dist/OcCropper-Rak_EOta.js +0 -229
- package/dist/OcDataTable-C3Qcyzlb.js +0 -578
- package/dist/OcFilterSearch-BvswWfWM.js +0 -69
- package/dist/OcModalCropper-dStrjw5T.js +0 -46
- package/dist/OcToggle-bIJaLDMZ.js +0 -53
- package/dist/style.css +0 -1
package/dist/index.js
CHANGED
@@ -1,23 +1,24 @@
|
|
1
1
|
import "vue";
|
2
|
-
import { V as r, ak as o,
|
3
|
-
import { _ as
|
4
|
-
import { _ as
|
5
|
-
import { _ as
|
6
|
-
import { S as
|
7
|
-
import { _ as
|
8
|
-
import { _ as
|
9
|
-
import { T as
|
10
|
-
import { _ as
|
11
|
-
import { _ as
|
12
|
-
import { _ as ke } from "./OcPopper-
|
13
|
-
import { _ as
|
2
|
+
import { V as r, ak as o, aX as t, a2 as n, a4 as i, at as p, _ as l, a5 as d, B as m, o as u, a as b, C as S, b as c, au as T, aH as g, aO as C, ax as x, ay as P, c as f, aQ as I, v as h, aN as O, p as F, aI as B, aR as k, az as v, aA as w, aS as A, a6 as D, T as H, L, R as M, a7 as _, aL as R, aK as y, aM as E, w as N, u as U, l as V, a8 as G, ab as j, aa as z, ac as W, x as q, a3 as J, d as K, e as Q, m as X, y as Y, z as Z, A as $, aB as aa, aP as ea, t as sa, N as ra, aC as oa, D as ta, W as na, k as ia, E as pa, F as la, G as da, ae as ma, af as ua, H as ba, J as Sa, $ as ca, f as Ta, I as ga, ag as Ca, g as xa, h as Pa, i as fa, ah as Ia, q as ha, j as Oa, r as Fa, av as Ba, am as ka, ai as va, ap as wa, ao as Aa, al as Da, an as Ha, aj as La, s as Ma, S as _a, aw as Ra, Y as ya, X as Ea, a9 as Na, aV as Ua, aq as Va, aD as Ga, ad as ja, K as za, O as Wa, P as qa, M as Ja, Q as Ka, Z as Qa, n as Xa, aU as Ya, aT as Za, aW as $a, aJ as ae, aE as ee, ar as se, U as re, a1 as oe, a0 as te, as as ne, aF as ie } from "./index-DeDsEdk8.js";
|
3
|
+
import { _ as le } from "./OcProgressBar-lyqE5LZd.js";
|
4
|
+
import { _ as me } from "./OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-C-8H1oP2.js";
|
5
|
+
import { _ as be } from "./OcSwitchTabs-B7LfmG3z.js";
|
6
|
+
import { S as ce } from "./OcSkeleton-Czw65X0i.js";
|
7
|
+
import { _ as ge } from "./OcSection-BjyapRr3.js";
|
8
|
+
import { _ as xe } from "./OcTag.vue_vue_type_script_setup_true_lang-CzJFcg8l.js";
|
9
|
+
import { T as fe } from "./OcToggle-DOfA-DZ8.js";
|
10
|
+
import { _ as he } from "./OcAvatar-WGEX8Wio.js";
|
11
|
+
import { _ as Fe } from "./OcIcon-CBf___w1.js";
|
12
|
+
import { _ as ke } from "./OcPopper-BSfMaOoF.js";
|
13
|
+
import { _ as we } from "./OcTheme-B6NTNYtz.js";
|
14
|
+
import { useDataTable as De } from "./DataTable/useDataTable.js";
|
14
15
|
export {
|
15
16
|
r as Accordion,
|
16
17
|
o as AccountSetup,
|
17
18
|
t as AccountSetupProgress,
|
18
|
-
|
19
|
-
|
20
|
-
|
19
|
+
n as AdditionalContent,
|
20
|
+
i as AuthenticationOption,
|
21
|
+
he as Avatar,
|
21
22
|
p as Banner,
|
22
23
|
l as BaseInput,
|
23
24
|
d as Box,
|
@@ -31,33 +32,33 @@ export {
|
|
31
32
|
C as ComplexDatePicker,
|
32
33
|
x as ConfirmationModal,
|
33
34
|
P as CopyTooltip,
|
34
|
-
|
35
|
-
|
35
|
+
f as Criteria,
|
36
|
+
I as Cropper,
|
36
37
|
h as CustomerCard,
|
37
38
|
O as DataTable,
|
38
39
|
F as DatePicker,
|
39
|
-
|
40
|
-
|
41
|
-
|
40
|
+
B as Draggable,
|
41
|
+
k as DraggableList,
|
42
|
+
v as Dropdown,
|
42
43
|
w as DropdownItem,
|
43
44
|
A as EmojiPicker,
|
44
|
-
|
45
|
-
|
46
|
-
|
45
|
+
D as EmptyPage,
|
46
|
+
H as ExpandingHeaderRow,
|
47
|
+
L as ExpandingTable,
|
47
48
|
M as ExpandingTableRow,
|
48
49
|
_ as FeatureOverviewCard,
|
49
50
|
R as FilterForm,
|
50
51
|
y as FilterSearch,
|
51
52
|
E as FilterSearchFor,
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
53
|
+
N as FloatContent,
|
54
|
+
U as FormBuilder,
|
55
|
+
V as GroupOptions,
|
56
|
+
G as Header,
|
56
57
|
j as HeaderCenter,
|
57
58
|
z as HeaderLeft,
|
58
59
|
W as HeaderRight,
|
59
|
-
|
60
|
-
|
60
|
+
me as HorizontalProgressbar,
|
61
|
+
Fe as Icon,
|
61
62
|
q as InfoCard,
|
62
63
|
J as InfoCardButton,
|
63
64
|
K as Input,
|
@@ -72,9 +73,9 @@ export {
|
|
72
73
|
ra as NumberInput,
|
73
74
|
oa as OcModalPage,
|
74
75
|
ta as OcOnboardingListItem,
|
75
|
-
|
76
|
-
|
77
|
-
|
76
|
+
ge as OcSection,
|
77
|
+
na as OnboardingAccordion,
|
78
|
+
ia as Option,
|
78
79
|
pa as Overview,
|
79
80
|
la as OverviewIcon,
|
80
81
|
da as OverviewItem,
|
@@ -87,33 +88,33 @@ export {
|
|
87
88
|
ke as Popper,
|
88
89
|
ga as PrevNext,
|
89
90
|
Ca as PrimaryActions,
|
90
|
-
|
91
|
+
le as ProgressBar,
|
91
92
|
xa as Radio,
|
92
93
|
Pa as RadioGroup,
|
93
|
-
|
94
|
-
|
94
|
+
fa as RangeInput,
|
95
|
+
Ia as SandboxBanner,
|
95
96
|
ha as SectionItem,
|
96
97
|
Oa as Select,
|
97
98
|
Fa as SelectOptions,
|
98
|
-
|
99
|
-
|
100
|
-
|
99
|
+
Ba as ShareIcon,
|
100
|
+
ka as SideBarMenu,
|
101
|
+
va as Sidebar,
|
101
102
|
wa as SidebarFeatureBanners,
|
102
103
|
Aa as SidebarFooter,
|
103
|
-
|
104
|
-
|
105
|
-
|
104
|
+
Da as SidebarHead,
|
105
|
+
Ha as SidebarSubMenuItem,
|
106
|
+
La as SidebarSubmenu,
|
106
107
|
Ma as SingleFileUpload,
|
107
|
-
|
108
|
+
ce as Skeleton,
|
108
109
|
_a as Slider,
|
109
110
|
Ra as Snackbar,
|
110
111
|
ya as Step,
|
111
112
|
Ea as Steps,
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
113
|
+
Na as SubHeader,
|
114
|
+
Ua as SubPlanCard,
|
115
|
+
Va as SubSidebar,
|
116
|
+
Ga as SupportMenu,
|
117
|
+
be as SwitchTabs,
|
117
118
|
ja as TabToSelect,
|
118
119
|
za as Table,
|
119
120
|
Wa as TableCell,
|
@@ -121,18 +122,20 @@ export {
|
|
121
122
|
Ja as TableHeader,
|
122
123
|
Ka as TableLink,
|
123
124
|
Qa as Tabs,
|
124
|
-
|
125
|
+
xe as Tag,
|
125
126
|
Xa as TextArea,
|
126
|
-
|
127
|
+
we as Theme,
|
127
128
|
Ya as ThumbnailSection,
|
128
129
|
Za as ThumbnailTheme,
|
129
130
|
$a as TimePicker,
|
130
131
|
ae as TimePopup,
|
131
|
-
|
132
|
+
fe as Toggle,
|
132
133
|
ee as Tooltip,
|
133
|
-
se as
|
134
|
-
re as
|
135
|
-
oe as
|
136
|
-
te as
|
137
|
-
|
134
|
+
se as TopBanner,
|
135
|
+
re as TransferSummary,
|
136
|
+
oe as Variant,
|
137
|
+
te as Variants,
|
138
|
+
ne as VerificationOption,
|
139
|
+
ie as WhiteList,
|
140
|
+
De as useDataTable
|
138
141
|
};
|
package/package.json
CHANGED
@@ -1,46 +0,0 @@
|
|
1
|
-
import { openBlock as c, createElementBlock as r, createElementVNode as e, toDisplayString as s, createVNode as a, unref as i, normalizeStyle as n } from "vue";
|
2
|
-
import "./index-BvY_DV6x.js";
|
3
|
-
import { _ as d } from "./OcIcon-CJgBICxh.js";
|
4
|
-
const u = { class: "border relative z-10 border-oc-gray-200 shadow-normal bg-white rounded p-2 flex flex-col gap-y-2" }, p = { class: "py-2 px-3 gap-x-3 flex items-center" }, x = { class: "text-oc-warning flex-1" }, f = { class: "px-3 pb-3 flex flex-col gap-y-3" }, m = { class: "relative bg-oc-accent-1-50 rounded-full h-2" }, _ = { class: "flex items-center gap-x-3" }, h = { class: "text-sm text-oc-text-400" }, w = {
|
5
|
-
__name: "OcAccountSetupProgress",
|
6
|
-
props: {
|
7
|
-
value: {
|
8
|
-
type: Number,
|
9
|
-
default: 0
|
10
|
-
},
|
11
|
-
infoLabel: {
|
12
|
-
type: String,
|
13
|
-
default: ""
|
14
|
-
}
|
15
|
-
},
|
16
|
-
emits: ["redirect"],
|
17
|
-
setup(o) {
|
18
|
-
return (l, t) => (c(), r("div", u, [
|
19
|
-
e("div", p, [
|
20
|
-
e("div", x, "Finish your account (" + s(o.value) + "%)", 1),
|
21
|
-
a(i(d), {
|
22
|
-
name: "arrow-top-right",
|
23
|
-
class: "text-oc-text-300 hover:text-oc-text",
|
24
|
-
width: "14",
|
25
|
-
height: "14",
|
26
|
-
onClick: t[0] || (t[0] = (v) => l.$emit("redirect"))
|
27
|
-
})
|
28
|
-
]),
|
29
|
-
e("div", f, [
|
30
|
-
e("div", m, [
|
31
|
-
e("div", {
|
32
|
-
class: "absolute top-0 left-0 bg-oc-primary rounded-full h-2",
|
33
|
-
style: n({ width: `${o.value}%` })
|
34
|
-
}, null, 4)
|
35
|
-
]),
|
36
|
-
e("div", _, [
|
37
|
-
t[1] || (t[1] = e("div", { class: "w-[6px] h-[6px] bg-oc-success shadow-[0_0_0_4px_var(--oc-success-50)] rounded-full" }, null, -1)),
|
38
|
-
e("span", h, s(o.infoLabel), 1)
|
39
|
-
])
|
40
|
-
])
|
41
|
-
]));
|
42
|
-
}
|
43
|
-
};
|
44
|
-
export {
|
45
|
-
w as default
|
46
|
-
};
|
@@ -1,229 +0,0 @@
|
|
1
|
-
import { ref as p, watch as S, nextTick as F, openBlock as n, createElementBlock as y, createElementVNode as c, createBlock as u, unref as o, Fragment as A, createVNode as m, createCommentVNode as r, withCtx as V } from "vue";
|
2
|
-
import { B as g, e as x, b as D, i as G, aD as H } from "./index-BvY_DV6x.js";
|
3
|
-
import { Cropper as J } from "vue-advanced-cropper";
|
4
|
-
import { _ as K } from "./OcIcon-CJgBICxh.js";
|
5
|
-
const M = { class: "flex flex-col gap-y-5" }, P = ["src"], Q = { class: "flex gap-x-1 justify-center relative" }, W = { class: "grid grid-cols-2 gap-4" }, ee = {
|
6
|
-
__name: "OcCropper",
|
7
|
-
props: {
|
8
|
-
inputOptions: Array,
|
9
|
-
inputOptionValues: Object,
|
10
|
-
img: String,
|
11
|
-
maxSize: [String, Number],
|
12
|
-
isReplaceImage: {
|
13
|
-
type: Boolean,
|
14
|
-
default: !0
|
15
|
-
}
|
16
|
-
},
|
17
|
-
emits: ["changeImage", "update:input-options"],
|
18
|
-
setup(i, { emit: E }) {
|
19
|
-
const v = i, h = E, k = p(), w = p(), s = p(""), C = p(!1), a = p(v.inputOptionValues ?? {});
|
20
|
-
S(
|
21
|
-
() => v.inputOptionValues,
|
22
|
-
() => {
|
23
|
-
a.value = v.inputOptionValues;
|
24
|
-
},
|
25
|
-
{
|
26
|
-
deep: !0
|
27
|
-
}
|
28
|
-
), S(
|
29
|
-
() => v.img,
|
30
|
-
(l) => {
|
31
|
-
l && F(() => {
|
32
|
-
try {
|
33
|
-
const e = new URL(l);
|
34
|
-
e.protocol === "http:" || e.protocol === "https:" ? s.value = `${l}?${Date.now()}` : s.value = l;
|
35
|
-
} catch {
|
36
|
-
s.value = l;
|
37
|
-
}
|
38
|
-
});
|
39
|
-
},
|
40
|
-
{ immediate: !0 }
|
41
|
-
);
|
42
|
-
const N = () => {
|
43
|
-
if (s.value && C.value) {
|
44
|
-
const { canvas: l } = k.value.getResult();
|
45
|
-
h("changeImage", l.toDataURL());
|
46
|
-
}
|
47
|
-
C.value = !0;
|
48
|
-
}, O = (l) => {
|
49
|
-
var e;
|
50
|
-
return (e = k.value) == null ? void 0 : e.rotate(l);
|
51
|
-
}, z = (l) => {
|
52
|
-
var e;
|
53
|
-
return (e = k.value) == null ? void 0 : e.zoom(l);
|
54
|
-
}, j = () => {
|
55
|
-
w.value.click();
|
56
|
-
}, T = (l) => {
|
57
|
-
if (l.target.files[0] / (1024 * 1024) > +v.maxSize)
|
58
|
-
return l.preventDefault(), !1;
|
59
|
-
s.value = URL.createObjectURL(l.target.files[0]);
|
60
|
-
}, q = ({ imageSize: l, visibleArea: e }) => ({
|
61
|
-
width: (e || l).width,
|
62
|
-
height: (e || l).height
|
63
|
-
}), f = (l, e) => {
|
64
|
-
let d = a.value;
|
65
|
-
d[l] = e, h("update:input-options", d);
|
66
|
-
}, b = p(!!a.value.caption), U = p(!!a.value.lightbox);
|
67
|
-
return (l, e) => {
|
68
|
-
var d, $, L, I, R, B;
|
69
|
-
return n(), y("div", M, [
|
70
|
-
c("input", {
|
71
|
-
id: "cropper-file-input",
|
72
|
-
ref_key: "fileUploadEl",
|
73
|
-
ref: w,
|
74
|
-
accept: "image/*",
|
75
|
-
type: "file",
|
76
|
-
class: "hidden",
|
77
|
-
onChange: T
|
78
|
-
}, null, 544),
|
79
|
-
s.value ? (n(), u(o(J), {
|
80
|
-
key: 0,
|
81
|
-
ref_key: "cropper",
|
82
|
-
ref: k,
|
83
|
-
class: "w-full h-[300px]",
|
84
|
-
src: s.value,
|
85
|
-
"resize-image": { wheel: !1 },
|
86
|
-
"background-class": "cropper-background",
|
87
|
-
"default-size": q,
|
88
|
-
onChange: N
|
89
|
-
}, null, 8, ["src"])) : (n(), y("img", {
|
90
|
-
key: 1,
|
91
|
-
class: "w-full",
|
92
|
-
src: i.img
|
93
|
-
}, null, 8, P)),
|
94
|
-
c("div", Q, [
|
95
|
-
s.value ? (n(), y(A, { key: 0 }, [
|
96
|
-
m(o(g), {
|
97
|
-
variant: "secondary",
|
98
|
-
size: "small",
|
99
|
-
"left-icon": "backward",
|
100
|
-
onClick: e[0] || (e[0] = (t) => O(-90))
|
101
|
-
}),
|
102
|
-
m(o(g), {
|
103
|
-
variant: "secondary",
|
104
|
-
size: "small",
|
105
|
-
"left-icon": "zoom-out",
|
106
|
-
onClick: e[1] || (e[1] = (t) => z(0.8))
|
107
|
-
}),
|
108
|
-
m(o(g), {
|
109
|
-
variant: "secondary",
|
110
|
-
size: "small",
|
111
|
-
"left-icon": "zoom-in",
|
112
|
-
onClick: e[2] || (e[2] = (t) => z(1.2))
|
113
|
-
}),
|
114
|
-
m(o(g), {
|
115
|
-
variant: "secondary",
|
116
|
-
size: "small",
|
117
|
-
"left-icon": "forward",
|
118
|
-
onClick: e[3] || (e[3] = (t) => O(90))
|
119
|
-
})
|
120
|
-
], 64)) : r("", !0),
|
121
|
-
i.isReplaceImage ? (n(), u(o(g), {
|
122
|
-
key: 1,
|
123
|
-
class: "absolute right-0",
|
124
|
-
variant: "secondary",
|
125
|
-
size: "small",
|
126
|
-
label: "Replace image",
|
127
|
-
"left-icon": "refresh",
|
128
|
-
onClick: j
|
129
|
-
})) : r("", !0)
|
130
|
-
]),
|
131
|
-
c("div", W, [
|
132
|
-
(d = i.inputOptions) != null && d.includes("description") ? (n(), u(o(x), {
|
133
|
-
key: 0,
|
134
|
-
modelValue: a.value.description,
|
135
|
-
"onUpdate:modelValue": [
|
136
|
-
e[4] || (e[4] = (t) => a.value.description = t),
|
137
|
-
e[5] || (e[5] = (t) => f("description", t))
|
138
|
-
],
|
139
|
-
label: "Describe Image",
|
140
|
-
placeholder: ""
|
141
|
-
}, null, 8, ["modelValue"])) : r("", !0),
|
142
|
-
($ = i.inputOptions) != null && $.includes("link") ? (n(), u(o(x), {
|
143
|
-
key: 1,
|
144
|
-
modelValue: a.value.link,
|
145
|
-
"onUpdate:modelValue": [
|
146
|
-
e[6] || (e[6] = (t) => a.value.link = t),
|
147
|
-
e[7] || (e[7] = (t) => f("link", t))
|
148
|
-
],
|
149
|
-
placeholder: "https://hitpayapp.com",
|
150
|
-
label: "Link to"
|
151
|
-
}, null, 8, ["modelValue"])) : r("", !0),
|
152
|
-
c("div", null, [
|
153
|
-
(L = i.inputOptions) != null && L.includes("caption") ? (n(), u(o(D), {
|
154
|
-
key: 0,
|
155
|
-
modelValue: b.value,
|
156
|
-
"onUpdate:modelValue": e[8] || (e[8] = (t) => b.value = t),
|
157
|
-
label: "Caption",
|
158
|
-
class: "mb-4"
|
159
|
-
}, null, 8, ["modelValue"])) : r("", !0),
|
160
|
-
(I = i.inputOptions) != null && I.includes("caption") && b.value ? (n(), u(o(x), {
|
161
|
-
key: 1,
|
162
|
-
modelValue: a.value.caption,
|
163
|
-
"onUpdate:modelValue": [
|
164
|
-
e[9] || (e[9] = (t) => a.value.caption = t),
|
165
|
-
e[10] || (e[10] = (t) => f("caption", t))
|
166
|
-
],
|
167
|
-
class: "mb-4",
|
168
|
-
placeholder: ""
|
169
|
-
}, null, 8, ["modelValue"])) : r("", !0),
|
170
|
-
(R = i.inputOptions) != null && R.includes("caption") && b.value ? (n(), u(o(G), {
|
171
|
-
key: 2,
|
172
|
-
"model-value": a.value.caption_variant,
|
173
|
-
"group-name": "caption_variant",
|
174
|
-
alignment: "horizontal",
|
175
|
-
radio: [
|
176
|
-
{
|
177
|
-
value: "hover",
|
178
|
-
label: "Show on hover"
|
179
|
-
},
|
180
|
-
{
|
181
|
-
value: "bottom",
|
182
|
-
label: "Show on bottom"
|
183
|
-
}
|
184
|
-
],
|
185
|
-
label: "Caption position",
|
186
|
-
"onUpdate:modelValue": e[11] || (e[11] = (t) => f("caption_variant", t))
|
187
|
-
}, null, 8, ["model-value"])) : r("", !0)
|
188
|
-
]),
|
189
|
-
c("div", null, [
|
190
|
-
(B = i.inputOptions) != null && B.includes("lightbox") ? (n(), u(o(D), {
|
191
|
-
key: 0,
|
192
|
-
modelValue: U.value,
|
193
|
-
"onUpdate:modelValue": [
|
194
|
-
e[12] || (e[12] = (t) => U.value = t),
|
195
|
-
e[13] || (e[13] = (t) => f("lightbox", t))
|
196
|
-
],
|
197
|
-
label: "Lightbox"
|
198
|
-
}, {
|
199
|
-
after: V(() => [
|
200
|
-
m(o(H), {
|
201
|
-
position: "bottom",
|
202
|
-
distance: 10,
|
203
|
-
"popper-class": "bg-oc-bg-light min-w-[125px]"
|
204
|
-
}, {
|
205
|
-
popper: V(() => e[14] || (e[14] = [
|
206
|
-
c("div", { class: "text-oc-text-400 text-sm px-3 py-2 font-medium text-center" }, " Show lightbox when click the image ", -1)
|
207
|
-
])),
|
208
|
-
default: V(() => [
|
209
|
-
m(o(K), {
|
210
|
-
name: "question-mark",
|
211
|
-
width: "16",
|
212
|
-
height: "16",
|
213
|
-
class: "text-oc-accent-1-500"
|
214
|
-
})
|
215
|
-
]),
|
216
|
-
_: 1
|
217
|
-
})
|
218
|
-
]),
|
219
|
-
_: 1
|
220
|
-
}, 8, ["modelValue"])) : r("", !0)
|
221
|
-
])
|
222
|
-
])
|
223
|
-
]);
|
224
|
-
};
|
225
|
-
}
|
226
|
-
};
|
227
|
-
export {
|
228
|
-
ee as default
|
229
|
-
};
|