@soybeanjs/headless 0.16.0 → 0.17.0

package/dist/components/breadcrumb/types.d.ts

@@ -4,13 +4,37 @@ import { LinkBaseProps, LinkProps } from "../link/types.js";
 import { HTMLAttributes } from "vue";
 
 //#region src/components/breadcrumb/types.d.ts
+/**
+ * Props for the breadcrumb root component.
+ */
 interface BreadcrumbRootProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the breadcrumb list component.
+ */
 interface BreadcrumbListProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the breadcrumb item component.
+ */
 interface BreadcrumbItemProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the breadcrumb page component.
+ */
 interface BreadcrumbPageProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the breadcrumb separator component.
+ */
 interface BreadcrumbSeparatorProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the breadcrumb ellipsis component.
+ */
 interface BreadcrumbEllipsisProps extends /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the breadcrumb link component.
+ */
 interface BreadcrumbLinkProps extends LinkProps {}
+/**
+ * Option data for the breadcrumb component.
+ */
 interface BreadcrumbOptionData extends LinkBaseProps {
   /** The value of the option. */
   value?: string;
@@ -21,7 +45,13 @@ interface BreadcrumbOptionData extends LinkBaseProps {
   /** Whether the option is disabled. */
   disabled?: boolean;
 }
+/**
+ * Props for the breadcrumb compact component.
+ */
 interface BreadcrumbCompactProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> extends Omit<BreadcrumbRootProps, 'onClick'> {
+  /**
+   * Items rendered by the component.
+   */
   items: T[];
   /**
    * The range of items to show ellipsis.
@@ -29,34 +59,106 @@ interface BreadcrumbCompactProps<T extends BreadcrumbOptionData = BreadcrumbOpti
    * When the item count is greater than 4, we will show ellipsis.
    */
   ellipsis?: true | [number, number] | null;
+  /**
+   * Props forwarded to the list element.
+   */
   listProps?: BreadcrumbListProps;
+  /**
+   * Props forwarded to the item element.
+   */
   itemProps?: BreadcrumbItemProps;
+  /**
+   * Props forwarded to the link element.
+   */
   linkProps?: BreadcrumbLinkProps;
+  /**
+   * Props forwarded to the page element.
+   */
   pageProps?: BreadcrumbPageProps;
+  /**
+   * Props forwarded to the separator element.
+   */
   separatorProps?: BreadcrumbSeparatorProps;
+  /**
+   * Props forwarded to the ellipsis element.
+   */
   ellipsisProps?: BreadcrumbEllipsisProps;
 }
+/**
+ * Emits for the breadcrumb compact component.
+ */
 type BreadcrumbCompactEmits<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
+  /**
+   * Emitted when click occurs.
+   */
   click: [item: T];
 };
+/**
+ * Slot props for the breadcrumb compact item component.
+ */
 interface BreadcrumbCompactItemSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
+  /**
+   * Current item data.
+   */
   item: T;
+  /**
+   * Index of the current item.
+   */
   index: number;
 }
+/**
+ * Slot props for the breadcrumb compact ellipsis component.
+ */
 interface BreadcrumbCompactEllipsisSlotProps<T extends BreadcrumbOptionData = BreadcrumbOptionData> {
+  /**
+   * Ellipsis items exposed in the slot scope.
+   */
   ellipsisItems: T[];
 }
+/**
+ * Slots for the breadcrumb compact component.
+ */
 type BreadcrumbCompactSlots<T extends BreadcrumbOptionData = BreadcrumbOptionData> = {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the ellipsis slot.
+   */
   ellipsis?: (props: BreadcrumbCompactEllipsisSlotProps<T>) => any;
+  /**
+   * Custom content for the ellipsis icon slot.
+   */
   'ellipsis-icon'?: () => any;
+  /**
+   * Custom content for the separator slot.
+   */
   separator?: () => any;
+  /**
+   * Custom content for the item leading slot.
+   */
   'item-leading'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item link slot.
+   */
   'item-link'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item label slot.
+   */
   'item-label'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
+  /**
+   * Custom content for the item trailing slot.
+   */
   'item-trailing'?: (props: BreadcrumbCompactItemSlotProps<T>) => any;
 };
+/**
+ * Available UI slots for the breadcrumb component.
+ */
 type BreadcrumbUiSlot = 'root' | 'list' | 'item' | 'page' | 'separator' | 'ellipsis' | 'link';
+/**
+ * UI class overrides for the breadcrumb component.
+ */
 type BreadcrumbUi = UiClass<BreadcrumbUiSlot>;
 //#endregion
