@oneb/ui-vue 0.1.10 → 0.1.12

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/index.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./index-668faddf.cjs"),c=require("./card/index.cjs"),i=require("./form/index.cjs"),p=require("./OneBrowserMenu-3650ed5d.cjs"),m=require("./dropdown/index.cjs"),g=require("./common/index.cjs"),e=require("vue"),f=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const y={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},O=e.defineComponent({__name:"OneIndicators",props:{...y},setup(r){const t=r,l=e.computed(()=>{switch(t.color){case"green":return"#70BE33";case"blue":return"#4089E0";case"red":return"#FF0440";case"yellow":return"#FFBA08";default:return"#FFBA08"}}),d=e.computed(()=>{let n="",o="",s;return t.text?t.size==="sm"?(o="min-w-[12px]",s="textSm"):t.size==="md"?(o="min-w-[16px]",s="textMd"):t.size==="lg"&&(o="min-w-[20px]",s="textLg"):t.size==="sm"?n="w-3 min-w-[12px]":t.size==="lg"?n="w-5 min-w-[20px]":t.size==="md"&&(n="w-4 min-w-[16px]"),`${n} ${s} ${o} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),u=e.computed(()=>{let n="",o="",s;return t.text?t.size==="sm"?(o="min-w-[44px]",s="textMd"):t.size==="md"?(o="min-w-[58px]",s="text10"):t.size==="lg"&&(o="min-w-[68px]",s="text-sm"):t.size==="sm"?n="min-w-[44px]":t.size==="lg"?n="min-w-[68px]":t.size==="md"&&(n="min-w-[58px]"),`${n} ${s} ${o} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),a=e.computed(()=>{const n=t.bargeVariant==="stand"?"1A":"",o=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${l.value}${n}`,border:o,borderColor:l.value}});return(n,o)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[d.value]]),style:e.normalizeStyle({backgroundColor:l.value})},[e.createElementVNode("p",{class:"px-1 font-semibold",style:e.normalizeStyle({color:(l.value!=="#FFBA08","white")})},e.toDisplayString(n.text),5)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[u.value,{"rounded-full":n.bargeVariant==="round",rounded:n.bargeVariant!=="round"}]]),style:e.normalizeStyle([a.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:n.bargeVariant!=="stand"?"white":l.value})},e.toDisplayString(n.text),5)],6)):e.createCommentVNode("",!0)}});const v=f._export_sfc(O,[["__scopeId","data-v-6b353b46"]]),b=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(r){const t=r,l=e.ref(!1),d=e.computed(()=>{const n="inline-flex items-center cursor-pointer transition-opacity rounded-full",o=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",s=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${n} ${o} ${s} ${l.value?"opacity-80":"hover:opacity-90"}`}),u=()=>{l.value=!0},a=()=>{l.value=!1};return(n,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onMousedown:u,onMouseup:a,onMouseleave:a},[e.createElementVNode("span",null,e.toDisplayString(r.text),1)],34))}});const w=e.defineComponent({setup(){const r=e.ref(!1);return{isOpen:r,toggle:()=>{r.value=!r.value}}}});const x={class:"border rounded-lg shadow-md p-4"},C={key:0,class:"mt-4"};function z(r,t,l,d,u,a){return e.openBlock(),e.createElementBlock("div",x,[e.createElementVNode("div",{onClick:t[0]||(t[0]=(...n)=>r.toggle&&r.toggle(...n)),class:"flex items-center justify-between cursor-pointer"},[e.renderSlot(r.$slots,"title",{},()=>[t[1]||(t[1]=e.createTextVNode(" Заголовок "))],!0),e.createElementVNode("span",null,e.toDisplayString(r.isOpen?"˄":"˅"),1)]),e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[r.isOpen?(e.openBlock(),e.createElementBlock("div",C,[e.renderSlot(r.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)]),_:3})])}const $=f._export_sfc(w,[["render",z],["__scopeId","data-v-c110d550"]]);exports.OneButton=_._sfc_main;exports.OneCard=c.OneCard;exports.OneCardBody=c.OneCardBody;exports.OneCardFooter=c.OneCardFooter;exports.OneCardHeader=c.OneCardHeader;exports.OneForm=i.OneForm;exports.OneFormFeedback=i.OneFormFeedback;exports.OneFormField=i.OneFormField;exports.OneFormInput=i.OneFormInput;exports.OneFormLabel=i.OneFormLabel;exports.OneBrowserMenu=p.OneBrowserMenu;exports.OneDropdown=p._sfc_main;exports.OneDropdownItem=p._sfc_main$1;exports.OneUserMenu=p._sfc_main$2;exports.OneBrowserMenuGrid=m.OneBrowserMenuGrid;exports.OneDropdownDivider=m.OneDropdownDivider;exports.OneAvatar=g.OneAvatar;exports.OneCollapse=$;exports.OneIndicators=v;exports.OneLabel=b;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("./index-668faddf.cjs"),m=require("./card/index.cjs"),p=require("./form/index.cjs"),f=require("./OneBrowserMenu-3650ed5d.cjs"),_=require("./dropdown/index.cjs"),x=require("./common/index.cjs"),e=require("vue"),y=require("./_plugin-vue_export-helper-f246444f.cjs");require("./XMarkIcon-f94baa4c.cjs");const C={color:{type:String,default:"red"},size:{type:String,default:"sm"},text:{type:String,default:""},variant:{type:String,default:"indicators"},bargeVariant:{type:String,default:"stand"}},b=e.defineComponent({__name:"OneIndicators",props:{...C},setup(c){const t=c,r=e.computed(()=>{switch(t.color){case"green":return"#70BE33";case"blue":return"#4089E0";case"red":return"#FF0440";case"yellow":return"#FFBA08";default:return"#FFBA08"}}),u=e.computed(()=>{let n="",s="",o;return t.text?t.size==="sm"?(s="min-w-[12px]",o="textSm"):t.size==="md"?(s="min-w-[16px]",o="textMd"):t.size==="lg"&&(s="min-w-[20px]",o="textLg"):t.size==="sm"?n="w-3 min-w-[12px]":t.size==="lg"?n="w-5 min-w-[20px]":t.size==="md"&&(n="w-4 min-w-[16px]"),`${n} ${o} ${s} h-${t.size==="sm"?3:t.size==="lg"?5:4}`}),i=e.computed(()=>{let n="",s="",o;return t.text?t.size==="sm"?(s="min-w-[44px]",o="textMd"):t.size==="md"?(s="min-w-[58px]",o="text10"):t.size==="lg"&&(s="min-w-[68px]",o="text-sm"):t.size==="sm"?n="min-w-[44px]":t.size==="lg"?n="min-w-[68px]":t.size==="md"&&(n="min-w-[58px]"),`${n} ${o} ${s} h-${t.size==="sm"?5:t.size==="lg"?7:6}`}),d=e.computed(()=>{const n=t.bargeVariant==="stand"?"1A":"",s=t.bargeVariant==="stand"?"1px solid":"none";return{backgroundColor:`${r.value}${n}`,border:s,borderColor:r.value}});return(n,s)=>t.variant==="indicators"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["rounded-full border border-white flex items-center justify-center w-max",[u.value]]),style:e.normalizeStyle({backgroundColor:r.value})},[e.createElementVNode("p",{class:"px-1 font-semibold",style:e.normalizeStyle({color:(r.value!=="#FFBA08","white")})},e.toDisplayString(n.text),5)],6)):t.variant==="barge"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["rounded px-2 py-1 text-center w-max",[i.value,{"rounded-full":n.bargeVariant==="round",rounded:n.bargeVariant!=="round"}]]),style:e.normalizeStyle([d.value])},[e.createElementVNode("p",{class:"font-medium",style:e.normalizeStyle({color:n.bargeVariant!=="stand"?"white":r.value})},e.toDisplayString(n.text),5)],6)):e.createCommentVNode("",!0)}});const w=y._export_sfc(b,[["__scopeId","data-v-6b353b46"]]),h=e.defineComponent({__name:"OneLabel",props:{size:{type:String,default:"standard"},color:{type:String,default:"blue"},filled:{type:Boolean,default:!0},text:{type:String,default:"Label"}},setup(c){const t=c,r=e.ref(!1),u=e.computed(()=>{const n="inline-flex items-center cursor-pointer transition-opacity rounded-full",s=t.size==="mini"?"text-xs px-3 py-1":"text-sm px-4 py-2",o=t.filled?`${t.color}-filled`:`${t.color}-border`;return`${n} ${s} ${o} ${r.value?"opacity-80":"hover:opacity-90"}`}),i=()=>{r.value=!0},d=()=>{r.value=!1};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMousedown:i,onMouseup:d,onMouseleave:d},[e.createElementVNode("span",null,e.toDisplayString(c.text),1)],34))}});const z=e.defineComponent({__name:"OneCollapse",props:{blockClass:{},titleClass:{},defaultOpen:{type:Boolean}},setup(c){const t=c,{blockClass:r,titleClass:u,defaultOpen:i}=e.toRefs(t),d=e.ref(null),n=e.ref((i==null?void 0:i.value)??!1),s=()=>{n.value=!n.value},o=l=>{const a=l;a.style.height="0"},v=l=>{const a=l;a.style.height=`${l.scrollHeight}px`,a.style.transition="height 0.3s ease"},g=l=>{const a=l;a.style.height=`${l.scrollHeight}px`,e.nextTick(()=>{a.style.height="0",a.style.transition="height 0.3s ease"})};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r))},[e.createElementVNode("div",{onClick:s,class:e.normalizeClass(e.unref(u))},[e.renderSlot(l.$slots,"title",{isOpen:n.value},void 0,!0)],2),e.createVNode(e.Transition,{name:"accordion",onBeforeEnter:o,onEnter:v,onLeave:g},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"content",ref:d,class:"overflow-hidden"},[e.renderSlot(l.$slots,"default",{},void 0,!0)],512)):e.createCommentVNode("",!0)]),_:3})],2))}});const B=y._export_sfc(z,[["__scopeId","data-v-e1507f44"]]);exports.OneButton=O._sfc_main;exports.OneCard=m.OneCard;exports.OneCardBody=m.OneCardBody;exports.OneCardFooter=m.OneCardFooter;exports.OneCardHeader=m.OneCardHeader;exports.OneForm=p.OneForm;exports.OneFormFeedback=p.OneFormFeedback;exports.OneFormField=p.OneFormField;exports.OneFormInput=p.OneFormInput;exports.OneFormLabel=p.OneFormLabel;exports.OneBrowserMenu=f.OneBrowserMenu;exports.OneDropdown=f._sfc_main;exports.OneDropdownItem=f._sfc_main$1;exports.OneUserMenu=f._sfc_main$2;exports.OneBrowserMenuGrid=_.OneBrowserMenuGrid;exports.OneDropdownDivider=_.OneDropdownDivider;exports.OneAvatar=x.OneAvatar;exports.OneCollapse=B;exports.OneIndicators=w;exports.OneLabel=h;
package/dist/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import { _ as P } from "./index-ab76dea6.js";
2
- import { OneCard as T, OneCardBody as W, OneCardFooter as G, OneCardHeader as H } from "./card/index.js";
3
- import { OneForm as U, OneFormFeedback as q, OneFormField as J, OneFormInput as K, OneFormLabel as Q } from "./form/index.js";
4
- import { O as Y, _ as Z, a as ee, b as te } from "./OneBrowserMenu-8cf71483.js";
5
- import { OneBrowserMenuGrid as ne, OneDropdownDivider as re } from "./dropdown/index.js";
6
- import { OneAvatar as ae } from "./common/index.js";
7
- import { defineComponent as g, computed as l, openBlock as i, createElementBlock as d, normalizeClass as x, normalizeStyle as m, createElementVNode as u, toDisplayString as f, createCommentVNode as y, ref as v, renderSlot as _, createTextVNode as w, createVNode as C, Transition as O, withCtx as z } from "vue";
8
- import { _ as b } from "./_plugin-vue_export-helper-dad06003.js";
1
+ import { _ as T } from "./index-ab76dea6.js";
2
+ import { OneCard as j, OneCardBody as G, OneCardFooter as U, OneCardHeader as q } from "./card/index.js";
3
+ import { OneForm as K, OneFormFeedback as Q, OneFormField as X, OneFormInput as Y, OneFormLabel as Z } from "./form/index.js";
4
+ import { O as te, _ as se, a as ne, b as oe } from "./OneBrowserMenu-8cf71483.js";
5
+ import { OneBrowserMenuGrid as le, OneDropdownDivider as ae } from "./dropdown/index.js";
6
+ import { OneAvatar as de } from "./common/index.js";
7
+ import { defineComponent as g, computed as u, openBlock as p, createElementBlock as m, normalizeClass as f, normalizeStyle as x, createElementVNode as _, toDisplayString as y, createCommentVNode as w, ref as v, toRefs as $, unref as h, renderSlot as b, createVNode as F, Transition as k, withCtx as S, nextTick as B } from "vue";
8
+ import { _ as C } from "./_plugin-vue_export-helper-dad06003.js";
9
9
  import "./XMarkIcon-51ef0691.js";
