@orchidui/core 0.5.0 → 0.7.0
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 +3 -3
- package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +1 -1
- package/dist/DataDisplay/Overview/OcOverview.js +4 -5
- package/dist/DataDisplay/Pagination/OcPagination.js +1 -1
- package/dist/DataDisplay/Table/OcTable.js +4 -4
- 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 +3 -3
- package/dist/Disclosure/Tabs/Tabs.js +1 -1
- package/dist/Disclosure/Variants/OcVariants.js +1 -1
- package/dist/Elements/AdditionalContent/OcAdditionalContent.js +2 -2
- package/dist/Elements/AuthenticationOption/AuthenticationOption.js +2 -2
- package/dist/Elements/Box/OcBox.js +2 -2
- package/dist/Elements/EmptyPage/OcEmptyPage.js +1 -1
- package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +1 -1
- package/dist/Elements/Header/OcHeader.js +3 -3
- package/dist/Elements/PageTitle/OcPageTitle.js +3 -4
- package/dist/Elements/SandboxBanner/OcSandboxBanner.js +1 -1
- package/dist/Elements/Sidebar/OcSidebar.js +1 -1
- package/dist/Elements/Skeleton/OcSkeleton.js +1 -1
- package/dist/Elements/SubSidebar/OcSubSidebar.js +1 -1
- package/dist/Elements/VerificationOption/OcVerificationOption.js +2 -2
- package/dist/Feedback/Banner/OcBanner.js +1 -1
- package/dist/Feedback/Chip/OcChip.js +2 -2
- package/dist/Feedback/ShareIcon/OcShareIcon.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/Form/Input/OcInput.js +3 -4
- 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 +2 -2
- package/dist/Form/Select/OcSelect.js +4 -5
- 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 +24 -47
- package/dist/FormBuilder/OcFormBuilder.js +1 -1
- package/dist/{OcComplexCalendar-DXl0ecZ-.js → OcComplexCalendar-Boa7mNFU.js} +18 -25
- package/dist/OcComplexDatePicker-BydI4VSR.js +93 -0
- package/dist/{OcCropper-31Y_S1Ne.js → OcCropper-7E2i6ayU.js} +38 -49
- package/dist/OcDataTable-CsCGrRx7.js +561 -0
- package/dist/{OcDraggable-BjhGJmpM.js → OcDraggable-CA_BCbpl.js} +7 -8
- package/dist/{Draggable.js → OcDraggableList-BUu5SgoA.js} +39 -50
- package/dist/{OcEmojiPicker-BXm-_OGK.js → OcEmojiPicker-DYYK7OB3.js} +28 -38
- package/dist/OcFilterForm-7ehuJUMp.js +83 -0
- package/dist/OcFilterSearch-B4AZsLBn.js +69 -0
- package/dist/OcFilterSearchFor-DfwJG-5N.js +67 -0
- package/dist/OcModalCropper-Z4jlnFc5.js +46 -0
- package/dist/{OcSkeleton-BdPTmGh0.js → OcSkeleton-CvdpGSQR.js} +2 -3
- package/dist/{OcSlider-Bsi-ckbP.js → OcSlider-DW9x8eas.js} +10 -11
- package/dist/{OcTimePicker-B61MCi0D.js → OcTimePicker-D9fPU8_m.js} +22 -33
- package/dist/{OcTimePopup-zQFKCZLk.js → OcTimePopup-CXGhaOev.js} +2 -3
- package/dist/{OcToggle-C0wTjM_Y.js → OcToggle-bIJaLDMZ.js} +5 -6
- package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +1 -1
- package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +1 -1
- package/dist/Overlay/Dropdown/OcDropdown.js +3 -4
- package/dist/Overlay/Modal/OcModal.js +3 -4
- package/dist/Overlay/SupportMenu/OcSupportMenu.js +1 -1
- package/dist/Overlay/Tooltip/OcTooltip.js +2 -2
- package/dist/Overlay/Whitelist/OcWhiteList.js +2 -2
- package/dist/SubPlanCard-DHj4RHJZ.js +81 -0
- package/dist/ThumbnailSection-CJBS0QXp.js +41 -0
- package/dist/ThumbnailTheme-hey6se0g.js +119 -0
- package/dist/index-DyVteXE3.js +10028 -0
- package/dist/index.js +129 -948
- package/dist/style.css +1 -1
- package/package.json +1 -16
- package/dist/Calendar.js +0 -103
- package/dist/Cropper.js +0 -6
- package/dist/DatePicker-BLK16hYl.js +0 -263
- package/dist/EmojiPicker.js +0 -4
- package/dist/Form/TimePicker/OcTimePicker.js +0 -6
- package/dist/OcAccordion-DdkNsXvN.js +0 -101
- package/dist/OcAccountSetup-BXDjf48o.js +0 -324
- package/dist/OcAdditionalContent-BMSysCXu.js +0 -612
- package/dist/OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js +0 -43
- package/dist/OcBanner-Cg2WJV6e.js +0 -108
- package/dist/OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js +0 -43
- package/dist/OcCardInput-BFE4Xu-S.js +0 -75
- package/dist/OcCheckboxesGroup-CLbquUO2.js +0 -94
- package/dist/OcChip-B1hm2Qni.js +0 -144
- package/dist/OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js +0 -1006
- package/dist/OcConfirmationModal-BfCrRV9r.js +0 -179
- package/dist/OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js +0 -65
- package/dist/OcCriteria-CpIohheZ.js +0 -42
- package/dist/OcCustomerCard-DbDOBO03.js +0 -160
- package/dist/OcDropdownItem-DAElmzEu.js +0 -57
- package/dist/OcEmptyPage-CTwgMzRp.js +0 -155
- package/dist/OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js +0 -815
- package/dist/OcFeatureOverviewCard-RVyrWLVW.js +0 -71
- package/dist/OcFloatContent-BIKQOxSw.js +0 -142
- package/dist/OcFormBuilder-BUpEpDsU.js +0 -177
- package/dist/OcGroupOptions-ChGJvTXl.js +0 -16
- package/dist/OcInfoCard-DpYUZOMZ.js +0 -81
- package/dist/OcInput-tcRxG3Y2.js +0 -227
- package/dist/OcInputOption-CncASfNt.js +0 -160
- package/dist/OcLinkInput-C2ixk-gk.js +0 -143
- package/dist/OcListDetail-6XeME6ko.js +0 -76
- package/dist/OcListUrl.vue_vue_type_script_setup_true_lang-7zZdFM8K.js +0 -750
- package/dist/OcModal-DdD5VFEN.js +0 -187
- package/dist/OcModalCropper-D2OI2iun.js +0 -56
- package/dist/OcModalPage-BLVa-kcB.js +0 -86
- package/dist/OcMultipleUploadFile-BAmQHshA.js +0 -447
- package/dist/OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js +0 -90
- package/dist/OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js +0 -81
- package/dist/OcOption-DK2FBGq7.js +0 -485
- package/dist/OcOverviewIcon-D702Ujka.js +0 -55
- package/dist/OcOverviewItem-DNr5tWnt.js +0 -186
- package/dist/OcPageTitleRight-DMtJ1qmZ.js +0 -243
- package/dist/OcPaginationNumber-IKPorX26.js +0 -172
- package/dist/OcPaymentTab-Cna1IAhO.js +0 -170
- package/dist/OcPhoneInput-AC6BgQhN.js +0 -432
- package/dist/OcPrimaryActions-D5IprKsQ.js +0 -222
- package/dist/OcRadio-CRYfNwV9.js +0 -107
- package/dist/OcRadioGroup-DgfdWJos.js +0 -76
- package/dist/OcRangeInput-C-hoHFhr.js +0 -103
- package/dist/OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js +0 -37
- package/dist/OcSectionItem-BFgxO3se.js +0 -84
- package/dist/OcSelectOptions-BQlG_EUA.js +0 -148
- package/dist/OcShareIcon-BB-NPq0r.js +0 -53
- package/dist/OcSingleFileUpload-B8-e1H5t.js +0 -464
- package/dist/OcSnackbar-CKxY1-ej.js +0 -196
- package/dist/OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js +0 -87
- package/dist/OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js +0 -60
- package/dist/OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js +0 -114
- package/dist/OcTabToSelect-BHAz1Niv.js +0 -183
- package/dist/OcTextArea-BpV1Bnj_.js +0 -78
- package/dist/OcTransferSummary-Bk2GXhrT.js +0 -67
- package/dist/OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js +0 -99
- package/dist/OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js +0 -59
- package/dist/OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js +0 -64
- package/dist/OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js +0 -113
- package/dist/StoreDesign.js +0 -240
@@ -1,108 +0,0 @@
|
|
1
|
-
import { openBlock as a, createBlock as i, Transition as f, withCtx as p, withDirectives as g, createElementVNode as t, normalizeClass as s, unref as r, createCommentVNode as l, renderSlot as c, toDisplayString as d, createTextVNode as y, vShow as b } from "vue";
|
2
|
-
import "dayjs";
|
3
|
-
import { B as x } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
5
|
-
import { _ as w } from "./OcIcon-CJgBICxh.js";
|
6
|
-
/* empty css */
|
7
|
-
import "libphonenumber-js";
|
8
|
-
/* empty css */
|
9
|
-
import "v-calendar";
|
10
|
-
/* empty css */
|
11
|
-
import "./Cropper.js";
|
12
|
-
import "vue-draggable-next";
|
13
|
-
import "@popperjs/core";
|
14
|
-
const v = { class: "flex items-center gap-3" }, B = { class: "text-oc-text-500" }, S = { class: "p-4 text-sm" }, k = {
|
15
|
-
__name: "OcBanner",
|
16
|
-
props: {
|
17
|
-
modelValue: {
|
18
|
-
type: Boolean,
|
19
|
-
default: !0
|
20
|
-
},
|
21
|
-
color: {
|
22
|
-
type: String,
|
23
|
-
default: "default"
|
24
|
-
},
|
25
|
-
content: {
|
26
|
-
type: String,
|
27
|
-
default: ""
|
28
|
-
},
|
29
|
-
icon: {
|
30
|
-
type: String,
|
31
|
-
default: "filled-check"
|
32
|
-
},
|
33
|
-
showIcon: {
|
34
|
-
type: Boolean,
|
35
|
-
default: !0
|
36
|
-
},
|
37
|
-
dismissible: {
|
38
|
-
type: Boolean,
|
39
|
-
default: !1
|
40
|
-
},
|
41
|
-
transitionName: {
|
42
|
-
type: String,
|
43
|
-
default: "slide-from-top"
|
44
|
-
},
|
45
|
-
title: {
|
46
|
-
type: String,
|
47
|
-
default: ""
|
48
|
-
}
|
49
|
-
},
|
50
|
-
emits: ["update:modelValue"],
|
51
|
-
setup(e) {
|
52
|
-
const m = Object.freeze({
|
53
|
-
default: "bg-oc-success-50 text-oc-success-500",
|
54
|
-
primary: "bg-oc-primary-50 text-oc-primary-500",
|
55
|
-
error: "bg-oc-error-50 text-oc-error-500",
|
56
|
-
warning: "bg-oc-warning-50 text-oc-warning-500",
|
57
|
-
gray: "bg-oc-gray-100 text-oc-gray-700"
|
58
|
-
}), u = Object.freeze({
|
59
|
-
default: "border-oc-success-200",
|
60
|
-
primary: "border-oc-primary-200",
|
61
|
-
error: "border-oc-error-200",
|
62
|
-
warning: "border-oc-warning-200",
|
63
|
-
gray: "border-oc-gray-300"
|
64
|
-
});
|
65
|
-
return (o, n) => (a(), i(f, { name: e.transitionName }, {
|
66
|
-
default: p(() => [
|
67
|
-
g(t("div", {
|
68
|
-
class: s([r(u)[e.color], "border rounded-lg banner relative overflow-hidden"])
|
69
|
-
}, [
|
70
|
-
t("div", {
|
71
|
-
class: s(["flex flex-1 items-center justify-between gap-3 min-h-[34px] px-4 text-sm", r(m)[e.color]])
|
72
|
-
}, [
|
73
|
-
t("div", v, [
|
74
|
-
e.showIcon ? (a(), i(r(w), {
|
75
|
-
key: 0,
|
76
|
-
name: e.icon,
|
77
|
-
class: "shrink-0",
|
78
|
-
width: "16",
|
79
|
-
height: "16"
|
80
|
-
}, null, 8, ["name"])) : l("", !0),
|
81
|
-
c(o.$slots, "title", {}, () => [
|
82
|
-
t("div", B, d(e.title), 1)
|
83
|
-
], !0)
|
84
|
-
]),
|
85
|
-
e.dismissible ? (a(), i(r(x), {
|
86
|
-
key: 0,
|
87
|
-
variant: "secondary",
|
88
|
-
"is-transparent": "",
|
89
|
-
label: "Close",
|
90
|
-
onClick: n[0] || (n[0] = (C) => o.$emit("update:modelValue", !1))
|
91
|
-
})) : l("", !0)
|
92
|
-
], 2),
|
93
|
-
t("div", S, [
|
94
|
-
c(o.$slots, "default", {}, () => [
|
95
|
-
y(d(e.content), 1)
|
96
|
-
], !0)
|
97
|
-
])
|
98
|
-
], 2), [
|
99
|
-
[b, e.modelValue]
|
100
|
-
])
|
101
|
-
]),
|
102
|
-
_: 3
|
103
|
-
}, 8, ["name"]));
|
104
|
-
}
|
105
|
-
}, G = /* @__PURE__ */ h(k, [["__scopeId", "data-v-d8517c87"]]);
|
106
|
-
export {
|
107
|
-
G as O
|
108
|
-
};
|
@@ -1,43 +0,0 @@
|
|
1
|
-
import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeClass as c, createVNode as a, unref as s, createElementVNode as i, toDisplayString as e } from "vue";
|
2
|
-
import "dayjs";
|
3
|
-
import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
import { _ as m } from "./OcOverviewIcon-D702Ujka.js";
|
5
|
-
/* empty css */
|
6
|
-
import "libphonenumber-js";
|
7
|
-
/* empty css */
|
8
|
-
import "v-calendar";
|
9
|
-
/* empty css */
|
10
|
-
import "./Cropper.js";
|
11
|
-
import "vue-draggable-next";
|
12
|
-
import "@popperjs/core";
|
13
|
-
const l = { class: "flex flex-col text-center gap-y-3" }, d = { class: "text-lg font-medium" }, g = { class: "text-sm text-oc-text-400" }, C = /* @__PURE__ */ o({
|
14
|
-
__name: "OcBox",
|
15
|
-
props: {
|
16
|
-
icon: String,
|
17
|
-
width: String,
|
18
|
-
height: String,
|
19
|
-
variant: String,
|
20
|
-
title: String,
|
21
|
-
description: String,
|
22
|
-
isActive: Boolean
|
23
|
-
},
|
24
|
-
setup(t) {
|
25
|
-
return (h, p) => (r(), n("div", {
|
26
|
-
class: c(["rounded py-7 px-5 border bg-oc-bg-light flex flex-col gap-y-5 items-center shadow-sm", t.isActive ? "border-oc-primary" : "border-oc-gray-200"])
|
27
|
-
}, [
|
28
|
-
a(s(m), {
|
29
|
-
icon: t.icon,
|
30
|
-
width: t.width,
|
31
|
-
height: t.height,
|
32
|
-
variant: t.variant
|
33
|
-
}, null, 8, ["icon", "width", "height", "variant"]),
|
34
|
-
i("div", l, [
|
35
|
-
i("span", d, e(t.title), 1),
|
36
|
-
i("span", g, e(t.description), 1)
|
37
|
-
])
|
38
|
-
], 2));
|
39
|
-
}
|
40
|
-
});
|
41
|
-
export {
|
42
|
-
C as _
|
43
|
-
};
|
@@ -1,75 +0,0 @@
|
|
1
|
-
import { openBlock as a, createBlock as n, unref as i, withCtx as r, createElementVNode as d, createVNode as m } from "vue";
|
2
|
-
import "dayjs";
|
3
|
-
import "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
import { _ as s } from "./OcIcon-CJgBICxh.js";
|
5
|
-
/* empty css */
|
6
|
-
import { _ as p } from "./OcInput-tcRxG3Y2.js";
|
7
|
-
import "libphonenumber-js";
|
8
|
-
/* empty css */
|
9
|
-
import "v-calendar";
|
10
|
-
/* empty css */
|
11
|
-
import "./Cropper.js";
|
12
|
-
import "vue-draggable-next";
|
13
|
-
import "@popperjs/core";
|
14
|
-
const c = { class: "w-[30px] h-[20px] flex items-center justify-center" }, T = {
|
15
|
-
__name: "OcCardInput",
|
16
|
-
props: {
|
17
|
-
placeholder: String,
|
18
|
-
hint: String,
|
19
|
-
label: String,
|
20
|
-
errorMessage: String,
|
21
|
-
cardType: String,
|
22
|
-
isInlineLabel: Boolean,
|
23
|
-
isDisabled: Boolean,
|
24
|
-
modelValue: String,
|
25
|
-
isRequired: {
|
26
|
-
type: Boolean,
|
27
|
-
default: !1
|
28
|
-
},
|
29
|
-
labelIcon: {
|
30
|
-
type: String,
|
31
|
-
default: ""
|
32
|
-
},
|
33
|
-
tooltipText: {
|
34
|
-
type: String,
|
35
|
-
default: ""
|
36
|
-
},
|
37
|
-
tooltipOptions: {
|
38
|
-
type: Object,
|
39
|
-
default: () => ({})
|
40
|
-
}
|
41
|
-
},
|
42
|
-
emits: {
|
43
|
-
"update:modelValue": []
|
44
|
-
},
|
45
|
-
setup(e) {
|
46
|
-
return (l, t) => (a(), n(i(p), {
|
47
|
-
placeholder: e.placeholder,
|
48
|
-
label: e.label,
|
49
|
-
"error-message": e.errorMessage,
|
50
|
-
"is-inline-label": e.isInlineLabel,
|
51
|
-
disabled: e.isDisabled,
|
52
|
-
hint: e.hint,
|
53
|
-
"model-value": e.modelValue,
|
54
|
-
"is-required": e.isRequired,
|
55
|
-
"label-icon": e.labelIcon,
|
56
|
-
"tooltip-text": e.tooltipText,
|
57
|
-
"tooltip-options": e.tooltipOptions,
|
58
|
-
"onUpdate:modelValue": t[0] || (t[0] = (o) => l.$emit("update:modelValue", o))
|
59
|
-
}, {
|
60
|
-
icon: r(() => [
|
61
|
-
d("div", c, [
|
62
|
-
m(i(s), {
|
63
|
-
name: `payment-methods/${e.cardType}`,
|
64
|
-
width: "20",
|
65
|
-
height: "12"
|
66
|
-
}, null, 8, ["name"])
|
67
|
-
])
|
68
|
-
]),
|
69
|
-
_: 1
|
70
|
-
}, 8, ["placeholder", "label", "error-message", "is-inline-label", "disabled", "hint", "model-value", "is-required", "label-icon", "tooltip-text", "tooltip-options"]));
|
71
|
-
}
|
72
|
-
};
|
73
|
-
export {
|
74
|
-
T as _
|
75
|
-
};
|
@@ -1,94 +0,0 @@
|
|
1
|
-
import { computed as r, openBlock as s, createBlock as u, unref as m, withCtx as p, createElementVNode as y, normalizeClass as v, createCommentVNode as C, createElementBlock as A, Fragment as h, renderList as k } from "vue";
|
2
|
-
import "dayjs";
|
3
|
-
import { _ as x, a as g } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
/* empty css */
|
5
|
-
import "libphonenumber-js";
|
6
|
-
/* empty css */
|
7
|
-
import "v-calendar";
|
8
|
-
/* empty css */
|
9
|
-
import "./Cropper.js";
|
10
|
-
import "vue-draggable-next";
|
11
|
-
import "@popperjs/core";
|
12
|
-
const j = {
|
13
|
-
__name: "OcCheckboxesGroup",
|
14
|
-
props: {
|
15
|
-
alignment: {
|
16
|
-
type: String,
|
17
|
-
default: "vertical"
|
18
|
-
},
|
19
|
-
checkboxes: Array,
|
20
|
-
modelValue: {
|
21
|
-
type: [Array, String]
|
22
|
-
},
|
23
|
-
label: String,
|
24
|
-
errorMessage: String,
|
25
|
-
hint: String,
|
26
|
-
isDisabled: Boolean,
|
27
|
-
isSelectAll: Boolean,
|
28
|
-
isButtonVariant: Boolean,
|
29
|
-
isBlock: Boolean
|
30
|
-
},
|
31
|
-
emits: {
|
32
|
-
"update:modelValue": []
|
33
|
-
},
|
34
|
-
setup(e, { emit: V }) {
|
35
|
-
const t = e, n = V, b = r(() => ({
|
36
|
-
horizontal: "gap-x-5 flex-wrap",
|
37
|
-
vertical: "flex-col gap-y-3"
|
38
|
-
})), o = (a) => {
|
39
|
-
var l;
|
40
|
-
return (l = t.modelValue) == null ? void 0 : l.includes(a);
|
41
|
-
}, f = (a) => {
|
42
|
-
n(
|
43
|
-
"update:modelValue",
|
44
|
-
o(a) ? t.modelValue.filter((l) => l !== a) : [...t.modelValue, a]
|
45
|
-
);
|
46
|
-
}, d = r(
|
47
|
-
() => {
|
48
|
-
var a;
|
49
|
-
return (a = t.checkboxes) == null ? void 0 : a.every((l) => o(l == null ? void 0 : l.value));
|
50
|
-
}
|
51
|
-
), c = r(() => {
|
52
|
-
var a;
|
53
|
-
return (a = t.checkboxes) == null ? void 0 : a.map((l) => l == null ? void 0 : l.value);
|
54
|
-
}), B = () => {
|
55
|
-
d.value ? n("update:modelValue", []) : n("update:modelValue", c.value);
|
56
|
-
};
|
57
|
-
return (a, l) => (s(), u(m(x), {
|
58
|
-
label: e.label,
|
59
|
-
"error-message": e.errorMessage,
|
60
|
-
hint: e.hint
|
61
|
-
}, {
|
62
|
-
default: p(() => [
|
63
|
-
y("div", {
|
64
|
-
class: v(["flex", b.value[e.alignment]])
|
65
|
-
}, [
|
66
|
-
e.isSelectAll ? (s(), u(m(g), {
|
67
|
-
key: 0,
|
68
|
-
label: "Select all",
|
69
|
-
"is-disabled": e.isDisabled,
|
70
|
-
value: c.value,
|
71
|
-
"model-value": d.value,
|
72
|
-
"is-button-variant": e.isButtonVariant,
|
73
|
-
"onUpdate:modelValue": B
|
74
|
-
}, null, 8, ["is-disabled", "value", "model-value", "is-button-variant"])) : C("", !0),
|
75
|
-
(s(!0), A(h, null, k(e.checkboxes, (i, S) => (s(), u(m(g), {
|
76
|
-
key: S,
|
77
|
-
label: i.label,
|
78
|
-
value: i.value,
|
79
|
-
"is-error": !!e.errorMessage,
|
80
|
-
"is-disabled": e.isDisabled,
|
81
|
-
class: v({ "!w-fit": !e.isBlock }),
|
82
|
-
"model-value": o(i.value),
|
83
|
-
"is-button-variant": e.isButtonVariant,
|
84
|
-
"onUpdate:modelValue": (w) => f(i.value)
|
85
|
-
}, null, 8, ["label", "value", "is-error", "is-disabled", "class", "model-value", "is-button-variant", "onUpdate:modelValue"]))), 128))
|
86
|
-
], 2)
|
87
|
-
]),
|
88
|
-
_: 1
|
89
|
-
}, 8, ["label", "error-message", "hint"]));
|
90
|
-
}
|
91
|
-
};
|
92
|
-
export {
|
93
|
-
j as _
|
94
|
-
};
|
package/dist/OcChip-B1hm2Qni.js
DELETED
@@ -1,144 +0,0 @@
|
|
1
|
-
import { computed as m, openBlock as c, createElementBlock as p, normalizeClass as o, renderSlot as k, createElementVNode as r, createBlock as n, unref as a, withCtx as g, toDisplayString as u, createVNode as h, mergeProps as f, createCommentVNode as b, withModifiers as y } from "vue";
|
2
|
-
import "dayjs";
|
3
|
-
import { T as w } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
4
|
-
import { _ as i } from "./OcIcon-CJgBICxh.js";
|
5
|
-
/* empty css */
|
6
|
-
import "libphonenumber-js";
|
7
|
-
/* empty css */
|
8
|
-
import "v-calendar";
|
9
|
-
/* empty css */
|
10
|
-
import "./Cropper.js";
|
11
|
-
import "vue-draggable-next";
|
12
|
-
import "@popperjs/core";
|
13
|
-
const v = { class: "flex gap-3 items-center" }, S = { class: "px-3 py-2 text-oc-text-400 text-sm font-medium" }, q = {
|
14
|
-
__name: "OcChip",
|
15
|
-
props: {
|
16
|
-
variant: {
|
17
|
-
type: String,
|
18
|
-
default: ""
|
19
|
-
},
|
20
|
-
label: String,
|
21
|
-
icon: String,
|
22
|
-
iconSize: String,
|
23
|
-
iconTooltip: String,
|
24
|
-
closable: Boolean,
|
25
|
-
shouldTruncateChip: Boolean,
|
26
|
-
iconProps: Object
|
27
|
-
},
|
28
|
-
emits: {
|
29
|
-
remove: []
|
30
|
-
},
|
31
|
-
setup(t) {
|
32
|
-
const s = t, x = m(() => {
|
33
|
-
let e = "";
|
34
|
-
switch (s.variant) {
|
35
|
-
case "accent-1":
|
36
|
-
e = "bg-oc-accent-1-50 text-oc-accent-1 ";
|
37
|
-
break;
|
38
|
-
case "accent-2":
|
39
|
-
e = "bg-oc-accent-2-50 text-oc-accent-2 ";
|
40
|
-
break;
|
41
|
-
case "accent-3":
|
42
|
-
e = "bg-oc-accent-3-50 text-oc-accent-3 ";
|
43
|
-
break;
|
44
|
-
case "success":
|
45
|
-
e = "bg-oc-success-50 text-oc-success ";
|
46
|
-
break;
|
47
|
-
case "warning":
|
48
|
-
e = "bg-oc-warning-50 text-oc-warning ";
|
49
|
-
break;
|
50
|
-
case "error":
|
51
|
-
e = "bg-oc-error-50 text-oc-error ";
|
52
|
-
break;
|
53
|
-
case "gray":
|
54
|
-
e = "bg-oc-gray-100 text-oc-gray-700 ";
|
55
|
-
break;
|
56
|
-
case "light-red":
|
57
|
-
e = "bg-oc-accent-3-50 text-oc-accent-3";
|
58
|
-
break;
|
59
|
-
default:
|
60
|
-
e = "bg-oc-primary-50 text-oc-primary ";
|
61
|
-
break;
|
62
|
-
}
|
63
|
-
return e;
|
64
|
-
}), d = m(() => {
|
65
|
-
let e = "";
|
66
|
-
switch (s.variant) {
|
67
|
-
case "accent-1":
|
68
|
-
e = "text-oc-accent-1-300";
|
69
|
-
break;
|
70
|
-
case "accent-2":
|
71
|
-
e = "text-oc-accent-2-300";
|
72
|
-
break;
|
73
|
-
case "accent-3":
|
74
|
-
e = "text-oc-accent-3-300";
|
75
|
-
break;
|
76
|
-
case "success":
|
77
|
-
e = "text-oc-success-300 ";
|
78
|
-
break;
|
79
|
-
case "warning":
|
80
|
-
e = "text-oc-warning-300 ";
|
81
|
-
break;
|
82
|
-
case "error":
|
83
|
-
e = "text-oc-error-300 ";
|
84
|
-
break;
|
85
|
-
case "gray":
|
86
|
-
e = "text-oc-gray-400 ";
|
87
|
-
break;
|
88
|
-
case "light-red":
|
89
|
-
e = "text-oc-error ";
|
90
|
-
break;
|
91
|
-
default:
|
92
|
-
e = "text-oc-primary-300 ";
|
93
|
-
break;
|
94
|
-
}
|
95
|
-
return e;
|
96
|
-
});
|
97
|
-
return (e, l) => (c(), p("span", {
|
98
|
-
class: o(["rounded-full flex items-center gap-x-3 py-1 px-3 text-sm leading-[20px]", x.value])
|
99
|
-
}, [
|
100
|
-
k(e.$slots, "default", {}, () => [
|
101
|
-
r("div", v, [
|
102
|
-
t.iconTooltip && t.icon ? (c(), n(a(w), {
|
103
|
-
key: 0,
|
104
|
-
position: "top",
|
105
|
-
distance: 10
|
106
|
-
}, {
|
107
|
-
popper: g(() => [
|
108
|
-
r("div", S, u(t.iconTooltip), 1)
|
109
|
-
]),
|
110
|
-
default: g(() => [
|
111
|
-
h(a(i), f({
|
112
|
-
width: "18",
|
113
|
-
height: "18",
|
114
|
-
name: t.icon
|
115
|
-
}, t.iconProps), null, 16, ["name"])
|
116
|
-
]),
|
117
|
-
_: 1
|
118
|
-
})) : t.icon ? (c(), n(a(i), {
|
119
|
-
key: 1,
|
120
|
-
width: t.iconSize ?? 18,
|
121
|
-
height: t.iconSize ?? 18,
|
122
|
-
name: t.icon
|
123
|
-
}, null, 8, ["width", "height", "name"])) : b("", !0),
|
124
|
-
r("div", {
|
125
|
-
class: o({
|
126
|
-
"truncate max-w-[180px]": t.shouldTruncateChip
|
127
|
-
})
|
128
|
-
}, u(t.label), 3)
|
129
|
-
])
|
130
|
-
]),
|
131
|
-
t.closable ? (c(), n(a(i), {
|
132
|
-
key: 0,
|
133
|
-
width: "18",
|
134
|
-
height: "18",
|
135
|
-
class: o([d.value, "cursor-pointer"]),
|
136
|
-
name: "filled-x-circle",
|
137
|
-
onClick: l[0] || (l[0] = y((C) => e.$emit("remove"), ["stop"]))
|
138
|
-
}, null, 8, ["class"])) : b("", !0)
|
139
|
-
], 2));
|
140
|
-
}
|
141
|
-
};
|
142
|
-
export {
|
143
|
-
q as _
|
144
|
-
};
|