@soybeanjs/headless 0.19.0 → 0.21.0
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/README.md +46 -0
- package/README.zh-CN.md +46 -0
- package/dist/components/alert/alert-compact.vue.d.ts +2 -2
- package/dist/components/anchor/anchor-root.vue.d.ts +1 -1
- package/dist/components/autocomplete/autocomplete-compact.vue.d.ts +2 -2
- package/dist/components/autocomplete/autocomplete-root.js +1 -1
- package/dist/components/autocomplete/autocomplete-root.vue.d.ts +4 -4
- package/dist/components/backtop/backtop.vue.d.ts +2 -2
- package/dist/components/bottom-sheet/bottom-sheet-compact.js +1 -1
- package/dist/components/bottom-sheet/bottom-sheet-root-nested.js +1 -1
- package/dist/components/bottom-sheet/bottom-sheet-root-nested.vue.d.ts +2 -2
- package/dist/components/bottom-sheet/bottom-sheet-root.js +1 -1
- package/dist/components/calendar-range/calendar-range-root.vue.d.ts +7 -7
- package/dist/components/card/card-root.vue.d.ts +1 -1
- package/dist/components/card/types.d.ts +2 -2
- package/dist/components/clipboard/clipboard.vue.d.ts +1 -1
- package/dist/components/collapsible/collapsible-root.vue.d.ts +1 -1
- package/dist/components/color-area/color-area-compact.vue.d.ts +2 -2
- package/dist/components/color-area/color-area-root.vue.d.ts +2 -2
- package/dist/components/color-field/color-field-root.vue.d.ts +2 -2
- package/dist/components/color-picker/color-picker-compact.vue.d.ts +4 -4
- package/dist/components/color-picker/color-picker-root.vue.d.ts +2 -2
- package/dist/components/color-slider/color-slider-compact.vue.d.ts +2 -2
- package/dist/components/color-slider/color-slider-root.vue.d.ts +3 -3
- package/dist/components/color-swatch-picker/color-swatch-picker-root.js +1 -1
- package/dist/components/color-swatch-picker/types.d.ts +2 -2
- package/dist/components/combobox/combobox-compact.vue.d.ts +3 -3
- package/dist/components/combobox/combobox-content-impl.js +1 -1
- package/dist/components/combobox/combobox-root.js +1 -1
- package/dist/components/combobox/combobox-root.vue.d.ts +2 -2
- package/dist/components/config-provider/config-provider.js +14 -2
- package/dist/components/config-provider/config-provider.vue.d.ts +0 -2
- package/dist/components/config-provider/types.d.ts +1 -1
- package/dist/components/context-menu/context-menu-checkbox-compact.vue.d.ts +2 -2
- package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts +2 -2
- package/dist/components/date-field/date-field-root.vue.d.ts +2 -2
- package/dist/components/date-picker/date-picker-compact.js +1 -1
- package/dist/components/date-picker/date-picker-compact.vue.d.ts +10 -10
- package/dist/components/date-range-field/date-range-field-root.vue.d.ts +2 -2
- package/dist/components/date-range-picker/date-range-picker-compact.vue.d.ts +9 -9
- package/dist/components/dialog/dialog-compact.js +1 -1
- package/dist/components/dialog/dialog-compact.vue.d.ts +5 -5
- package/dist/components/dialog/dialog-popup-impl.js +1 -1
- package/dist/components/dialog/dialog-root.js +1 -1
- package/dist/components/dialog/state.js +1 -1
- package/dist/components/dialog/types.d.ts +5 -1
- package/dist/components/dropdown-menu/dropdown-menu-checkbox-compact.vue.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu-content.vue.d.ts +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-radio-compact.vue.d.ts +2 -2
- package/dist/components/editable/editable-root.vue.d.ts +1 -1
- package/dist/components/editable/types.d.ts +2 -2
- package/dist/components/hover-card/hover-card-compact.js +1 -1
- package/dist/components/hover-card/hover-card-compact.vue.d.ts +0 -1
- package/dist/components/hover-card/hover-card-root.vue.d.ts +1 -1
- package/dist/components/hover-card/types.d.ts +2 -2
- package/dist/components/input-otp/input-otp-compact.vue.d.ts +4 -4
- package/dist/components/input-otp/input-otp-root.vue.d.ts +4 -4
- package/dist/components/layout/layout-classic-compact.vue.d.ts +1 -1
- package/dist/components/layout/layout-compact.vue.d.ts +1 -1
- package/dist/components/layout/layout-root.vue.d.ts +1 -1
- package/dist/components/listbox/listbox-root.js +1 -1
- package/dist/components/menubar/menubar-compact.vue.d.ts +2 -2
- package/dist/components/menubar/menubar-content.js +1 -1
- package/dist/components/menubar/menubar-root.js +1 -1
- package/dist/components/navigation-menu/context.js +1 -1
- package/dist/components/navigation-menu/index.d.ts +3 -3
- package/dist/components/navigation-menu/index.js +1 -1
- package/dist/components/navigation-menu/navigation-menu-compact.js +1 -1
- package/dist/components/navigation-menu/navigation-menu-indicator.js +1 -1
- package/dist/components/navigation-menu/navigation-menu-item-slot-compact.js +1 -0
- package/dist/components/navigation-menu/navigation-menu-list.js +1 -1
- package/dist/components/navigation-menu/navigation-menu-option-compact.js +1 -0
- package/dist/components/navigation-menu/navigation-menu-root.js +1 -1
- package/dist/components/navigation-menu/navigation-menu-root.vue.d.ts +1 -2
- package/dist/components/navigation-menu/navigation-menu-sub-option-compact.js +1 -0
- package/dist/components/navigation-menu/navigation-menu-viewport.js +1 -1
- package/dist/components/navigation-menu/shared.js +1 -1
- package/dist/components/navigation-menu/types.d.ts +93 -54
- package/dist/components/page-tabs/page-tabs-compact.vue.d.ts +2 -2
- package/dist/components/pagination/pagination-first.js +1 -1
- package/dist/components/pagination/pagination-last.js +1 -1
- package/dist/components/pagination/pagination-next.js +1 -1
- package/dist/components/pagination/pagination-prev.js +1 -1
- package/dist/components/pagination/types.d.ts +10 -10
- package/dist/components/popconfirm/popconfirm-compact.vue.d.ts +4 -4
- package/dist/components/popover/popover-compact.vue.d.ts +1 -1
- package/dist/components/popper/popper-positioner.vue.d.ts +1 -1
- package/dist/components/progress/state.js +1 -1
- package/dist/components/progress/types.d.ts +4 -4
- package/dist/components/radio-group/context.d.ts +3 -2
- package/dist/components/radio-group/context.js +1 -1
- package/dist/components/radio-group/index.d.ts +10 -9
- package/dist/components/radio-group/index.js +1 -1
- package/dist/components/radio-group/radio-group-card-compact.js +1 -0
- package/dist/components/radio-group/radio-group-card-compact.vue.d.ts +21 -0
- package/dist/components/radio-group/radio-group-compact.js +1 -1
- package/dist/components/radio-group/radio-group-compact.vue.d.ts +4 -5
- package/dist/components/radio-group/radio-group-root.vue.d.ts +5 -5
- package/dist/components/radio-group/types.d.ts +67 -13
- package/dist/components/scroll-area/types.d.ts +2 -2
- package/dist/components/select/select-compact.vue.d.ts +2 -2
- package/dist/components/select/select-root.vue.d.ts +2 -2
- package/dist/components/separator/types.d.ts +2 -2
- package/dist/components/slider/types.d.ts +2 -2
- package/dist/components/splitter/splitter-panel.vue.d.ts +2 -2
- package/dist/components/stepper/types.d.ts +2 -2
- package/dist/components/switch/switch-compact.js +1 -1
- package/dist/components/switch/switch-root.js +1 -1
- package/dist/components/switch/types.d.ts +3 -1
- package/dist/components/tabs/tabs-indicator.js +1 -1
- package/dist/components/tabs/tabs-root.vue.d.ts +1 -1
- package/dist/components/tags-input/tags-input-compact.vue.d.ts +2 -2
- package/dist/components/tags-input/tags-input-root.vue.d.ts +2 -2
- package/dist/components/time-field/time-field-root.vue.d.ts +1 -1
- package/dist/components/time-range-field/time-range-field-root.vue.d.ts +1 -1
- package/dist/components/toast/state.js +1 -1
- package/dist/components/toast/toaster.vue.d.ts +1 -1
- package/dist/components/toolbar/toolbar-link.js +1 -1
- package/dist/components/toolbar/toolbar-link.vue.d.ts +1 -2
- package/dist/components/toolbar/toolbar-root.js +1 -1
- package/dist/components/toolbar/toolbar-separator.js +1 -1
- package/dist/components/toolbar/toolbar-toggle-group.js +1 -1
- package/dist/components/toolbar/types.d.ts +7 -2
- package/dist/components/tooltip/tooltip-compact.vue.d.ts +1 -1
- package/dist/components/tooltip/tooltip-root.vue.d.ts +1 -1
- package/dist/components/tooltip/types.d.ts +2 -2
- package/dist/components/tree-menu/tree-menu-root.vue.d.ts +1 -1
- package/dist/constants/components.js +1 -1
- package/dist/index.d.ts +135 -134
- package/dist/index.js +1 -1
- package/dist/locale/index.d.ts +4 -4
- package/dist/locale/index.js +1 -1
- package/dist/locale/langs/ar.d.ts +6 -0
- package/dist/locale/langs/ar.js +1 -0
- package/dist/locale/langs/de.d.ts +6 -0
- package/dist/locale/langs/de.js +1 -0
- package/dist/locale/langs/en.d.ts +3 -3
- package/dist/locale/langs/en.js +1 -1
- package/dist/locale/langs/es.d.ts +6 -0
- package/dist/locale/langs/es.js +1 -0
- package/dist/locale/langs/fr.d.ts +6 -0
- package/dist/locale/langs/fr.js +1 -0
- package/dist/locale/langs/id.d.ts +6 -0
- package/dist/locale/langs/id.js +1 -0
- package/dist/locale/langs/ja.d.ts +6 -0
- package/dist/locale/langs/ja.js +1 -0
- package/dist/locale/langs/ko.d.ts +6 -0
- package/dist/locale/langs/ko.js +1 -0
- package/dist/locale/langs/pt-BR.d.ts +6 -0
- package/dist/locale/langs/pt-BR.js +1 -0
- package/dist/locale/langs/ru.d.ts +6 -0
- package/dist/locale/langs/ru.js +1 -0
- package/dist/locale/langs/tr.d.ts +6 -0
- package/dist/locale/langs/tr.js +1 -0
- package/dist/locale/langs/zh-CN.d.ts +3 -3
- package/dist/locale/langs/zh-CN.js +1 -1
- package/dist/locale/langs/zh-TW.d.ts +6 -0
- package/dist/locale/langs/zh-TW.js +1 -0
- package/dist/locale/locales.d.ts +27 -9
- package/dist/locale/locales.js +1 -1
- package/dist/locale/types.d.ts +8 -1
- package/dist/namespaced/index.d.ts +268 -266
- package/dist/namespaced/index.js +1 -1
- package/dist/types/common.d.ts +2 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +5 -5
- /package/dist/_virtual/{_@oxc-project_runtime@0.127.0 → _@oxc-project_runtime@0.129.0}/helpers/defineProperty.js +0 -0
- /package/dist/_virtual/{_@oxc-project_runtime@0.127.0 → _@oxc-project_runtime@0.129.0}/helpers/toPrimitive.js +0 -0
- /package/dist/_virtual/{_@oxc-project_runtime@0.127.0 → _@oxc-project_runtime@0.129.0}/helpers/toPropertyKey.js +0 -0
- /package/dist/_virtual/{_@oxc-project_runtime@0.127.0 → _@oxc-project_runtime@0.129.0}/helpers/typeof.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as
|
|
1
|
+
import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{useDirection as n}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useOmitProps as i}from"../../composables/use-props.js";import{useSelection as a}from"../../composables/use-selection.js";import"../../composables/index.js";import{provideComboboxRootContext as o}from"./context.js";import s from"../popper/popper-root.js";import"../popper/index.js";import c from"../listbox/listbox-root.js";import"../listbox/index.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,isRef as p,mergeProps as m,nextTick as h,onUnmounted as g,openBlock as _,renderSlot as v,shallowRef as y,unref as b,useAttrs as x,useId as S,useTemplateRef as C,withCtx as w}from"vue";import{createEventHook as T}from"@vueuse/core";const E=f({name:`ComboboxRoot`,inheritAttrs:!1,__name:`combobox-root`,props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean,default:!0},resetSearchTermOnSelect:{type:Boolean,default:!0},openOnFocus:{type:Boolean,default:!1},openOnClick:{type:Boolean,default:!1},ignoreFilter:{type:Boolean},resetModelValueOnClear:{type:Boolean,default:!1},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`highlight`,`update:open`],setup(f,{expose:E,emit:D}){let O=f,k=D,A=i(O,[`modelValue`,`defaultValue`,`open`,`defaultOpen`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`],x()),{modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P}=a(O,e=>{k(`update:modelValue`,e)}),F=C(`listboxElement`),I=l(()=>e(F.value)),L=r(()=>O.open,e=>{k(`update:open`,e)},O.defaultOpen??!1),R=n(()=>O.dir),z=y(!1),B=y(!1),V=y(``),H=()=>{V.value||(V.value=`soybean-combobox-content-${S()}`)},U=y(),W=y(),G=y(),K=l(()=>F.value?.highlightedElement),q=T(),J=y(``),Y=y(new Map),X=y(new Map),Z,Q=l(e=>{if(!J.value||O.ignoreFilter||B.value)return{count:Y.value.size,items:e?.items??new Map,groups:new Set(X.value.keys())};let t=J.value.trim().toLowerCase(),n=new Map,r=new Set,i=0;for(let[e,r]of Y.value){let a=+!!r.toLowerCase().includes(t);n.set(e,a),a&&(i+=1)}for(let[e,t]of X.value)for(let i of t)if((n.get(i)??0)>0){r.add(e);break}return{count:i,items:n,groups:r}}),$=async e=>{if(Z&&(clearTimeout(Z),Z=void 0),L.value=e,J.value=``,e){await h(),await F.value?.highlightSelected?.(),z.value=!0,U.value?.focus();return}z.value=!1,Z=setTimeout(()=>{!L.value&&O.resetSearchTermOnBlur&&q.trigger(void 0)},1)};return g(()=>{Z&&clearTimeout(Z)}),o({...t(O,[`disabled`,`ignoreFilter`,`resetSearchTermOnBlur`,`resetSearchTermOnSelect`,`openOnFocus`,`openOnClick`,`resetModelValueOnClear`]),dir:R,modelValue:j,isMultiple:M,onModelValueChange:N,resetModelValue:P,open:L,onOpenChange:$,isUserInputted:z,isVirtual:B,parentElement:I,contentId:V,initContentId:H,inputElement:U,onInputElementChange(e){U.value=e},triggerElement:W,onTriggerElementChange(e){W.value=e},popupElement:G,onPopupElementChange(e){G.value=e},highlightedElement:K,onResetSearchTerm:q.on,filterSearch:J,allItems:Y,allGroups:X,filterState:Q}),E({filtered:Q,highlightedElement:K,highlightItem:e=>{F.value?.highlightItem(e)},highlightFirstItem:()=>{F.value?.highlightFirstItem()},highlightSelected:e=>F.value?.highlightSelected(e)}),(e,t)=>(_(),u(b(s),null,{default:w(()=>[d(b(c),m({ref_key:`listboxElement`,ref:F},b(A),{modelValue:b(j),"onUpdate:modelValue":t[0]||(t[0]=e=>p(j)?j.value=e:null),"data-soybean-combobox-root":``,dir:b(R),multiple:f.multiple,name:f.name,required:f.required,disabled:f.disabled,"highlight-on-hover":f.highlightOnHover,onHighlight:t[1]||(t[1]=e=>k(`highlight`,e))}),{default:w(()=>[v(e.$slots,`default`,{open:b(L),modelValue:b(j)})]),_:3},16,[`modelValue`,`dir`,`multiple`,`name`,`required`,`disabled`,`highlight-on-hover`])]),_:3}))}});export{E as default};
|
|
@@ -6,8 +6,8 @@ import * as _$vue from "vue";
|
|
|
6
6
|
//#region src/components/combobox/combobox-root.vue.d.ts
|
|
7
7
|
declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
8
8
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<ComboboxRootProps<M> & {
|
|
9
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
10
9
|
"onUpdate:modelValue"?: ((value: M extends true ? string[] : string) => any) | undefined;
|
|
10
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
11
11
|
onHighlight?: ((payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => any) | undefined;
|
|
12
12
|
}> & (typeof globalThis extends {
|
|
13
13
|
__VLS_PROPS_FALLBACK: infer P;
|
|
@@ -30,7 +30,7 @@ declare const __VLS_export: <M extends boolean = false>(__VLS_props: NonNullable
|
|
|
30
30
|
modelValue: (M extends true ? string[] : string) | undefined;
|
|
31
31
|
}) => any;
|
|
32
32
|
};
|
|
33
|
-
emit: ((evt: "update:
|
|
33
|
+
emit: ((evt: "update:modelValue", value: M extends true ? string[] : string) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "highlight", payload?: CollectionItemData<ListboxCollectionItemData> | undefined) => void);
|
|
34
34
|
}>) => _$vue.VNode & {
|
|
35
35
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
36
36
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import{
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import{resolveLocaleDirection as t}from"../../locale/locales.js";import{provideConfigProviderContext as n}from"./context.js";import"../../shared/index.js";import{computed as r,defineComponent as i,renderSlot as a}from"vue";import{useStyleTag as o}from"@vueuse/core";const s=i({name:`ConfigProvider`,__name:`config-provider`,props:{dir:{},locale:{default:`en`},nonce:{default:void 0},tooltip:{},nuxt:{type:Boolean,default:!1},iconRender:{},messages:{}},setup(i){let s=i,c=r(()=>s.dir??t(s.locale));return n({...e(s),dir:c,iconRender:s.iconRender}),o(`
|
|
2
2
|
.soybean-headless-scrollbar-hidden {
|
|
3
3
|
scrollbar-width: none;
|
|
4
4
|
-ms-overflow-style: none;
|
|
@@ -13,6 +13,18 @@ import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConf
|
|
|
13
13
|
overflow-y: hidden;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
.soybean-headless-transition-all-150 {
|
|
17
|
+
transition: all 150ms ease-in-out;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.soybean-headless-opacity-0 {
|
|
21
|
+
opacity: 0;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.soybean-headless-scale-0 {
|
|
25
|
+
transform: scale(0);
|
|
26
|
+
}
|
|
27
|
+
|
|
16
28
|
.soybean-headless-sr-only {
|
|
17
29
|
position: absolute;
|
|
18
30
|
width: 1px;
|
|
@@ -24,4 +36,4 @@ import{transformPropsToContext as e}from"../../shared/vue.js";import{provideConf
|
|
|
24
36
|
white-space: nowrap;
|
|
25
37
|
border-width: 0;
|
|
26
38
|
}
|
|
27
|
-
`,{id:`__SoybeanHeadless_Styles`}),
|
|
39
|
+
`,{id:`__SoybeanHeadless_Styles`}),(e,t)=>a(e.$slots,`default`)}});export{s as default};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { Direction } from "../../types/common.js";
|
|
2
1
|
import { ConfigProviderProps } from "./types.js";
|
|
3
2
|
import * as _$vue from "vue";
|
|
4
3
|
|
|
@@ -9,7 +8,6 @@ type __VLS_Slots = {} & {
|
|
|
9
8
|
};
|
|
10
9
|
declare const __VLS_base: _$vue.DefineComponent<ConfigProviderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ConfigProviderProps> & Readonly<{}>, {
|
|
11
10
|
nuxt: boolean;
|
|
12
|
-
dir: Direction;
|
|
13
11
|
locale: string;
|
|
14
12
|
nonce: string;
|
|
15
13
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -12,7 +12,7 @@ interface ConfigProviderProps {
|
|
|
12
12
|
/**
|
|
13
13
|
* The global reading direction of your application. This will be inherited by all components.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
15
|
+
* When omitted, the direction follows the current locale and falls back to `'ltr'`.
|
|
16
16
|
*/
|
|
17
17
|
dir?: Direction;
|
|
18
18
|
/**
|
|
@@ -8,8 +8,8 @@ import * as _$vue from "vue";
|
|
|
8
8
|
declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
9
9
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuCheckboxCompactProps<T> & {
|
|
10
10
|
onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
|
|
11
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
13
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
14
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
15
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: ContextMenuCheckboxCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:
|
|
26
|
+
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -8,8 +8,8 @@ import * as _$vue from "vue";
|
|
|
8
8
|
declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
9
9
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
|
|
10
10
|
onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
|
|
11
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
11
|
"onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
|
|
12
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
13
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
14
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
15
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: ContextMenuRadioCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:
|
|
26
|
+
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -15,11 +15,11 @@ declare const __VLS_base: _$vue.DefineComponent<DateFieldRootProps, {}, {}, {},
|
|
|
15
15
|
placeholder: _$_internationalized_date0.DateValue;
|
|
16
16
|
disabled: boolean;
|
|
17
17
|
step: DateStep;
|
|
18
|
+
readonly: boolean;
|
|
18
19
|
defaultValue: _$_internationalized_date0.DateValue;
|
|
19
20
|
defaultPlaceholder: _$_internationalized_date0.DateValue;
|
|
20
|
-
granularity: Granularity;
|
|
21
21
|
isDateUnavailable: DateMatcher;
|
|
22
|
-
|
|
22
|
+
granularity: Granularity;
|
|
23
23
|
hourCycle: 12 | 24;
|
|
24
24
|
hideTimeZone: boolean;
|
|
25
25
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
|
|
1
|
+
import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-field/date-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DatePickerCompact`,__name:`date-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},dir:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
|
|
@@ -254,19 +254,19 @@ declare var __VLS_25: {
|
|
|
254
254
|
} & {
|
|
255
255
|
readonly inlist: boolean;
|
|
256
256
|
readonly disabled: boolean;
|
|
257
|
-
readonly defaultOpen: boolean;
|
|
258
|
-
readonly open: boolean | undefined;
|
|
259
257
|
readonly asChild: boolean;
|
|
260
|
-
readonly
|
|
258
|
+
readonly disableDaysOutsideCurrentView: boolean;
|
|
261
259
|
readonly fixedWeeks: boolean;
|
|
260
|
+
readonly initialFocus: boolean;
|
|
261
|
+
readonly pagedNavigation: boolean;
|
|
262
|
+
readonly preventDeselect: boolean;
|
|
262
263
|
readonly readonly: boolean;
|
|
264
|
+
readonly multiple: boolean;
|
|
265
|
+
readonly open: boolean | undefined;
|
|
263
266
|
readonly showArrow: boolean;
|
|
267
|
+
readonly defaultOpen: boolean;
|
|
264
268
|
readonly modal: boolean;
|
|
265
|
-
|
|
266
|
-
readonly preventDeselect: boolean;
|
|
267
|
-
readonly initialFocus: boolean;
|
|
268
|
-
readonly disableDaysOutsideCurrentView: boolean;
|
|
269
|
-
}, "defaultOpen" | "open" | "closeProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "positionerProps" | "popupProps" | "arrowProps" | "modal">;
|
|
269
|
+
}, "open" | "closeProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "positionerProps" | "popupProps" | "arrowProps" | "defaultOpen" | "modal">;
|
|
270
270
|
onUpdateModelValue: (value: DateValue | undefined) => void;
|
|
271
271
|
onUpdatePlaceholder: (placeholder: DateValue) => void;
|
|
272
272
|
};
|
|
@@ -274,9 +274,9 @@ type __VLS_Slots = {} & {
|
|
|
274
274
|
default?: (props: typeof __VLS_25) => any;
|
|
275
275
|
};
|
|
276
276
|
declare const __VLS_base: _$vue.DefineComponent<DatePickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
277
|
-
"update:open": (value: boolean) => any;
|
|
278
277
|
"update:modelValue": (date: DateValue | undefined) => any;
|
|
279
278
|
"update:placeholder": (date: DateValue) => any;
|
|
279
|
+
"update:open": (value: boolean) => any;
|
|
280
280
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
281
281
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
282
282
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
@@ -284,9 +284,9 @@ declare const __VLS_base: _$vue.DefineComponent<DatePickerCompactProps, {}, {},
|
|
|
284
284
|
openAutoFocus: (event: Event) => any;
|
|
285
285
|
closeAutoFocus: (event: Event) => any;
|
|
286
286
|
}, string, _$vue.PublicProps, Readonly<DatePickerCompactProps> & Readonly<{
|
|
287
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
288
287
|
"onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
|
|
289
288
|
"onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
|
|
289
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
290
290
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
291
291
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
292
292
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
@@ -19,11 +19,11 @@ declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldRootProps, {}, {},
|
|
|
19
19
|
placeholder: _$_internationalized_date0.DateValue;
|
|
20
20
|
disabled: boolean;
|
|
21
21
|
step: DateStep;
|
|
22
|
+
readonly: boolean;
|
|
22
23
|
defaultValue: DateRange;
|
|
23
24
|
defaultPlaceholder: _$_internationalized_date0.DateValue;
|
|
24
|
-
granularity: Granularity;
|
|
25
25
|
isDateUnavailable: DateMatcher;
|
|
26
|
-
|
|
26
|
+
granularity: Granularity;
|
|
27
27
|
hourCycle: 12 | 24;
|
|
28
28
|
hideTimeZone: boolean;
|
|
29
29
|
startName: string;
|
|
@@ -257,19 +257,19 @@ declare var __VLS_25: {
|
|
|
257
257
|
} & {
|
|
258
258
|
readonly inlist: boolean;
|
|
259
259
|
readonly disabled: boolean;
|
|
260
|
-
readonly defaultOpen: boolean;
|
|
261
|
-
readonly open: boolean | undefined;
|
|
262
260
|
readonly asChild: boolean;
|
|
261
|
+
readonly disableDaysOutsideCurrentView: boolean;
|
|
263
262
|
readonly fixedWeeks: boolean;
|
|
263
|
+
readonly initialFocus: boolean;
|
|
264
|
+
readonly pagedNavigation: boolean;
|
|
265
|
+
readonly preventDeselect: boolean;
|
|
264
266
|
readonly readonly: boolean;
|
|
267
|
+
readonly open: boolean | undefined;
|
|
265
268
|
readonly showArrow: boolean;
|
|
269
|
+
readonly defaultOpen: boolean;
|
|
266
270
|
readonly modal: boolean;
|
|
267
|
-
readonly pagedNavigation: boolean;
|
|
268
|
-
readonly preventDeselect: boolean;
|
|
269
|
-
readonly initialFocus: boolean;
|
|
270
|
-
readonly disableDaysOutsideCurrentView: boolean;
|
|
271
271
|
readonly allowNonContiguousRanges: boolean;
|
|
272
|
-
}, "
|
|
272
|
+
}, "open" | "closeProps" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "positionerProps" | "popupProps" | "arrowProps" | "defaultOpen" | "modal">;
|
|
273
273
|
onUpdateModelValue: (value: DateRange) => void;
|
|
274
274
|
onUpdatePlaceholder: (placeholder: DateValue) => void;
|
|
275
275
|
};
|
|
@@ -277,9 +277,9 @@ type __VLS_Slots = {} & {
|
|
|
277
277
|
default?: (props: typeof __VLS_25) => any;
|
|
278
278
|
};
|
|
279
279
|
declare const __VLS_base: _$vue.DefineComponent<DateRangePickerCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
280
|
-
"update:open": (value: boolean) => any;
|
|
281
280
|
"update:modelValue": (range: DateRange) => any;
|
|
282
281
|
"update:placeholder": (date: DateValue) => any;
|
|
282
|
+
"update:open": (value: boolean) => any;
|
|
283
283
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
284
284
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
285
285
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
@@ -288,9 +288,9 @@ declare const __VLS_base: _$vue.DefineComponent<DateRangePickerCompactProps, {},
|
|
|
288
288
|
closeAutoFocus: (event: Event) => any;
|
|
289
289
|
"update:startValue": (date: DateValue | undefined) => any;
|
|
290
290
|
}, string, _$vue.PublicProps, Readonly<DateRangePickerCompactProps> & Readonly<{
|
|
291
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
292
291
|
"onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
|
|
293
292
|
"onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
|
|
293
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
294
294
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
295
295
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
296
296
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import{provideDialogCompactContext as a,useDialogProviderContext as o,useDialogUi as s}from"./context.js";import c from"./dialog-close.js";import l from"./dialog-popup.js";import u from"./dialog-content.js";import d from"./dialog-description.js";import f from"./dialog-footer.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-root.js";import g from"./dialog-title.js";import _ from"./dialog-trigger.js";import ee from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=o(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[s().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),te=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),ne=y(()=>z.cancelText??G.value.dialog.cancel),re=y(()=>z.confirmText??G.value.dialog.confirm);return a({dialog:q}),(e,t)=>(A(),b(h,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(n=>[w(_,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(l,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(g,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(r,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(d,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(u,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),te.value?(A(),b(f,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(ee,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(ne.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
|
|
1
|
+
import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../portal/portal.js";import{provideDialogCompactContext as a,useDialogProviderContext as o,useDialogUi as s}from"./context.js";import c from"./dialog-close.js";import l from"./dialog-popup.js";import u from"./dialog-content.js";import d from"./dialog-description.js";import f from"./dialog-footer.js";import p from"./dialog-header.js";import m from"./dialog-overlay.js";import h from"./dialog-root.js";import g from"./dialog-title.js";import _ from"./dialog-trigger.js";import ee from"./dialog-cancel.js";import v from"./dialog-confirm.js";import{computed as y,createBlock as b,createCommentVNode as x,createElementVNode as S,createTextVNode as C,createVNode as w,defineComponent as T,guardReactiveProps as E,mergeProps as D,normalizeClass as O,normalizeProps as k,openBlock as A,renderSlot as j,toDisplayString as M,toHandlers as N,unref as P,useAttrs as F,useSlots as I,withCtx as L}from"vue";const R=T({name:`DialogCompact`,__name:`dialog-compact`,props:{title:{},description:{},icon:{},showClose:{type:Boolean,default:!0},pure:{type:Boolean},showCancel:{type:[String,Boolean],default:`onlyWarning`},cancelText:{},showConfirm:{type:Boolean,default:!0},confirmText:{},triggerProps:{},overlayProps:{},portalProps:{},popupProps:{},headerProps:{},contentProps:{},footerProps:{},titleProps:{},descriptionProps:{},closeProps:{},cancelProps:{},confirmProps:{},dir:{},isAlert:{type:Boolean},alertType:{default:`default`},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`,`click`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`close`,`confirm`,`cancel`],setup(T,{emit:R}){let z=T,B=n(z,[`title`,`description`,`icon`,`showClose`,`pure`,`showCancel`,`cancelText`,`showConfirm`,`confirmText`,`triggerProps`,`overlayProps`,`portalProps`,`popupProps`,`headerProps`,`contentProps`,`footerProps`,`titleProps`,`descriptionProps`,`closeProps`,`cancelProps`,`confirmProps`]),V=R,H=I(),U=F(),W=t(V),G=e(),K=o(),q=y(()=>K?.getCurrentDialog(U[`data-dialog-id`])),J=y(()=>[s().value?.icon,q.value?.ui?.icon].filter(Boolean).join(` `)),Y=y(()=>({...z.triggerProps,asChild:z.triggerProps?.asChild??!0})),X={default:null,info:`lucide:info`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,success:`lucide:circle-check`},Z=y(()=>z.icon?z.icon:z.isAlert&&z.alertType?X[z.alertType]:null),Q=y(()=>z.showConfirm??z.isAlert),$=y(()=>typeof z.showCancel==`boolean`?z.showCancel:z.isAlert===!0&&z.alertType===`warning`),te=y(()=>z.pure?!1:H.footer?!0:$.value||Q.value),ne=y(()=>z.cancelText??G.value.dialog.cancel),re=y(()=>z.confirmText??G.value.dialog.confirm);return a({dialog:q}),(e,t)=>(A(),b(h,D(P(B),{"onUpdate:open":t[4]||(t[4]=e=>V(`update:open`,e))}),{default:L(n=>[w(_,k(E(Y.value)),{default:L(()=>[j(e.$slots,`trigger`,k(E(n)))]),_:2},1040),w(i,k(E(T.portalProps)),{default:L(()=>[w(m,k(E(T.overlayProps)),null,16),w(l,D(T.popupProps,N(P(W))),{default:L(()=>[T.pure?x(`v-if`,!0):(A(),b(p,k(D({key:0},T.headerProps)),{default:L(()=>[w(g,k(E(T.titleProps)),{default:L(()=>[Z.value?(A(),b(r,{key:0,icon:Z.value,class:O(J.value)},null,8,[`icon`,`class`])):x(`v-if`,!0),j(e.$slots,`title`,k(E(n)),()=>[S(`span`,null,M(T.title),1)])]),_:2},1040),H.description||T.description?(A(),b(d,k(D({key:0},T.descriptionProps)),{default:L(()=>[j(e.$slots,`description`,k(E(n)),()=>[C(M(T.description),1)])]),_:2},1040)):x(`v-if`,!0),!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[0]||(t[0]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0)]),_:2},1040)),w(u,k(E(T.contentProps)),{default:L(()=>[j(e.$slots,`default`,k(E(n)))]),_:2},1040),T.pure&&!T.isAlert&&T.showClose?(A(),b(c,{key:1,onClose:t[1]||(t[1]=e=>V(`close`,e))},{default:L(()=>[j(e.$slots,`close`,k(E(n)))]),_:2},1024)):x(`v-if`,!0),te.value?(A(),b(f,k(D({key:2},T.footerProps)),{default:L(()=>[j(e.$slots,`footer`,k(E(n)),()=>[$.value?(A(),b(ee,D({key:0},T.cancelProps,{onCancel:t[2]||(t[2]=e=>V(`cancel`,e))}),{default:L(()=>[j(e.$slots,`cancel`,k(E(n)),()=>[C(M(ne.value),1)])]),_:2},1040)):x(`v-if`,!0),Q.value?(A(),b(v,D({key:1},T.confirmProps,{onConfirm:t[3]||(t[3]=e=>V(`confirm`,e))}),{default:L(()=>[j(e.$slots,`confirm`,k(E(n)),()=>[C(M(re.value),1)])]),_:2},1040)):x(`v-if`,!0)])]),_:2},1040)):x(`v-if`,!0)]),_:2},1040)]),_:2},1040)]),_:3},16))}});export{R as default};
|
|
@@ -5,10 +5,10 @@ import * as _$vue from "vue";
|
|
|
5
5
|
//#region src/components/dialog/dialog-compact.vue.d.ts
|
|
6
6
|
type __VLS_Slots = DialogCompactSlots;
|
|
7
7
|
declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
8
|
-
|
|
8
|
+
cancel: (event: MouseEvent) => any;
|
|
9
9
|
click: (event: PointerEvent) => any;
|
|
10
10
|
close: (event: MouseEvent) => any;
|
|
11
|
-
|
|
11
|
+
"update:open": (value: boolean) => any;
|
|
12
12
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
13
13
|
pointerDownOutside: (event: PointerDownOutsideEvent) => any;
|
|
14
14
|
focusOutside: (event: FocusOutsideEvent) => any;
|
|
@@ -17,10 +17,10 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
|
|
|
17
17
|
closeAutoFocus: (event: Event) => any;
|
|
18
18
|
confirm: (event: MouseEvent) => any;
|
|
19
19
|
}, string, _$vue.PublicProps, Readonly<DialogCompactProps> & Readonly<{
|
|
20
|
-
|
|
20
|
+
onCancel?: ((event: MouseEvent) => any) | undefined;
|
|
21
21
|
onClick?: ((event: PointerEvent) => any) | undefined;
|
|
22
22
|
onClose?: ((event: MouseEvent) => any) | undefined;
|
|
23
|
-
|
|
23
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
24
24
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
25
25
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
26
26
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
@@ -31,8 +31,8 @@ declare const __VLS_base: _$vue.DefineComponent<DialogCompactProps, {}, {}, {},
|
|
|
31
31
|
}>, {
|
|
32
32
|
open: boolean;
|
|
33
33
|
modal: boolean;
|
|
34
|
-
showClose: boolean;
|
|
35
34
|
showCancel: "onlyWarning" | boolean;
|
|
35
|
+
showClose: boolean;
|
|
36
36
|
showConfirm: boolean;
|
|
37
37
|
alertType: DialogAlertType;
|
|
38
38
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{useHideOthers as i}from"../../composables/use-hide-others.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import{useDialogRootContext as s,useDialogUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=d({name:`DialogPopupImpl`,__name:`dialog-popup-impl`,props:{trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:v}){let y=d,b=v,{
|
|
1
|
+
import{getActiveElement as e}from"../../shared/dom.js";import"../../shared/index.js";import{useDismissableLayer as t}from"../../composables/use-dismissable-layer.js";import{useFocusGuards as n}from"../../composables/use-focus-guards.js";import{useFocusScope as r}from"../../composables/use-focus-scope.js";import{useHideOthers as i}from"../../composables/use-hide-others.js";import{useOmitProps as a}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as o}from"../primitive/primitive.js";import"../primitive/index.js";import{useDialogRootContext as s,useDialogUi as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,onMounted as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=d({name:`DialogPopupImpl`,__name:`dialog-popup-impl`,props:{trapFocus:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(d,{emit:v}){let y=d,b=v,{dir:x,modal:S,isAlert:C,alertType:w,onOpenChange:T,setTriggerElement:E,popupElement:D,setPopupElement:O,popupId:k,initPopupId:A,dataState:j,titleId:M,descriptionId:N,focusCancel:P}=s(`DialogPopupImpl`),{pointerEvents:F}=t(D,{disableOutsidePointerEvents:()=>y.disableOutsidePointerEvents,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{b(`pointerDownOutside`,e)},onFocusOutside:e=>{b(`focusOutside`,e)},onInteractOutside:e=>{b(`interactOutside`,e)},onDismiss:()=>{T(!1)}}),{onKeydown:I}=r(D,{trapped:()=>y.trapFocus,loop:!0,onOpenAutoFocus:e=>{C.value&&P(),b(`openAutoFocus`,e)},onCloseAutoFocus:e=>{b(`closeAutoFocus`,e)}}),L=a(y,[`trapFocus`,`disableOutsidePointerEvents`]),R=c(`popup`),z=l(()=>({pointerEvents:F.value})),B=()=>{let t=e();t!==document.body&&E(t)};return n(),i(D,S),A(),p(()=>{B()}),(e,t)=>(m(),u(g(o),f(g(L),{id:g(k),ref:g(O),class:g(R),dir:g(x),"aria-labelledby":g(M),"aria-describedby":g(N),"data-dismissable-layer":``,"data-state":g(j),"data-type":g(C)?g(w):void 0,role:g(C)?`alertdialog`:`dialog`,"aria-live":g(C)?g(w)===`error`?`assertive`:`polite`:void 0,tabindex:`-1`,style:z.value,onKeydown:g(I)}),{default:_(()=>[h(e.$slots,`default`)]),_:3},16,[`id`,`class`,`dir`,`aria-labelledby`,`aria-describedby`,`data-state`,`data-type`,`role`,`aria-live`,`style`,`onKeydown`]))}});export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as
|
|
1
|
+
import{transformPropsToContext as e}from"../../shared/vue.js";import{useDirection as t}from"../config-provider/context.js";import"../../shared/index.js";import{useControllableState as n}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{provideDialogRootContext as r}from"./context.js";import{computed as i,defineComponent as a,renderSlot as o,unref as s}from"vue";const c=a({name:`DialogRoot`,inheritAttrs:!1,__name:`dialog-root`,props:{dir:{},isAlert:{type:Boolean},alertType:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean,default:!0}},emits:[`update:open`],setup(a,{emit:c}){let l=a,u=c,d=n(()=>l.open,e=>{u(`update:open`,e)},l.defaultOpen??!1),{onOpenChange:f}=r({dir:t(()=>l.dir),open:d,modal:i(()=>l.isAlert===!0||l.modal),...e(l,[`isAlert`,`alertType`])}),p=()=>{f(!1)};return(e,t)=>o(e.$slots,`default`,{open:s(d),close:p})}});export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.
|
|
1
|
+
import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.129.0/helpers/defineProperty.js";let t=1;const n=new class{constructor(){e(this,`subscribers`,void 0),e(this,`dialogs`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.dialogs.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.dialogs=[...this.dialogs,e];return}let n={...this.dialogs[t],...e};this.publish(n),this.dialogs=this.dialogs.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{open:t=!0,...n}=e,r=a(e.id),i={...n,id:r,open:t};return this.upsert(i),r}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,open:!1})),e;this.dialogs.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,open:!1})})}),e(this,`message`,(e,t)=>this.create({...t,title:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,title:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,title:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,title:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,title:e,type:`warning`})),e(this,`getDialogs`,()=>this.dialogs.filter(e=>!this.dismissed.has(e.id))),e(this,`activeDialogs`,()=>(this.dialogs=this.getDialogs(),this.dismissed.clear(),this.dialogs)),this.subscribers=[],this.dialogs=[],this.dismissed=new Set}},r=n.message,i=Object.assign(r,{success:n.success,error:n.error,info:n.info,warning:n.warning,getHistory:()=>n.dialogs,getDialogs:()=>n.getDialogs()});function a(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:t++}export{n as DialogState,i as dialog};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { UiClass } from "../../types/common.js";
|
|
1
|
+
import { Direction, UiClass } from "../../types/common.js";
|
|
2
2
|
import { DismissableLayerEmits, DismissableLayerProps, FocusScopeEmits, ForceMountProps, TrapFocusProps } from "../../types/component.js";
|
|
3
3
|
import { BaseProps } from "../../types/vue.js";
|
|
4
4
|
import { PrimitiveWithBaseProps } from "../primitive/types.js";
|
|
@@ -40,6 +40,10 @@ interface DialogBaseProps {
|
|
|
40
40
|
* Properties for the DialogRoot component.
|
|
41
41
|
*/
|
|
42
42
|
interface DialogRootProps extends DialogBaseProps {
|
|
43
|
+
/**
|
|
44
|
+
* The text direction of the dialog
|
|
45
|
+
*/
|
|
46
|
+
dir?: Direction;
|
|
43
47
|
/**
|
|
44
48
|
* Whether the dialog is an alert dialog. An alert dialog is a dialog that interrupts the user's workflow to communicate an important message and requires a response.
|
|
45
49
|
*
|
|
@@ -8,8 +8,8 @@ import * as _$vue from "vue";
|
|
|
8
8
|
declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
9
9
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuCheckboxCompactProps<T> & {
|
|
10
10
|
onSelect?: ((item: MenuCheckboxOptionData<T>, event: Event) => any) | undefined;
|
|
11
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
11
|
"onUpdate:modelValue"?: ((value: T[]) => any) | undefined;
|
|
12
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
13
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
14
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
15
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends DefinedValue = DefinedValue>(__VLS_props:
|
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: DropdownMenuCheckboxCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:
|
|
26
|
+
emit: ((evt: "select", item: MenuCheckboxOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", value: T[]) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<DropdownMenuContentProps, {}, {}
|
|
|
24
24
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
25
25
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
26
26
|
}>, {
|
|
27
|
+
avoidCollisions: boolean;
|
|
27
28
|
sideOffset: number;
|
|
28
29
|
sideFlip: boolean;
|
|
29
30
|
alignFlip: boolean;
|
|
30
|
-
avoidCollisions: boolean;
|
|
31
31
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
32
32
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
33
33
|
declare const _default: typeof __VLS_export;
|
|
@@ -8,8 +8,8 @@ import * as _$vue from "vue";
|
|
|
8
8
|
declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
9
9
|
props: _$vue.PublicProps & __VLS_PrettifyLocal<DropdownMenuRadioCompactProps<T> & {
|
|
10
10
|
onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
|
|
11
|
-
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
12
11
|
"onUpdate:modelValue"?: ((payload: Exclude<T, undefined>) => any) | undefined;
|
|
12
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
13
13
|
onEntryFocus?: ((event: Event) => any) | undefined;
|
|
14
14
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
15
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
|
|
|
23
23
|
expose: (exposed: {}) => void;
|
|
24
24
|
attrs: any;
|
|
25
25
|
slots: DropdownMenuRadioCompactSlots<T>;
|
|
26
|
-
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:
|
|
26
|
+
emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: Exclude<T, undefined>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
|
|
27
27
|
}>) => _$vue.VNode & {
|
|
28
28
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
29
29
|
};
|
|
@@ -31,9 +31,9 @@ declare const __VLS_base: _$vue.DefineComponent<EditableRootProps, {
|
|
|
31
31
|
"onUpdate:state"?: ((state: EditableEventState) => any) | undefined;
|
|
32
32
|
}>, {
|
|
33
33
|
disabled: boolean;
|
|
34
|
+
readonly: boolean;
|
|
34
35
|
modelValue: string;
|
|
35
36
|
activationMode: EditableActivationMode;
|
|
36
|
-
readonly: boolean;
|
|
37
37
|
selectOnFocus: boolean;
|
|
38
38
|
submitMode: EditableSubmitMode;
|
|
39
39
|
startWithEditMode: boolean;
|
|
@@ -179,7 +179,7 @@ interface EditableCompactSlotProps {
|
|
|
179
179
|
/**
|
|
180
180
|
* Slots for the EditableCompact component.
|
|
181
181
|
*/
|
|
182
|
-
|
|
182
|
+
type EditableCompactSlots = {
|
|
183
183
|
/**
|
|
184
184
|
* Custom content for the default slot.
|
|
185
185
|
*/
|
|
@@ -204,6 +204,6 @@ interface EditableCompactSlots {
|
|
|
204
204
|
* Custom content for the cancel trigger slot.
|
|
205
205
|
*/
|
|
206
206
|
'cancel-trigger'?: (props: EditableCompactSlotProps) => any;
|
|
207
|
-
}
|
|
207
|
+
};
|
|
208
208
|
//#endregion
|
|
209
209
|
export { EditableActivationMode, EditableAreaProps, EditableCancelTriggerProps, EditableCompactEmits, EditableCompactProps, EditableCompactSlots, EditableEditTriggerProps, EditableEventState, EditableInputProps, EditablePlaceholder, EditablePreviewProps, EditableRootEmits, EditableRootProps, EditableSubmitMode, EditableSubmitTriggerProps, EditableUi, EditableUiSlot, EditableViewState };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./hover-card-root.js";import a from"./hover-card-trigger.js";import o from"./hover-card-positioner.js";import s from"./hover-card-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x=f({name:`HoverCardCompact`,__name:`hover-card-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean
|
|
1
|
+
import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./hover-card-root.js";import a from"./hover-card-trigger.js";import o from"./hover-card-positioner.js";import s from"./hover-card-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderSlot as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x=f({name:`HoverCardCompact`,__name:`hover-card-compact`,props:{placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`],setup(f,{emit:x}){let S=f,C=x,w=t(S,[`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),T=e(C),E=c(()=>({...S.triggerProps,asChild:S.triggerProps?.asChild??!0})),D=c(()=>({...S.positionerProps,placement:S.placement??S.positionerProps?.placement}));return(e,t)=>(g(),l(i,m(y(w),{"onUpdate:open":t[0]||(t[0]=e=>C(`update:open`,e))}),{default:b(()=>[d(a,h(p(E.value)),{default:b(()=>[_(e.$slots,`trigger`)]),_:3},16),d(n,h(p(f.portalProps)),{default:b(()=>[d(o,m(D.value,v(y(T))),{default:b(()=>[d(s,h(p(f.popupProps)),{default:b(()=>[_(e.$slots,`default`),f.showArrow?(g(),l(r,h(m({key:0},f.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{x as default};
|
|
@@ -15,7 +15,6 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardCompactProps, {}, {}, {
|
|
|
15
15
|
onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
|
|
16
16
|
onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
|
|
17
17
|
}>, {
|
|
18
|
-
defaultOpen: boolean;
|
|
19
18
|
open: boolean;
|
|
20
19
|
showArrow: boolean;
|
|
21
20
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<HoverCardRootProps, {}, {}, {},
|
|
|
13
13
|
}, string, _$vue.PublicProps, Readonly<HoverCardRootProps> & Readonly<{
|
|
14
14
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
15
15
|
}>, {
|
|
16
|
-
defaultOpen: boolean;
|
|
17
16
|
open: boolean;
|
|
17
|
+
defaultOpen: boolean;
|
|
18
18
|
openDelay: number;
|
|
19
19
|
closeDelay: number;
|
|
20
20
|
}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
@@ -84,7 +84,7 @@ type HoverCardCompactEmits = HoverCardRootEmits & HoverCardPositionerEmits;
|
|
|
84
84
|
/**
|
|
85
85
|
* Slots for the HoverCardCompact component.
|
|
86
86
|
*/
|
|
87
|
-
|
|
87
|
+
type HoverCardCompactSlots = {
|
|
88
88
|
/**
|
|
89
89
|
* Custom content for the default slot.
|
|
90
90
|
*/
|
|
@@ -93,6 +93,6 @@ interface HoverCardCompactSlots {
|
|
|
93
93
|
* Custom content for the trigger slot.
|
|
94
94
|
*/
|
|
95
95
|
trigger?: () => any;
|
|
96
|
-
}
|
|
96
|
+
};
|
|
97
97
|
//#endregion
|
|
98
98
|
export { HoverCardCompactEmits, HoverCardCompactProps, HoverCardCompactSlots, HoverCardPopupProps, HoverCardPositionerEmits, HoverCardPositionerProps, HoverCardRootEmits, HoverCardRootProps };
|
|
@@ -6,24 +6,24 @@ type __VLS_Slots = InputOtpCompactSlots;
|
|
|
6
6
|
declare const __VLS_base: _$vue.DefineComponent<InputOtpCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
|
|
7
7
|
input: (value: string) => any;
|
|
8
8
|
select: (event: Event) => any;
|
|
9
|
-
|
|
9
|
+
"update:modelValue": (value: string) => any;
|
|
10
10
|
blur: (event: FocusEvent) => any;
|
|
11
|
+
change: (event: Event) => any;
|
|
11
12
|
focus: (event: FocusEvent) => any;
|
|
12
13
|
mouseleave: (event: MouseEvent) => any;
|
|
13
14
|
mouseover: (event: MouseEvent) => any;
|
|
14
15
|
paste: (event: ClipboardEvent) => any;
|
|
15
|
-
"update:modelValue": (value: string) => any;
|
|
16
16
|
complete: (value: string) => any;
|
|
17
17
|
}, string, _$vue.PublicProps, Readonly<InputOtpCompactProps> & Readonly<{
|
|
18
18
|
onInput?: ((value: string) => any) | undefined;
|
|
19
19
|
onSelect?: ((event: Event) => any) | undefined;
|
|
20
|
-
|
|
20
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
21
21
|
onBlur?: ((event: FocusEvent) => any) | undefined;
|
|
22
|
+
onChange?: ((event: Event) => any) | undefined;
|
|
22
23
|
onFocus?: ((event: FocusEvent) => any) | undefined;
|
|
23
24
|
onMouseleave?: ((event: MouseEvent) => any) | undefined;
|
|
24
25
|
onMouseover?: ((event: MouseEvent) => any) | undefined;
|
|
25
26
|
onPaste?: ((event: ClipboardEvent) => any) | undefined;
|
|
26
|
-
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
27
27
|
onComplete?: ((value: string) => any) | undefined;
|
|
28
28
|
}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
|
|
29
29
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|