@orchidui/core 0.0.1 → 0.3.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/LICENSE +21 -0
- package/README.md +1 -0
- package/dist/Calendar.js +103 -0
- package/dist/Cropper.js +6 -0
- package/dist/DataDisplay/CustomerCard/OcCustomerCard.js +4 -0
- package/dist/DataDisplay/FloatContent/OcFloatContent.js +4 -0
- package/dist/DataDisplay/HorizontalProgressbar/OcHorizontalProgressbar.js +4 -0
- package/dist/DataDisplay/InfoCard/OcInfoCard.js +4 -0
- package/dist/DataDisplay/ListDetail/OcListDetail.js +4 -0
- package/dist/DataDisplay/ListItem/OcListItem.js +5 -0
- package/dist/DataDisplay/OnboardingListItem/OcOnboardingListItem.js +4 -0
- package/dist/DataDisplay/Overview/OcOverview.js +7 -0
- package/dist/DataDisplay/Pagination/OcPagination.js +6 -0
- package/dist/DataDisplay/ProgressBar/OcProgressBar.js +4 -0
- package/dist/DataDisplay/Table/OcTable.js +11 -0
- package/dist/DataDisplay/TransferSummary/OcTransferSummary.js +4 -0
- package/dist/DatePicker-D3w435Ml.js +263 -0
- package/dist/Disclosure/Accordion/OcAccordion.js +4 -0
- package/dist/Disclosure/OnboardingAccordion/OnboardingAccordion.js +4 -0
- package/dist/Disclosure/Steps/OcSteps.js +5 -0
- package/dist/Disclosure/SwitchTabs/OcSwitchTabs.js +4 -0
- package/dist/Disclosure/Tabs/Tabs.js +5 -0
- package/dist/Disclosure/Variants/OcVariants.js +5 -0
- package/dist/Draggable.js +168 -0
- package/dist/Elements/AdditionalContent/OcAdditionalContent.js +5 -0
- package/dist/Elements/AuthenticationOption/AuthenticationOption.js +4 -0
- package/dist/Elements/Box/OcBox.js +4 -0
- package/dist/Elements/EmptyPage/OcEmptyPage.js +4 -0
- package/dist/Elements/FeatureOverviewCard/OcFeatureOverviewCard.js +4 -0
- package/dist/Elements/Header/OcHeader.js +9 -0
- package/dist/Elements/PageTitle/OcPageTitle.js +7 -0
- package/dist/Elements/SandboxBanner/OcSandboxBanner.js +4 -0
- package/dist/Elements/Sidebar/OcSidebar.js +6 -0
- package/dist/Elements/Skeleton/OcSkeleton.js +4 -0
- package/dist/Elements/SubSidebar/OcSubSidebar.js +4 -0
- package/dist/Elements/VerificationOption/OcVerificationOption.js +4 -0
- package/dist/EmojiPicker.js +4 -0
- package/dist/Feedback/Banner/OcBanner.js +4 -0
- package/dist/Feedback/Chip/OcChip.js +4 -0
- package/dist/Feedback/ShareIcon/OcShareIcon.js +4 -0
- package/dist/Feedback/Snackbar/OcSnackbar.js +4 -0
- package/dist/Feedback/Tag/OcTag.js +4 -0
- package/dist/Form/BaseInput/OcBaseInput.js +4 -0
- package/dist/Form/Button/OcButton.js +4 -0
- package/dist/Form/Calendar/OcCalendar.js +5 -0
- package/dist/Form/CardInput/OcCardInput.js +4 -0
- package/dist/Form/Checkbox/OcCheckbox.js +4 -0
- package/dist/Form/CheckboxesGroup/OcCheckboxesGroup.js +4 -0
- package/dist/Form/Criteria/OcCriteria.js +4 -0
- package/dist/Form/Cropper/OcCropper.js +4 -0
- package/dist/Form/DatePicker/OcDatePicker.js +4 -0
- package/dist/Form/EmojiPicker/OcEmojiPicker.js +4 -0
- package/dist/Form/EmojiPicker/conts/emoji.js +1030 -0
- package/dist/Form/Input/OcInput.js +6 -0
- package/dist/Form/LinkInput/OcLinkInput.js +4 -0
- package/dist/Form/MultipleUploadFile/OcMultipleUploadFile.js +4 -0
- package/dist/Form/NumberInput/OcNumberInput.js +4 -0
- package/dist/Form/PhoneInput/OcPhoneInput.js +4 -0
- package/dist/Form/Radio/OcRadio.js +4 -0
- package/dist/Form/RadioGroup/OcRadioGroup.js +4 -0
- package/dist/Form/RangeInput/OcRangeInput.js +4 -0
- package/dist/Form/SectionItem/OcSectionItem.js +4 -0
- package/dist/Form/Select/OcSelect.js +7 -0
- package/dist/Form/SelectOptions/OcSelectOptions.js +4 -0
- package/dist/Form/SingleFileUpload/OcSingleFileUpload.js +4 -0
- package/dist/Form/Slider/OcSlider.js +4 -0
- package/dist/Form/TextArea/OcTextArea.js +4 -0
- package/dist/Form/TimePicker/OcTimePicker.js +6 -0
- package/dist/Form/Toggle/OcToggle.js +4 -0
- package/dist/Form/index.js +54 -0
- package/dist/FormBuilder/OcFormBuilder.js +4 -0
- package/dist/MediaAndIcons/Avatar/OcAvatar.js +4 -0
- package/dist/MediaAndIcons/Icon/OcIcon.js +4 -0
- package/dist/OcAccordion-DdkNsXvN.js +101 -0
- package/dist/OcAccountSetup-BXDjf48o.js +324 -0
- package/dist/OcAdditionalContent-BMSysCXu.js +612 -0
- package/dist/OcAuthenticationOption.vue_vue_type_script_setup_true_lang-w5Y0ymGN.js +43 -0
- package/dist/OcAvatar-NDXQiZvz.js +41 -0
- package/dist/OcBanner-Cg2WJV6e.js +108 -0
- package/dist/OcBox.vue_vue_type_script_setup_true_lang-aB397QRg.js +43 -0
- package/dist/OcCardInput-BFE4Xu-S.js +75 -0
- package/dist/OcCheckboxesGroup-CLbquUO2.js +94 -0
- package/dist/OcChip-B1hm2Qni.js +144 -0
- package/dist/OcComplexCalendar-x-_kg9Yk.js +108 -0
- package/dist/OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js +1006 -0
- package/dist/OcConfirmationModal-BfCrRV9r.js +179 -0
- package/dist/OcCopyTooltip.vue_vue_type_script_setup_true_lang-S2RAfV_g.js +65 -0
- package/dist/OcCriteria-CpIohheZ.js +42 -0
- package/dist/OcCropper-31Y_S1Ne.js +240 -0
- package/dist/OcCustomerCard-DbDOBO03.js +160 -0
- package/dist/OcDraggable-BjhGJmpM.js +35 -0
- package/dist/OcDropdownItem-DAElmzEu.js +57 -0
- package/dist/OcEmojiPicker-BXm-_OGK.js +157 -0
- package/dist/OcEmptyPage-CTwgMzRp.js +155 -0
- package/dist/OcExpadingTable.vue_vue_type_script_setup_true_lang-B4HOMDBK.js +815 -0
- package/dist/OcFeatureOverviewCard-RVyrWLVW.js +71 -0
- package/dist/OcFloatContent-BIKQOxSw.js +142 -0
- package/dist/OcFormBuilder-CRXWtt8I.js +177 -0
- package/dist/OcGroupOptions-ChGJvTXl.js +16 -0
- package/dist/OcHorizontalProgressbar.vue_vue_type_script_setup_true_lang-4eVgPDi5.js +32 -0
- package/dist/OcIcon-CJgBICxh.js +63 -0
- package/dist/OcInfoCard-DpYUZOMZ.js +81 -0
- package/dist/OcInput-tcRxG3Y2.js +227 -0
- package/dist/OcInputOption-CncASfNt.js +160 -0
- package/dist/OcLinkInput-C2ixk-gk.js +143 -0
- package/dist/OcListDetail-6XeME6ko.js +76 -0
- package/dist/OcListUrl.vue_vue_type_script_setup_true_lang-BEJafLuT.js +749 -0
- package/dist/OcModal-DdD5VFEN.js +187 -0
- package/dist/OcModalCropper-D2OI2iun.js +56 -0
- package/dist/OcModalPage-BLVa-kcB.js +86 -0
- package/dist/OcMultipleUploadFile-B8Wl9Fuq.js +446 -0
- package/dist/OcNumberInput.vue_vue_type_script_setup_true_lang-C4EXUIUe.js +90 -0
- package/dist/OcOnboardingListItem.vue_vue_type_script_setup_true_lang-Cr80xmnz.js +81 -0
- package/dist/OcOption-DK2FBGq7.js +485 -0
- package/dist/OcOverviewIcon-D702Ujka.js +55 -0
- package/dist/OcOverviewItem-DNr5tWnt.js +186 -0
- package/dist/OcPageTitleRight-DMtJ1qmZ.js +243 -0
- package/dist/OcPaginationNumber-IKPorX26.js +172 -0
- package/dist/OcPaymentTab-Cna1IAhO.js +170 -0
- package/dist/OcPhoneInput-AC6BgQhN.js +432 -0
- package/dist/OcPopper-C11OgQAj.js +97 -0
- package/dist/OcPrimaryActions-D5IprKsQ.js +222 -0
- package/dist/OcProgressBar-hiyC5XSc.js +33 -0
- package/dist/OcRadio-CRYfNwV9.js +107 -0
- package/dist/OcRadioGroup-DgfdWJos.js +76 -0
- package/dist/OcRangeInput-C-hoHFhr.js +103 -0
- package/dist/OcSandboxBanner.vue_vue_type_script_setup_true_lang-BD0k_8xa.js +37 -0
- package/dist/OcSectionItem-BFgxO3se.js +84 -0
- package/dist/OcSelectOptions-BQlG_EUA.js +148 -0
- package/dist/OcShareIcon-BB-NPq0r.js +53 -0
- package/dist/OcSingleFileUpload-B8-e1H5t.js +464 -0
- package/dist/OcSkeleton-BdPTmGh0.js +13 -0
- package/dist/OcSlider-Bsi-ckbP.js +124 -0
- package/dist/OcSnackbar-CKxY1-ej.js +196 -0
- package/dist/OcSteps.vue_vue_type_script_setup_true_lang-CXGy8ma_.js +87 -0
- package/dist/OcSubSidebar.vue_vue_type_script_setup_true_lang-CNxgU07N.js +60 -0
- package/dist/OcSupportMenu.vue_vue_type_script_setup_true_lang-DrjZsWti.js +114 -0
- package/dist/OcSwitchTabs-CYp676bj.js +31 -0
- package/dist/OcTabToSelect-BHAz1Niv.js +183 -0
- package/dist/OcTag.vue_vue_type_script_setup_true_lang-D19lw-8Y.js +26 -0
- package/dist/OcTextArea-BpV1Bnj_.js +78 -0
- package/dist/OcTheme-CWgrJh5Q.js +25 -0
- package/dist/OcTimePicker-B61MCi0D.js +110 -0
- package/dist/OcTimePopup-zQFKCZLk.js +131 -0
- package/dist/OcToggle-C0wTjM_Y.js +54 -0
- package/dist/OcTransferSummary-Bk2GXhrT.js +67 -0
- package/dist/OcVariant.vue_vue_type_script_setup_true_lang-CY_82DLc.js +99 -0
- package/dist/OcVerificationOption.vue_vue_type_script_setup_true_lang-ChqvNoDe.js +59 -0
- package/dist/OcWhiteList.vue_vue_type_script_setup_true_lang-DI9pYU3w.js +64 -0
- package/dist/OnboardingAccordion.vue_vue_type_script_setup_true_lang-B0Z7ETmj.js +113 -0
- package/dist/Overlay/ConfirmationModal/OcConfirmationModal.js +4 -0
- package/dist/Overlay/CopyTooltip/OcCopyTooltip.js +4 -0
- package/dist/Overlay/Dropdown/OcDropdown.js +6 -0
- package/dist/Overlay/Modal/OcModal.js +6 -0
- package/dist/Overlay/Popper/OcPopper.js +4 -0
- package/dist/Overlay/SupportMenu/OcSupportMenu.js +4 -0
- package/dist/Overlay/Tooltip/OcTooltip.js +4 -0
- package/dist/Overlay/Whitelist/OcWhiteList.js +4 -0
- package/dist/StoreDesign.js +240 -0
- package/dist/Theme/OcTheme.js +4 -0
- package/dist/_plugin-vue_export-helper-CHgC5LLL.js +9 -0
- package/dist/composables/helpers.js +48 -0
- package/dist/composables/uploadFileProgress.js +62 -0
- package/dist/composables/useWindowWidth.js +10 -0
- package/dist/data/Validator.js +5 -0
- package/dist/directives/clickOutside.js +13 -0
- package/dist/index.js +177 -1
- package/dist/style.css +1 -0
- package/package.json +23 -5
@@ -0,0 +1,168 @@
|
|
1
|
+
import { _ as K } from "./OcDraggable-BjhGJmpM.js";
|
2
|
+
import { ref as x, openBlock as r, createBlock as h, unref as a, withCtx as n, createElementBlock as y, Fragment as $, renderList as C, normalizeClass as s, createElementVNode as o, createCommentVNode as b, renderSlot as u, toDisplayString as p, createVNode as f } from "vue";
|
3
|
+
import "dayjs";
|
4
|
+
import { T as M, D as S } from "./OcComplexCalendar.vue_vue_type_style_index_0_lang-CIQPD-6N.js";
|
5
|
+
import { _ as g } 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 "@popperjs/core";
|
13
|
+
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"], T = { class: "min-w-[120px]" }, W = { class: "truncate w-[200px]" }, j = { class: "flex items-center ml-4" }, z = { class: "flex w-full" }, Z = {
|
14
|
+
__name: "OcDraggableList",
|
15
|
+
props: {
|
16
|
+
modelValue: Array,
|
17
|
+
iconKey: {
|
18
|
+
type: String,
|
19
|
+
default: "icon"
|
20
|
+
},
|
21
|
+
isChildren: Boolean,
|
22
|
+
childrenKey: {
|
23
|
+
type: String,
|
24
|
+
default: "children"
|
25
|
+
},
|
26
|
+
isLink: Boolean,
|
27
|
+
linkKey: {
|
28
|
+
type: String,
|
29
|
+
default: "link"
|
30
|
+
},
|
31
|
+
isDisabled: Boolean,
|
32
|
+
classes: {
|
33
|
+
type: String,
|
34
|
+
default: ""
|
35
|
+
},
|
36
|
+
titleWidth: String
|
37
|
+
},
|
38
|
+
emits: {
|
39
|
+
"update:modelValue": [],
|
40
|
+
"click:element": [],
|
41
|
+
detectMove: null
|
42
|
+
},
|
43
|
+
setup(i, { emit: w }) {
|
44
|
+
const D = w, l = x([]), v = x([]), V = (t, d) => {
|
45
|
+
D("update:modelValue", t, d);
|
46
|
+
};
|
47
|
+
return (t, d) => (r(), h(a(K), {
|
48
|
+
"model-value": i.modelValue,
|
49
|
+
class: "grid gap-3",
|
50
|
+
"onUpdate:modelValue": d[0] || (d[0] = (c, e) => V(c, e)),
|
51
|
+
onDetectMove: d[1] || (d[1] = (c) => t.$emit("detectMove", c))
|
52
|
+
}, {
|
53
|
+
default: n(({ list: c }) => [
|
54
|
+
(r(!0), y($, null, C(c, (e, k) => (r(), y("div", {
|
55
|
+
key: e.id,
|
56
|
+
class: s([
|
57
|
+
"group text-oc-text-500 p-4 flex flex-col w-full rounded border border-gray-200 cursor-pointer",
|
58
|
+
e[i.childrenKey] ? "hover:shadow bg-oc-gray-50" : i.isChildren && !l.value[e.id] ? "bg-oc-accent-1-50" : i.classes ? i.classes : "hover:shadow bg-oc-accent-1-50 hover:bg-oc-gray-50"
|
59
|
+
]),
|
60
|
+
onMouseleave: () => {
|
61
|
+
v.value[e.id] = !1, l.value[e.id] = !1;
|
62
|
+
},
|
63
|
+
onMouseover: (m) => l.value[e.id] = !0,
|
64
|
+
onClick: (m) => t.$emit("click:element", e)
|
65
|
+
}, [
|
66
|
+
o("div", L, [
|
67
|
+
o("div", N, [
|
68
|
+
o("div", {
|
69
|
+
class: s(["px-2 flex items-center", !i.isDisabled && !e.isDisable ? "drag-el cursor-move" : ""])
|
70
|
+
}, [
|
71
|
+
!i.isDisabled && !e.isDisable ? (r(), h(a(g), {
|
72
|
+
key: 0,
|
73
|
+
name: "draggable",
|
74
|
+
class: s(
|
75
|
+
e[i.iconKey] ? i.isChildren && !l.value[e.id] ? "hidden" : "hidden group-hover:block" : i.isChildren && !l.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100 "
|
76
|
+
)
|
77
|
+
}, null, 8, ["class"])) : b("", !0),
|
78
|
+
e[i.iconKey] ? (r(), h(a(g), {
|
79
|
+
key: 1,
|
80
|
+
name: e[i.iconKey],
|
81
|
+
class: s(
|
82
|
+
!i.isDisabled && !e.isDisable && l.value[e.id] ? "group-hover:hidden" : ""
|
83
|
+
)
|
84
|
+
}, null, 8, ["name", "class"])) : b("", !0)
|
85
|
+
], 2),
|
86
|
+
o("div", U, [
|
87
|
+
o("div", E, [
|
88
|
+
u(t.$slots, "title", { item: e }, () => [
|
89
|
+
o("div", {
|
90
|
+
class: s(["truncate", i.titleWidth])
|
91
|
+
}, p(e.title), 3)
|
92
|
+
]),
|
93
|
+
i.isLink && e[i.linkKey] && e.type === "link" ? (r(), y("a", {
|
94
|
+
key: 0,
|
95
|
+
href: e[i.linkKey],
|
96
|
+
target: "_blank",
|
97
|
+
rel: "noopener noreferrer",
|
98
|
+
class: "w-full flex items-center text-oc-text-300 mt-2"
|
99
|
+
}, [
|
100
|
+
f(a(M), {
|
101
|
+
distance: "2",
|
102
|
+
position: "bottom-start",
|
103
|
+
"popper-class": "bg-oc-bg-light text-oc-text-500 p-4 rounded"
|
104
|
+
}, {
|
105
|
+
popper: n(() => [
|
106
|
+
o("div", T, p(e[i.linkKey]), 1)
|
107
|
+
]),
|
108
|
+
default: n(() => [
|
109
|
+
f(a(g), {
|
110
|
+
width: "12",
|
111
|
+
height: "12",
|
112
|
+
class: "mr-2",
|
113
|
+
name: "link"
|
114
|
+
})
|
115
|
+
]),
|
116
|
+
_: 2
|
117
|
+
}, 1024),
|
118
|
+
o("span", W, p(e[i.linkKey]), 1)
|
119
|
+
], 8, O)) : b("", !0)
|
120
|
+
])
|
121
|
+
])
|
122
|
+
]),
|
123
|
+
o("div", j, [
|
124
|
+
u(t.$slots, "before-action", { item: e }),
|
125
|
+
u(t.$slots, "action", { item: e }, () => [
|
126
|
+
f(a(S), {
|
127
|
+
modelValue: v.value[e.id],
|
128
|
+
"onUpdate:modelValue": (m) => v.value[e.id] = m,
|
129
|
+
placement: "bottom-end",
|
130
|
+
class: s([
|
131
|
+
"cursor-pointer",
|
132
|
+
i.isChildren && !l.value[e.id] ? "opacity-0" : "opacity-0 group-hover:opacity-100"
|
133
|
+
])
|
134
|
+
}, {
|
135
|
+
menu: n(() => [
|
136
|
+
u(t.$slots, "action-item", {
|
137
|
+
item: e,
|
138
|
+
index: k
|
139
|
+
})
|
140
|
+
]),
|
141
|
+
default: n(() => [
|
142
|
+
o("div", {
|
143
|
+
class: s(["hover:bg-oc-gray-100 p-1 rounded", v.value[e.id] ? "bg-oc-gray-100" : ""])
|
144
|
+
}, [
|
145
|
+
f(a(g), { name: "dots-vertical" })
|
146
|
+
], 2)
|
147
|
+
]),
|
148
|
+
_: 2
|
149
|
+
}, 1032, ["modelValue", "onUpdate:modelValue", "class"])
|
150
|
+
])
|
151
|
+
])
|
152
|
+
]),
|
153
|
+
o("div", z, [
|
154
|
+
u(t.$slots, "content", {
|
155
|
+
item: e,
|
156
|
+
index: k
|
157
|
+
})
|
158
|
+
])
|
159
|
+
], 42, B))), 128))
|
160
|
+
]),
|
161
|
+
_: 3
|
162
|
+
}, 8, ["model-value"]));
|
163
|
+
}
|
164
|
+
};
|
165
|
+
export {
|
166
|
+
K as Draggable,
|
167
|
+
Z as DraggableList
|
168
|
+
};
|