@sprawlify/vue 0.0.65 → 0.0.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/clean-props-BDv2zb5M.js +9 -0
- package/dist/collapsible-DQfAISmg.js +259 -0
- package/dist/collection-Ba0Aeh5P.js +218 -0
- package/dist/components/accordion/index.d.ts +195 -0
- package/dist/components/accordion/index.js +361 -0
- package/dist/components/angle-slider/index.d.ts +230 -0
- package/dist/components/angle-slider/index.js +371 -0
- package/dist/components/avatar/index.d.ts +116 -0
- package/dist/components/avatar/index.js +177 -0
- package/dist/components/bottom-sheet/index.d.ts +241 -0
- package/dist/components/bottom-sheet/index.js +429 -0
- package/dist/components/carousel/index.d.ts +306 -0
- package/dist/components/carousel/index.js +500 -0
- package/dist/components/checkbox/index.d.ts +273 -0
- package/dist/components/checkbox/index.js +500 -0
- package/dist/components/client-only/index.d.ts +20 -0
- package/dist/components/client-only/index.js +22 -0
- package/dist/components/clipboard/index.d.ts +204 -0
- package/dist/components/clipboard/index.js +297 -0
- package/dist/components/collapsible/index.d.ts +15 -23
- package/dist/components/collapsible/index.js +5 -325
- package/dist/components/collection/index.d.ts +2 -0
- package/dist/components/collection/index.js +4 -0
- package/dist/components/color-picker/index.d.ts +610 -0
- package/dist/components/color-picker/index.js +1127 -0
- package/dist/components/combobox/index.d.ts +618 -0
- package/dist/components/combobox/index.js +802 -0
- package/dist/components/date-picker/index.d.ts +597 -0
- package/dist/components/date-picker/index.js +1110 -0
- package/dist/components/dialog/index.d.ts +270 -0
- package/dist/components/dialog/index.js +433 -0
- package/dist/components/download-trigger/index.d.ts +29 -0
- package/dist/components/download-trigger/index.js +68 -0
- package/dist/components/editable/index.d.ts +288 -0
- package/dist/components/editable/index.js +459 -0
- package/dist/components/field/index.d.ts +326 -0
- package/dist/components/field/index.js +7 -0
- package/dist/components/fieldset/index.d.ts +161 -0
- package/dist/components/fieldset/index.js +7 -0
- package/dist/components/highlight/index.d.ts +35 -0
- package/dist/components/highlight/index.js +57 -0
- package/dist/components/menu/index.d.ts +498 -0
- package/dist/components/menu/index.js +885 -0
- package/dist/components/presence/index.d.ts +3 -0
- package/dist/components/presence/index.js +6 -0
- package/dist/components/select/index.d.ts +430 -0
- package/dist/components/select/index.js +769 -0
- package/dist/{use-forward-expose-BIk4OI3R.js → core-DNndr38p.js} +2 -170
- package/dist/create-split-props-YZ3qgXe_.js +11 -0
- package/dist/factory-BH3WrWd2.js +68 -0
- package/dist/factory-D_ge_w76.d.ts +8 -0
- package/dist/field-DnHnX3Tf.js +501 -0
- package/dist/fieldset-DzhN7Zrg.js +278 -0
- package/dist/{types-BQfkZGpL.d.ts → index-B66Om_3U.d.ts} +1 -9
- package/dist/index-BBHms9-0.d.ts +91 -0
- package/dist/index-CDQghZtv.d.ts +57 -0
- package/dist/index-DqRk-Yea.d.ts +199 -0
- package/dist/index.d.ts +4 -92
- package/dist/index.js +4 -50
- package/dist/presence-CvUnYMZQ.js +105 -0
- package/dist/presence-types-Bv1E60Cw.d.ts +13 -0
- package/dist/providers-B2CNPFg1.js +108 -0
- package/dist/types-Bj-dS2Hc.d.ts +9 -0
- package/dist/use-forward-expose-4p5AGAI3.js +67 -0
- package/dist/use-render-strategy-BkxoN6ll.js +7 -0
- package/dist/use-render-strategy-CHj_pCfT.d.ts +9 -0
- package/dist/utils-B4FuOOE-.js +51 -0
- package/package.json +86 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,92 +1,4 @@
|
|
|
1
|
-
import { a as Optional,
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
//#region src/providers/environment/use-environment-context.d.ts
|
|
7
|
-
type RootNode = ShadowRoot | Document | Node;
|
|
8
|
-
interface UseEnvironmentContext {
|
|
9
|
-
/**
|
|
10
|
-
* The root node of the application.
|
|
11
|
-
* This is used to determine the window and document objects.
|
|
12
|
-
*/
|
|
13
|
-
getRootNode(): RootNode;
|
|
14
|
-
/**
|
|
15
|
-
* The document context for the root node.
|
|
16
|
-
*/
|
|
17
|
-
getDocument(): Document;
|
|
18
|
-
/**
|
|
19
|
-
* The window context for the root node.
|
|
20
|
-
*/
|
|
21
|
-
getWindow(): Window & typeof globalThis;
|
|
22
|
-
}
|
|
23
|
-
declare const DEFAULT_ENVIRONMENT: ComputedRef<UseEnvironmentContext>;
|
|
24
|
-
//#endregion
|
|
25
|
-
//#region src/providers/environment/environment-provider.vue.d.ts
|
|
26
|
-
interface EnvironmentProviderProps {
|
|
27
|
-
value?: RootNode | (() => RootNode);
|
|
28
|
-
}
|
|
29
|
-
declare var __VLS_1: {};
|
|
30
|
-
type __VLS_Slots = {} & {
|
|
31
|
-
default?: (props: typeof __VLS_1) => any;
|
|
32
|
-
};
|
|
33
|
-
declare const __VLS_base: vue8.DefineComponent<EnvironmentProviderProps, {}, {}, {}, {}, vue8.ComponentOptionsMixin, vue8.ComponentOptionsMixin, {}, string, vue8.PublicProps, Readonly<EnvironmentProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue8.ComponentProvideOptions, false, {}, any>;
|
|
34
|
-
declare const __VLS_export$1: __VLS_WithSlots$1<typeof __VLS_base, __VLS_Slots>;
|
|
35
|
-
declare const _default: typeof __VLS_export$1;
|
|
36
|
-
type __VLS_WithSlots$1<T, S> = T & {
|
|
37
|
-
new (): {
|
|
38
|
-
$slots: S;
|
|
39
|
-
};
|
|
40
|
-
};
|
|
41
|
-
//#endregion
|
|
42
|
-
//#region src/providers/locale/locale-provider.vue.d.ts
|
|
43
|
-
interface LocaleProviderProps {
|
|
44
|
-
locale: string;
|
|
45
|
-
}
|
|
46
|
-
declare const _default$1: typeof __VLS_export;
|
|
47
|
-
declare const __VLS_export: __VLS_WithSlots<vue8.DefineComponent<LocaleProviderProps, {}, {}, {}, {}, vue8.ComponentOptionsMixin, vue8.ComponentOptionsMixin, {}, string, vue8.PublicProps, Readonly<LocaleProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, vue8.ComponentProvideOptions, false, {}, any>, {
|
|
48
|
-
default?: (props: {}) => any;
|
|
49
|
-
}>;
|
|
50
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
51
|
-
new (): {
|
|
52
|
-
$slots: S;
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
//#endregion
|
|
56
|
-
//#region src/providers/locale/use-collator.d.ts
|
|
57
|
-
interface UseCollatorProps extends Intl.CollatorOptions {
|
|
58
|
-
locale?: string;
|
|
59
|
-
}
|
|
60
|
-
interface UseCollatorReturn extends ComputedRef<Intl.Collator> {}
|
|
61
|
-
declare function useCollator(propsOrFn?: MaybeRef<UseCollatorProps>): UseCollatorReturn;
|
|
62
|
-
//#endregion
|
|
63
|
-
//#region src/providers/locale/use-filter.d.ts
|
|
64
|
-
interface UseFilterProps extends FilterOptions {}
|
|
65
|
-
declare function useFilter(props: UseFilterProps): UseFilterReturn;
|
|
66
|
-
interface UseFilterReturn extends ComputedRef<FilterReturn> {}
|
|
67
|
-
//#endregion
|
|
68
|
-
//#region src/providers/locale/use-locale-context.d.ts
|
|
69
|
-
interface LocaleContext extends Locale {}
|
|
70
|
-
declare const DEFAULT_LOCALE: ComputedRef<LocaleContext>;
|
|
71
|
-
//#endregion
|
|
72
|
-
//#region src/utils/create-context.d.ts
|
|
73
|
-
type CreateContextReturn<T> = [(opts: T) => void, (fallback?: T) => T, symbol];
|
|
74
|
-
declare const createContext: <T>(id: string) => CreateContextReturn<T>;
|
|
75
|
-
//#endregion
|
|
76
|
-
//#region src/utils/use-emits-as-props.d.ts
|
|
77
|
-
declare function useEmitAsProps<Name extends string>(emit: (name: Name, ...args: any[]) => void): Record<string, any>;
|
|
78
|
-
//#endregion
|
|
79
|
-
//#region src/utils/use-forward-expose.d.ts
|
|
80
|
-
declare function useForwardExpose(): {
|
|
81
|
-
forwardRef: (ref: Element | ComponentPublicInstance | null) => void;
|
|
82
|
-
currentRef: vue8.Ref<Element | ComponentPublicInstance | null | undefined, Element | ComponentPublicInstance | null | undefined>;
|
|
83
|
-
currentElement: vue8.ComputedRef<HTMLElement>;
|
|
84
|
-
};
|
|
85
|
-
//#endregion
|
|
86
|
-
//#region src/utils/use-forward-props.d.ts
|
|
87
|
-
declare function useForwardProps<T extends MaybeRefOrGetter<Record<string, any>>, U extends UnwrapRef<T>>(props: T): vue8.ComputedRef<U>;
|
|
88
|
-
//#endregion
|
|
89
|
-
//#region src/utils/use-forward-props-emits.d.ts
|
|
90
|
-
declare function useForwardPropsEmits<T extends Parameters<typeof useForwardProps>[0], Name extends string>(props: T, emit?: (name: Name, ...args: any[]) => void): vue8.ComputedRef<any>;
|
|
91
|
-
//#endregion
|
|
92
|
-
export { Assign, BooleanDefaults, DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, EmitFn, _default as EnvironmentProvider, type EnvironmentProviderProps, type LocaleContext, _default$1 as LocaleProvider, type LocaleProviderProps, MaybePromise, Optional, PropTypes, type RootNode, type UseCollatorProps, type UseCollatorReturn, type UseEnvironmentContext, type UseFilterProps, type UseFilterReturn, createContext, mergeProps, normalizeProps, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
|
|
1
|
+
import { a as Optional, i as MaybePromise, n as BooleanDefaults, r as EmitFn, t as Assign } from "./types-Bj-dS2Hc.js";
|
|
2
|
+
import { i as normalizeProps, n as useMachine, r as PropTypes, t as mergeProps } from "./index-B66Om_3U.js";
|
|
3
|
+
import { S as useEnvironmentContext, _ as EnvironmentProviderProps, a as createContext, b as RootNode, c as useLocaleContext, d as useFilter, f as UseCollatorProps, g as _default$1, h as LocaleProviderProps, i as useEmitAsProps, l as UseFilterProps, m as useCollator, n as useForwardProps, o as DEFAULT_LOCALE, p as UseCollatorReturn, r as useForwardExpose, s as LocaleContext, t as useForwardPropsEmits, u as UseFilterReturn, v as _default, x as UseEnvironmentContext, y as DEFAULT_ENVIRONMENT } from "./index-BBHms9-0.js";
|
|
4
|
+
export { Assign, BooleanDefaults, DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, EmitFn, _default as EnvironmentProvider, EnvironmentProviderProps, LocaleContext, _default$1 as LocaleProvider, LocaleProviderProps, MaybePromise, Optional, PropTypes, RootNode, UseCollatorProps, UseCollatorReturn, UseEnvironmentContext, UseFilterProps, UseFilterReturn, createContext, mergeProps, normalizeProps, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
|
package/dist/index.js
CHANGED
|
@@ -1,52 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { n as useMachine, r as normalizeProps, t as mergeProps } from "./core-DNndr38p.js";
|
|
2
|
+
import { a as useLocaleContext, c as useEnvironmentContext, i as DEFAULT_LOCALE, n as useCollator, o as environment_provider_default, r as locale_provider_default, s as DEFAULT_ENVIRONMENT, t as useFilter } from "./providers-B2CNPFg1.js";
|
|
3
|
+
import { r as createContext, t as useForwardExpose } from "./use-forward-expose-4p5AGAI3.js";
|
|
4
|
+
import { n as useForwardProps, r as useEmitAsProps, t as useForwardPropsEmits } from "./utils-B4FuOOE-.js";
|
|
3
5
|
|
|
4
|
-
//#region src/utils/use-emits-as-props.ts
|
|
5
|
-
function useEmitAsProps(emit) {
|
|
6
|
-
const vm = getCurrentInstance();
|
|
7
|
-
const events = vm?.type.emits;
|
|
8
|
-
const result = {};
|
|
9
|
-
if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
|
|
10
|
-
for (const event of events) result[toHandlerKey(camelize(event))] = (...arg) => emit(event, ...arg);
|
|
11
|
-
return result;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
//#endregion
|
|
15
|
-
//#region src/utils/use-forward-props.ts
|
|
16
|
-
function useForwardProps(props) {
|
|
17
|
-
const vm = getCurrentInstance();
|
|
18
|
-
const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
|
|
19
|
-
const defaultValue = (vm?.type.props[curr]).default;
|
|
20
|
-
if (defaultValue !== void 0) prev[curr] = defaultValue;
|
|
21
|
-
return prev;
|
|
22
|
-
}, {});
|
|
23
|
-
const refProps = toRef(props);
|
|
24
|
-
return computed(() => {
|
|
25
|
-
const preservedProps = {};
|
|
26
|
-
const assignedProps = vm?.vnode.props ?? {};
|
|
27
|
-
Object.keys(assignedProps).forEach((key) => {
|
|
28
|
-
preservedProps[camelize(key)] = assignedProps[key];
|
|
29
|
-
});
|
|
30
|
-
return Object.keys({
|
|
31
|
-
...defaultProps,
|
|
32
|
-
...preservedProps
|
|
33
|
-
}).reduce((prev, curr) => {
|
|
34
|
-
if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
|
|
35
|
-
return prev;
|
|
36
|
-
}, {});
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
//#endregion
|
|
41
|
-
//#region src/utils/use-forward-props-emits.ts
|
|
42
|
-
function useForwardPropsEmits(props, emit) {
|
|
43
|
-
const parsedProps = useForwardProps(props);
|
|
44
|
-
const emitsAsProps = emit ? useEmitAsProps(emit) : {};
|
|
45
|
-
return computed(() => ({
|
|
46
|
-
...parsedProps.value,
|
|
47
|
-
...emitsAsProps
|
|
48
|
-
}));
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
//#endregion
|
|
52
6
|
export { DEFAULT_ENVIRONMENT, DEFAULT_LOCALE, environment_provider_default as EnvironmentProvider, locale_provider_default as LocaleProvider, createContext, mergeProps, normalizeProps, useCollator, useEmitAsProps, useEnvironmentContext, useFilter, useForwardExpose, useForwardProps, useForwardPropsEmits, useLocaleContext, useMachine };
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { n as useMachine, r as normalizeProps$1 } from "./core-DNndr38p.js";
|
|
2
|
+
import { r as createContext, t as useForwardExpose } from "./use-forward-expose-4p5AGAI3.js";
|
|
3
|
+
import { t as sprawlify } from "./factory-BH3WrWd2.js";
|
|
4
|
+
import { computed, createBlock, createCommentVNode, defineComponent, mergeDefaults, mergeProps, openBlock, ref, renderSlot, toValue, unref, watch, withCtx } from "vue";
|
|
5
|
+
import * as presence from "@sprawlify/primitives/machines/presence";
|
|
6
|
+
|
|
7
|
+
//#region src/components/presence/use-presence.ts
|
|
8
|
+
const usePresence = (props, emit) => {
|
|
9
|
+
const wasEverPresent = ref(false);
|
|
10
|
+
const nodeRef = ref(null);
|
|
11
|
+
const machineProps = computed(() => {
|
|
12
|
+
return {
|
|
13
|
+
present: toValue(props).present,
|
|
14
|
+
onExitComplete: () => emit?.("exitComplete")
|
|
15
|
+
};
|
|
16
|
+
});
|
|
17
|
+
const service = useMachine(presence.machine, machineProps);
|
|
18
|
+
const api = computed(() => presence.connect(service, normalizeProps$1));
|
|
19
|
+
watch(() => api.value.present, () => {
|
|
20
|
+
if (api.value.present) wasEverPresent.value = true;
|
|
21
|
+
});
|
|
22
|
+
watch(nodeRef, () => {
|
|
23
|
+
if (nodeRef.value) {
|
|
24
|
+
const node = nodeRef.value.$el ? nodeRef.value.$el : nodeRef.value;
|
|
25
|
+
if (node) api.value.setNode(node);
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
return computed(() => {
|
|
29
|
+
const localProps = toValue(props);
|
|
30
|
+
return {
|
|
31
|
+
present: api.value.present,
|
|
32
|
+
unmounted: !api.value.present && !wasEverPresent.value && localProps.lazyMount || localProps?.unmountOnExit && !api.value?.present && wasEverPresent.value,
|
|
33
|
+
presenceProps: {
|
|
34
|
+
ref: nodeRef,
|
|
35
|
+
hidden: !api.value.present,
|
|
36
|
+
"data-state": api.value.skip && localProps.skipAnimationOnMount ? void 0 : localProps?.present ? "open" : "closed"
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
//#endregion
|
|
43
|
+
//#region src/components/presence/use-presence-context.ts
|
|
44
|
+
const [PresenceProvider, usePresenceContext] = createContext("PresenceContext");
|
|
45
|
+
|
|
46
|
+
//#endregion
|
|
47
|
+
//#region src/components/presence/presence.vue?vue&type=script&setup=true&lang.ts
|
|
48
|
+
var presence_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
49
|
+
__name: "presence",
|
|
50
|
+
props: /* @__PURE__ */ mergeDefaults({
|
|
51
|
+
immediate: {
|
|
52
|
+
type: Boolean,
|
|
53
|
+
required: false
|
|
54
|
+
},
|
|
55
|
+
lazyMount: {
|
|
56
|
+
type: Boolean,
|
|
57
|
+
required: false
|
|
58
|
+
},
|
|
59
|
+
present: {
|
|
60
|
+
type: Boolean,
|
|
61
|
+
required: false
|
|
62
|
+
},
|
|
63
|
+
skipAnimationOnMount: {
|
|
64
|
+
type: Boolean,
|
|
65
|
+
required: false
|
|
66
|
+
},
|
|
67
|
+
unmountOnExit: {
|
|
68
|
+
type: Boolean,
|
|
69
|
+
required: false
|
|
70
|
+
},
|
|
71
|
+
asChild: {
|
|
72
|
+
type: Boolean,
|
|
73
|
+
required: false
|
|
74
|
+
}
|
|
75
|
+
}, {
|
|
76
|
+
immediate: void 0,
|
|
77
|
+
lazyMount: void 0,
|
|
78
|
+
present: void 0,
|
|
79
|
+
skipAnimationOnMount: void 0,
|
|
80
|
+
unmountOnExit: void 0
|
|
81
|
+
}),
|
|
82
|
+
emits: ["exitComplete"],
|
|
83
|
+
setup(__props, { emit: __emit }) {
|
|
84
|
+
const presence = usePresence(__props, __emit);
|
|
85
|
+
PresenceProvider(presence);
|
|
86
|
+
useForwardExpose();
|
|
87
|
+
return (_ctx, _cache) => {
|
|
88
|
+
return !unref(presence).unmounted ? (openBlock(), createBlock(unref(sprawlify).div, mergeProps({ key: 0 }, unref(presence).presenceProps, {
|
|
89
|
+
"as-child": __props.asChild,
|
|
90
|
+
"data-scope": "presence",
|
|
91
|
+
"data-part": "root"
|
|
92
|
+
}), {
|
|
93
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
94
|
+
_: 3
|
|
95
|
+
}, 16, ["as-child"])) : createCommentVNode("v-if", true);
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
//#endregion
|
|
101
|
+
//#region src/components/presence/presence.vue
|
|
102
|
+
var presence_default = presence_vue_vue_type_script_setup_true_lang_default;
|
|
103
|
+
|
|
104
|
+
//#endregion
|
|
105
|
+
export { usePresence as i, PresenceProvider as n, usePresenceContext as r, presence_default as t };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
//#region src/components/presence/presence-types.d.ts
|
|
2
|
+
interface RootProps {
|
|
3
|
+
immediate?: boolean;
|
|
4
|
+
lazyMount?: boolean;
|
|
5
|
+
present?: boolean;
|
|
6
|
+
skipAnimationOnMount?: boolean;
|
|
7
|
+
unmountOnExit?: boolean;
|
|
8
|
+
}
|
|
9
|
+
type RootEmits = {
|
|
10
|
+
exitComplete: [];
|
|
11
|
+
};
|
|
12
|
+
//#endregion
|
|
13
|
+
export { RootProps as n, RootEmits as t };
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
import { r as createContext } from "./use-forward-expose-4p5AGAI3.js";
|
|
2
|
+
import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, openBlock, ref, renderSlot, toValue } from "vue";
|
|
3
|
+
import { getDocument, getWindow } from "@sprawlify/primitives/dom-query";
|
|
4
|
+
import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
|
|
5
|
+
|
|
6
|
+
//#region src/utils/run-if-fn.ts
|
|
7
|
+
const isFunction = (value) => typeof value === "function";
|
|
8
|
+
const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
//#region src/providers/environment/use-environment-context.ts
|
|
12
|
+
const [EnvironmentContextProvider, useEnvironmentContext] = createContext("EnvironmentContext");
|
|
13
|
+
const DEFAULT_ENVIRONMENT = computed(() => ({
|
|
14
|
+
getRootNode: () => document,
|
|
15
|
+
getDocument: () => document,
|
|
16
|
+
getWindow: () => window
|
|
17
|
+
}));
|
|
18
|
+
|
|
19
|
+
//#endregion
|
|
20
|
+
//#region src/providers/environment/environment-provider.vue?vue&type=script&setup=true&lang.ts
|
|
21
|
+
var environment_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
22
|
+
__name: "environment-provider",
|
|
23
|
+
props: { value: {
|
|
24
|
+
type: Function,
|
|
25
|
+
required: false,
|
|
26
|
+
skipCheck: true
|
|
27
|
+
} },
|
|
28
|
+
setup(__props) {
|
|
29
|
+
const props = __props;
|
|
30
|
+
const spanRef = ref(null);
|
|
31
|
+
const getRootNode = () => runIfFn(props.value) ?? spanRef.value?.getRootNode() ?? document;
|
|
32
|
+
EnvironmentContextProvider(computed(() => ({
|
|
33
|
+
getRootNode,
|
|
34
|
+
getDocument: () => getDocument(getRootNode()),
|
|
35
|
+
getWindow: () => getWindow(getRootNode())
|
|
36
|
+
})));
|
|
37
|
+
return (_ctx, _cache) => {
|
|
38
|
+
return openBlock(), createElementBlock(Fragment, null, [renderSlot(_ctx.$slots, "default"), !props.value ? (openBlock(), createElementBlock("span", {
|
|
39
|
+
key: 0,
|
|
40
|
+
hidden: "",
|
|
41
|
+
ref_key: "spanRef",
|
|
42
|
+
ref: spanRef
|
|
43
|
+
}, null, 512)) : createCommentVNode("v-if", true)], 64);
|
|
44
|
+
};
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
//#endregion
|
|
49
|
+
//#region src/providers/environment/environment-provider.vue
|
|
50
|
+
var environment_provider_default = environment_provider_vue_vue_type_script_setup_true_lang_default;
|
|
51
|
+
|
|
52
|
+
//#endregion
|
|
53
|
+
//#region src/providers/locale/use-locale-context.ts
|
|
54
|
+
const DEFAULT_LOCALE = computed(() => ({
|
|
55
|
+
dir: "ltr",
|
|
56
|
+
locale: "en-US"
|
|
57
|
+
}));
|
|
58
|
+
const [LocaleContextProvider, useLocaleContext] = createContext("LocaleContext");
|
|
59
|
+
|
|
60
|
+
//#endregion
|
|
61
|
+
//#region src/providers/locale/locale-provider.vue?vue&type=script&setup=true&lang.ts
|
|
62
|
+
var locale_provider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
63
|
+
__name: "locale-provider",
|
|
64
|
+
props: { locale: {
|
|
65
|
+
type: String,
|
|
66
|
+
required: true
|
|
67
|
+
} },
|
|
68
|
+
setup(__props) {
|
|
69
|
+
const props = __props;
|
|
70
|
+
LocaleContextProvider(computed(() => ({
|
|
71
|
+
locale: props.locale,
|
|
72
|
+
dir: isRTL(props.locale) ? "rtl" : "ltr"
|
|
73
|
+
})));
|
|
74
|
+
return (_ctx, _cache) => {
|
|
75
|
+
return renderSlot(_ctx.$slots, "default");
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
//#endregion
|
|
81
|
+
//#region src/providers/locale/locale-provider.vue
|
|
82
|
+
var locale_provider_default = locale_provider_vue_vue_type_script_setup_true_lang_default;
|
|
83
|
+
|
|
84
|
+
//#endregion
|
|
85
|
+
//#region src/providers/locale/use-collator.ts
|
|
86
|
+
function useCollator(propsOrFn = {}) {
|
|
87
|
+
const env = useLocaleContext();
|
|
88
|
+
return computed(() => {
|
|
89
|
+
const props = toValue(propsOrFn);
|
|
90
|
+
const locale = props.locale ?? env.value.locale;
|
|
91
|
+
const { locale: _, ...options } = props;
|
|
92
|
+
return createCollator(locale, options);
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
//#endregion
|
|
97
|
+
//#region src/providers/locale/use-filter.ts
|
|
98
|
+
function useFilter(props) {
|
|
99
|
+
const env = useLocaleContext(DEFAULT_LOCALE);
|
|
100
|
+
const locale = computed(() => props.locale ?? env.value.locale);
|
|
101
|
+
return computed(() => createFilter({
|
|
102
|
+
...props,
|
|
103
|
+
locale: locale.value
|
|
104
|
+
}));
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
//#endregion
|
|
108
|
+
export { useLocaleContext as a, useEnvironmentContext as c, DEFAULT_LOCALE as i, useCollator as n, environment_provider_default as o, locale_provider_default as r, DEFAULT_ENVIRONMENT as s, useFilter as t };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
//#region src/types.d.ts
|
|
2
|
+
type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
|
|
3
|
+
type Assign<T, U> = Omit<T, keyof U> & U;
|
|
4
|
+
type EmitFn<T> = <K extends keyof T>(event: K, ...args: T[K] extends any[] ? T[K] : never) => void;
|
|
5
|
+
type BooleanKey<T> = { [K in keyof T]: boolean extends NonNullable<T[K]> ? K : never }[keyof T];
|
|
6
|
+
type BooleanDefaults<T> = { [K in BooleanKey<T>]: undefined };
|
|
7
|
+
type MaybePromise<T> = T | Promise<T>;
|
|
8
|
+
//#endregion
|
|
9
|
+
export { Optional as a, MaybePromise as i, BooleanDefaults as n, EmitFn as r, Assign as t };
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { computed, getCurrentInstance, inject, provide, ref, toValue } from "vue";
|
|
2
|
+
|
|
3
|
+
//#region src/utils/create-context.ts
|
|
4
|
+
const createContext = (id) => {
|
|
5
|
+
const contextId = Symbol(id);
|
|
6
|
+
const provider = (value) => provide(contextId, value);
|
|
7
|
+
const consumer = (fallback) => inject(contextId, fallback);
|
|
8
|
+
return [
|
|
9
|
+
provider,
|
|
10
|
+
consumer,
|
|
11
|
+
contextId
|
|
12
|
+
];
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/utils/unref-element.ts
|
|
17
|
+
function unrefElement(elRef) {
|
|
18
|
+
const plain = toValue(elRef);
|
|
19
|
+
return plain?.$el ?? plain;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
//#endregion
|
|
23
|
+
//#region src/utils/use-forward-expose.ts
|
|
24
|
+
const isElement = (el) => Object.prototype.hasOwnProperty.call(el, "nodeName") && typeof el.nodeName === "string";
|
|
25
|
+
function useForwardExpose() {
|
|
26
|
+
const instance = getCurrentInstance();
|
|
27
|
+
const currentRef = ref();
|
|
28
|
+
const currentElement = computed(() => {
|
|
29
|
+
return ["#text", "#comment"].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef);
|
|
30
|
+
});
|
|
31
|
+
const localExpose = Object.assign({}, instance.exposed);
|
|
32
|
+
const ret = {};
|
|
33
|
+
for (const key in instance.props) Object.defineProperty(ret, key, {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
configurable: true,
|
|
36
|
+
get: () => instance.props[key]
|
|
37
|
+
});
|
|
38
|
+
if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
configurable: true,
|
|
41
|
+
get: () => localExpose[key]
|
|
42
|
+
});
|
|
43
|
+
Object.defineProperty(ret, "$el", {
|
|
44
|
+
enumerable: true,
|
|
45
|
+
configurable: true,
|
|
46
|
+
get: () => instance.vnode.el
|
|
47
|
+
});
|
|
48
|
+
instance.exposed = ret;
|
|
49
|
+
function forwardRef(ref) {
|
|
50
|
+
currentRef.value = ref;
|
|
51
|
+
if (isElement(ref) || !ref) return;
|
|
52
|
+
Object.defineProperty(ret, "$el", {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
configurable: true,
|
|
55
|
+
get: () => ref.$el
|
|
56
|
+
});
|
|
57
|
+
instance.exposed = ret;
|
|
58
|
+
}
|
|
59
|
+
return {
|
|
60
|
+
forwardRef,
|
|
61
|
+
currentRef,
|
|
62
|
+
currentElement
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
//#endregion
|
|
67
|
+
export { unrefElement as n, createContext as r, useForwardExpose as t };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { r as createContext } from "./use-forward-expose-4p5AGAI3.js";
|
|
2
|
+
|
|
3
|
+
//#region src/utils/use-render-strategy.ts
|
|
4
|
+
const [RenderStrategyPropsProvider, useRenderStrategyProps] = createContext("RenderStrategyProps");
|
|
5
|
+
|
|
6
|
+
//#endregion
|
|
7
|
+
export { useRenderStrategyProps as n, RenderStrategyPropsProvider as t };
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { camelize, computed, getCurrentInstance, toHandlerKey, toRef } from "vue";
|
|
2
|
+
|
|
3
|
+
//#region src/utils/use-emits-as-props.ts
|
|
4
|
+
function useEmitAsProps(emit) {
|
|
5
|
+
const vm = getCurrentInstance();
|
|
6
|
+
const events = vm?.type.emits;
|
|
7
|
+
const result = {};
|
|
8
|
+
if (!events?.length) console.warn(`No emitted event found. Please check component: ${vm?.type.__name}`);
|
|
9
|
+
for (const event of events) result[toHandlerKey(camelize(event))] = (...arg) => emit(event, ...arg);
|
|
10
|
+
return result;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
//#endregion
|
|
14
|
+
//#region src/utils/use-forward-props.ts
|
|
15
|
+
function useForwardProps(props) {
|
|
16
|
+
const vm = getCurrentInstance();
|
|
17
|
+
const defaultProps = Object.keys(vm?.type.props ?? {}).reduce((prev, curr) => {
|
|
18
|
+
const defaultValue = (vm?.type.props[curr]).default;
|
|
19
|
+
if (defaultValue !== void 0) prev[curr] = defaultValue;
|
|
20
|
+
return prev;
|
|
21
|
+
}, {});
|
|
22
|
+
const refProps = toRef(props);
|
|
23
|
+
return computed(() => {
|
|
24
|
+
const preservedProps = {};
|
|
25
|
+
const assignedProps = vm?.vnode.props ?? {};
|
|
26
|
+
Object.keys(assignedProps).forEach((key) => {
|
|
27
|
+
preservedProps[camelize(key)] = assignedProps[key];
|
|
28
|
+
});
|
|
29
|
+
return Object.keys({
|
|
30
|
+
...defaultProps,
|
|
31
|
+
...preservedProps
|
|
32
|
+
}).reduce((prev, curr) => {
|
|
33
|
+
if (refProps.value[curr] !== void 0) prev[curr] = refProps.value[curr];
|
|
34
|
+
return prev;
|
|
35
|
+
}, {});
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
//#endregion
|
|
40
|
+
//#region src/utils/use-forward-props-emits.ts
|
|
41
|
+
function useForwardPropsEmits(props, emit) {
|
|
42
|
+
const parsedProps = useForwardProps(props);
|
|
43
|
+
const emitsAsProps = emit ? useEmitAsProps(emit) : {};
|
|
44
|
+
return computed(() => ({
|
|
45
|
+
...parsedProps.value,
|
|
46
|
+
...emitsAsProps
|
|
47
|
+
}));
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
//#endregion
|
|
51
|
+
export { useForwardProps as n, useEmitAsProps as r, useForwardPropsEmits as t };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sprawlify/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.67",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Vue wrapper for primitives.",
|
|
6
6
|
"author": "sprawlify <npm@sprawlify.com>",
|
|
@@ -12,9 +12,93 @@
|
|
|
12
12
|
"types": "./dist/index.d.ts",
|
|
13
13
|
"default": "./dist/index.js"
|
|
14
14
|
},
|
|
15
|
+
"./accordion": {
|
|
16
|
+
"types": "./dist/components/accordion/index.d.ts",
|
|
17
|
+
"default": "./dist/components/accordion/index.js"
|
|
18
|
+
},
|
|
19
|
+
"./angle-slider": {
|
|
20
|
+
"types": "./dist/components/angle-slider/index.d.ts",
|
|
21
|
+
"default": "./dist/components/angle-slider/index.js"
|
|
22
|
+
},
|
|
23
|
+
"./avatar": {
|
|
24
|
+
"types": "./dist/components/avatar/index.d.ts",
|
|
25
|
+
"default": "./dist/components/avatar/index.js"
|
|
26
|
+
},
|
|
27
|
+
"./bottom-sheet": {
|
|
28
|
+
"types": "./dist/components/bottom-sheet/index.d.ts",
|
|
29
|
+
"default": "./dist/components/bottom-sheet/index.js"
|
|
30
|
+
},
|
|
31
|
+
"./carousel": {
|
|
32
|
+
"types": "./dist/components/carousel/index.d.ts",
|
|
33
|
+
"default": "./dist/components/carousel/index.js"
|
|
34
|
+
},
|
|
35
|
+
"./checkbox": {
|
|
36
|
+
"types": "./dist/components/checkbox/index.d.ts",
|
|
37
|
+
"default": "./dist/components/checkbox/index.js"
|
|
38
|
+
},
|
|
39
|
+
"./client-only": {
|
|
40
|
+
"types": "./dist/components/client-only/index.d.ts",
|
|
41
|
+
"default": "./dist/components/client-only/index.js"
|
|
42
|
+
},
|
|
43
|
+
"./clipboard": {
|
|
44
|
+
"types": "./dist/components/clipboard/index.d.ts",
|
|
45
|
+
"default": "./dist/components/clipboard/index.js"
|
|
46
|
+
},
|
|
15
47
|
"./collapsible": {
|
|
16
48
|
"types": "./dist/components/collapsible/index.d.ts",
|
|
17
49
|
"default": "./dist/components/collapsible/index.js"
|
|
50
|
+
},
|
|
51
|
+
"./collection": {
|
|
52
|
+
"types": "./dist/components/collection/index.d.ts",
|
|
53
|
+
"default": "./dist/components/collection/index.js"
|
|
54
|
+
},
|
|
55
|
+
"./color-picker": {
|
|
56
|
+
"types": "./dist/components/color-picker/index.d.ts",
|
|
57
|
+
"default": "./dist/components/color-picker/index.js"
|
|
58
|
+
},
|
|
59
|
+
"./combobox": {
|
|
60
|
+
"types": "./dist/components/combobox/index.d.ts",
|
|
61
|
+
"default": "./dist/components/combobox/index.js"
|
|
62
|
+
},
|
|
63
|
+
"./date-picker": {
|
|
64
|
+
"types": "./dist/components/date-picker/index.d.ts",
|
|
65
|
+
"default": "./dist/components/date-picker/index.js"
|
|
66
|
+
},
|
|
67
|
+
"./dialog": {
|
|
68
|
+
"types": "./dist/components/dialog/index.d.ts",
|
|
69
|
+
"default": "./dist/components/dialog/index.js"
|
|
70
|
+
},
|
|
71
|
+
"./download-trigger": {
|
|
72
|
+
"types": "./dist/components/download-trigger/index.d.ts",
|
|
73
|
+
"default": "./dist/components/download-trigger/index.js"
|
|
74
|
+
},
|
|
75
|
+
"./editable": {
|
|
76
|
+
"types": "./dist/components/editable/index.d.ts",
|
|
77
|
+
"default": "./dist/components/editable/index.js"
|
|
78
|
+
},
|
|
79
|
+
"./field": {
|
|
80
|
+
"types": "./dist/components/field/index.d.ts",
|
|
81
|
+
"default": "./dist/components/field/index.js"
|
|
82
|
+
},
|
|
83
|
+
"./fieldset": {
|
|
84
|
+
"types": "./dist/components/fieldset/index.d.ts",
|
|
85
|
+
"default": "./dist/components/fieldset/index.js"
|
|
86
|
+
},
|
|
87
|
+
"./highlight": {
|
|
88
|
+
"types": "./dist/components/highlight/index.d.ts",
|
|
89
|
+
"default": "./dist/components/highlight/index.js"
|
|
90
|
+
},
|
|
91
|
+
"./menu": {
|
|
92
|
+
"types": "./dist/components/menu/index.d.ts",
|
|
93
|
+
"default": "./dist/components/menu/index.js"
|
|
94
|
+
},
|
|
95
|
+
"./presence": {
|
|
96
|
+
"types": "./dist/components/presence/index.d.ts",
|
|
97
|
+
"default": "./dist/components/presence/index.js"
|
|
98
|
+
},
|
|
99
|
+
"./select": {
|
|
100
|
+
"types": "./dist/components/select/index.d.ts",
|
|
101
|
+
"default": "./dist/components/select/index.js"
|
|
18
102
|
}
|
|
19
103
|
},
|
|
20
104
|
"files": [
|
|
@@ -24,7 +108,7 @@
|
|
|
24
108
|
"access": "public"
|
|
25
109
|
},
|
|
26
110
|
"dependencies": {
|
|
27
|
-
"@sprawlify/primitives": "0.0.
|
|
111
|
+
"@sprawlify/primitives": "0.0.67"
|
|
28
112
|
},
|
|
29
113
|
"peerDependencies": {
|
|
30
114
|
"vue": ">=3.0.0"
|