oeos-components 0.2.21 → 0.2.23

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.
@@ -0,0 +1,16 @@
1
+ import { defineComponent as u, computed as f, createElementBlock as n, openBlock as p, mergeProps as d, createElementVNode as c, createCommentVNode as h, renderSlot as m, normalizeStyle as y, normalizeClass as w, toDisplayString as g } from "vue";
2
+ import { p as s, _ as b, w as S } from "./index-Pgb7joEc.js";
3
+ const _ = { class: "o-title__top" }, x = { key: 0, src: "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1742261310954'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='12261'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M800.512%20474.944h-377.6a24.256%2024.256%200%200%200-24.32%2024.32c0%2013.504%2010.816%2024.32%2024.32%2024.32h377.6c13.504%200%2024.32-10.816%2024.32-24.32a24.576%2024.576%200%200%200-24.32-24.32z%20m-377.6%20203.776a24.256%2024.256%200%200%200-24.32%2024.32c0%2013.504%2010.816%2024.32%2024.32%2024.32h377.6c13.504%200%2024.32-10.816%2024.32-24.32a24.576%2024.576%200%200%200-24.32-24.32h-377.6z'%20fill='%23101317'%20p-id='12262'%3e%3c/path%3e%3cpath%20d='M928.064%20209.6h-252.736l-5.376-15.68c-37.824-104.832-110.272-129.728-164.288-132.416h-409.728a62.592%2062.592%200%200%200-62.72%2062.144v776.704c0%2034.048%2028.096%2062.144%2062.72%2062.144h832.128a62.72%2062.72%200%200%200%2062.72-62.144v-628.608a62.272%2062.272%200%200%200-62.72-62.144z%20m-848.384-56.256c0-48.128%2017.856-41.6%2090.816-41.6h261.056c110.784%200%20139.456%2023.808%20160.512%2061.056l15.68%2036.736h-528.064v-56.192z%20m773.248%20759.424H170.496c-74.56%200-86.464-5.952-86.464-85.952v-566.464h784.576c78.912%200%2070.784%2030.784%2070.784%2085.952v492.928c0.064%2072.448-25.344%2073.536-86.464%2073.536z'%20fill='%23101317'%20p-id='12263'%3e%3c/path%3e%3cpath%20d='M196.992%20536.576h78.912v-78.912h-78.912v78.912z%20m0%20205.952h78.912v-78.912h-78.912v78.912z'%20fill='%23101317'%20p-id='12264'%3e%3c/path%3e%3c/svg%3e", width: "14", height: "14", alt: "Logo", class: "m-r-4" }, z = { class: "title-text" }, T = u({ name: "OTitle" }), k = S(b(u({ ...T, props: { title: { type: String, default: "" }, size: { type: String, default: "" }, subTitle: { type: String, default: "" }, subAttrs: { type: Object, default: () => ({}) }, inner: { type: Boolean, defalut: !1 }, t: { type: [String, Number], default: "" }, b: { type: [String, Number], default: "" }, l: { type: [String, Number], default: "" }, tb: { type: [String, Number] }, type: { type: String, default: "icon" } }, setup(e) {
4
+ const o = e, v = f(() => {
5
+ const { t, b: i, l: r, tb: l } = o;
6
+ if (t || i || r || l) {
7
+ let a = {};
8
+ return l && (a.marginTop = s(l, !0), a.marginBottom = s(l, !0)), t && (a.marginTop = s(t, !0)), i && (a.marginBottom = s(i, !0)), r && (a.marginLeft = s(r, !0)), a;
9
+ }
10
+ return {};
11
+ });
12
+ return (t, i) => (p(), n("div", d({ class: "o-title", style: { ...v.value } }, t.$attrs), [c("div", _, [c("div", { class: w(e.type === "simple" || e.type === "icon" ? "o-title__top-simple-left" : "o-title__top-left"), style: y({ marginLeft: o.inner ? "8px" : 0 }) }, [m(t.$slots, "icon", {}, () => [o.type === "icon" ? (p(), n("img", x)) : h("", !0)], !0), c("span", z, g(e.title), 1), m(t.$slots, "default", {}, void 0, !0)], 6), m(t.$slots, "right", {}, void 0, !0)]), e.subTitle ? (p(), n("div", d({ key: 0, class: "o-title__subTitle" }, e.subAttrs), g(e.subTitle), 17)) : h("", !0)], 16));
13
+ } }), [["__scopeId", "data-v-eae10c67"]]));
14
+ export {
15
+ k as default
16
+ };
@@ -0,0 +1,25 @@
1
+ import { defineComponent as p, useSlots as y, useAttrs as b, ref as c, computed as S, resolveComponent as _, createBlock as x, openBlock as d, mergeProps as f, withCtx as C, createElementBlock as $, createCommentVNode as A, renderSlot as i, unref as B, createElementVNode as N, createTextVNode as W, toDisplayString as g } from "vue";
2
+ import { p as V, _ as j, w as E } from "./index-Pgb7joEc.js";
3
+ const O = p({ name: "OTooltip" }), I = E(j(p({ ...O, props: { width: { type: String, default: "100%" }, showSlot: { type: Boolean, default: !0 }, effect: { default: "dark" }, tooltipAttrs: { type: Object, default: () => ({}) } }, emits: ["click"], setup(e, { emit: u }) {
4
+ const m = y(), o = b(), a = e, l = c(), n = c(!1), k = S(() => o.disabled ? o.disabled : !o.content || !m.default && n.value);
5
+ function h() {
6
+ if (!a.showSlot)
7
+ return;
8
+ const t = l.value;
9
+ if (!t)
10
+ return;
11
+ const r = t.parentNode.offsetWidth, s = t.offsetWidth;
12
+ n.value = s <= r;
13
+ }
14
+ const v = u;
15
+ function w() {
16
+ v("click");
17
+ }
18
+ return (t, r) => {
19
+ const s = _("el-tooltip");
20
+ return d(), x(s, f({ class: "tooltip", disabled: k.value, effect: e.effect }, e.tooltipAttrs), { default: C(() => [a.showSlot ? (d(), $("span", f({ key: 0, onClick: w, class: "tooltip__text", style: { maxWidth: B(V)(e.width, !0) }, onMouseover: h }, t.$attrs), [N("span", { ref_key: "contentRef", ref: l }, [i(t.$slots, "default", {}, () => [W(g(t.$attrs.content), 1)], !0)], 512)], 16)) : A("", !0), i(t.$slots, "content", {}, void 0, !0)]), _: 3 }, 16, ["disabled", "effect"]);
21
+ };
22
+ } }), [["__scopeId", "data-v-6c854bb3"]]));
23
+ export {
24
+ I as default
25
+ };
@@ -0,0 +1,22 @@
1
+ import { defineComponent as p, computed as g, resolveComponent as c, createBlock as a, openBlock as n, normalizeClass as k, withCtx as r, createVNode as _, mergeProps as i, createElementVNode as C, unref as d, resolveDynamicComponent as z } from "vue";
2
+ import { O, t as m, _ as S, E as $ } from "./index-Pgb7joEc.js";
3
+ const j = { ref: "contentRef" }, x = p({ name: "OIcon" }), B = p({ ...x, props: { name: { type: String, required: !0 }, color: { type: String }, size: { type: [String, Number], default: "16px" }, disabled: { type: Boolean, default: !1 }, type: { type: String, default: "" }, svgAttrs: { type: Object, default: () => ({}) } }, emits: ["click"], setup(t, { emit: o }) {
4
+ const e = t, f = o;
5
+ function u(s) {
6
+ e.disabled || f("click", s);
7
+ }
8
+ const b = g(() => e.disabled ? "#c8c9cc" : e.color);
9
+ return (s, N) => {
10
+ const v = c("el-tooltip"), y = c("el-icon");
11
+ return n(), a(y, { color: b.value, "props.disabled": "", size: e.size, class: k(["o-icon", e.disabled && "o-icon__not-allowed"]), onClick: u }, { default: r(() => [_(v, i({ disabled: !s.$attrs.content }, s.$attrs), { default: r(() => [C("span", j, [t.type === "svg" ? (n(), a(d(O), i({ key: 0 }, t.svgAttrs, { name: t.name }), null, 16, ["name"])) : (n(), a(z(`el-icon-${d(m)(e.name)}`), { key: 1 }))], 512)]), _: 1 }, 16, ["disabled"])]), _: 1 }, 8, ["color", "size", "class"]);
12
+ };
13
+ } }), E = ((l = S(B, [["__scopeId", "data-v-8bfad049"]])).install = (t) => {
14
+ for (const o of [l, ...Object.values({})])
15
+ t.component(o.name, o);
16
+ for (const [o, e] of Object.entries($))
17
+ t.component(`el-icon-${m(o)}`, e);
18
+ }, l);
19
+ var l;
20
+ export {
21
+ E as default
22
+ };