10
- const $ = {
10
+ const E = {
11
11
  color: {
12
12
  type: String,
13
13
  default: "red"
@@ -28,13 +28,13 @@ const $ = {
28
28
  type: String,
29
29
  default: "stand"
30
30
  }
31
- }, h = /* @__PURE__ */ g({
31
+ }, V = /* @__PURE__ */ g({
32
32
  __name: "OneIndicators",
33
33
  props: {
34
- ...$
34
+ ...E
35
35
  },
36
- setup(s) {
37
- const e = s, o = l(() => {
36
+ setup(i) {
37
+ const e = i, o = u(() => {
38
38
  switch (e.color) {
39
39
  case "green":
40
40
  return "#70BE33";
@@ -47,42 +47,42 @@ const $ = {
47
47
  default:
48
48
  return "#FFBA08";
49
49
  }
50
- }), p = l(() => {
51
- let t = "", n = "", r;
52
- return e.text ? e.size === "sm" ? (n = "min-w-[12px]", r = "textSm") : e.size === "md" ? (n = "min-w-[16px]", r = "textMd") : e.size === "lg" && (n = "min-w-[20px]", r = "textLg") : e.size === "sm" ? t = "w-3 min-w-[12px]" : e.size === "lg" ? t = "w-5 min-w-[20px]" : e.size === "md" && (t = "w-4 min-w-[16px]"), `${t} ${r} ${n} h-${e.size === "sm" ? 3 : e.size === "lg" ? 5 : 4}`;
53
- }), c = l(() => {
54
- let t = "", n = "", r;
55
- return e.text ? e.size === "sm" ? (n = "min-w-[44px]", r = "textMd") : e.size === "md" ? (n = "min-w-[58px]", r = "text10") : e.size === "lg" && (n = "min-w-[68px]", r = "text-sm") : e.size === "sm" ? t = "min-w-[44px]" : e.size === "lg" ? t = "min-w-[68px]" : e.size === "md" && (t = "min-w-[58px]"), `${t} ${r} ${n} h-${e.size === "sm" ? 5 : e.size === "lg" ? 7 : 6}`;
56
- }), a = l(() => {
57
- const t = e.bargeVariant === "stand" ? "1A" : "", n = e.bargeVariant === "stand" ? "1px solid" : "none";
50
+ }), c = u(() => {
51
+ let t = "", s = "", n;
52
+ return e.text ? e.size === "sm" ? (s = "min-w-[12px]", n = "textSm") : e.size === "md" ? (s = "min-w-[16px]", n = "textMd") : e.size === "lg" && (s = "min-w-[20px]", n = "textLg") : e.size === "sm" ? t = "w-3 min-w-[12px]" : e.size === "lg" ? t = "w-5 min-w-[20px]" : e.size === "md" && (t = "w-4 min-w-[16px]"), `${t} ${n} ${s} h-${e.size === "sm" ? 3 : e.size === "lg" ? 5 : 4}`;
53
+ }), a = u(() => {
54
+ let t = "", s = "", n;
55
+ return e.text ? e.size === "sm" ? (s = "min-w-[44px]", n = "textMd") : e.size === "md" ? (s = "min-w-[58px]", n = "text10") : e.size === "lg" && (s = "min-w-[68px]", n = "text-sm") : e.size === "sm" ? t = "min-w-[44px]" : e.size === "lg" ? t = "min-w-[68px]" : e.size === "md" && (t = "min-w-[58px]"), `${t} ${n} ${s} h-${e.size === "sm" ? 5 : e.size === "lg" ? 7 : 6}`;
56
+ }), d = u(() => {
57
+ const t = e.bargeVariant === "stand" ? "1A" : "", s = e.bargeVariant === "stand" ? "1px solid" : "none";
58
58
  return {
59
59
  backgroundColor: `${o.value}${t}`,
60
- border: n,
60
+ border: s,
61
61
  borderColor: o.value
62
62
  };
63
63
  });
64
- return (t, n) => e.variant === "indicators" ? (i(), d("div", {
64
+ return (t, s) => e.variant === "indicators" ? (p(), m("div", {
65
65
  key: 0,
66
- class: x(["rounded-full border border-white flex items-center justify-center w-max", [p.value]]),
67
- style: m({ backgroundColor: o.value })
66
+ class: f(["rounded-full border border-white flex items-center justify-center w-max", [c.value]]),
67
+ style: x({ backgroundColor: o.value })
68
68
  }, [
69
- u("p", {
69
+ _("p", {
70
70
  class: "px-1 font-semibold",
71
- style: m({ color: (o.value !== "#FFBA08", "white") })
72
- }, f(t.text), 5)
73
- ], 6)) : e.variant === "barge" ? (i(), d("div", {
71
+ style: x({ color: (o.value !== "#FFBA08", "white") })
72
+ }, y(t.text), 5)
73
+ ], 6)) : e.variant === "barge" ? (p(), m("div", {
74
74
  key: 1,
75
- class: x(["rounded px-2 py-1 text-center w-max", [c.value, { "rounded-full": t.bargeVariant === "round", rounded: t.bargeVariant !== "round" }]]),
76
- style: m([a.value])
75
+ class: f(["rounded px-2 py-1 text-center w-max", [a.value, { "rounded-full": t.bargeVariant === "round", rounded: t.bargeVariant !== "round" }]]),
76
+ style: x([d.value])
77
77
  }, [
78
- u("p", {
78
+ _("p", {
79
79
  class: "font-medium",
80
- style: m({ color: t.bargeVariant !== "stand" ? "white" : o.value })
81
- }, f(t.text), 5)
82
- ], 6)) : y("", !0);
80
+ style: x({ color: t.bargeVariant !== "stand" ? "white" : o.value })
81
+ }, y(t.text), 5)
82
+ ], 6)) : w("", !0);
83
83
  }
84
84
  });
85
- const E = /* @__PURE__ */ b(h, [["__scopeId", "data-v-6b353b46"]]), A = /* @__PURE__ */ g({
85
+ const D = /* @__PURE__ */ C(V, [["__scopeId", "data-v-6b353b46"]]), H = /* @__PURE__ */ g({
86
86
  __name: "OneLabel",
87
87
  props: {
88
88
  size: {
@@ -106,81 +106,97 @@ const E = /* @__PURE__ */ b(h, [["__scopeId", "data-v-6b353b46"]]), A = /* @__PU
106
106
  // Текст лейблу
107
107
  }
108
108
  },
109
- setup(s) {
110
- const e = s, o = v(!1), p = l(() => {
111
- const t = "inline-flex items-center cursor-pointer transition-opacity rounded-full", n = e.size === "mini" ? "text-xs px-3 py-1" : "text-sm px-4 py-2", r = e.filled ? `${e.color}-filled` : `${e.color}-border`;
112
- return `${t} ${n} ${r} ${o.value ? "opacity-80" : "hover:opacity-90"}`;
113
- }), c = () => {
109
+ setup(i) {
110
+ const e = i, o = v(!1), c = u(() => {
111
+ const t = "inline-flex items-center cursor-pointer transition-opacity rounded-full", s = e.size === "mini" ? "text-xs px-3 py-1" : "text-sm px-4 py-2", n = e.filled ? `${e.color}-filled` : `${e.color}-border`;
112
+ return `${t} ${s} ${n} ${o.value ? "opacity-80" : "hover:opacity-90"}`;
113
+ }), a = () => {
114
114
  o.value = !0;
115
- }, a = () => {
115
+ }, d = () => {
116
116
  o.value = !1;
117
117
  };
118
- return (t, n) => (i(), d("div", {
119
- class: x(p.value),
120
- onMousedown: c,
121
- onMouseup: a,
122
- onMouseleave: a
118
+ return (t, s) => (p(), m("div", {
119
+ class: f(c.value),
120
+ onMousedown: a,
121
+ onMouseup: d,
122
+ onMouseleave: d
123
123
  }, [
124
- u("span", null, f(s.text), 1)
124
+ _("span", null, y(i.text), 1)
125
125
  ], 34));
126
126
  }
127
127
  });
128
- const F = g({
129
- setup() {
130
- const s = v(!1);
131
- return {
132
- isOpen: s,
133
- toggle: () => {
134
- s.value = !s.value;
135
- }
128
+ const I = /* @__PURE__ */ g({
129
+ __name: "OneCollapse",
130
+ props: {
131
+ blockClass: {},
132
+ titleClass: {},
133
+ defaultOpen: { type: Boolean }
134
+ },
135
+ setup(i) {
136
+ const e = i, { blockClass: o, titleClass: c, defaultOpen: a } = $(e), d = v(null), t = v((a == null ? void 0 : a.value) ?? !1), s = () => {
137
+ t.value = !t.value;
138
+ }, n = (r) => {
139
+ const l = r;
140
+ l.style.height = "0";
141
+ }, O = (r) => {
142
+ const l = r;
143
+ l.style.height = `${r.scrollHeight}px`, l.style.transition = "height 0.3s ease";
144
+ }, z = (r) => {
145
+ const l = r;
146
+ l.style.height = `${r.scrollHeight}px`, B(() => {
147
+ l.style.height = "0", l.style.transition = "height 0.3s ease";
148
+ });
136
149
  };
150
+ return (r, l) => (p(), m("div", {
151
+ class: f(h(o))
152
+ }, [
153
+ _("div", {
154
+ onClick: s,
155
+ class: f(h(c))
156
+ }, [
157
+ b(r.$slots, "title", { isOpen: t.value }, void 0, !0)
158
+ ], 2),
159
+ F(k, {
160
+ name: "accordion",
161
+ onBeforeEnter: n,
162
+ onEnter: O,
163
+ onLeave: z
164
+ }, {
165
+ default: S(() => [
166
+ t.value ? (p(), m("div", {
167
+ key: 0,
168
+ ref_key: "content",
169
+ ref: d,
170
+ class: "overflow-hidden"
171
+ }, [
172
+ b(r.$slots, "default", {}, void 0, !0)
173
+ ], 512)) : w("", !0)
174
+ ]),
175
+ _: 3
176
+ })
177
+ ], 2));
137
178
  }
138
179
  });
139
- const S = { class: "border rounded-lg shadow-md p-4" }, B = {
140
- key: 0,
141
- class: "mt-4"
142
- };
143
- function k(s, e, o, p, c, a) {
144
- return i(), d("div", S, [
145
- u("div", {
146
- onClick: e[0] || (e[0] = (...t) => s.toggle && s.toggle(...t)),
147
- class: "flex items-center justify-between cursor-pointer"
148
- }, [
149
- _(s.$slots, "title", {}, () => [
150
- e[1] || (e[1] = w(" Заголовок "))
151
- ], !0),
152
- u("span", null, f(s.isOpen ? "˄" : "˅"), 1)
153
- ]),
154
- C(O, { name: "fade" }, {
155
- default: z(() => [
156
- s.isOpen ? (i(), d("div", B, [
157
- _(s.$slots, "default", {}, void 0, !0)
158
- ])) : y("", !0)
159
- ]),
160
- _: 3
161
- })
162
- ]);
163
- }
164
- const L = /* @__PURE__ */ b(F, [["render", k], ["__scopeId", "data-v-c110d550"]]);
180
+ const N = /* @__PURE__ */ C(I, [["__scopeId", "data-v-e1507f44"]]);
165
181
  export {
166
- ae as OneAvatar,
167
- Y as OneBrowserMenu,
168
- ne as OneBrowserMenuGrid,
169
- P as OneButton,
170
- T as OneCard,
171
- W as OneCardBody,
172
- G as OneCardFooter,
173
- H as OneCardHeader,
174
- L as OneCollapse,
175
- Z as OneDropdown,
176
- re as OneDropdownDivider,
177
- ee as OneDropdownItem,
178
- U as OneForm,
179
- q as OneFormFeedback,
180
- J as OneFormField,
181
- K as OneFormInput,
182
- Q as OneFormLabel,
183
- E as OneIndicators,
184
- A as OneLabel,
185
- te as OneUserMenu
182
+ de as OneAvatar,
183
+ te as OneBrowserMenu,
184
+ le as OneBrowserMenuGrid,
185
+ T as OneButton,
186
+ j as OneCard,
187
+ G as OneCardBody,
188
+ U as OneCardFooter,
189
+ q as OneCardHeader,
190
+ N as OneCollapse,
191
+ se as OneDropdown,
192
+ ae as OneDropdownDivider,
193
+ ne as OneDropdownItem,
194
+ K as OneForm,
195
+ Q as OneFormFeedback,
196
+ X as OneFormField,
197
+ Y as OneFormInput,
198
+ Z as OneFormLabel,
199
+ D as OneIndicators,
200
+ H as OneLabel,
201
+ oe as OneUserMenu
186
202
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .textSm[data-v-6b353b46]{font-size:6px}.textMd[data-v-6b353b46]{font-size:8px}.textLg[data-v-6b353b46]{font-size:9px}.text10[data-v-6b353b46]{font-size:10px}.text-sm[data-v-6b353b46]{font-size:12px}.text-md[data-v-6b353b46]{font-size:14px}.text-lg[data-v-6b353b46]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.fade-enter-active[data-v-c110d550],.fade-leave-active[data-v-c110d550]{transition:opacity .5s}.fade-enter[data-v-c110d550],.fade-leave-to[data-v-c110d550]{opacity:0}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.sidebar[data-v-bded4814]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-bded4814]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-bded4814]{position:relative}.tooltip-text[data-v-bded4814]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-bded4814]{visibility:visible;opacity:1}.cont[data-v-bded4814]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-bded4814]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-8ffc89cc]{height:100dvh}.module-border-wrap[data-v-8ffc89cc]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
1
+ .textSm[data-v-6b353b46]{font-size:6px}.textMd[data-v-6b353b46]{font-size:8px}.textLg[data-v-6b353b46]{font-size:9px}.text10[data-v-6b353b46]{font-size:10px}.text-sm[data-v-6b353b46]{font-size:12px}.text-md[data-v-6b353b46]{font-size:14px}.text-lg[data-v-6b353b46]{font-size:16px}.blue-filled{background-color:#007bff;color:#fff}.blue-border{border:2px solid #007bff;color:#007bff}.red-filled{background-color:#dc3545;color:#fff}.red-border{border:2px solid #dc3545;color:#dc3545}.green-filled{background-color:#28a745;color:#fff}.green-border{border:2px solid #28a745;color:#28a745}.yellow-filled{background-color:#fbbc04;color:#fff}.yellow-border{border:2px solid #fbbc04;color:#fbbc04}.accordion-enter-active[data-v-e1507f44],.accordion-leave-active[data-v-e1507f44]{transition:height .3s ease}.accordion-enter[data-v-e1507f44],.accordion-leave-to[data-v-e1507f44]{height:0;overflow:hidden}.text9[data-v-4936d4e4]{font-size:9px}.h-browser[data-v-4936d4e4]{height:calc(100% - 75px)}.sidebar[data-v-bded4814]{background:rgba(245,247,251,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dropdown[data-v-bded4814]{position:absolute;background:white;border:1px solid #ccc;border-radius:5px;padding:10px;bottom:100%;left:0}.tooltip[data-v-bded4814]{position:relative}.tooltip-text[data-v-bded4814]{visibility:hidden;background-color:#000;color:#fff;text-align:center;padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltip-text[data-v-bded4814]{visibility:visible;opacity:1}.cont[data-v-bded4814]{flex-direction:column;height:100vh;height:100dvh;justify-content:space-between}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar{width:2px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.overflow-y-auto[data-v-bded4814]::-webkit-scrollbar-thumb:hover{background-color:#555}.border-gradient[data-v-bded4814]{position:relative;background:linear-gradient(to right,#E1A508,#E04040);border-radius:9px}.scroll-body[data-v-8ffc89cc]{height:100dvh}.module-border-wrap[data-v-8ffc89cc]{border-radius:14px;position:relative;background:linear-gradient(to right,#e1a508,#e04040);padding:1px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar{width:3px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-track{background-color:#979ca9;border-radius:0}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb{background-color:#888;border-radius:2px}.overflow-y-auto[data-v-8ffc89cc]::-webkit-scrollbar-thumb:hover{background-color:#555}@keyframes one-sp-ico-rot{to{transform:rotate(360deg)}}@keyframes one-sp-ico-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oneb/ui-vue",
3
- "version": "0.1.10",
3
+ "version": "0.1.12",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "files": [