@soybeanjs/ui 0.0.8 → 0.0.9

package/dist/components/tree-menu/tree-menu-item-wrapper.js

@@ -1 +0,0 @@
-import{useTreeMenuThemeContext as e}from"./context.js";import{treeMenuCssVars as t}from"./shared.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=i({name:`STreeMenuItemWrapper`,__name:`tree-menu-item-wrapper`,setup(i){let{ui:l}=e(`STreeMenuItemWrapper`),u=`${t.indent}: 0`;return(e,t)=>(o(),n(`li`,{class:a(c(l).item),"data-level":`0`,style:u},[r(`div`,{class:a(c(l).itemContent)},[s(e.$slots,`default`)],2)],2))}});export{l as default};

package/dist/components/tree-menu/tree-menu-item-wrapper.vue.d.ts

@@ -1,17 +0,0 @@
-import * as vue288 from "vue";
-
-//#region src/components/tree-menu/tree-menu-item-wrapper.vue.d.ts
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: vue288.DefineComponent<{}, {}, {}, {}, {}, vue288.ComponentOptionsMixin, vue288.ComponentOptionsMixin, {}, string, vue288.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue288.ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

package/dist/components/tree-menu/tree-menu-item.js

@@ -1 +0,0 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../link/link.js";import i from"../dropdown-menu/dropdown-menu.js";import a from"../tag/tag.js";import o from"../tooltip/tooltip.js";import{useTreeMenuContext as s,useTreeMenuThemeContext as c}from"./context.js";import{treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderSlot as b,resolveDynamicComponent as x,toDisplayString as S,toHandlers as C,unref as w,useAttrs as T,withCtx as E,withModifiers as D}from"vue";import{useForwardListeners as O,usePickProps as k}from"@soybeanjs/headless/composables";import{TreeItem as A}from"@soybeanjs/headless";var j=g({name:`STreeMenuItem`,__name:`tree-menu-item`,props:{actionMenuProps:{},tooltipProps:{},dropdownMenuProps:{},value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},label:{},icon:{},to:{},href:{},linkProps:{},badge:{},badgeProps:{},tag:{},tagProps:{},actions:{},onActionSelect:{type:Function},children:{}},emits:[`selectDropdown`],setup(g,{emit:j}){let M=g,N=j,P=T(),F=O(N),{size:I,collapsed:L}=s(`TreeMenuItem`),{ui:R}=c(`TreeMenuItem`),z=d(()=>!!(M.to||M.href||M.linkProps)),B=d(()=>{let e={disabled:M.disabled,...M.linkProps};return M.to&&(e.to=M.to),M.href&&(e.href=M.href),e}),V=k(M,[`value`,`level`,`disabled`,`disabledSelect`,`disabledToggle`],P),H=d(()=>z.value?r:`button`),U=d(()=>z.value?B.value:{}),W=d(()=>({[l.indent]:M.level-1})),G=d(()=>!!M.children?.length),K=d(()=>L.value&&G.value),q=d(()=>L.value&&!K.value?M.label:void 0),J=d(()=>!!(K.value||q.value)),Y=d(()=>({placement:`right`,...M.tooltipProps})),X=d(()=>({trigger:`hover`,contentProps:{placement:`right`},...M.dropdownMenuProps})),Z=d(()=>({color:`accent`,variant:`raw`,...M.tagProps,content:M.tag})),Q=e=>{N(`selectDropdown`,e.value)};return(r,s)=>(y(),f(w(A),_({class:w(R).item},w(V),{"data-level":g.level,"disabled-toggle":J.value,"disabled-select":J.value,style:W.value},C(w(F))),{default:E(({isExpanded:c})=>[(y(),f(x(H.value),_(U.value,{class:w(R).itemContent,"data-link":z.value?``:void 0,tabindex:`-1`}),{default:E(o=>[b(r.$slots,`leading`,{},()=>[g.icon?(y(),f(t,{key:0,icon:g.icon},null,8,[`icon`])):p(`v-if`,!0)]),b(r.$slots,`default`,{},()=>[g.badge?(y(),f(n,_({key:0},g.badgeProps,{size:w(I),content:g.badge,class:w(R).itemBadge}),{default:E(()=>[h(`span`,{class:v(w(R).itemLabel)},S(g.label),3)]),_:1},16,[`size`,`content`,`class`])):(y(),m(`span`,{key:1,class:v(w(R).itemLabel)},S(g.label),3))]),z.value&&o?.isHref?(y(),f(t,{key:0,icon:`lucide:arrow-up-right`,class:v(w(R).itemLinkIcon)},null,8,[`class`])):p(`v-if`,!0),g.tag?(y(),f(a,_({key:1},Z.value,{size:w(I),content:g.tag,class:w(R).itemTag}),null,16,[`size`,`content`,`class`])):p(`v-if`,!0),g.actions?.length?(y(),f(i,_({key:2},g.actionMenuProps,{size:w(I),items:g.actions,onSelect:g.onActionSelect}),{trigger:E(()=>[w(L)?p(`v-if`,!0):(y(),f(e,{key:0,icon:`lucide:ellipsis`,size:w(I),class:v(w(R).itemAction),onClick:s[0]||=D(()=>{},[`stop`])},null,8,[`size`,`class`]))]),_:1},16,[`size`,`items`,`onSelect`])):p(`v-if`,!0),b(r.$slots,`trailing`),G.value?(y(),f(t,{key:3,icon:`lucide:chevron-right`,"data-expanded":c?``:void 0,class:v(w(R).collapsibleIcon)},null,8,[`data-expanded`,`class`])):p(`v-if`,!0)]),_:2},1040,[`class`,`data-link`])),J.value?(y(),m(u,{key:0},[q.value?(y(),f(o,_({key:0},Y.value,{size:w(I),content:q.value}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`size`,`content`])):p(`v-if`,!0),K.value?(y(),f(i,_({key:1},X.value,{items:g.children??[],disabled:g.disabled,size:w(I),"data-menu":g.label,onSelect:Q}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):p(`v-if`,!0)],64)):p(`v-if`,!0)]),_:3},16,[`class`,`data-level`,`disabled-toggle`,`disabled-select`,`style`]))}});export{j as default};