@fulate/components 1.0.0

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,114 @@
+import { type PropType } from "@vue/runtime-core";
+import type { Placement } from "@fulate/ui";
+import type { ElementReference } from "../../types/floating";
+import type { PopoverTrigger } from "./types";
+/** A popover surface anchored by its reference slot or an external Element. */
+export declare const FPopover: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    triggerRef: {
+        type: PropType<ElementReference | null>;
+        default: any;
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: string;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: any;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | import("@vue/runtime-core").VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("update:modelValue" | "update:visible" | "clickOutside")[], "update:modelValue" | "update:visible" | "clickOutside", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    triggerRef: {
+        type: PropType<ElementReference | null>;
+        default: any;
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: string;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    content: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: any;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeOnEscape: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:visible"?: (...args: any[]) => any;
+    onClickOutside?: (...args: any[]) => any;
+}>, {
+    visible: boolean;
+    width: number;
+    placement: Placement;
+    disabled: boolean;
+    trigger: PopoverTrigger;
+    title: string;
+    modelValue: boolean;
+    triggerRef: ElementReference;
+    gap: number;
+    content: string;
+    closeOnEscape: boolean;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1 @@
+export type PopoverTrigger = "click" | "hover" | "focus" | "contextmenu" | "manual";

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,105 @@
+import { type PropType } from "@vue/runtime-core";
+import type { ControlSize } from "../../types/control";
+export declare const FRadioGroup: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: ControlSize;
+    };
+    direction: {
+        type: PropType<"row" | "column">;
+        default: string;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: ControlSize;
+    };
+    direction: {
+        type: PropType<"row" | "column">;
+        default: string;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    size: ControlSize;
+    disabled: boolean;
+    modelValue: string;
+    gap: number;
+    direction: "row" | "column";
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;
+export declare const FRadio: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: any;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<ControlSize>;
+        default: any;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    size: ControlSize;
+    label: string;
+    disabled: boolean;
+    modelValue: boolean;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;

package/dist/components/select/select.d.ts

@@ -0,0 +1,91 @@
+import { type PropType } from "@vue/runtime-core";
+import type { SelectOption } from "./types";
+export declare const FSelect: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<readonly SelectOption[]>;
+        default: () => any[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../..").ControlSize>;
+        default: import("../..").ControlSize;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: any;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue" | "visibleChange")[], "change" | "update:modelValue" | "visibleChange", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<readonly SelectOption[]>;
+        default: () => any[];
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<import("../..").ControlSize>;
+        default: import("../..").ControlSize;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: any;
+    };
+    fontSize: {
+        type: NumberConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onVisibleChange?: (...args: any[]) => any;
+}>, {
+    width: number;
+    height: number;
+    fontSize: number;
+    size: import("../..").ControlSize;
+    label: string;
+    disabled: boolean;
+    placeholder: string;
+    modelValue: string;
+    options: readonly SelectOption[];
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,4 @@
+export interface SelectOption {
+    label: string;
+    value: string;
+}

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,52 @@
+export declare const FSwitch: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: import("@vue/runtime-core").PropType<import("../..").ControlSize>;
+        default: import("../..").ControlSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    activeColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: import("@vue/runtime-core").PropType<import("../..").ControlSize>;
+        default: import("../..").ControlSize;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    size: import("../..").ControlSize;
+    label: string;
+    disabled: boolean;
+    modelValue: boolean;
+    activeColor: string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,58 @@
+import { type PropType } from "@vue/runtime-core";
+import { type Placement } from "@fulate/ui";
+import type { ElementReference } from "../../types/floating";
+/** 由所属 Root 的唯一 completion 路径定位的受控 Canvas tooltip。 */
+export declare const FTooltip: import("@vue/runtime-core").DefineComponent<import("@vue/runtime-core").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerRef: {
+        type: PropType<ElementReference | null>;
+        default: any;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: any;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("mouseenter" | "mouseleave" | "update:visible" | "clickOutside")[], "mouseenter" | "mouseleave" | "update:visible" | "clickOutside", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    triggerRef: {
+        type: PropType<ElementReference | null>;
+        default: any;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: any;
+    };
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onMouseenter?: (...args: any[]) => any;
+    onMouseleave?: (...args: any[]) => any;
+    "onUpdate:visible"?: (...args: any[]) => any;
+    onClickOutside?: (...args: any[]) => any;
+}>, {
+    visible: boolean;
+    width: number;
+    placement: Placement;
+    triggerRef: ElementReference;
+    gap: number;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, true, {}, any>;

package/dist/composables/context.d.ts

@@ -0,0 +1,9 @@
+import type { Layer, Root } from "@fulate/core";
+export declare function useOverlay(): {
+    overlay: Layer<import("@fulate/core").LayerProperties, import("@fulate/core").LayerOption>;
+    fulateRoot: Root;
+};
+export declare function useVueShapeSize(): {
+    width: number;
+    height: number;
+};

package/dist/composables/index.d.ts

@@ -0,0 +1,3 @@
+export { useOverlay, useVueShapeSize } from "./context";
+export { isDescendantOf, useOutsideClick } from "./outside-click";
+export { useOverlayPosition } from "./overlay-position";

package/dist/composables/outside-click.d.ts

@@ -0,0 +1,6 @@
+import { type MaybeRefOrGetter, type Ref } from "@vue/runtime-core";
+import type { Element, Node } from "@fulate/core";
+type ElementRef = Readonly<Ref<Element | null | undefined>>;
+export declare function isDescendantOf(node: Node | null | undefined, ancestor: Node | null | undefined): boolean;
+export declare function useOutsideClick(open: MaybeRefOrGetter<boolean>, excludeRefs: readonly ElementRef[], onClose: () => void): void;
+export {};

package/dist/composables/overlay-position.d.ts

@@ -0,0 +1,10 @@
+import { type MaybeRefOrGetter, type Ref } from "@vue/runtime-core";
+import { Element } from "@fulate/core";
+import { type ComputePositionOptions } from "@fulate/ui";
+type ElementRef = Readonly<Ref<Element | null | undefined>>;
+/**
+ * 把 open/ref/options 与场景、viewport、scroll、resize 的定位失效合并到所属
+ * Root 的 frame-final completion；每次只安装仍由当前 task/refs 拥有的结果。
+ */
+export declare function useOverlayPosition(open: MaybeRefOrGetter<boolean>, triggerRef: ElementRef, floatingRef: ElementRef, options?: MaybeRefOrGetter<ComputePositionOptions>): void;
+export {};

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import "@fulate/yoga";
+export { isDescendantOf, useOutsideClick, useOverlay, useOverlayPosition, useVueShapeSize } from "./composables";
+export { FButton } from "./components/button/button";
+export type { ButtonVariant } from "./components/button/types";
+export { FInput } from "./components/input/input";
+export { FSelect } from "./components/select/select";
+export type { SelectOption } from "./components/select/types";
+export { FTooltip } from "./components/tooltip/tooltip";
+export { FPopover } from "./components/popover/popover";
+export type { ElementReference } from "./types/floating";
+export type { PopoverTrigger } from "./components/popover/types";
+export { FRadio, FRadioGroup } from "./components/radio/radio";
+export { FCheckbox, FCheckboxGroup } from "./components/checkbox/checkbox";
+export { FSwitch } from "./components/switch/switch";
+export { FDialog } from "./components/dialog/dialog";
+export { FMessage, useMessage } from "./components/message/message";
+export type { MessageApi, MessageHandle, MessageInput, MessageOptions, MessageType } from "./components/message/types";
+export { MD3 } from "./theme";
+export type { ControlSize } from "./types/control";