@oneb/ui-vue 0.1.20 → 0.1.22
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/{OneBrowserMenu-8cf71483.js → OneBrowserMenu-97c45a52.js} +177 -178
- package/dist/OneBrowserMenu-ac867a37.cjs +1 -0
- package/dist/button/index.cjs +1 -1
- package/dist/button/index.js +1 -1
- package/dist/dropdown/index.cjs +1 -1
- package/dist/dropdown/index.js +62 -62
- package/dist/form/index.cjs +1 -1
- package/dist/form/index.js +125 -125
- package/dist/index-81f36d8e.js +149 -0
- package/dist/index-98ecfd9e.cjs +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +4 -5
- package/dist/layout/index.cjs +1 -1
- package/dist/layout/index.js +407 -407
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/dist/OneBrowserMenu-3650ed5d.cjs +0 -1
- package/dist/button/OneButton.vue.d.ts +0 -2
- package/dist/button/SpinnerIcon.vue.d.ts +0 -2
- package/dist/button/util.d.ts +0 -2
- package/dist/card/OneCard.vue.d.ts +0 -2
- package/dist/card/OneCardBody.vue.d.ts +0 -2
- package/dist/card/OneCardFooter.vue.d.ts +0 -2
- package/dist/card/OneCardHeader.vue.d.ts +0 -2
- package/dist/collapse/OneCollapse.vue.d.ts +0 -2
- package/dist/common/OneAvatar.vue.d.ts +0 -2
- package/dist/composables/useElementWidth.d.ts +0 -1
- package/dist/composables/useResizeObserver.d.ts +0 -5
- package/dist/dropdown/OneBrowserMenu.vue.d.ts +0 -2
- package/dist/dropdown/OneBrowserMenuGrid.vue.d.ts +0 -2
- package/dist/dropdown/OneDropdown.vue.d.ts +0 -2
- package/dist/dropdown/OneDropdownDivider.vue.d.ts +0 -2
- package/dist/dropdown/OneDropdownItem.vue.d.ts +0 -2
- package/dist/dropdown/OneUserMenu.vue.d.ts +0 -2
- package/dist/form/OneForm.vue.d.ts +0 -2
- package/dist/form/OneFormFeedback.vue.d.ts +0 -2
- package/dist/form/OneFormField.vue.d.ts +0 -2
- package/dist/form/OneFormInput.vue.d.ts +0 -2
- package/dist/form/OneFormLabel.vue.d.ts +0 -2
- package/dist/index-668faddf.cjs +0 -1
- package/dist/index-ab76dea6.js +0 -145
- package/dist/indicators/OneIndicators.vue.d.ts +0 -2
- package/dist/label/OneLabel.vue.d.ts +0 -2
- package/dist/layout/IconOneb.vue.d.ts +0 -2
- package/dist/layout/OneMainLayout.vue.d.ts +0 -2
- package/dist/layout/OneSidebar.vue.d.ts +0 -2
- package/dist/layout/OneSidebarLink.vue.d.ts +0 -2
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{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-
|
|
1
|
+
.textSm[data-v-3d58c944]{font-size:6px}.textMd[data-v-3d58c944]{font-size:8px}.textLg[data-v-3d58c944]{font-size:9px}.text10[data-v-3d58c944]{font-size:10px}.text-sm[data-v-3d58c944]{font-size:12px}.text-md[data-v-3d58c944]{font-size:14px}.text-lg[data-v-3d58c944]{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-1c2c0817],.accordion-leave-active[data-v-1c2c0817]{transition:height .3s ease}.accordion-enter[data-v-1c2c0817],.accordion-leave-to[data-v-1c2c0817]{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 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),f=require("./common/index.cjs"),N=require("./XMarkIcon-f94baa4c.cjs"),S=require("./index-668faddf.cjs"),A=require("./_plugin-vue_export-helper-f246444f.cjs"),$={title:{type:String},stick:{type:String,default:"right"}},z={variant:{type:String,default:"primary"},label:{type:String},icon:{type:[Function,Object]}},D=["data-opened"],O={key:0,class:"text-sm text-secondary-content px-3 py-2 text-left"},w=e.defineComponent({__name:"OneDropdown",props:$,emits:["open","close"],setup(d,{emit:l}){const a=e.ref(!1),s=e.ref(null),c=l,n=d,r=()=>{a.value=!a.value,a.value?c("open"):c("close")};e.provide("OneDropdown",{onToggle:r});const o=e.computed(()=>{const t=s.value!=null&&s.value.getBoundingClientRect.x<270;return s.value!=null&&s.value.getBoundingClientRect().top+270>window.innerHeight?"up"+(t?"-right":"-left"):"down"+(t?"-right":"-left")}),u=e.computed(()=>{const t=["absolute z-10 w-fit rounded-md bg-white","py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none","overflow-auto max-h-[540px] min-w-[150px] max-w-[540px]"];return o.value.startsWith("up")?t.push("bottom-1 mb-10"):o.value.startsWith("down")&&t.push("top-1 mt-10"),n.stick==="right"?t.push("right-0"):n.stick==="left"&&t.push("left-0"),t});return(t,p)=>(e.openBlock(),e.createElementBlock("div",{class:"relative inline-block",ref_key:"menuRef",ref:s,"data-opened":a.value},[e.renderSlot(t.$slots,"button",e.normalizeProps(e.guardReactiveProps({onToggle:r,isExpanded:a.value}))),a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10",onClick:r})):e.createCommentVNode("",!0),e.createVNode(e.Transition,{"enter-active-class":"transition ease-out duration-100","enter-from-class":"transform opacity-0 scale-95","enter-to-class":"transform opacity-100 scale-100","leave-active-class":"transition ease-in duration-75","leave-from-class":"transform opacity-100 scale-100","leave-to-class":"transform opacity-0 scale-95"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["menu",u.value]),role:"menu","aria-orientation":"vertical",tabindex:"-1"},[t.title?(e.openBlock(),e.createElementBlock("div",O,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"menu",e.normalizeProps(e.guardReactiveProps({onToggle:r})))],2)):e.createCommentVNode("",!0)]),_:3})],8,D))}}),k=e.defineComponent({__name:"OneDropdownItem",props:z,emits:["click"],setup(d,{emit:l}){const a=l,s=d,c=e.inject("OneDropdown"),n=()=>{c!==void 0&&c.onToggle(),a("click")},r=e.computed(()=>{const o=[];return s.variant==="secondary"?o.push("text-secondary-content hover:bg-secondary-body-hover"):s.variant==="danger"?o.push("text-danger-content hover:bg-danger-10"):s.variant==="warning"?o.push("text-warning-content hover:bg-warning-10"):s.variant==="info"?o.push("text-info-content hover:bg-info-10"):o.push("hover:bg-secondary-body-hover"),o});return(o,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["px-3 py-1.5 flex items-center space-x-3 w-full whitespace-nowrap",r.value]),onClick:e.withModifiers(n,["prevent"])},[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0,class:"w-4 h-4"})):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(o.label),1)],2))}});function L(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"})])}const F={user:{type:Object,required:!0},menu:{type:Array,default:()=>[]},iconSize:{type:String,default:"34"},app:{type:Object},accountLabel:{type:String,default:"Account"},logoutLabel:{type:String,default:"Logout"},versionLabel:{type:String,default:""},onAccount:{type:Function},onLogout:{type:Function}},_={workspace:{type:Object,required:!0},workspaces:{type:Array},apps:{type:Array,required:!0},iconSize:{type:String,default:"24"},appsTitle:{type:String,default:"Ваші додатки"},changeLabel:{type:String,default:"Керувати робочими просторами"},onChange:{type:Function},onApp:{type:Function}},j=["onClick"],M={class:"flex flex-col items-center pt-5 pb-2 h-full"},P={class:"flex flex-col px-10 py-1 mt-2 text-center"},q={class:"self-center text-base font-medium tracking-wide text-black"},R={class:"mt-1 text-xs leading-5 text-blue-500 font-light"},I={class:"text-left w-full mt-5 px-3"},T={class:"-mb-2 flex-shrink-0 mt-auto pt-6 text-[8px] leading-3 text-gray-400"},H=e.defineComponent({__name:"OneUserMenu",props:F,setup(d){const l=d,a=e.computed(()=>{var n;return(n=l.menu)==null?void 0:n.map(r=>{let o={label:r.label};r.icon!=null&&(o={...o,icon:r.icon});const u=typeof r.click=="function"?r.click:()=>{};return{key:r.label,args:o,click:u}})}),s=()=>{typeof l.onAccount=="function"&&l.onAccount()},c=()=>{typeof l.onLogout=="function"&&l.onLogout()};return(n,r)=>(e.openBlock(),e.createBlock(w,{stick:"right"},{button:e.withCtx(({onToggle:o,isExpanded:u})=>{var t,p;return[e.createElementVNode("button",{onClick:o,class:e.normalizeClass(["p-1 rounded-full hover:bg-secondary-10",[u?"bg-secondary-25":""]])},[e.createVNode(f.OneAvatar,{text:((t=n.user)==null?void 0:t.name)||"",size:n.iconSize,src:(p=n.user)==null?void 0:p.photo_url,rounded:!0},null,8,["text","size","src"])],10,j)]}),menu:e.withCtx(()=>{var o,u,t,p,h;return[e.createElementVNode("div",M,[e.createVNode(f.OneAvatar,{text:((o=n.user)==null?void 0:o.name)||"",size:80,src:(u=n.user)==null?void 0:u.photo_url,rounded:!0,class:"mx-auto"},null,8,["text","src"]),e.createElementVNode("div",P,[e.createElementVNode("div",q,e.toDisplayString((t=n.user)==null?void 0:t.name),1),e.createElementVNode("div",R,e.toDisplayString((p=n.user)==null?void 0:p.email),1)]),typeof l.onAccount=="function"?(e.openBlock(),e.createElementBlock("a",{key:0,onClick:s,class:"cursor-pointer justify-center px-8 py-2 mt-3 text-xs font-semibold tracking-wide leading-5 text-gray-600 border border-solid bg-neutral-100 border-slate-200 rounded-[50px] hover:bg-neutral-200"},e.toDisplayString(n.accountLabel),1)):e.createCommentVNode("",!0),e.createElementVNode("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,m=>(e.openBlock(),e.createBlock(k,e.mergeProps({key:m.key,ref_for:!0},m.args,{onClick:m.click}),null,16,["onClick"]))),128)),typeof n.onLogout=="function"?(e.openBlock(),e.createBlock(k,{key:0,icon:e.unref(L),label:n.logoutLabel,class:"rounded py-3",onClick:c},null,8,["icon","label"])):e.createCommentVNode("",!0)]),r[0]||(r[0]=e.createElementVNode("div",{class:"space-y-2 text-center",style:{width:"240px"}},null,-1)),e.createElementVNode("div",T,e.toDisplayString((h=n.app)==null?void 0:h.version),1)])]}),_:1}))}});function b(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"3.9",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"10.53",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"17.16",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"10.53",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"}),e.createElementVNode("rect",{width:"2.94",height:"2.94",x:"3.9",y:"17.16",fill:"currentColor","stroke-width":"1.8",rx:"1.1"})])}function E(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})])}function V(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 15.75l7.5-7.5 7.5 7.5"})])}function B(d,l){return e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.8",stroke:"currentColor","aria-hidden":"true"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"})])}const W=["data-opened"],U={key:1,class:"absolute top-0 right-0 h-screen overflow-y-auto max-w-96 bg-white px-3 z-10"},X={class:"flex justify-between items-center pt-3 mb-3"},G={class:"font-semibold text-xl px-3"},J={class:"grid"},K={class:"rounded-lg m-3 border"},Q={class:"space-x-2 flex items-center px-3 py-2",style:{width:"300px"}},Y={class:"flex justify-between relative"},Z={class:"flex items-center justify-between w-full text-left text-sm font-semibold"},ee={key:0},te={class:"text-xs font-semibold"},oe={class:"px-3 py-2"},ne={class:"text-secondary-content text-left pb-1 text-xs uppercase"},re={class:"overflow-auto max-h-full"},le={key:0,class:"space-y-2"},se=["onClick"],ce={class:"flex"},ae={class:"border border-secondary-stroke rounded-2xl w-14 h-14 md:w-14 md:h-14 flex items-center justify-center"},ie={class:"pl-2"},de={class:"text-sm mt-1 font-semibold"},ue={class:"text9 mt-1"},pe={key:1,class:"mt-2 w-full bg-[#FAFAFA] hover:bg-secondary-10 p-2 rounded-lg mb-5 text-xs hidden"},me=e.defineComponent({__name:"OneBrowserMenu",props:_,emits:["open","close"],setup(d,{emit:l}){const a=l,s=d,c=e.ref(!1),n=()=>{c.value=!c.value,c.value?a("open"):a("close")},r=e.ref(!1);e.computed(()=>r.value?V:E);const o=()=>{typeof s.onChange=="function"&&s.onChange()},u=t=>{typeof s.onApp=="function"&&s.onApp(t)};return(t,p)=>{var h,m,g,v,y,x;return e.openBlock(),e.createElementBlock("div",{"data-opened":c.value},[e.createElementVNode("button",{onClick:n,class:e.normalizeClass(["p-1 w-[44px] h-[44px] rounded-md hover:bg-secondary-10",{"bg-secondary-10":c.value}])},[e.createVNode(e.unref(b),{class:"text-secondary-base w-full p-1 hover:text-blue-600 m-auto"})],2),c.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed top-0 left-0 w-screen h-screen z-10 bg-black/10",onClick:n})):e.createCommentVNode("",!0),c.value?(e.openBlock(),e.createElementBlock("div",U,[e.createElementVNode("div",X,[e.createElementVNode("div",G,e.toDisplayString((h=t.workspace)==null?void 0:h.title),1),e.createVNode(e.unref(N.render),{class:"w-6 cursor-pointer",onClick:n})]),e.createElementVNode("div",J,[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("div",Y,[e.createVNode(f.OneAvatar,{text:((m=t.workspace)==null?void 0:m.name)||"",src:(g=t.workspace)==null?void 0:g.photo_url,size:44,rounded:!1,class:"mx-auto"},null,8,["text","src"])]),e.createElementVNode("div",Z,e.toDisplayString((v=t.workspace)==null?void 0:v.name),1)]),r.value?(e.openBlock(),e.createElementBlock("div",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.workspaces,i=>(e.openBlock(),e.createElementBlock("div",{key:i.name,class:"flex items-center space-x-3 border-t px-5 py-2 hover:bg-secondary-10"},[e.createVNode(f.OneAvatar,{text:i.name,src:i.photo_url,size:30,rounded:!1},null,8,["text","src"]),e.createElementVNode("span",te,e.toDisplayString(i.name),1)]))),128))])):e.createCommentVNode("",!0),p[0]||(p[0]=e.createElementVNode("hr",null,null,-1)),e.createElementVNode("div",{onClick:o,class:"text-center py-2 cursor-pointer",style:{"font-size":"10px"}},e.toDisplayString((y=t.workspace)==null?void 0:y.changeLabel),1)])]),e.createElementVNode("div",oe,[e.createElementVNode("div",ne,e.toDisplayString((x=t.workspace)==null?void 0:x.appsLabel),1),e.createElementVNode("div",re,[t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.apps,i=>(e.openBlock(),e.createElementBlock("div",{key:i.id,onClick:C=>u(i),class:"flex justify-between items-center rounded-lg hover:bg-secondary-10 p-2 bg-[#FAFAFA] cursor-pointer"},[e.createElementVNode("div",ce,[e.createElementVNode("div",ae,[e.createVNode(f.OneAvatar,{text:i.name,src:i.photo_url,size:44,rounded:!1},null,8,["text","src"])]),e.createElementVNode("div",ie,[e.createElementVNode("p",de,e.toDisplayString(i.name),1),e.createElementVNode("p",ue,e.toDisplayString(i==null?void 0:i.short),1)])]),e.createElementVNode("div",null,[e.createVNode(S._sfc_main,{variant:"touch",icon:e.unref(B),onClick:C=>u(i)},null,8,["icon","onClick"])])],8,se))),128))])):e.createCommentVNode("",!0),t.apps&&t.apps.length?(e.openBlock(),e.createElementBlock("button",pe,e.toDisplayString("Дивитися всі"))):e.createCommentVNode("",!0)])])])):e.createCommentVNode("",!0)],8,W)}}});const he=A._export_sfc(me,[["__scopeId","data-v-4936d4e4"]]);exports.OneBrowserMenu=he;exports._sfc_main=w;exports._sfc_main$1=k;exports._sfc_main$2=H;exports.browserMenuProps=_;exports.render=V;exports.render$1=E;exports.render$2=B;exports.render$3=b;
|
package/dist/button/util.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const useElementWidth: (el: Ref<HTMLElement>) => any;
|
package/dist/index-668faddf.cjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("vue"),g=require("./_plugin-vue_export-helper-f246444f.cjs");const v={},y={class:"spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",style:{animation:"one-sp-ico-rot 2.7s linear infinite"}};function f(i,n){return e.openBlock(),e.createElementBlock("svg",y,n[0]||(n[0]=[e.createElementVNode("circle",{style:{"stroke-linecap":"round",animation:"one-sp-ico-dash 1.7s ease-in-out infinite"},class:"opacity-75",cx:"12",cy:"12",r:"8",fill:"none",stroke:"currentColor","stroke-width":"2"},null,-1)]))}const c=g._export_sfc(v,[["render",f]]),h={variant:{type:String,default:"primary"},size:{type:String,default:"md"},label:{type:String},labelClass:{type:String,default:""},icon:{type:[Function,Object]},isLoading:{type:Boolean},isSubmit:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},active:{type:Boolean,default:!1},iconClass:{type:[String,Array]},iconAfter:{type:[Function,Object,String]}},k=["relative inline-flex","border","items-center justify-center","font-medium whitespace-nowrap","disabled:opacity-50 disabled:cursor-default","focus:outline-none focus:ring-2","transition-colors duration-200"],w={sm:["px-2 py-1 text-sm"],md:["px-3 py-2"],lg:["px-4 py-3"]},C={primary:["rounded-md border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],secondary:["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],info:["rounded-md border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],success:["rounded-md border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],warning:["rounded-md border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],danger:["rounded-md border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],touch:["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],link:["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],none:["rounded-md border-transparent text-gray-500"],mini:["rounded-full border-transparent bg-[#FAFAFA] text-sm hover:text-green-500 disabled:text-[#525B66] focus:ring-2"]},x=(i="primary",n="md")=>{const o=[];return o.push(...k),o.push(...C[i]??[]),i!=="touch"&&o.push(...w[n]??[]),o},B=["disabled","title","type"],_=e.defineComponent({__name:"OneButton",props:h,emits:["click"],setup(i,{emit:n}){const o=n,s=i,u=()=>{o("click")},r=e.computed(()=>s.icon),a=e.computed(()=>s.iconAfter),d=e.computed(()=>{const t=x(s.variant,s.size);return s.variant==="touch"&&s.active&&t.push("bg-primary-body-active"),t}),p=e.computed(()=>s.disabled||s.isLoading),m=e.computed(()=>s.label&&s.label.length>0&&s.variant!=="touch"),b=e.computed(()=>{const t=["inline-block text-ellipsis overflow-hidden"];return r.value!=null&&t.push("ml-2"),a.value!=null&&t.push("mr-2"),s.labelClass!=null&&t.push(s.labelClass),t}),l=e.computed(()=>{const t=[];return s.size==="sm"?t.push("w-3 h-3"):s.size==="lg"?t.push("w-5 h-5"):t.push("w-4 h-4"),typeof s.iconClass=="string"?t.push(s.iconClass):s.iconClass instanceof Array&&t.push(...s.iconClass),t});return(t,S)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(d.value),disabled:p.value,title:t.label,type:t.isSubmit?"submit":"button",onClick:e.withModifiers(u,["stop"])},[r.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(c,{key:0,class:e.normalizeClass(l.value)},null,8,["class"])):typeof r.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(l.value)},e.toDisplayString(r.value),3)):r.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value),{key:2,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass(b.value)},e.toDisplayString(t.label),3)):e.createCommentVNode("",!0),a.value!=null&&t.isLoading?(e.openBlock(),e.createBlock(c,{key:4,class:e.normalizeClass(l.value)},null,8,["class"])):typeof a.value=="string"?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(l.value)},e.toDisplayString(a.value),3)):a.value!=null?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a.value),{key:6,class:e.normalizeClass(l.value)},null,8,["class"])):e.createCommentVNode("",!0)],10,B))}});exports.SpinnerIcon=c;exports._sfc_main=_;
|
package/dist/index-ab76dea6.js
DELETED
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
import { openBlock as t, createElementBlock as d, createElementVNode as k, defineComponent as C, computed as r, normalizeClass as n, withModifiers as _, createBlock as p, toDisplayString as b, resolveDynamicComponent as m, createCommentVNode as g } from "vue";
|
|
2
|
-
import { _ as B } from "./_plugin-vue_export-helper-dad06003.js";
|
|
3
|
-
const S = {}, L = {
|
|
4
|
-
class: "spinner",
|
|
5
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6
|
-
viewBox: "0 0 24 24",
|
|
7
|
-
style: { animation: "one-sp-ico-rot 2.7s linear infinite" }
|
|
8
|
-
};
|
|
9
|
-
function A(u, o) {
|
|
10
|
-
return t(), d("svg", L, o[0] || (o[0] = [
|
|
11
|
-
k("circle", {
|
|
12
|
-
style: { "stroke-linecap": "round", animation: "one-sp-ico-dash 1.7s ease-in-out infinite" },
|
|
13
|
-
class: "opacity-75",
|
|
14
|
-
cx: "12",
|
|
15
|
-
cy: "12",
|
|
16
|
-
r: "8",
|
|
17
|
-
fill: "none",
|
|
18
|
-
stroke: "currentColor",
|
|
19
|
-
"stroke-width": "2"
|
|
20
|
-
}, null, -1)
|
|
21
|
-
]));
|
|
22
|
-
}
|
|
23
|
-
const f = /* @__PURE__ */ B(S, [["render", A]]), z = {
|
|
24
|
-
variant: {
|
|
25
|
-
type: String,
|
|
26
|
-
default: "primary"
|
|
27
|
-
},
|
|
28
|
-
size: {
|
|
29
|
-
type: String,
|
|
30
|
-
default: "md"
|
|
31
|
-
},
|
|
32
|
-
label: {
|
|
33
|
-
type: String
|
|
34
|
-
},
|
|
35
|
-
labelClass: {
|
|
36
|
-
type: String,
|
|
37
|
-
default: ""
|
|
38
|
-
},
|
|
39
|
-
icon: {
|
|
40
|
-
type: [Function, Object]
|
|
41
|
-
},
|
|
42
|
-
isLoading: {
|
|
43
|
-
type: Boolean
|
|
44
|
-
},
|
|
45
|
-
isSubmit: {
|
|
46
|
-
type: Boolean,
|
|
47
|
-
default: !1
|
|
48
|
-
},
|
|
49
|
-
disabled: {
|
|
50
|
-
type: Boolean,
|
|
51
|
-
default: !1
|
|
52
|
-
},
|
|
53
|
-
active: {
|
|
54
|
-
type: Boolean,
|
|
55
|
-
default: !1
|
|
56
|
-
},
|
|
57
|
-
iconClass: {
|
|
58
|
-
type: [String, Array]
|
|
59
|
-
},
|
|
60
|
-
iconAfter: {
|
|
61
|
-
type: [Function, Object, String]
|
|
62
|
-
}
|
|
63
|
-
}, F = [
|
|
64
|
-
"relative inline-flex",
|
|
65
|
-
"border",
|
|
66
|
-
"items-center justify-center",
|
|
67
|
-
"font-medium whitespace-nowrap",
|
|
68
|
-
"disabled:opacity-50 disabled:cursor-default",
|
|
69
|
-
"focus:outline-none focus:ring-2",
|
|
70
|
-
"transition-colors duration-200"
|
|
71
|
-
], I = {
|
|
72
|
-
sm: ["px-2 py-1 text-sm"],
|
|
73
|
-
md: ["px-3 py-2"],
|
|
74
|
-
lg: ["px-4 py-3"]
|
|
75
|
-
}, j = {
|
|
76
|
-
primary: ["rounded-md border-transparent bg-primary-base disabled:bg-primary-hover text-sm text-white hover:bg-primary-hover focus:ring-primary-glow"],
|
|
77
|
-
secondary: ["rounded-md border-primary-stroke bg-primary-body disabled:bg-primary-body-hover text-black text-sm hover:bg-primary-body-hover focus:ring-tertiary-glow"],
|
|
78
|
-
info: ["rounded-md border-transparent bg-info-base disabled:bg-info-hover text-white text-sm hover:bg-info-hover focus:ring-info-glow"],
|
|
79
|
-
success: ["rounded-md border-transparent bg-success-base disabled:bg-success-hover text-white text-sm hover:bg-success-hover focus:ring-success-glow"],
|
|
80
|
-
warning: ["rounded-md border-transparent bg-warning-base disabled:bg-warning-hover text-white text-sm hover:bg-warning-hover focus:ring-warning-glow"],
|
|
81
|
-
danger: ["rounded-md border-transparent bg-danger-base disabled:bg-danger-hover text-white text-sm hover:bg-danger-hover focus:ring-danger-glow"],
|
|
82
|
-
touch: ["rounded-full border-transparent text-black hover:bg-primary-body-hover hover:shadow p-3 text-sm focus:ring-tertiary-glow"],
|
|
83
|
-
link: ["rounded-md border-transparent items-center text-info-base hover:text-info-hover text-sm"],
|
|
84
|
-
none: ["rounded-md border-transparent text-gray-500"],
|
|
85
|
-
mini: ["rounded-full border-transparent bg-[#FAFAFA] text-sm hover:text-green-500 disabled:text-[#525B66] focus:ring-2"]
|
|
86
|
-
}, D = (u = "primary", o = "md") => {
|
|
87
|
-
const a = [];
|
|
88
|
-
return a.push(...F), a.push(...j[u] ?? []), u !== "touch" && a.push(...I[o] ?? []), a;
|
|
89
|
-
}, O = ["disabled", "title", "type"], $ = /* @__PURE__ */ C({
|
|
90
|
-
__name: "OneButton",
|
|
91
|
-
props: z,
|
|
92
|
-
emits: ["click"],
|
|
93
|
-
setup(u, { emit: o }) {
|
|
94
|
-
const a = o, s = u, v = () => {
|
|
95
|
-
a("click");
|
|
96
|
-
}, i = r(() => s.icon), l = r(() => s.iconAfter), y = r(() => {
|
|
97
|
-
const e = D(s.variant, s.size);
|
|
98
|
-
return s.variant === "touch" && s.active && e.push("bg-primary-body-active"), e;
|
|
99
|
-
}), h = r(() => s.disabled || s.isLoading), w = r(() => s.label && s.label.length > 0 && s.variant !== "touch"), x = r(() => {
|
|
100
|
-
const e = [
|
|
101
|
-
"inline-block text-ellipsis overflow-hidden"
|
|
102
|
-
];
|
|
103
|
-
return i.value != null && e.push("ml-2"), l.value != null && e.push("mr-2"), s.labelClass != null && e.push(s.labelClass), e;
|
|
104
|
-
}), c = r(() => {
|
|
105
|
-
const e = [];
|
|
106
|
-
return s.size === "sm" ? e.push("w-3 h-3") : s.size === "lg" ? e.push("w-5 h-5") : e.push("w-4 h-4"), typeof s.iconClass == "string" ? e.push(s.iconClass) : s.iconClass instanceof Array && e.push(...s.iconClass), e;
|
|
107
|
-
});
|
|
108
|
-
return (e, E) => (t(), d("button", {
|
|
109
|
-
class: n(y.value),
|
|
110
|
-
disabled: h.value,
|
|
111
|
-
title: e.label,
|
|
112
|
-
type: e.isSubmit ? "submit" : "button",
|
|
113
|
-
onClick: _(v, ["stop"])
|
|
114
|
-
}, [
|
|
115
|
-
i.value != null && e.isLoading ? (t(), p(f, {
|
|
116
|
-
key: 0,
|
|
117
|
-
class: n(c.value)
|
|
118
|
-
}, null, 8, ["class"])) : typeof i.value == "string" ? (t(), d("span", {
|
|
119
|
-
key: 1,
|
|
120
|
-
class: n(c.value)
|
|
121
|
-
}, b(i.value), 3)) : i.value != null ? (t(), p(m(i.value), {
|
|
122
|
-
key: 2,
|
|
123
|
-
class: n(c.value)
|
|
124
|
-
}, null, 8, ["class"])) : g("", !0),
|
|
125
|
-
w.value ? (t(), d("span", {
|
|
126
|
-
key: 3,
|
|
127
|
-
class: n(x.value)
|
|
128
|
-
}, b(e.label), 3)) : g("", !0),
|
|
129
|
-
l.value != null && e.isLoading ? (t(), p(f, {
|
|
130
|
-
key: 4,
|
|
131
|
-
class: n(c.value)
|
|
132
|
-
}, null, 8, ["class"])) : typeof l.value == "string" ? (t(), d("span", {
|
|
133
|
-
key: 5,
|
|
134
|
-
class: n(c.value)
|
|
135
|
-
}, b(l.value), 3)) : l.value != null ? (t(), p(m(l.value), {
|
|
136
|
-
key: 6,
|
|
137
|
-
class: n(c.value)
|
|
138
|
-
}, null, 8, ["class"])) : g("", !0)
|
|
139
|
-
], 10, O));
|
|
140
|
-
}
|
|
141
|
-
});
|
|
142
|
-
export {
|
|
143
|
-
f as S,
|
|
144
|
-
$ as _
|
|
145
|
-
};
|