@soybeanjs/ui 0.7.1 → 0.8.0

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{treeMenuVariants as r}from"../../variants/tree-menu.js";import{provideTreeMenuContext as i,provideTreeMenuExtraUi as a}from"./context.js";import{treeMenuCssVars as o}from"./shared.js";import s from"./tree-menu-options.js";import{computed as c,createBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,usePickProps as w}from"@soybeanjs/headless/composables";import{TreeMenuRoot as T,provideTreeMenuUi as E}from"@soybeanjs/headless";import{transformPropsToContext as D}from"@soybeanjs/headless/shared";const O=f({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},collapsedWidth:{default:50},indent:{default:16},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(f,{emit:O}){let k=f,A=O,j=x(),M=c(()=>Object.keys(j).filter(e=>e.startsWith(`item`))),N=w(k,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`]),P=w(k,[`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),F=C(A),I=c(()=>{let e=k.collapsedWidth*n[k.size],r=k.indent*n[k.size];return{[o.collapsedWidth]:`${e/t.md}rem`,[o.indent]:`${r/t.md}rem`}}),L=c(()=>e(r({size:k.size}),k.ui,{root:k.class}));return E(L),a(L),i(D(k,[`size`,`side`])),(e,t)=>(g(),l(b(T),m(b(N),{style:I.value},y(b(F))),{default:S(()=>[v(e.$slots,`top`),d(s,m(b(P),{onSelectDropdown:t[0]||=e=>A(`selectDropdown`,e)}),u({_:2},[_(M.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,h(p(n)))])}))]),1040),v(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{O as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{provideTreeMenuContext as r,provideTreeMenuExtraUi as i}from"./context.js";import{treeMenuVariants as a}from"./variants.js";import{treeMenuCssVars as o}from"./shared.js";import s from"./tree-menu-options.js";import{computed as c,createBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,usePickProps as w}from"@soybeanjs/headless/composables";import{TreeMenuRoot as T,provideTreeMenuUi as E}from"@soybeanjs/headless";import{transformPropsToContext as D}from"@soybeanjs/headless/shared";const O=f({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},collapsedWidth:{default:50},indent:{default:16},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(f,{emit:O}){let k=f,A=O,j=x(),M=c(()=>Object.keys(j).filter(e=>e.startsWith(`item`))),N=w(k,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`]),P=w(k,[`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),F=C(A),I=c(()=>{let e=k.collapsedWidth*n[k.size],r=k.indent*n[k.size];return{[o.collapsedWidth]:`${e/t.md}rem`,[o.indent]:`${r/t.md}rem`}}),L=c(()=>e(a({size:k.size}),k.ui,{root:k.class}));return E(L),i(L),r(D(k,[`size`,`side`])),(e,t)=>(g(),l(b(T),m(b(N),{style:I.value},y(b(F))),{default:S(()=>[v(e.$slots,`top`),d(s,m(b(P),{onSelectDropdown:t[0]||=e=>A(`selectDropdown`,e)}),u({_:2},[_(M.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,h(p(n)))])}))]),1040),v(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{O as default};

package/dist/index.d.ts

@@ -3,13 +3,13 @@ import { IconProps, IconValue } from "./components/icon/types.js";
 import { AccordionEmits, AccordionExtendedUi, AccordionExtraUiSlot, AccordionOptionData, AccordionProps } from "./components/accordion/types.js";
 import { _default } from "./components/accordion/accordion.vue.js";
 import { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionRootEmits, AccordionRootProps, AccordionTriggerProps } from "./components/accordion/index.js";
-import { AlertVariant } from "./variants/alert.js";
+import { AlertVariant } from "./components/alert/variants.js";
 import { AlertEmits, AlertExtendedUi, AlertProps } from "./components/alert/types.js";
 import { _default as _default$1 } from "./components/alert/alert.vue.js";
 import { AlertCloseProps, AlertContentProps, AlertDescriptionProps, AlertRootEmits, AlertRootProps, AlertTitleProps } from "./components/alert/index.js";
 import { DialogEmits, DialogExtendedUi, DialogExtendedUiSlot, DialogExtraUiSlot, DialogProps, DialogPureEmits, DialogPureProps, DialogState, UseDialogOptions, UseDialogReturn, UseDialogType } from "./components/dialog/types.js";
-import { ButtonShadow, ButtonShape, ButtonVariant } from "./variants/button.js";
 import { LinkProps } from "./components/link/types.js";
+import { ButtonShadow, ButtonShape, ButtonVariant } from "./components/button/variants.js";
 import { ButtonEmits, ButtonGroupProps, ButtonIconProps, ButtonLinkProps, ButtonLoadingProps, ButtonProps } from "./components/button/types.js";
 import { AlertDialogActionProps, AlertDialogCancelProps, AlertDialogEmits, AlertDialogProps, AlertDialogType } from "./components/alert-dialog/types.js";
 import { _default as _default$2 } from "./components/alert-dialog/alert-dialog.vue.js";
@@ -27,7 +27,7 @@ import { AspectRatioProps, SAspectRatio } from "./components/aspect-ratio/index.
 import { AvatarEmits, AvatarProps } from "./components/avatar/types.js";
 import { _default as _default$5 } from "./components/avatar/avatar.vue.js";
 import { AvatarFallbackProps, AvatarImageEmits, AvatarImageProps, AvatarRootProps } from "./components/avatar/index.js";
-import { BadgePosition } from "./variants/badge.js";
+import { BadgePosition } from "./components/badge/variants.js";
 import { BadgeEmits, BadgeProps } from "./components/badge/types.js";
 import { _default as _default$6 } from "./components/badge/badge.vue.js";
 import { BadgeContentProps, BadgeRootEmits, BadgeRootProps } from "./components/badge/index.js";
@@ -54,7 +54,7 @@ import { ConfigProviderProps, ThemeOptions } from "./components/config-provider/
 import { _default as _default$20 } from "./components/config-provider/config-provider.vue.js";
 import { useConfigProvider } from "./components/config-provider/context.js";
 import "./components/config-provider/index.js";
-import { KbdVariant } from "./variants/kbd.js";
+import { KbdVariant } from "./components/kbd/variants.js";
 import { KbdProps, KbdValue } from "./components/kbd/types.js";
 import { MenuCheckboxOptionData, MenuCheckboxOptionsEmits, MenuCheckboxOptionsProps, MenuCheckboxSelectEmits, MenuExtendedUi, MenuExtraUi, MenuExtraUiSlot, MenuOptionData, MenuOptionEmits, MenuOptionProps, MenuOptionSelectEmits, MenuOptionsContextParams, MenuOptionsEmits, MenuOptionsProps, MenuRadioOptionData, MenuRadioOptionsEmits, MenuRadioOptionsProps, MenuRadioSelectEmits, MenuShortcutProps } from "./components/menu/types.js";
 import { ContextMenuCheckboxEmits, ContextMenuCheckboxProps, ContextMenuEmits, ContextMenuProps, ContextMenuRadioEmits, ContextMenuRadioProps, ContextMenuWrapperEmits, ContextMenuWrapperProps } from "./components/context-menu/types.js";
@@ -113,7 +113,7 @@ import { NavigationMenuContentEmits, NavigationMenuContentProps, NavigationMenuI
 import { NumberInputEmits, NumberInputProps } from "./components/number-input/types.js";
 import { _default as _default$49 } from "./components/number-input/number-input.vue.js";
 import "./components/number-input/index.js";
-import { PageTabsVariant } from "./variants/page-tabs.js";
+import { PageTabsVariant } from "./components/page-tabs/variants.js";
 import { PageTabsContextMenuOptionData, PageTabsEmits, PageTabsExtendedUi, PageTabsExtraUiSlot, PageTabsOptionData, PageTabsProps, PageTabsState } from "./components/page-tabs/types.js";
 import { _default as _default$50 } from "./components/page-tabs/page-tabs.vue.js";
 import "./components/page-tabs/index.js";
@@ -142,17 +142,17 @@ import { SelectArrowProps, SelectContentEmits, SelectContentProps, SelectGroupLa
 import { SeparatorProps } from "./components/separator/types.js";
 import { _default as _default$60 } from "./components/separator/separator.vue.js";
 import { SeparatorLabelProps, SeparatorRootProps } from "./components/separator/index.js";
-import { SwitchShape } from "./variants/switch.js";
+import { SwitchShape } from "./components/switch/variants.js";
 import { SwitchEmits, SwitchProps } from "./components/switch/types.js";
 import { _default as _default$61 } from "./components/switch/switch.vue.js";
 import { SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps } from "./components/switch/index.js";
 import { _default as _default$62 } from "./components/tabs/tabs.vue.js";
 import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "./components/tabs/index.js";
-import { TagShape, TagVariant } from "./variants/tag.js";
+import { TagShape, TagVariant } from "./components/tag/variants.js";
 import { TagEmits, TagProps } from "./components/tag/types.js";
 import { _default as _default$63 } from "./components/tag/tag.vue.js";
 import "./components/tag/index.js";
-import { TextareaResize } from "./variants/textarea.js";
+import { TextareaResize } from "./components/textarea/variants.js";
 import { TextareaEmits, TextareaExtraUiSlot, TextareaProps } from "./components/textarea/types.js";
 import { _default as _default$64 } from "./components/textarea/textarea.vue.js";
 import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps } from "./components/textarea/index.js";