-export { BreadcrumbCompactEmits, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot };
+export { BreadcrumbCompactEllipsisSlotProps, BreadcrumbCompactEmits, BreadcrumbCompactItemSlotProps, BreadcrumbCompactProps, BreadcrumbCompactSlots, BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbOptionData, BreadcrumbPageProps, BreadcrumbRootProps, BreadcrumbSeparatorProps, BreadcrumbUi, BreadcrumbUiSlot };

package/dist/components/button/types.d.ts

@@ -2,16 +2,31 @@ import { PrimitiveProps } from "../primitive/types.js";
 import { ButtonHTMLAttributes } from "vue";
 
 //#region src/components/button/types.d.ts
+/**
+ * Supported button values.
+ */
 type ButtonType = 'button' | 'submit' | 'reset';
+/**
+ * Props for the button component.
+ */
 interface ButtonProps extends PrimitiveProps, /** @vue-ignore */Omit<ButtonHTMLAttributes, 'onClick'> {
   /**
-   * The type of the button element. Can be one of 'button', 'submit', or 'reset'. [按钮元素的类型。可以是 'button'、'submit' 或 'reset' 之一。]
+   * The type of the button element. Can be one of 'button', 'submit', or 'reset'.
    * @default 'button'
    */
   type?: ButtonType;
+  /**
+   * Whether the component is disabled.
+   */
   disabled?: boolean;
 }
+/**
+ * Emits for the button component.
+ */
 type ButtonEmits = {
+  /**
+   * Emitted when click occurs.
+   */
   click: [event: MouseEvent];
 };
 //#endregion

package/dist/components/calendar/calendar-root.js

