exploria-ui 2026.2.31 → 2026.3.2
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/README.md +240 -16
- package/dist/_virtual/_plugin-vue_export-helper.js +8 -0
- package/dist/components/basic/ECard/ECard.vue.d.ts +27 -0
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.js +60 -19368
- package/dist/directives/EDrag.d.ts +3 -1
- package/dist/directives/index.js +4 -23
- package/dist/index.css +1 -1
- package/dist/node_modules/.pnpm/sortablejs@1.15.7/node_modules/sortablejs/modular/sortable.esm.js +1111 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/controls/OrbitControls.js +424 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/curves/NURBSCurve.js +31 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/curves/NURBSUtils.js +115 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/libs/fflate.module.js +250 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/loaders/FBXLoader.js +1385 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/loaders/FontLoader.js +69 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/loaders/GLTFLoader.js +1346 -0
- package/dist/node_modules/.pnpm/three@0.180.0/node_modules/three/examples/jsm/utils/BufferGeometryUtils.js +23 -0
- package/dist/packages/exploria-ui/src/components/advanced/EParallaxScrolling/EParallaxScrolling.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/advanced/EParallaxScrolling/EParallaxScrolling.vue_vue_type_script_setup_true_lang.js +38 -0
- package/dist/packages/exploria-ui/src/components/advanced/ERollingFollow/ERollingFollow.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/advanced/ERollingFollow/ERollingFollow.vue_vue_type_script_setup_true_lang.js +42 -0
- package/dist/packages/exploria-ui/src/components/advanced/EVirtualList/EVirtualList.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/advanced/EVirtualList/EVirtualList.vue_vue_type_script_setup_true_lang.js +43 -0
- package/dist/packages/exploria-ui/src/components/advanced/EWatermark/EWatermark.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/advanced/EWatermark/EWatermark.vue_vue_type_script_setup_true_lang.js +46 -0
- package/dist/packages/exploria-ui/src/components/basic/EButton/EButton.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/basic/EButton/EButton.vue_vue_type_script_setup_true_lang.js +42 -0
- package/dist/packages/exploria-ui/src/components/basic/EButton/loading.gif.js +4 -0
- package/dist/packages/exploria-ui/src/components/basic/ECard/ECard.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/basic/ECard/ECard.vue_vue_type_script_setup_true_lang.js +41 -0
- package/dist/packages/exploria-ui/src/components/basic/ESvgIcon/ESvgIcon.vue.js +5 -0
- package/dist/packages/exploria-ui/src/components/basic/ESvgIcon/ESvgIcon.vue_vue_type_script_setup_true_lang.js +11 -0
- package/dist/packages/exploria-ui/src/components/basic/EUnderLine/EUnderLine.vue.js +11 -0
- package/dist/packages/exploria-ui/src/components/data/EAvatar/EAvatar.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/EAvatar/EAvatar.vue_vue_type_script_setup_true_lang.js +14 -0
- package/dist/packages/exploria-ui/src/components/data/ECalendar.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ECalendar.vue_vue_type_script_setup_true_lang.js +77 -0
- package/dist/packages/exploria-ui/src/components/data/ECarousel/ECarousel.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ECarousel/ECarousel.vue_vue_type_script_setup_true_lang.js +83 -0
- package/dist/packages/exploria-ui/src/components/data/ECarousel/ECarouselItem.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ECarousel/ECarouselItem.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/packages/exploria-ui/src/components/data/ECodeCollapse/ECodeCollapse.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ECodeCollapse/ECodeCollapse.vue_vue_type_script_setup_true_lang.js +46 -0
- package/dist/packages/exploria-ui/src/components/data/ECollapse/ECollapse.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ECollapse/ECollapse.vue_vue_type_script_setup_true_lang.js +30 -0
- package/dist/packages/exploria-ui/src/components/data/EImage.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/EImage.vue_vue_type_script_setup_true_lang.js +31 -0
- package/dist/packages/exploria-ui/src/components/data/EList.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/EList.vue_vue_type_script_setup_true_lang.js +52 -0
- package/dist/packages/exploria-ui/src/components/data/EMediaViewer/EMediaViewer.js +36 -0
- package/dist/packages/exploria-ui/src/components/data/EMediaViewer/EMediaViewer.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/EMediaViewer/EMediaViewer.vue_vue_type_script_setup_true_lang.js +69 -0
- package/dist/packages/exploria-ui/src/components/data/EProgress.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/EProgress.vue_vue_type_script_setup_true_lang.js +22 -0
- package/dist/packages/exploria-ui/src/components/data/ERollingPagination.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ERollingPagination.vue_vue_type_script_setup_true_lang.js +45 -0
- package/dist/packages/exploria-ui/src/components/data/ESkeleton/ESkeleton.vue.js +14 -0
- package/dist/packages/exploria-ui/src/components/data/ETable/ETable.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ETable/ETable.vue_vue_type_script_setup_true_lang.js +60 -0
- package/dist/packages/exploria-ui/src/components/data/ETable/ETableColumn.vue.js +5 -0
- package/dist/packages/exploria-ui/src/components/data/ETable/ETableColumn.vue_vue_type_script_setup_true_lang.js +23 -0
- package/dist/packages/exploria-ui/src/components/data/ETable/no_data.svg.js +4 -0
- package/dist/packages/exploria-ui/src/components/data/ETimeline/ETimeline.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ETimeline/ETimeline.vue_vue_type_script_setup_true_lang.js +40 -0
- package/dist/packages/exploria-ui/src/components/data/ETimeline/ETimelineItem.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/data/ETimeline/ETimelineItem.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/packages/exploria-ui/src/components/feedback/EDialog/EDialog.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/EDialog/EDialog.vue_vue_type_script_setup_true_lang.js +95 -0
- package/dist/packages/exploria-ui/src/components/feedback/EDrawer/EDrawer.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/EDrawer/EDrawer.vue_vue_type_script_setup_true_lang.js +106 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessage/EMessage.js +56 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessage/EMessage.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessage/EMessage.vue_vue_type_script_setup_true_lang.js +39 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessage/loading.gif.js +4 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessageBox/EMessageBox.js +31 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessageBox/EMessageBox.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/EMessageBox/EMessageBox.vue_vue_type_script_setup_true_lang.js +46 -0
- package/dist/packages/exploria-ui/src/components/feedback/ENotification/ENotification.js +141 -0
- package/dist/packages/exploria-ui/src/components/feedback/ENotification/ENotification.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/ENotification/ENotification.vue_vue_type_script_setup_true_lang.js +46 -0
- package/dist/packages/exploria-ui/src/components/feedback/EPopover.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/EPopover.vue_vue_type_script_setup_true_lang.js +100 -0
- package/dist/packages/exploria-ui/src/components/feedback/ETooltip.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/feedback/ETooltip.vue_vue_type_script_setup_true_lang.js +65 -0
- package/dist/packages/exploria-ui/src/components/form/ECheckbox.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/ECheckbox.vue_vue_type_script_setup_true_lang.js +36 -0
- package/dist/packages/exploria-ui/src/components/form/EColorPicker.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/EColorPicker.vue_vue_type_script_setup_true_lang.js +149 -0
- package/dist/packages/exploria-ui/src/components/form/EConditionGroup/EConditionGroup.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/EConditionGroup/EConditionGroup.vue_vue_type_script_setup_true_lang.js +101 -0
- package/dist/packages/exploria-ui/src/components/form/EFileSelector.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/EFileSelector.vue_vue_type_script_setup_true_lang.js +33 -0
- package/dist/packages/exploria-ui/src/components/form/EForm.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/EForm.vue_vue_type_script_setup_true_lang.js +19 -0
- package/dist/packages/exploria-ui/src/components/form/EFormItem.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/EFormItem.vue_vue_type_script_setup_true_lang.js +44 -0
- package/dist/packages/exploria-ui/src/components/form/EInput/EInput.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/EInput/EInput.vue_vue_type_script_setup_true_lang.js +165 -0
- package/dist/packages/exploria-ui/src/components/form/ERadio.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/ERadio.vue_vue_type_script_setup_true_lang.js +36 -0
- package/dist/packages/exploria-ui/src/components/form/ESelect/ESelect.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/ESelect/ESelect.vue_vue_type_script_setup_true_lang.js +82 -0
- package/dist/packages/exploria-ui/src/components/form/ESlider.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/ESlider.vue_vue_type_script_setup_true_lang.js +76 -0
- package/dist/packages/exploria-ui/src/components/form/ETimePicker.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/form/ETimePicker.vue_vue_type_script_setup_true_lang.js +89 -0
- package/dist/packages/exploria-ui/src/components/geometry/ECube.vue.js +11 -0
- package/dist/packages/exploria-ui/src/components/hooks/usePosition.js +42 -0
- package/dist/packages/exploria-ui/src/components/layout/EContainerWithScrollbar.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/layout/EContainerWithScrollbar.vue_vue_type_script_setup_true_lang.js +27 -0
- package/dist/packages/exploria-ui/src/components/layout/EDivider.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/layout/EDivider.vue_vue_type_script_setup_true_lang.js +15 -0
- package/dist/packages/exploria-ui/src/components/layout/EScrollX.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/layout/EScrollX.vue_vue_type_script_setup_true_lang.js +34 -0
- package/dist/packages/exploria-ui/src/components/layout/EScrollbar.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/layout/EScrollbar.vue_vue_type_script_setup_true_lang.js +55 -0
- package/dist/packages/exploria-ui/src/components/navigation/EDropdown.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/navigation/EDropdown.vue_vue_type_script_setup_true_lang.js +107 -0
- package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabPane.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabPane.vue_vue_type_script_setup_true_lang.js +20 -0
- package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabs.vue.js +7 -0
- package/dist/packages/exploria-ui/src/components/navigation/ETabs/ETabs.vue_vue_type_script_setup_true_lang.js +90 -0
- package/dist/packages/exploria-ui/src/directives/EDrag.js +27 -0
- package/dist/packages/exploria-ui/src/directives/ESizeOb.js +23 -0
- package/dist/packages/exploria-ui/src/directives/ESlideIn.js +24 -0
- package/dist/packages/exploria-ui/src/utils/EAnimateCSSUtil.js +13 -0
- package/dist/packages/exploria-ui/src/utils/EClipboardUtil.js +19 -0
- package/dist/packages/exploria-ui/src/utils/EDomUtil.js +9 -0
- package/dist/packages/exploria-ui/src/utils/EEchartsUtil.js +23 -0
- package/dist/packages/exploria-ui/src/utils/EImageUtil.js +26 -0
- package/dist/packages/exploria-ui/src/utils/ELocalStorageUtil.js +15 -0
- package/dist/packages/exploria-ui/src/utils/EMediaQueryUtil.js +28 -0
- package/dist/packages/exploria-ui/src/utils/EStringUtil.js +11 -0
- package/dist/packages/exploria-ui/src/utils/EThreeUtil.js +40 -0
- package/dist/packages/exploria-ui/src/utils/EUUIDUtil.js +11 -0
- package/dist/utils/EAnimateCSSUtil.d.ts +6 -0
- package/dist/utils/EClipboardUtil.d.ts +3 -0
- package/dist/utils/EDomUtil.d.ts +5 -0
- package/dist/utils/EEchartsUtil.d.ts +12 -0
- package/dist/utils/EEventBus.d.ts +8 -0
- package/dist/utils/EImageUtil.d.ts +3 -0
- package/dist/utils/EJSONUtil.d.ts +3 -0
- package/dist/utils/ELocalStorageUtil.d.ts +5 -0
- package/dist/utils/EMediaQueryUtil.d.ts +6 -0
- package/dist/utils/EStringUtil.d.ts +22 -0
- package/dist/utils/EThreeUtil.d.ts +21 -0
- package/dist/utils/ETimeUtil.d.ts +5 -0
- package/dist/utils/EUUIDUtil.d.ts +3 -0
- package/dist/utils/index.d.ts +8 -0
- package/dist/utils/index.js +8 -2
- package/package.json +25 -13
- package/src/plugins/EPreloadImageBuilder.ts +1 -1
- package/src/plugins/ESvgSpriteBuilder.ts +4 -5
- package/src/plugins/index.ts +3 -3
- package/dist/EDomUtil-Bm3Zqw96.js +0 -65
- package/dist/ESizeOb-VeHF4XTz.js +0 -44
- package/dist/plugins/EPreloadImageBuilder.d.ts +0 -5
- package/dist/plugins/ESvgPolyfill.d.ts +0 -3
- package/dist/plugins/ESvgSpriteBuilder.d.ts +0 -6
- package/dist/plugins/index.d.ts +0 -4
- package/dist/plugins/index.js +0 -3127
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import e from "../../utils/EUUIDUtil.js";
|
|
2
|
+
import { usePosition as t } from "../hooks/usePosition.js";
|
|
3
|
+
import { Teleport as n, Transition as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, getCurrentInstance as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onMounted as m, openBlock as h, ref as g, renderSlot as _, unref as v, useTemplateRef as y, withCtx as b } from "vue";
|
|
4
|
+
//#region src/components/feedback/EPopover.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var x = ["data-id"], S = /* @__PURE__ */ l({
|
|
6
|
+
__name: "EPopover",
|
|
7
|
+
props: {
|
|
8
|
+
trigger: { default: "click" },
|
|
9
|
+
placement: {},
|
|
10
|
+
size: { default: "medium" },
|
|
11
|
+
open: {
|
|
12
|
+
type: Boolean,
|
|
13
|
+
default: !1
|
|
14
|
+
},
|
|
15
|
+
showArrow: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
default: !0
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
emits: ["update:open"],
|
|
21
|
+
setup(l, { emit: S }) {
|
|
22
|
+
let C = y("ePopoverRef"), w = S, T = g(!1), { position: E, arrowPosition: D, arrowSize: O, DELAY_TIME: k, resetPosition: A, computePositionByRect: j } = t(l.placement, l.size, l.showArrow), M = (e) => {
|
|
23
|
+
T.value = e, w("update:open", e);
|
|
24
|
+
}, N = u()?.uid || e.generate();
|
|
25
|
+
return m(() => {
|
|
26
|
+
let e = C.value.children[0];
|
|
27
|
+
if (l.trigger === "hover") {
|
|
28
|
+
let t;
|
|
29
|
+
e.onmouseenter = (n) => {
|
|
30
|
+
let r = n.currentTarget.getBoundingClientRect();
|
|
31
|
+
A(), j(r), T.value = !0, w("update:open", !0);
|
|
32
|
+
let i = () => {
|
|
33
|
+
clearTimeout(t), t = setTimeout(() => {
|
|
34
|
+
T.value = !1, w("update:open", !1);
|
|
35
|
+
}, k);
|
|
36
|
+
};
|
|
37
|
+
d(() => {
|
|
38
|
+
let e = document.querySelector(`.e-popover-container[data-id="${N}"]`);
|
|
39
|
+
e.onmouseenter = () => {
|
|
40
|
+
clearTimeout(t), T.value = !0, w("update:open", !0);
|
|
41
|
+
}, e.onmouseleave = i;
|
|
42
|
+
}), e.onmouseleave = i;
|
|
43
|
+
};
|
|
44
|
+
} else l.trigger === "contextmenu" ? e.oncontextmenu = (e) => {
|
|
45
|
+
e.preventDefault(), E.left = e.pageX, E.top = e.pageY, T.value = !0, w("update:open", !0), d(() => {
|
|
46
|
+
window.onmousedown = () => {
|
|
47
|
+
M(!1), window.onmousedown = null;
|
|
48
|
+
};
|
|
49
|
+
let e = () => {
|
|
50
|
+
M(!1), window.removeEventListener("scroll", e, !0);
|
|
51
|
+
};
|
|
52
|
+
window.addEventListener("scroll", e, !0);
|
|
53
|
+
});
|
|
54
|
+
} : l.trigger === "click" && (e.onclick = () => {
|
|
55
|
+
if (T.value) {
|
|
56
|
+
T.value = !1, w("update:open", !1);
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
let t = e.getBoundingClientRect();
|
|
60
|
+
A(), j(t), T.value = !0, w("update:open", !0), d(() => {
|
|
61
|
+
let t = document.querySelector(`.e-popover-container[data-id="${N}"]`);
|
|
62
|
+
t.onclick = (e) => e.stopPropagation(), t.onmousedown = (e) => e.stopPropagation();
|
|
63
|
+
let n = () => j(e.getBoundingClientRect()), r = new ResizeObserver(n);
|
|
64
|
+
r.observe(e), window.onresize = n, window.addEventListener("scroll", n, !0), window.onmousedown = () => {
|
|
65
|
+
M(!1), r.disconnect(), window.onresize = null, window.removeEventListener("scroll", n, !0);
|
|
66
|
+
};
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
}), (e, t) => (h(), o("div", {
|
|
70
|
+
class: "e-popover",
|
|
71
|
+
ref_key: "ePopoverRef",
|
|
72
|
+
ref: C
|
|
73
|
+
}, [_(e.$slots, "default", {}, void 0, !0), (h(), i(n, { to: "body" }, [c(r, { onEnter: t[0] ||= (e) => {
|
|
74
|
+
e.animate([{ clipPath: "inset(0 0 100% 0)" }, { clipPath: "inset(0 0 0 0)" }], { duration: 0 }).play();
|
|
75
|
+
} }, {
|
|
76
|
+
default: b(() => [(l.trigger ? T.value : l.open) ? (h(), o("div", {
|
|
77
|
+
key: 0,
|
|
78
|
+
class: f(["e-popover-container", l.size]),
|
|
79
|
+
"data-id": v(N),
|
|
80
|
+
style: p({
|
|
81
|
+
top: v(E).top + "px",
|
|
82
|
+
left: v(E).left + "px",
|
|
83
|
+
transform: `translateX(${v(E).translateX}) translateY(${v(E).translateY})`
|
|
84
|
+
})
|
|
85
|
+
}, [_(e.$slots, "content", {}, void 0, !0), s("div", {
|
|
86
|
+
class: "e-popover-arrow",
|
|
87
|
+
style: p({
|
|
88
|
+
height: `${v(O)}px`,
|
|
89
|
+
width: `${v(O)}px`,
|
|
90
|
+
left: v(D).left,
|
|
91
|
+
top: v(D).top,
|
|
92
|
+
clipPath: v(D).clipPath
|
|
93
|
+
})
|
|
94
|
+
}, null, 4)], 14, x)) : a("", !0)]),
|
|
95
|
+
_: 3
|
|
96
|
+
})]))], 512));
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
//#endregion
|
|
100
|
+
export { S as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./ETooltip.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/feedback/ETooltip.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-62e8adeb"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import e from "../../utils/EUUIDUtil.js";
|
|
2
|
+
import { usePosition as t } from "../hooks/usePosition.js";
|
|
3
|
+
import { Teleport as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, getCurrentInstance as l, nextTick as u, normalizeClass as d, normalizeStyle as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, unref as y, useTemplateRef as b, watchEffect as x } from "vue";
|
|
4
|
+
//#region src/components/feedback/ETooltip.vue?vue&type=script&setup=true&lang.ts
|
|
5
|
+
var S = ["data-id"], C = /* @__PURE__ */ c({
|
|
6
|
+
__name: "ETooltip",
|
|
7
|
+
props: {
|
|
8
|
+
content: {},
|
|
9
|
+
placement: {},
|
|
10
|
+
open: { type: Boolean },
|
|
11
|
+
size: { default: "medium" },
|
|
12
|
+
showArrow: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
default: !0
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
setup(c) {
|
|
18
|
+
let C = g(c.open), w = b("eTooltipRef"), { position: T, arrowPosition: E, arrowSize: D, DELAY_TIME: O, resetPosition: k, computePositionByRect: A, _computePosition: j } = t(c.placement, c.size, c.showArrow), M = l()?.uid || e.generate(), N;
|
|
19
|
+
return p(() => {
|
|
20
|
+
let e, t = w.value.children[0];
|
|
21
|
+
x(() => {
|
|
22
|
+
c.open ? (k(), A(t.getBoundingClientRect()), N = j(t)) : N?.();
|
|
23
|
+
}), t.onmouseenter = () => {
|
|
24
|
+
clearTimeout(e), k(), A(t.getBoundingClientRect()), C.value = !0, u(() => {
|
|
25
|
+
let n = document.querySelector(`.e-tooltip-content[data-id="${M}"]`), r = () => {
|
|
26
|
+
clearTimeout(e), e = window.setTimeout(() => {
|
|
27
|
+
C.value = !1;
|
|
28
|
+
}, O);
|
|
29
|
+
};
|
|
30
|
+
t.onmouseleave = r, n.onmouseenter = () => {
|
|
31
|
+
clearTimeout(e), C.value = !0;
|
|
32
|
+
}, N = j(t), n.onmouseleave = () => {
|
|
33
|
+
r(), N?.();
|
|
34
|
+
};
|
|
35
|
+
});
|
|
36
|
+
}, m(() => {
|
|
37
|
+
clearTimeout(e);
|
|
38
|
+
});
|
|
39
|
+
}), (e, t) => (h(), a("div", {
|
|
40
|
+
class: d(["e-tooltip", c.size]),
|
|
41
|
+
ref_key: "eTooltipRef",
|
|
42
|
+
ref: w
|
|
43
|
+
}, [_(e.$slots, "default", {}, void 0, !0), (h(), r(n, { to: "body" }, [C.value || c.open ? (h(), a("div", {
|
|
44
|
+
key: 0,
|
|
45
|
+
class: d([c.size, "e-tooltip-content"]),
|
|
46
|
+
"data-id": y(M),
|
|
47
|
+
style: f({
|
|
48
|
+
left: `${y(T).left}px`,
|
|
49
|
+
top: `${y(T).top}px`,
|
|
50
|
+
transform: `translate(${y(T).translateX}, ${y(T).translateY})`
|
|
51
|
+
})
|
|
52
|
+
}, [s(v(c.content) + " ", 1), o("div", {
|
|
53
|
+
class: "e-tooltip-arrow",
|
|
54
|
+
style: f({
|
|
55
|
+
height: `${y(D)}px`,
|
|
56
|
+
width: `${y(D)}px`,
|
|
57
|
+
left: y(E).left,
|
|
58
|
+
top: y(E).top,
|
|
59
|
+
clipPath: y(E).clipPath
|
|
60
|
+
})
|
|
61
|
+
}, null, 4)], 14, S)) : i("", !0)]))], 2));
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
//#endregion
|
|
65
|
+
export { C as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./ECheckbox.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/ECheckbox.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-0e16187d"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
|
|
2
|
+
//#region src/components/form/ECheckbox.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var s = {
|
|
4
|
+
key: 0,
|
|
5
|
+
t: "1771315717569",
|
|
6
|
+
viewBox: "0 0 1024 1024",
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
width: "200",
|
|
9
|
+
height: "200"
|
|
10
|
+
}, c = /* @__PURE__ */ r({
|
|
11
|
+
__name: "ECheckbox",
|
|
12
|
+
props: {
|
|
13
|
+
modelValue: {
|
|
14
|
+
type: Boolean,
|
|
15
|
+
default: !1
|
|
16
|
+
},
|
|
17
|
+
size: { default: "medium" }
|
|
18
|
+
},
|
|
19
|
+
emits: ["update:modelValue"],
|
|
20
|
+
setup(r, { emit: c }) {
|
|
21
|
+
let l = c;
|
|
22
|
+
return (c, u) => (a(), t("label", {
|
|
23
|
+
class: i([
|
|
24
|
+
"e-checkbox",
|
|
25
|
+
`e-checkbox--${r.size}`,
|
|
26
|
+
{ "e-checkbox--checked": r.modelValue }
|
|
27
|
+
]),
|
|
28
|
+
onClick: u[0] ||= (e) => l("update:modelValue", !r.modelValue)
|
|
29
|
+
}, [n("span", { class: i(["e-checkbox__icon", [`e-checkbox__icon--${r.size}`, { "e-checkbox__icon--checked": r.modelValue }]]) }, [r.modelValue ? (a(), t("svg", s, [...u[1] ||= [n("path", {
|
|
30
|
+
d: "M422.4 802.133333L128 512l29.866667-29.866667 264.533333 264.533334L908.8 256l29.866667 29.866667L422.4 802.133333z",
|
|
31
|
+
fill: "#fff"
|
|
32
|
+
}, null, -1)]])) : e("", !0)], 2), o(c.$slots, "default", {}, void 0, !0)], 2));
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
//#endregion
|
|
36
|
+
export { c as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./EColorPicker.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/EColorPicker.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-b29e1559"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,149 @@
|
|
|
1
|
+
import { usePosition as e } from "../hooks/usePosition.js";
|
|
2
|
+
import { Teleport as t, Transition as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, reactive as m, ref as h, toDisplayString as g, unref as _, useTemplateRef as v, vModelText as y, withCtx as b, withDirectives as x, withModifiers as S } from "vue";
|
|
3
|
+
//#region src/components/form/EColorPicker.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var C = { class: "alpha-slider-container" }, w = { class: "current-color-preview" }, T = { class: "color-code" }, E = /* @__PURE__ */ c({
|
|
5
|
+
__name: "EColorPicker",
|
|
6
|
+
props: {
|
|
7
|
+
modelValue: { default: "#ff0000" },
|
|
8
|
+
size: { default: "medium" },
|
|
9
|
+
showArrow: {
|
|
10
|
+
type: Boolean,
|
|
11
|
+
default: !0
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
emits: ["update:modelValue"],
|
|
15
|
+
setup(c, { emit: E }) {
|
|
16
|
+
let { position: D, computePositionByRect: O, _computePosition: k, arrowSize: A, arrowPosition: j } = e("bottom", c.size, c.showArrow), M, N = () => {
|
|
17
|
+
if (F.value = !F.value, F.value) {
|
|
18
|
+
let e = B.value.children[0];
|
|
19
|
+
O(e.getBoundingClientRect()), M = k(e), z();
|
|
20
|
+
} else M();
|
|
21
|
+
}, P = E, F = h(!1), I = h(100), L = m({
|
|
22
|
+
x: 0,
|
|
23
|
+
y: 0
|
|
24
|
+
}), R = h(""), z = () => {
|
|
25
|
+
if (c.modelValue.startsWith("rgba")) {
|
|
26
|
+
let e = c.modelValue.match(/rgba\((\d+),\s*(\d+),\s*(\d+),\s*([\d.]+)\)/);
|
|
27
|
+
if (e) {
|
|
28
|
+
I.value = Math.round(Number(e[4]) * 100), R.value = `rgba(${e[1]},${e[2]},${e[3]},${I.value / 100})`;
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
I.value = 100, R.value = c.modelValue;
|
|
33
|
+
}, B = v("eColorPickerRef"), V = (e, t, n) => {
|
|
34
|
+
t /= 100, n /= 100;
|
|
35
|
+
let r = (1 - Math.abs(2 * n - 1)) * t, i = r * (1 - Math.abs(e / 60 % 2 - 1)), a = n - r / 2, o = 0, s = 0, c = 0;
|
|
36
|
+
e >= 0 && e < 60 ? (o = r, s = i, c = 0) : e >= 60 && e < 120 ? (o = i, s = r, c = 0) : e >= 120 && e < 180 ? (o = 0, s = r, c = i) : e >= 180 && e < 240 ? (o = 0, s = i, c = r) : e >= 240 && e < 300 ? (o = i, s = 0, c = r) : (o = r, s = 0, c = i), o = Math.round((o + a) * 255), s = Math.round((s + a) * 255), c = Math.round((c + a) * 255), R.value = `rgba(${o},${s},${c},${I.value / 100})`, P("update:modelValue", R.value);
|
|
37
|
+
};
|
|
38
|
+
return d(() => {
|
|
39
|
+
let e = () => F.value = !1;
|
|
40
|
+
document.addEventListener("click", e), z(), f(() => {
|
|
41
|
+
document.removeEventListener("click", e);
|
|
42
|
+
});
|
|
43
|
+
}), (e, d) => (p(), a("div", {
|
|
44
|
+
class: l(["e-color-picker", [c.size]]),
|
|
45
|
+
ref_key: "eColorPickerRef",
|
|
46
|
+
ref: B
|
|
47
|
+
}, [o("div", {
|
|
48
|
+
class: "color-display",
|
|
49
|
+
style: u({ backgroundColor: R.value }),
|
|
50
|
+
onClick: S(N, ["stop"]),
|
|
51
|
+
title: "点击选择颜色"
|
|
52
|
+
}, null, 4), (p(), r(t, { to: "body" }, [s(n, { onEnter: d[5] ||= (e) => {
|
|
53
|
+
e.animate([{
|
|
54
|
+
transform: "scale(0.9)",
|
|
55
|
+
opacity: 0
|
|
56
|
+
}, {
|
|
57
|
+
transform: "scale(1)",
|
|
58
|
+
opacity: 1
|
|
59
|
+
}], {
|
|
60
|
+
duration: 0,
|
|
61
|
+
easing: "ease-in-out"
|
|
62
|
+
}).play();
|
|
63
|
+
} }, {
|
|
64
|
+
default: b(() => [F.value ? (p(), a("div", {
|
|
65
|
+
key: 0,
|
|
66
|
+
style: u([{
|
|
67
|
+
position: "fixed",
|
|
68
|
+
width: "280px",
|
|
69
|
+
padding: "16px",
|
|
70
|
+
background: "#fff",
|
|
71
|
+
filter: "var(--e-drop-shadow-medium)"
|
|
72
|
+
}, {
|
|
73
|
+
borderRadius: `var(--e-border-radius-${c.size})`,
|
|
74
|
+
left: _(D).left + "px",
|
|
75
|
+
top: _(D).top + "px",
|
|
76
|
+
transform: `translateX(${_(D).translateX}) translateY(${_(D).translateY})`
|
|
77
|
+
}]),
|
|
78
|
+
onClick: d[4] ||= S(() => {}, ["stop"])
|
|
79
|
+
}, [
|
|
80
|
+
o("div", {
|
|
81
|
+
class: "e-select-arrow",
|
|
82
|
+
style: u({
|
|
83
|
+
position: "fixed",
|
|
84
|
+
height: `${_(A)}px`,
|
|
85
|
+
width: `${_(A)}px`,
|
|
86
|
+
left: _(j).left,
|
|
87
|
+
top: _(j).top,
|
|
88
|
+
clipPath: _(j).clipPath
|
|
89
|
+
})
|
|
90
|
+
}, null, 4),
|
|
91
|
+
o("div", {
|
|
92
|
+
style: {
|
|
93
|
+
position: "relative",
|
|
94
|
+
width: "100%",
|
|
95
|
+
height: "200px",
|
|
96
|
+
background: "linear-gradient(\n to right,\n #f00,\n #ff0,\n #0f0,\n #0ff,\n #00f,\n #f0f,\n #f00\n ),\n linear-gradient(to top, #000, transparent)",
|
|
97
|
+
"background-blend-mode": "multiply",
|
|
98
|
+
cursor: "crosshair",
|
|
99
|
+
overflow: "hidden"
|
|
100
|
+
},
|
|
101
|
+
onMousedown: d[0] ||= (e) => {
|
|
102
|
+
let t = e.currentTarget;
|
|
103
|
+
t.onmousemove = (e) => {
|
|
104
|
+
let n = t.getBoundingClientRect();
|
|
105
|
+
L.x = e.offsetX, L.y = e.offsetY, V(L.x / n.width * 360, 100, 100 - L.y / n.height * 100);
|
|
106
|
+
};
|
|
107
|
+
},
|
|
108
|
+
onMouseup: d[1] ||= (e) => {
|
|
109
|
+
let t = e.currentTarget;
|
|
110
|
+
t.onmousemove = null;
|
|
111
|
+
}
|
|
112
|
+
}, [o("div", {
|
|
113
|
+
class: "color-cursor",
|
|
114
|
+
style: u({
|
|
115
|
+
left: `${L.x}px`,
|
|
116
|
+
top: `${L.y}px`
|
|
117
|
+
})
|
|
118
|
+
}, null, 4)], 32),
|
|
119
|
+
o("div", C, [o("label", null, "透明度:" + g(I.value) + "%", 1), x(o("input", {
|
|
120
|
+
type: "range",
|
|
121
|
+
"onUpdate:modelValue": d[2] ||= (e) => I.value = e,
|
|
122
|
+
min: "0",
|
|
123
|
+
max: "100",
|
|
124
|
+
class: "alpha-slider",
|
|
125
|
+
onInput: d[3] ||= () => {
|
|
126
|
+
let e = R.value.match(/rgba\((\d+),\s*(\d+),\s*(\d+)/);
|
|
127
|
+
e && (R.value = `rgba(${e[1]},${e[2]},${e[3]},${I.value / 100})`, P("update:modelValue", R.value));
|
|
128
|
+
}
|
|
129
|
+
}, null, 544), [[
|
|
130
|
+
y,
|
|
131
|
+
I.value,
|
|
132
|
+
void 0,
|
|
133
|
+
{ number: !0 }
|
|
134
|
+
]])]),
|
|
135
|
+
o("div", w, [
|
|
136
|
+
d[6] ||= o("span", null, "当前颜色:", -1),
|
|
137
|
+
o("div", {
|
|
138
|
+
class: "preview-color",
|
|
139
|
+
style: u({ backgroundColor: R.value })
|
|
140
|
+
}, null, 4),
|
|
141
|
+
o("span", T, g(R.value), 1)
|
|
142
|
+
])
|
|
143
|
+
], 4)) : i("", !0)]),
|
|
144
|
+
_: 1
|
|
145
|
+
})]))], 2));
|
|
146
|
+
}
|
|
147
|
+
});
|
|
148
|
+
//#endregion
|
|
149
|
+
export { E as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./EConditionGroup.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/EConditionGroup/EConditionGroup.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-70a57319"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import e from "../../basic/EButton/EButton.vue.js";
|
|
2
|
+
import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, renderSlot as p, withCtx as m } from "vue";
|
|
3
|
+
//#region src/components/form/EConditionGroup/EConditionGroup.vue?vue&type=script&setup=true&lang.ts
|
|
4
|
+
var h = { class: "e-condition-group" }, g = {
|
|
5
|
+
key: 0,
|
|
6
|
+
class: "condition-group-left",
|
|
7
|
+
style: {
|
|
8
|
+
marginTop: "8px",
|
|
9
|
+
marginBottom: "8px"
|
|
10
|
+
}
|
|
11
|
+
}, _ = { class: "e-condition-group__right" }, v = {
|
|
12
|
+
key: 0,
|
|
13
|
+
class: "left",
|
|
14
|
+
style: {
|
|
15
|
+
marginTop: "8px",
|
|
16
|
+
marginBottom: "8px"
|
|
17
|
+
}
|
|
18
|
+
}, y = 32, b = 16, x = /* @__PURE__ */ c({
|
|
19
|
+
__name: "EConditionGroup",
|
|
20
|
+
props: {
|
|
21
|
+
conditionGroup: {},
|
|
22
|
+
defaultValueMap: {},
|
|
23
|
+
size: { default: "medium" }
|
|
24
|
+
},
|
|
25
|
+
emits: ["update:condition-group"],
|
|
26
|
+
setup(c, { emit: x }) {
|
|
27
|
+
let S = x, C = n({
|
|
28
|
+
get() {
|
|
29
|
+
return c.conditionGroup;
|
|
30
|
+
},
|
|
31
|
+
set(e) {
|
|
32
|
+
S("update:condition-group", e);
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
return (n, x) => (d(), i("div", h, [C.value.length > 1 ? (d(), i("div", g, [...x[1] ||= [a("div", { class: "or-line" }, null, -1), a("div", { class: "or-icon" }, "OR", -1)]])) : r("", !0), a("div", _, [(d(!0), i(t, null, f(C.value, (h, g) => (d(), i("div", {
|
|
36
|
+
key: g,
|
|
37
|
+
class: l(["e-condition-group__right__item", c.size])
|
|
38
|
+
}, [h.length > 1 ? (d(), i("div", v, [...x[2] ||= [a("div", { class: "and-line" }, null, -1), a("div", { class: "and-icon" }, "AND", -1)]])) : r("", !0), a("div", {
|
|
39
|
+
class: "right",
|
|
40
|
+
style: u({ rowGap: b + "px" })
|
|
41
|
+
}, [(d(!0), i(t, null, f(h, (t, r) => (d(), i("div", {
|
|
42
|
+
key: `group-${g}-row-${r}`,
|
|
43
|
+
style: {
|
|
44
|
+
display: "flex",
|
|
45
|
+
"column-gap": "8px"
|
|
46
|
+
}
|
|
47
|
+
}, [
|
|
48
|
+
p(n.$slots, "default", {
|
|
49
|
+
row: t,
|
|
50
|
+
groupIndex: g,
|
|
51
|
+
rowIndex: r
|
|
52
|
+
}, void 0, !0),
|
|
53
|
+
s(e, {
|
|
54
|
+
size: c.size,
|
|
55
|
+
onClick: (e) => C.value[g].splice(r + 1, 0, c.defaultValueMap)
|
|
56
|
+
}, {
|
|
57
|
+
default: m(() => [...x[3] ||= [o(" 添加 ", -1)]]),
|
|
58
|
+
_: 1
|
|
59
|
+
}, 8, ["size", "onClick"]),
|
|
60
|
+
s(e, {
|
|
61
|
+
type: "danger",
|
|
62
|
+
size: c.size,
|
|
63
|
+
disabled: C.value.flat().length === 1,
|
|
64
|
+
onClick: (e) => {
|
|
65
|
+
C.value[g].splice(r, 1), C.value[g].length === 0 && C.value.splice(g, 1), C.value.flat().length === 0 && C.value.push([c.defaultValueMap]);
|
|
66
|
+
}
|
|
67
|
+
}, {
|
|
68
|
+
default: m(() => [...x[4] ||= [o(" 删除 ", -1)]]),
|
|
69
|
+
_: 1
|
|
70
|
+
}, 8, [
|
|
71
|
+
"size",
|
|
72
|
+
"disabled",
|
|
73
|
+
"onClick"
|
|
74
|
+
])
|
|
75
|
+
]))), 128)), s(e, {
|
|
76
|
+
style: u([{ "align-self": "flex-start" }, { height: y + "px" }]),
|
|
77
|
+
size: c.size,
|
|
78
|
+
disabled: C.value.flat().length === 1,
|
|
79
|
+
onClick: (e) => {
|
|
80
|
+
C.value.splice(g, 1), C.value.length === 0 && C.value.push([c.defaultValueMap]);
|
|
81
|
+
}
|
|
82
|
+
}, {
|
|
83
|
+
default: m(() => [...x[5] ||= [o(" 删除条件组 ", -1)]]),
|
|
84
|
+
_: 1
|
|
85
|
+
}, 8, [
|
|
86
|
+
"size",
|
|
87
|
+
"style",
|
|
88
|
+
"disabled",
|
|
89
|
+
"onClick"
|
|
90
|
+
])], 4)], 2))), 128)), s(e, {
|
|
91
|
+
size: c.size,
|
|
92
|
+
style: u([{ "align-self": "flex-start" }, { height: y + "px" }]),
|
|
93
|
+
onClick: x[0] ||= (e) => C.value.push([c.defaultValueMap])
|
|
94
|
+
}, {
|
|
95
|
+
default: m(() => [...x[6] ||= [o(" 添加条件组 ", -1)]]),
|
|
96
|
+
_: 1
|
|
97
|
+
}, 8, ["size", "style"])])]));
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
//#endregion
|
|
101
|
+
export { x as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./EFileSelector.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/EFileSelector.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-7f8021b6"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { createElementBlock as e, createElementVNode as t, defineComponent as n, normalizeClass as r, openBlock as i, ref as a, renderSlot as o, toDisplayString as s, withModifiers as c } from "vue";
|
|
2
|
+
//#region src/components/form/EFileSelector.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var l = /* @__PURE__ */ n({
|
|
4
|
+
__name: "EFileSelector",
|
|
5
|
+
props: {
|
|
6
|
+
accessFileTypes: {},
|
|
7
|
+
size: { default: "medium" }
|
|
8
|
+
},
|
|
9
|
+
emits: ["change"],
|
|
10
|
+
setup(n, { emit: l }) {
|
|
11
|
+
let u = a(null);
|
|
12
|
+
console.log(n.accessFileTypes);
|
|
13
|
+
let d = l, f = () => {
|
|
14
|
+
let e = document.createElement("input");
|
|
15
|
+
e.type = "file", e.accept = "video/*", e.onchange = (t) => {
|
|
16
|
+
u.value = t.target?.files?.[0] ?? null, u.value && d("change", u.value), e.remove();
|
|
17
|
+
}, e.click();
|
|
18
|
+
}, p = (e) => {
|
|
19
|
+
let t = e.dataTransfer?.files;
|
|
20
|
+
if (!t || t.length == 0) return;
|
|
21
|
+
let n = t[0];
|
|
22
|
+
u.value = n, d("change", n);
|
|
23
|
+
};
|
|
24
|
+
return (a, l) => (i(), e("div", {
|
|
25
|
+
class: r(["e-file-selector", n.size]),
|
|
26
|
+
onDragover: l[0] ||= c(() => {}, ["prevent"]),
|
|
27
|
+
onClick: f,
|
|
28
|
+
onDrop: c(p, ["prevent"])
|
|
29
|
+
}, [u.value ? o(a.$slots, "changed", { key: 1 }, () => [t("p", null, "文件已选择:" + s(u.value.name), 1)], !0) : o(a.$slots, "before-change", { key: 0 }, () => [l[1] ||= t("span", { class: "iconfont icon-shipinshangchuan" }, null, -1), l[2] ||= t("div", { class: "text" }, "点击上传视频或拖动视频于框内", -1)], !0)], 34));
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
//#endregion
|
|
33
|
+
export { l as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./EForm.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/EForm.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-d68eaae7"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
package/dist/packages/exploria-ui/src/components/form/EForm.vue_vue_type_script_setup_true_lang.js
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, provide as a, renderSlot as o, withModifiers as s } from "vue";
|
|
2
|
+
//#region src/components/form/EForm.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var c = /* @__PURE__ */ n({
|
|
4
|
+
__name: "EForm",
|
|
5
|
+
props: {
|
|
6
|
+
labelPosition: { default: "left" },
|
|
7
|
+
labelWidth: { default: "auto" },
|
|
8
|
+
size: { default: "medium" },
|
|
9
|
+
errorPosition: { default: "static" }
|
|
10
|
+
},
|
|
11
|
+
setup(n) {
|
|
12
|
+
return a("labelPosition", e(() => n.labelPosition)), a("labelWidth", e(() => n.labelWidth)), a("size", e(() => n.size)), a("errorPosition", e(() => n.errorPosition)), (e, a) => (i(), t("form", {
|
|
13
|
+
class: r(["e-form", `e-form--${n.size}`]),
|
|
14
|
+
onSubmit: a[0] ||= s(() => {}, ["prevent"])
|
|
15
|
+
}, [o(e.$slots, "default", {}, void 0, !0)], 34));
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
//#endregion
|
|
19
|
+
export { c as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./EFormItem.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/EFormItem.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-03331f6d"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Transition as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, createVNode as o, defineComponent as s, inject as c, normalizeClass as l, normalizeStyle as u, openBlock as d, provide as f, renderSlot as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
|
|
2
|
+
//#region src/components/form/EFormItem.vue?vue&type=script&setup=true&lang.ts
|
|
3
|
+
var _ = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "e-form-item__required"
|
|
6
|
+
}, v = { class: "e-form-item__content" }, y = /* @__PURE__ */ s({
|
|
7
|
+
__name: "EFormItem",
|
|
8
|
+
props: {
|
|
9
|
+
label: {},
|
|
10
|
+
required: { type: Boolean },
|
|
11
|
+
errorMessage: {},
|
|
12
|
+
showError: { type: Boolean },
|
|
13
|
+
labelWidth: {}
|
|
14
|
+
},
|
|
15
|
+
setup(s) {
|
|
16
|
+
let y = c("labelWidth"), b = c("labelPosition"), x = c("size"), S = c("errorPosition", "absolute");
|
|
17
|
+
return f("isError", t(() => s.showError)), (t, c) => (d(), r("div", {
|
|
18
|
+
class: "e-form-item",
|
|
19
|
+
style: u({ flexDirection: ["left", "right"].includes(h(b)) ? "row" : "column" })
|
|
20
|
+
}, [i("div", {
|
|
21
|
+
class: l(["e-form-item__label", `e-form-item__label-${h(x)}`]),
|
|
22
|
+
style: u({
|
|
23
|
+
width: h(y),
|
|
24
|
+
justifyContent: h(b) === "right" ? "flex-end" : "flex-start"
|
|
25
|
+
})
|
|
26
|
+
}, [s.required ? (d(), r("span", _, " * ")) : n("", !0), a(" " + m(s.label), 1)], 6), i("div", v, [p(t.$slots, "default", {}, void 0, !0), o(e, { onEnter: c[0] ||= (e) => {
|
|
27
|
+
e.animate([{
|
|
28
|
+
transform: "translateY(-10px)",
|
|
29
|
+
opacity: 0
|
|
30
|
+
}, {
|
|
31
|
+
transform: "translateY(0)",
|
|
32
|
+
opacity: 1
|
|
33
|
+
}], { duration: 0 }).play();
|
|
34
|
+
} }, {
|
|
35
|
+
default: g(() => [s.showError ? (d(), r("div", {
|
|
36
|
+
key: 0,
|
|
37
|
+
class: l(["e-form-item__error", `e-form-item__error-${h(S)}`])
|
|
38
|
+
}, m(s.errorMessage), 3)) : n("", !0)]),
|
|
39
|
+
_: 1
|
|
40
|
+
})])], 4));
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
//#endregion
|
|
44
|
+
export { y as default };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
|
|
2
|
+
import t from "./EInput.vue_vue_type_script_setup_true_lang.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
//#region src/components/form/EInput/EInput.vue
|
|
5
|
+
var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-54cde9c9"]]);
|
|
6
|
+
//#endregion
|
|
7
|
+
export { n as default };
|