@orchidui/core 1.7.0 → 1.8.1-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 +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 +3 -3
- 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 +3 -3
- package/dist/Elements/PageTitle/OcPageTitle.js +2 -2
- 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 +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/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 +15 -16
- package/dist/FormBuilder/OcFormBuilder.js +1 -1
- package/dist/MediaAndIcons/Avatar/OcAvatar.js +1 -1
- package/dist/{OcAccountSetupProgress-2zVx2GHP.js → OcAccountSetupProgress-Ddl426XN.js} +1 -1
- package/dist/{OcAvatar-NDXQiZvz.js → OcAvatar-DeVm4Ck5.js} +1 -1
- package/dist/{OcComplexCalendar-BE_5lOWM.js → OcComplexCalendar-CcfPlfbW.js} +1 -1
- package/dist/{OcComplexDatePicker-tj7IxZ35.js → OcComplexDatePicker-BMRN5eyC.js} +3 -3
- package/dist/{OcCropper-Fe0J_Bko.js → OcCropper-RQhwPW9G.js} +1 -1
- package/dist/OcDataTable-BBMV4jei.js +575 -0
- package/dist/OcDraggableList-CJWaq7kB.js +165 -0
- package/dist/{OcEmojiPicker-DSl1dtLw.js → OcEmojiPicker-DBNLN4dQ.js} +1 -1
- package/dist/{OcFilterForm-D_lSoa2h.js → OcFilterForm-F1ZnyQ_Y.js} +1 -1
- package/dist/{OcFilterSearch-2Xdc8u_3.js → OcFilterSearch-DaZSHW8z.js} +1 -1
- package/dist/{OcFilterSearchFor-CQZ5JahW.js → OcFilterSearchFor-9uG8aPLG.js} +1 -1
- package/dist/{OcModalCropper-DUZxa2Uc.js → OcModalCropper-QqWKOUJU.js} +4 -4
- package/dist/{OcPopper-C11OgQAj.js → OcPopper-D0VfWOBI.js} +1 -1
- package/dist/{OcTimePicker-DKNvG7jd.js → OcTimePicker-BGUwtskQ.js} +2 -2
- 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-1V33rr2W.js → SubPlanCard-C8TEItdq.js} +1 -1
- package/dist/{ThumbnailSection-B54irBpK.js → ThumbnailSection-Dh5MnRT_.js} +1 -1
- package/dist/{ThumbnailTheme-m7hMJG5d.js → ThumbnailTheme-qb0vNoAH.js} +14 -14
- package/dist/{index-DX4G0c8Z.js → index-DOKEy-am.js} +2244 -2068
- package/dist/index.js +54 -55
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/OcDataTable-DrBQfhbc.js +0 -566
- package/dist/OcDraggableList-B1167E1L.js +0 -158
- package/dist/OcSlider-DW9x8eas.js +0 -123
@@ -1,158 +0,0 @@
|
|
1
|
-
import { ref as p, openBlock as c, createBlock as y, unref as t, withCtx as n, createElementBlock as m, Fragment as C, renderList as K, normalizeClass as s, createElementVNode as o, createCommentVNode as b, renderSlot as u, toDisplayString as k, createVNode as f } from "vue";
|
2
|
-
import { aG as $, aC as M, ax as S } from "./index-DX4G0c8Z.js";
|
3
|
-
import { _ as h } from "./OcIcon-CJgBICxh.js";
|
4
|
-
const B = ["onMouseleave", "onMouseover", "onClick"], L = { class: "flex justify-evenly w-full" }, N = { class: "flex w-full" }, U = { class: "ml-4 flex w-full" }, E = { class: "flex items-center flex-wrap w-full" }, O = ["href"], W = { class: "min-w-[120px]" }, j = { class: "truncate w-[200px]" }, z = { class: "flex items-center ml-4" }, A = { class: "flex w-full" }, T = {
|
5
|
-
__name: "OcDraggableList",
|
6
|
-
props: {
|
7
|
-
modelValue: Array,
|
8
|
-
iconKey: {
|
9
|
-
type: String,
|
10
|
-
default: "icon"
|
11
|
-
},
|
12
|
-
isChildren: Boolean,
|
13
|
-
childrenKey: {
|
14
|
-
type: String,
|
15
|
-
default: "children"
|
16
|
-
},
|
17
|
-
isLink: Boolean,
|
18
|
-
linkKey: {
|
19
|
-
type: String,
|
20
|
-
default: "link"
|
21
|
-
},
|
22
|
-
isDisabled: Boolean,
|
23
|
-
classes: {
|
24
|
-
type: String,
|
25
|
-
default: ""
|
26
|
-
},
|
27
|
-
titleWidth: String
|
28
|
-
},
|
29
|
-
emits: {
|
30
|
-
"update:modelValue": [],
|
31
|
-
"click:element": [],
|
32
|
-
detectMove: null
|
33
|
-
},
|
34
|
-
setup(i, { emit: w }) {
|
35
|
-
const D = w, a = p([]), v = p([]), V = (l, d) => {
|
36
|
-
D("update:modelValue", l, d);
|
37
|
-
};
|
38
|
-
return (l, d) => (c(), y(t($), {
|
39
|
-
"model-value": i.modelValue,
|
40
|
-
class: "grid gap-3",
|
41
|
-
"onUpdate:modelValue": d[0] || (d[0] = (r, e) => V(r, e)),
|
42
|
-
onDetectMove: d[1] || (d[1] = (r) => l.$emit("detectMove", r))
|
43
|
-
}, {
|
44
|
-
default: n(({ list: r }) => [
|
45
|
-
(c(!0), m(C, null, K(r, (e, x) => (c(), m("div", {
|
46
|
-
key: e.id,
|
47
|
-
class: s([
|
48
|
-
"group text-oc-text-500 p-4 flex flex-col w-full rounded border border-gray-200 cursor-pointer",
|
49
|
-
e[i.childrenKey] ? "hover:shadow bg-oc-gray-50" : i.isChildren && !a.value[e.id] ? "bg-oc-accent-1-50" : i.classes ? i.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50"
|
50
|
-
]),
|
51
|
-
onMouseleave: () => {
|
52
|
-
v.value[e.id] = !1, a.value[e.id] = !1;
|
53
|
-
},
|
54
|
-
onMouseover: (g) => a.value[e.id] = !0,
|
55
|
-
onClick: (g) => l.$emit("click:element", e)
|
56
|
-
}, [
|
57
|
-
o("div", L, [
|
58
|
-
o("div", N, [
|
59
|
-
o("div", {
|
60
|
-
class: s(["px-2 flex items-center", !i.isDisabled && !e.isDisable ? "drag-el cursor-move" : ""])
|
61
|
-
}, [
|
62
|
-
!i.isDisabled && !e.isDisable ? (c(), y(t(h), {
|
63
|
-
key: 0,
|
64
|
-
name: "draggable",
|
65
|
-
class: s(
|
66
|
-
e[i.iconKey] ? i.isChildren && !a.value[e.id] ? "hidden" : "hidden group-hover:block" : i.isChildren && !a.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
|
67
|
-
)
|
68
|
-
}, null, 8, ["class"])) : b("", !0),
|
69
|
-
e[i.iconKey] ? (c(), y(t(h), {
|
70
|
-
key: 1,
|
71
|
-
name: e[i.iconKey],
|
72
|
-
class: s(
|
73
|
-
!i.isDisabled && !e.isDisable && a.value[e.id] ? "group-hover:hidden" : ""
|
74
|
-
)
|
75
|
-
}, null, 8, ["name", "class"])) : b("", !0)
|
76
|
-
], 2),
|
77
|
-
o("div", U, [
|
78
|
-
o("div", E, [
|
79
|
-
u(l.$slots, "title", { item: e }, () => [
|
80
|
-
o("div", {
|
81
|
-
class: s(["truncate", i.titleWidth])
|
82
|
-
}, k(e.title), 3)
|
83
|
-
]),
|
84
|
-
i.isLink && e[i.linkKey] && e.type === "link" ? (c(), m("a", {
|
85
|
-
key: 0,
|
86
|
-
href: e[i.linkKey],
|
87
|
-
target: "_blank",
|
88
|
-
rel: "noopener noreferrer",
|
89
|
-
class: "w-full flex items-center text-oc-text-300 mt-2"
|
90
|
-
}, [
|
91
|
-
f(t(M), {
|
92
|
-
distance: "2",
|
93
|
-
position: "bottom-start",
|
94
|
-
"popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
|
95
|
-
}, {
|
96
|
-
popper: n(() => [
|
97
|
-
o("div", W, k(e[i.linkKey]), 1)
|
98
|
-
]),
|
99
|
-
default: n(() => [
|
100
|
-
f(t(h), {
|
101
|
-
width: "12",
|
102
|
-
height: "12",
|
103
|
-
class: "mr-2",
|
104
|
-
name: "link"
|
105
|
-
})
|
106
|
-
]),
|
107
|
-
_: 2
|
108
|
-
}, 1024),
|
109
|
-
o("span", j, k(e[i.linkKey]), 1)
|
110
|
-
], 8, O)) : b("", !0)
|
111
|
-
])
|
112
|
-
])
|
113
|
-
]),
|
114
|
-
o("div", z, [
|
115
|
-
u(l.$slots, "before-action", { item: e }),
|
116
|
-
u(l.$slots, "action", { item: e }, () => [
|
117
|
-
f(t(S), {
|
118
|
-
modelValue: v.value[e.id],
|
119
|
-
"onUpdate:modelValue": (g) => v.value[e.id] = g,
|
120
|
-
placement: "bottom-end",
|
121
|
-
class: s([
|
122
|
-
"cursor-pointer",
|
123
|
-
i.isChildren && !a.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
|
124
|
-
])
|
125
|
-
}, {
|
126
|
-
menu: n(() => [
|
127
|
-
u(l.$slots, "action-item", {
|
128
|
-
item: e,
|
129
|
-
index: x
|
130
|
-
})
|
131
|
-
]),
|
132
|
-
default: n(() => [
|
133
|
-
o("div", {
|
134
|
-
class: s(["hover:bg-oc-gray-100 p-1 rounded", v.value[e.id] ? "bg-oc-gray-100" : ""])
|
135
|
-
}, [
|
136
|
-
f(t(h), { name: "dots-vertical" })
|
137
|
-
], 2)
|
138
|
-
]),
|
139
|
-
_: 2
|
140
|
-
}, 1032, ["modelValue", "onUpdate:modelValue", "class"])
|
141
|
-
])
|
142
|
-
])
|
143
|
-
]),
|
144
|
-
o("div", A, [
|
145
|
-
u(l.$slots, "content", {
|
146
|
-
item: e,
|
147
|
-
index: x
|
148
|
-
})
|
149
|
-
])
|
150
|
-
], 42, B))), 128))
|
151
|
-
]),
|
152
|
-
_: 3
|
153
|
-
}, 8, ["model-value"]));
|
154
|
-
}
|
155
|
-
};
|
156
|
-
export {
|
157
|
-
T as default
|
158
|
-
};
|
@@ -1,123 +0,0 @@
|
|
1
|
-
import { ref as f, onMounted as G, openBlock as m, createElementBlock as o, createElementVNode as s, toDisplayString as d, createCommentVNode as x, normalizeClass as z, normalizeStyle as V, renderSlot as S, createTextVNode as $ } from "vue";
|
2
|
-
import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
3
|
-
const C = { class: "w-full flex flex-wrap" }, B = {
|
4
|
-
key: 0,
|
5
|
-
class: "w-full text-sm flex items-center gap-x-3 font-medium text-oc-text-400 mb-2"
|
6
|
-
}, E = { class: "flex gap-x-1 items-center" }, j = ["min", "max", "value"], A = ["min", "max", "value"], D = { class: "absolute bottom-0 left-0" }, M = { class: "absolute bottom-0 right-0" }, q = {
|
7
|
-
key: 1,
|
8
|
-
class: "border border-oc-gray-200 rounded-lg ml-auto w-[11%] flex items-center -mt-4 justify-center"
|
9
|
-
}, F = {
|
10
|
-
__name: "OcSlider",
|
11
|
-
props: {
|
12
|
-
maxLimit: {
|
13
|
-
type: Number,
|
14
|
-
default: 100
|
15
|
-
},
|
16
|
-
minLimit: {
|
17
|
-
type: Number,
|
18
|
-
default: 0
|
19
|
-
},
|
20
|
-
minGap: {
|
21
|
-
type: Number,
|
22
|
-
default: 0
|
23
|
-
},
|
24
|
-
type: {
|
25
|
-
type: String,
|
26
|
-
default: "default"
|
27
|
-
},
|
28
|
-
modelValue: {
|
29
|
-
type: [Array, Number, String],
|
30
|
-
default: 0
|
31
|
-
},
|
32
|
-
label: String,
|
33
|
-
variant: {
|
34
|
-
type: String,
|
35
|
-
default: "default"
|
36
|
-
}
|
37
|
-
},
|
38
|
-
emits: {
|
39
|
-
"update:modelValue": []
|
40
|
-
},
|
41
|
-
setup(e, { expose: I, emit: N }) {
|
42
|
-
const t = e, T = N, l = f(), n = f(), p = f(), r = f(0), y = f(0), b = () => {
|
43
|
-
var a, i;
|
44
|
-
t.type === "range" && parseInt((a = n.value) == null ? void 0 : a.value) - parseInt((i = l.value) == null ? void 0 : i.value) <= t.minGap && (l.value.value = parseInt(n.value.value) - t.minGap), g();
|
45
|
-
}, h = () => {
|
46
|
-
var a, i, u;
|
47
|
-
parseInt((a = n.value) == null ? void 0 : a.value) - parseInt((i = l.value) == null ? void 0 : i.value) <= t.minGap && (n.value.value = parseInt((u = l.value) == null ? void 0 : u.value) + t.minGap), g();
|
48
|
-
}, g = (a = !1) => {
|
49
|
-
var i, u, c, v;
|
50
|
-
r.value = (((i = l.value) == null ? void 0 : i.value) - t.minLimit) / (t.maxLimit - t.minLimit) * 100, y.value = t.type === "range" ? (((u = n.value) == null ? void 0 : u.value) - t.minLimit) / (t.maxLimit - t.minLimit) * 100 : 0, p.value.style.background = t.type === "range" ? `linear-gradient(to right, var(--oc-gray-100) ${r.value}% , var(--oc-primary-500) ${r.value}% , var(--oc-primary-500) ${y.value}%, var(--oc-gray-100) ${y.value}%)` : `linear-gradient(to right, var(--oc-primary-500) ${r.value}%, var(--oc-gray-100) ${r.value}%)`, a || T(
|
51
|
-
"update:modelValue",
|
52
|
-
t.type === "range" ? [(c = l.value) == null ? void 0 : c.value, (v = n.value) == null ? void 0 : v.value] : l.value.value
|
53
|
-
);
|
54
|
-
}, k = (a) => {
|
55
|
-
a && a[0] && a[1] && t.type === "range" ? (l.value.value = Number(a[0]), n.value.value = Number(a[1]), b(), t.type === "range" && h()) : g(!0);
|
56
|
-
};
|
57
|
-
return I({
|
58
|
-
updateSlider: k
|
59
|
-
}), G(() => k()), (a, i) => {
|
60
|
-
var u, c, v, w, L;
|
61
|
-
return m(), o("div", C, [
|
62
|
-
e.label ? (m(), o("label", B, [
|
63
|
-
s("span", E, d(e.label), 1)
|
64
|
-
])) : x("", !0),
|
65
|
-
s("div", {
|
66
|
-
class: z(["relative h-[33px]", {
|
67
|
-
"w-full": e.variant === "default",
|
68
|
-
"w-[85%]": e.variant === "right"
|
69
|
-
}])
|
70
|
-
}, [
|
71
|
-
s("div", {
|
72
|
-
ref_key: "sliderTrack",
|
73
|
-
ref: p,
|
74
|
-
class: "rounded-full h-3 absolute m-auto top-0 w-full group"
|
75
|
-
}, null, 512),
|
76
|
-
s("input", {
|
77
|
-
ref_key: "sliderOne",
|
78
|
-
ref: l,
|
79
|
-
type: "range",
|
80
|
-
min: e.minLimit,
|
81
|
-
max: e.maxLimit,
|
82
|
-
value: e.type === "range" ? (u = e.modelValue) == null ? void 0 : u[0] : e.modelValue,
|
83
|
-
onInput: b
|
84
|
-
}, null, 40, j),
|
85
|
-
e.type === "range" ? (m(), o("input", {
|
86
|
-
key: 0,
|
87
|
-
ref_key: "sliderTwo",
|
88
|
-
ref: n,
|
89
|
-
type: "range",
|
90
|
-
min: e.minLimit,
|
91
|
-
max: e.maxLimit,
|
92
|
-
value: (c = e.modelValue) == null ? void 0 : c[1],
|
93
|
-
onInput: h
|
94
|
-
}, null, 40, A)) : x("", !0),
|
95
|
-
e.variant === "default" ? (m(), o("div", {
|
96
|
-
key: 1,
|
97
|
-
class: "group-hover:block absolute top-[1rem] z-[1] -translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
|
98
|
-
style: V(`left: ${r.value}%`)
|
99
|
-
}, d(e.type === "range" ? (v = e.modelValue) == null ? void 0 : v[0] : e.modelValue), 5)) : x("", !0),
|
100
|
-
e.type === "range" ? (m(), o("div", {
|
101
|
-
key: 2,
|
102
|
-
class: "group-hover:block absolute top-[1rem] z-[1] translate-x-1/2 rounded-sm py-[3px] px-[6px] min-w-[28px] bg-oc-text-500 text-center text-white text-sm font-medium leading-[20px]",
|
103
|
-
style: V(`right: ${100 - y.value}%`)
|
104
|
-
}, d((w = e.modelValue) == null ? void 0 : w[1]), 5)) : x("", !0),
|
105
|
-
s("span", D, [
|
106
|
-
S(a.$slots, "min-limit-label", {}, () => [
|
107
|
-
$(d(e.minLimit), 1)
|
108
|
-
], !0)
|
109
|
-
]),
|
110
|
-
s("span", M, [
|
111
|
-
S(a.$slots, "max-limit-label", {}, () => [
|
112
|
-
$(d(e.maxLimit), 1)
|
113
|
-
], !0)
|
114
|
-
])
|
115
|
-
], 2),
|
116
|
-
e.variant === "right" ? (m(), o("div", q, d(e.type === "range" ? (L = e.modelValue) == null ? void 0 : L[0] : e.modelValue), 1)) : x("", !0)
|
117
|
-
]);
|
118
|
-
};
|
119
|
-
}
|
120
|
-
}, K = /* @__PURE__ */ O(F, [["__scopeId", "data-v-43a77a49"]]);
|
121
|
-
export {
|
122
|
-
K as S
|
123
|
-
};
|