@@ -1 +1 @@
-import{getVueBooleanCasting as e,transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n}from"../../date/comparators.js";import{handleCalendarInitialFocus as r}from"../../date/utils.js";import{getWeekStartsOn as ee}from"../../date/calendar.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as o,useLocale as s}from"../config-provider/context.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import l from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideCalendarRootContext as u,useCalendarUi as te}from"./context.js";import{useCalendar as d,useCalendarState as ne}from"./use-calendar.js";import{computed as f,createBlock as p,createElementVNode as re,createVNode as ie,defineComponent as m,normalizeClass as h,onMounted as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,watch as ae,withCtx as x}from"vue";import{isEqualDay as S,isSameDay as C}from"@internationalized/date";const w={"aria-level":`2`,role:`heading`},T=m({name:`CalendarRoot`,__name:`calendar-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},pagedNavigation:{type:Boolean,default:!1},preventDeselect:{type:Boolean,default:!1},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean,default:!1},maxValue:{},minValue:{},locale:{},numberOfMonths:{default:1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},initialFocus:{type:Boolean,default:!1},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},dir:{},nextPage:{},prevPage:{},modelValue:{},multiple:{},disableDaysOutsideCurrentView:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(m,{emit:T}){let E=m,D=T,O=te(`root`),[k,A]=a(),j=s(()=>E.locale),M=o(()=>E.dir),N=f(()=>E.weekStartsOn??ee(j.value)),P=f(()=>E.modelValue!==void 0),F=f(()=>e(E.multiple)),I=i(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),L=n({defaultPlaceholder:E.placeholder,defaultValue:I.value,locale:E.locale}),R=i(()=>E.placeholder,e=>{D(`update:placeholder`,e)},E.defaultPlaceholder??L.copy()),{fullCalendarLabel:z,headingValue:B,isDateDisabled:V,isDateUnavailable:H,isNextButtonDisabled:U,isPrevButtonDisabled:W,weekdays:G,isOutsideVisibleView:K,nextPage:q,prevPage:J,formatter:Y,grid:X,isPlaceholderFocusable:oe,firstFocusableDate:se}=d({locale:j,placeholder:R,weekStartsOn:N,fixedWeeks:f(()=>E.fixedWeeks),numberOfMonths:f(()=>E.numberOfMonths),minValue:f(()=>E.minValue),maxValue:f(()=>E.maxValue),disabled:f(()=>E.disabled),weekdayFormat:f(()=>E.weekdayFormat),pagedNavigation:f(()=>E.pagedNavigation),isDateDisabled:E.isDateDisabled,isDateUnavailable:E.isDateUnavailable,calendarLabel:f(()=>E.calendarLabel),nextPage:f(()=>E.nextPage),prevPage:f(()=>E.prevPage)}),{isInvalid:Z,isDateSelected:ce,hasSelectedDate:le,isSelectedDateDisabled:ue}=ne({date:I,isDateDisabled:V,isDateUnavailable:H});ae(I,e=>{if(Array.isArray(e)&&e.length){let t=e.at(-1);t&&!S(R.value,t)&&(R.value=t.copy());return}!Array.isArray(e)&&e&&!S(R.value,e)&&(R.value=e.copy())});function Q(e){R.value=e.copy()}function $(){P.value||D(`update:modelValue`,void 0)}function de(e){if(!E.readonly){if(!F.value){if(!I.value){I.value=e.copy();return}if(!E.preventDeselect&&C(I.value,e)){R.value=e.copy(),I.value=void 0,$();return}I.value=e.copy();return}if(!I.value){I.value=[e.copy()];return}if(Array.isArray(I.value)){if(I.value.findIndex(t=>C(t,e))===-1){I.value=[...I.value,e.copy()];return}if(!E.preventDeselect){let t=I.value.filter(t=>!C(t,e)).map(e=>e.copy());if(!t.length){R.value=e.copy(),I.value=void 0,$();return}I.value=t}}}}return u({locale:j,dir:M,weekStartsOn:N,weekdayFormat:f(()=>E.weekdayFormat),modelValue:I,multiple:F,placeholder:R,grid:X,parentElement:k,fullCalendarLabel:z,headingValue:B,isInvalid:Z,minValue:f(()=>E.minValue),maxValue:f(()=>E.maxValue),isPlaceholderFocusable:oe,firstFocusableDate:se,hasSelectedDate:le,isSelectedDateDisabled:ue,formatter:Y,onDateChange:de,onPlaceholderChange:Q,isDateDisabled:V,isDateSelected:ce,isDateUnavailable:H,isOutsideVisibleView:K,prevPage:J,nextPage:q,isPrevButtonDisabled:W,isNextButtonDisabled:U,...t(E,[`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),g(()=>{E.initialFocus&&k.value&&r(k.value)}),(e,t)=>(_(),p(b(c),{ref:b(A),as:m.as,"as-child":m.asChild,"aria-label":b(z),class:h(b(O)),"data-disabled":m.disabled?``:void 0,"data-invalid":b(Z)?``:void 0,"data-readonly":m.readonly?``:void 0,dir:b(M),"data-slot":`root`},{default:x(()=>[v(e.$slots,`default`,{date:b(R),disabled:m.disabled,formatter:b(Y),fixedWeeks:m.fixedWeeks,grid:b(X),locale:b(j),maxValue:m.maxValue,minValue:m.minValue,modelValue:b(I),onPlaceholderChange:Q,placeholder:b(R),weekDays:b(G),weekStartsOn:N.value}),ie(b(l),{as:`span`,feature:`fully-hidden`},{default:x(()=>[re(`span`,w,y(b(z)),1)]),_:1})]),_:3},8,[`as`,`as-child`,`aria-label`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{T as default};
+import{getVueBooleanCasting as e,transformPropsToContext as t}from"../../shared/vue.js";import{getDefaultDate as n}from"../../date/comparators.js";import{handleCalendarInitialFocus as r}from"../../date/utils.js";import{getWeekStartsOn as ee}from"../../date/calendar.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import{useForwardElement as a}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as o,useLocale as s}from"../config-provider/context.js";import{Primitive as c}from"../primitive/primitive.js";import"../primitive/index.js";import l from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideCalendarRootContext as u,useCalendarUi as te}from"./context.js";import{useCalendar as d,useCalendarState as ne}from"./use-calendar.js";import{computed as f,createBlock as p,createElementVNode as re,createVNode as ie,defineComponent as m,normalizeClass as h,onMounted as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,watch as ae,withCtx as x}from"vue";import{isEqualDay as S,isSameDay as C}from"@internationalized/date";const w={"aria-level":`2`,role:`heading`},T=m({name:`CalendarRoot`,__name:`calendar-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{default:`narrow`},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{default:1},disabled:{type:Boolean},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{type:Function,default:void 0},isDateUnavailable:{type:Function,default:void 0},dir:{},nextPage:{},prevPage:{},modelValue:{},multiple:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(m,{emit:T}){let E=m,D=T,O=te(`root`),[k,A]=a(),j=s(()=>E.locale),M=o(()=>E.dir),N=f(()=>E.weekStartsOn??ee(j.value)),P=f(()=>E.modelValue!==void 0),F=f(()=>e(E.multiple)),I=i(()=>E.modelValue,e=>{D(`update:modelValue`,e)},E.defaultValue),L=n({defaultPlaceholder:E.placeholder,defaultValue:I.value,locale:E.locale}),R=i(()=>E.placeholder,e=>{D(`update:placeholder`,e)},E.defaultPlaceholder??L.copy()),{fullCalendarLabel:z,headingValue:B,isDateDisabled:V,isDateUnavailable:H,isNextButtonDisabled:U,isPrevButtonDisabled:W,weekdays:G,isOutsideVisibleView:K,nextPage:q,prevPage:J,formatter:Y,grid:X,isPlaceholderFocusable:oe,firstFocusableDate:se}=d({locale:j,placeholder:R,weekStartsOn:N,fixedWeeks:f(()=>E.fixedWeeks),numberOfMonths:f(()=>E.numberOfMonths),minValue:f(()=>E.minValue),maxValue:f(()=>E.maxValue),disabled:f(()=>E.disabled),weekdayFormat:f(()=>E.weekdayFormat),pagedNavigation:f(()=>E.pagedNavigation),isDateDisabled:E.isDateDisabled,isDateUnavailable:E.isDateUnavailable,calendarLabel:f(()=>E.calendarLabel),nextPage:f(()=>E.nextPage),prevPage:f(()=>E.prevPage)}),{isInvalid:Z,isDateSelected:ce,hasSelectedDate:le,isSelectedDateDisabled:ue}=ne({date:I,isDateDisabled:V,isDateUnavailable:H});ae(I,e=>{if(Array.isArray(e)&&e.length){let t=e.at(-1);t&&!S(R.value,t)&&(R.value=t.copy());return}!Array.isArray(e)&&e&&!S(R.value,e)&&(R.value=e.copy())});function Q(e){R.value=e.copy()}function $(){P.value||D(`update:modelValue`,void 0)}function de(e){if(!E.readonly){if(!F.value){if(!I.value){I.value=e.copy();return}if(!E.preventDeselect&&C(I.value,e)){R.value=e.copy(),I.value=void 0,$();return}I.value=e.copy();return}if(!I.value){I.value=[e.copy()];return}if(Array.isArray(I.value)){if(I.value.findIndex(t=>C(t,e))===-1){I.value=[...I.value,e.copy()];return}if(!E.preventDeselect){let t=I.value.filter(t=>!C(t,e)).map(e=>e.copy());if(!t.length){R.value=e.copy(),I.value=void 0,$();return}I.value=t}}}}return u({locale:j,dir:M,weekStartsOn:N,weekdayFormat:f(()=>E.weekdayFormat),modelValue:I,multiple:F,placeholder:R,grid:X,parentElement:k,fullCalendarLabel:z,headingValue:B,isInvalid:Z,minValue:f(()=>E.minValue),maxValue:f(()=>E.maxValue),isPlaceholderFocusable:oe,firstFocusableDate:se,hasSelectedDate:le,isSelectedDateDisabled:ue,formatter:Y,onDateChange:de,onPlaceholderChange:Q,isDateDisabled:V,isDateSelected:ce,isDateUnavailable:H,isOutsideVisibleView:K,prevPage:J,nextPage:q,isPrevButtonDisabled:W,isNextButtonDisabled:U,...t(E,[`disableDaysOutsideCurrentView`,`disabled`,`fixedWeeks`,`initialFocus`,`numberOfMonths`,`pagedNavigation`,`preventDeselect`,`readonly`])}),g(()=>{E.initialFocus&&k.value&&r(k.value)}),(e,t)=>(_(),p(b(c),{ref:b(A),as:m.as,"as-child":m.asChild,"aria-label":b(z),class:h(b(O)),"data-disabled":m.disabled?``:void 0,"data-invalid":b(Z)?``:void 0,"data-readonly":E.readonly?``:void 0,dir:b(M),"data-slot":`root`},{default:x(()=>[v(e.$slots,`default`,{date:b(R),disabled:m.disabled,formatter:b(Y),fixedWeeks:m.fixedWeeks,grid:b(X),locale:b(j),maxValue:m.maxValue,minValue:m.minValue,modelValue:b(I),onPlaceholderChange:Q,placeholder:b(R),weekDays:b(G),weekStartsOn:N.value}),ie(b(l),{as:`span`,feature:`fully-hidden`},{default:x(()=>[re(`span`,w,y(b(z)),1)]),_:1})]),_:3},8,[`as`,`as-child`,`aria-label`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{T as default};