@web-utils/form-ui 1.0.0-beta3 → 1.0.0-beta31

package/element-dialog/index.d.ts

@@ -0,0 +1,374 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    close: () => void;
+    hide: () => void;
+    $emit: ((event: "close", ...args: any[]) => void) & ((event: "closed", ...args: any[]) => void) & ((event: "open", ...args: any[]) => void) & ((event: "opened", ...args: any[]) => void) & ((event: "open-auto-focus", ...args: any[]) => void) & ((event: "close-auto-focus", ...args: any[]) => void) & ((event: "toggle-fullscreen", ...args: any[]) => void);
+    embed: boolean;
+    title: string;
+    fullscreen: boolean;
+    customClass: string;
+    showFullscreen: boolean;
+    showFullScreen: boolean;
+    showClose: boolean;
+    modelValue: boolean;
+    top: string;
+    modal: boolean;
+    modalPenetrable: boolean;
+    appendToBody: boolean;
+    lockScroll: boolean;
+    openDelay: number;
+    closeDelay: number;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    draggable: boolean;
+    overflow: boolean;
+    center: boolean;
+    alignCenter: boolean;
+    destroyOnClose: boolean;
+    headerAriaLevel: string;
+    beforeClose?: Function | undefined;
+    height?: string | undefined;
+    zIndex?: number | undefined;
+    appendTo?: string | Record<string, any> | undefined;
+    width?: string | number | undefined;
+    modalClass?: string | undefined;
+    headerClass?: string | undefined;
+    bodyClass?: string | undefined;
+    footerClass?: string | undefined;
+    closeIcon?: string | Record<string, any> | undefined;
+    transition?: string | Record<string, any> | undefined;
+    $props: {
+        readonly embed?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly fullscreen?: boolean | undefined;
+        readonly customClass?: string | undefined;
+        readonly showFullscreen?: boolean | undefined;
+        readonly showFullScreen?: boolean | undefined;
+        readonly showClose?: boolean | undefined;
+        readonly modelValue?: boolean | undefined;
+        readonly top?: string | undefined;
+        readonly modal?: boolean | undefined;
+        readonly modalPenetrable?: boolean | undefined;
+        readonly appendToBody?: boolean | undefined;
+        readonly lockScroll?: boolean | undefined;
+        readonly openDelay?: number | undefined;
+        readonly closeDelay?: number | undefined;
+        readonly closeOnClickModal?: boolean | undefined;
+        readonly closeOnPressEscape?: boolean | undefined;
+        readonly draggable?: boolean | undefined;
+        readonly overflow?: boolean | undefined;
+        readonly center?: boolean | undefined;
+        readonly alignCenter?: boolean | undefined;
+        readonly destroyOnClose?: boolean | undefined;
+        readonly headerAriaLevel?: string | undefined;
+        readonly beforeClose?: Function | undefined;
+        readonly height?: string | undefined;
+        readonly zIndex?: number | undefined;
+        readonly appendTo?: string | Record<string, any> | undefined;
+        readonly width?: string | number | undefined;
+        readonly modalClass?: string | undefined;
+        readonly headerClass?: string | undefined;
+        readonly bodyClass?: string | undefined;
+        readonly footerClass?: string | undefined;
+        readonly closeIcon?: string | Record<string, any> | undefined;
+        readonly transition?: string | Record<string, any> | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    dialog: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly appendToBody?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly beforeClose?: import('element-plus').DialogBeforeCloseFn | undefined;
+            readonly destroyOnClose?: boolean | undefined;
+            readonly closeOnClickModal?: boolean | undefined;
+            readonly closeOnPressEscape?: boolean | undefined;
+            readonly lockScroll?: boolean | undefined;
+            readonly modal?: boolean | undefined;
+            readonly modalPenetrable?: boolean | undefined;
+            readonly openDelay?: number | undefined;
+            readonly closeDelay?: number | undefined;
+            readonly top?: string | undefined;
+            readonly modelValue?: boolean | undefined;
+            readonly modalClass?: string | undefined;
+            readonly width?: string | number | undefined;
+            readonly zIndex?: number | undefined;
+            readonly trapFocus?: boolean | undefined;
+            readonly headerAriaLevel?: string | undefined;
+            readonly transition?: import('element-plus').DialogTransition | undefined;
+            readonly center?: boolean | undefined;
+            readonly alignCenter?: boolean | undefined;
+            readonly closeIcon?: import('element-plus/es/utils/index.mjs').IconPropType | undefined;
+            readonly draggable?: boolean | undefined;
+            readonly overflow?: boolean | undefined;
+            readonly fullscreen?: boolean | undefined;
+            readonly headerClass?: string | undefined;
+            readonly bodyClass?: string | undefined;
+            readonly footerClass?: string | undefined;
+            readonly showClose?: boolean | undefined;
+            readonly title?: string | undefined;
+            readonly ariaLevel?: string | undefined;
+            readonly onClose?: (() => any) | undefined | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+            readonly onOpen?: (() => any) | undefined | undefined;
+            readonly onOpened?: (() => any) | undefined | undefined;
+            readonly onClosed?: (() => any) | undefined | undefined;
+            readonly onOpenAutoFocus?: (() => any) | undefined | undefined;
+            readonly onCloseAutoFocus?: (() => any) | undefined | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: globalThis.Slot | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "close") => void) & ((event: "closed") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('element-plus').DialogProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+        }>, {
+            visible: globalThis.Ref<boolean, boolean>;
+            dialogContentRef: globalThis.Ref<any, any>;
+            resetPosition: () => void;
+            handleClose: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            close: () => void;
+            "update:modelValue": (value: boolean) => void;
+            open: () => void;
+            opened: () => void;
+            closed: () => void;
+            openAutoFocus: () => void;
+            closeAutoFocus: () => void;
+        }, string, {
+            appendTo: string | HTMLElement;
+            title: string;
+            transition: import('element-plus').DialogTransition;
+            overflow: boolean;
+            closeOnClickModal: boolean;
+            closeOnPressEscape: boolean;
+            lockScroll: boolean;
+            modal: boolean;
+            openDelay: number;
+            closeDelay: number;
+            headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        appendTo: string | HTMLElement;
+        title: string;
+        transition: import('element-plus').DialogTransition;
+        overflow: boolean;
+        closeOnClickModal: boolean;
+        closeOnPressEscape: boolean;
+        lockScroll: boolean;
+        modal: boolean;
+        openDelay: number;
+        closeDelay: number;
+        headerAriaLevel: string;
+        alignCenter: boolean;
+        draggable: boolean;
+        showClose: boolean;
+        ariaLevel: string;
+    }> & Omit<Readonly<import('element-plus').DialogProps> & Readonly<{
+        onClose?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onOpen?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
+        onClosed?: (() => any) | undefined;
+        onOpenAutoFocus?: (() => any) | undefined;
+        onCloseAutoFocus?: (() => any) | undefined;
+    }>, "title" | "visible" | "showClose" | "appendTo" | "modal" | "lockScroll" | "openDelay" | "closeDelay" | "closeOnClickModal" | "closeOnPressEscape" | "draggable" | "overflow" | "alignCenter" | "headerAriaLevel" | "transition" | "ariaLevel" | "dialogContentRef" | "resetPosition" | "handleClose"> & {
+        visible: boolean;
+        dialogContentRef: any;
+        resetPosition: () => void;
+        handleClose: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?: (props: {
+                close: () => void;
+                titleId: string;
+                titleClass: string;
+            }) => any;
+        } & {
+            title?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    }) | null;
+}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {
+            close: () => void;
+        }): any;
+    };
+    refs: {
+        dialog: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly appendToBody?: boolean | undefined;
+                readonly appendTo?: string | HTMLElement | undefined;
+                readonly beforeClose?: DialogBeforeCloseFn | undefined;
+                readonly destroyOnClose?: boolean | undefined;
+                readonly closeOnClickModal?: boolean | undefined;
+                readonly closeOnPressEscape?: boolean | undefined;
+                readonly lockScroll?: boolean | undefined;
+                readonly modal?: boolean | undefined;
+                readonly modalPenetrable?: boolean | undefined;
+                readonly openDelay?: number | undefined;
+                readonly closeDelay?: number | undefined;
+                readonly top?: string | undefined;
+                readonly modelValue?: boolean | undefined;
+                readonly modalClass?: string | undefined;
+                readonly width?: string | number | undefined;
+                readonly zIndex?: number | undefined;
+                readonly trapFocus?: boolean | undefined;
+                readonly headerAriaLevel?: string | undefined;
+                readonly transition?: DialogTransition | undefined;
+                readonly center?: boolean | undefined;
+                readonly alignCenter?: boolean | undefined;
+                readonly closeIcon?: IconPropType | undefined;
+                readonly draggable?: boolean | undefined;
+                readonly overflow?: boolean | undefined;
+                readonly fullscreen?: boolean | undefined;
+                readonly headerClass?: string | undefined;
+                readonly bodyClass?: string | undefined;
+                readonly footerClass?: string | undefined;
+                readonly showClose?: boolean | undefined;
+                readonly title?: string | undefined;
+                readonly ariaLevel?: string | undefined;
+                readonly onClose?: (() => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                readonly onOpen?: (() => any) | undefined;
+                readonly onOpened?: (() => any) | undefined;
+                readonly onClosed?: (() => any) | undefined;
+                readonly onOpenAutoFocus?: (() => any) | undefined;
+                readonly onCloseAutoFocus?: (() => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: Attrs;
+            $refs: Data;
+            $slots: Readonly<InternalSlots>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "close") => void) & ((event: "closed") => void) & ((event: "open") => void) & ((event: "opened") => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "openAutoFocus") => void) & ((event: "closeAutoFocus") => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly<DialogProps> & Readonly<{
+                onClose?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                onOpen?: (() => any) | undefined;
+                onOpened?: (() => any) | undefined;
+                onClosed?: (() => any) | undefined;
+                onOpenAutoFocus?: (() => any) | undefined;
+                onCloseAutoFocus?: (() => any) | undefined;
+            }>, {
+                visible: Ref<boolean, boolean>;
+                dialogContentRef: Ref<any, any>;
+                resetPosition: () => void;
+                handleClose: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                close: () => void;
+                "update:modelValue": (value: boolean) => void;
+                open: () => void;
+                opened: () => void;
+                closed: () => void;
+                openAutoFocus: () => void;
+                closeAutoFocus: () => void;
+            }, string, {
+                appendTo: string | HTMLElement;
+                title: string;
+                transition: DialogTransition;
+                overflow: boolean;
+                closeOnClickModal: boolean;
+                closeOnPressEscape: boolean;
+                lockScroll: boolean;
+                modal: boolean;
+                openDelay: number;
+                closeDelay: number;
+                headerAriaLevel: string;
+                alignCenter: boolean;
+                draggable: boolean;
+                showClose: boolean;
+                ariaLevel: string;
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & MergedComponentOptionsOverride;
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+        } & Readonly<{
+            appendTo: string | HTMLElement;
+            title: string;
+            transition: DialogTransition;
+            overflow: boolean;
+            closeOnClickModal: boolean;
+            closeOnPressEscape: boolean;
+            lockScroll: boolean;
+            modal: boolean;
+            openDelay: number;
+            closeDelay: number;
+            headerAriaLevel: string;
+            alignCenter: boolean;
+            draggable: boolean;
+            showClose: boolean;
+            ariaLevel: string;
+        }> & Omit<Readonly<DialogProps> & Readonly<{
+            onClose?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onOpen?: (() => any) | undefined;
+            onOpened?: (() => any) | undefined;
+            onClosed?: (() => any) | undefined;
+            onOpenAutoFocus?: (() => any) | undefined;
+            onCloseAutoFocus?: (() => any) | undefined;
+        }>, "title" | "visible" | "showClose" | "appendTo" | "modal" | "lockScroll" | "openDelay" | "closeDelay" | "closeOnClickModal" | "closeOnPressEscape" | "draggable" | "overflow" | "alignCenter" | "headerAriaLevel" | "transition" | "ariaLevel" | "dialogContentRef" | "resetPosition" | "handleClose"> & {
+            visible: boolean;
+            dialogContentRef: any;
+            resetPosition: () => void;
+            handleClose: () => void;
+        } & ExtractComputedReturns<{}> & ComponentCustomProperties & {} & {
+            $slots: __VLS_Slots;
+        }) | null;
+    };
+    rootEl: any;
+};

package/element-dialog/index.mjs

@@ -1,91 +1,2 @@
-import { ElDialog as e } from "element-plus/es";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createSlots as o, getCurrentInstance as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, useTemplateRef as _, withCtx as v, withModifiers as y } from "vue";
-//#region src/components/ElementDialog.vue
-var b = { class: "dialog-title" }, x = { class: "dialog-header-buttons" }, S = {
-	__name: "ElementDialog",
-	props: /* @__PURE__ */ c({
-		height: String,
-		width: String,
-		title: String,
-		embed: Boolean,
-		showClose: Boolean,
-		overflow: Boolean,
-		closeOnClickModal: Boolean,
-		destroyOnClose: Boolean,
-		draggable: {
-			type: Boolean,
-			default: !0
-		},
-		showFullscreen: Boolean,
-		showFullScreen: Boolean,
-		alignCenter: Boolean,
-		appendToBody: {
-			type: Boolean,
-			default: !0
-		}
-	}, {
-		modelValue: { type: Boolean },
-		modelModifiers: {}
-	}),
-	emits: /* @__PURE__ */ c(["toggle-fullscreen"], ["update:modelValue"]),
-	setup(c, { expose: S, emit: C }) {
-		let w = g(c, "modelValue"), T = c, E = C, D = _("dialog"), O = f(!1), k = () => {
-			O.value = !O.value, E("toggle-fullscreen", O.value);
-		}, A = t(() => O.value ? "100%" : T.height), j = s(), M = () => {
-			T.embed ? j.parent.emit("update:visible") : D.value.handleClose();
-		};
-		return S({
-			close: M,
-			hide: M
-		}), (t, s) => {
-			let f = e;
-			return d(), n(f, {
-				ref: "dialog",
-				modelValue: w.value,
-				"onUpdate:modelValue": s[0] || (s[0] = (e) => w.value = e),
-				"append-to-body": c.appendToBody,
-				fullscreen: h(O),
-				"show-close": c.showClose,
-				"destroy-on-close": c.destroyOnClose,
-				draggable: c.draggable,
-				overflow: c.overflow,
-				"align-center": c.alignCenter,
-				style: u({ "--dialog-body-height": h(A) }),
-				width: c.width,
-				"close-on-click-modal": c.closeOnClickModal
-			}, o({
-				header: v(() => [a("div", b, m(c.title), 1), a("div", x, [c.showFullscreen || c.showFullScreen ? (d(), i("i", {
-					key: 0,
-					class: l(["dialog-header-button", {
-						"el-icon-full-screen": !h(O),
-						"el-icon-copy-document": h(O)
-					}]),
-					onClick: y(k, ["stop"])
-				}, null, 2)) : r("v-if", !0), a("i", {
-					class: "dialog-header-button el-icon-close",
-					onClick: y(M, ["stop"])
-				})])]),
-				default: v(() => [p(t.$slots, "default")]),
-				_: 2
-			}, [t.$slots.footer ? {
-				name: "footer",
-				fn: v(() => [p(t.$slots, "footer", { close: M })]),
-				key: "0"
-			} : void 0]), 1032, [
-				"modelValue",
-				"append-to-body",
-				"fullscreen",
-				"show-close",
-				"destroy-on-close",
-				"draggable",
-				"overflow",
-				"align-center",
-				"style",
-				"width",
-				"close-on-click-modal"
-			]);
-		};
-	}
-};
-//#endregion
-export { S as default };
+import { t as e } from "../chunks/DazglPJZ.mjs";
+export { e as default };

package/empty-view/index.d.ts

@@ -0,0 +1,29 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    icon: string;
+    height: string;
+    emptyTips: string;
+    fontSize: string;
+    iconSize: string;
+    showIcon: boolean;
+    $props: {
+        readonly icon?: string | undefined;
+        readonly height?: string | undefined;
+        readonly emptyTips?: string | undefined;
+        readonly fontSize?: string | undefined;
+        readonly iconSize?: string | undefined;
+        readonly showIcon?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};

package/empty-view/index.mjs

@@ -1,5 +1,5 @@
 import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, normalizeClass as r, normalizeStyle as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
-//#region src/components/EmptyView.vue
+//#region src/components/empty-view/EmptyView.vue
 var c = { class: "flex-column horizon-center" }, l = /* @__PURE__ */ Object.assign({ name: "EmptyView" }, {
 	__name: "EmptyView",
 	props: {

package/flex-scroll-area/index.d.ts

@@ -0,0 +1,22 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    scroller: Readonly<globalThis.ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    computeScrollbar: () => void;
+    $emit: (event: "scroll" | "scrollbar", ...args: any[]) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    scroller: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        scroller: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};

package/flex-scroll-area/index.mjs

@@ -1,5 +1,5 @@
 import { createElementBlock as e, createElementVNode as t, onMounted as n, onUnmounted as r, openBlock as i, renderSlot as a, useTemplateRef as o } from "vue";
-//#region src/components/FlexScrollArea.vue
+//#region src/components/flex-scroll-area/FlexScrollArea.vue
 var s = { class: "flex-item-relative" }, c = /* @__PURE__ */ Object.assign({ name: "FlexScrollArea" }, {
 	__name: "FlexScrollArea",
 	emits: ["scrollbar", "scroll"],

package/form-advice/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    valueColspan?: number | undefined;
+    labelColspan?: number | undefined;
+    $props: {
+        readonly valueColspan?: number | undefined;
+        readonly labelColspan?: number | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLTableSectionElement>;
+export default _default;

package/form-advice/index.mjs

@@ -1,28 +1,29 @@
-import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, inject as o, openBlock as s, renderList as c, toDisplayString as l, unref as u } from "vue";
+import { columnSizeContextKey as e, flowContextKey as t } from "../constants/index.mjs";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, inject as c, openBlock as l, renderList as u, toDisplayString as d, unref as f } from "vue";
 //#region src/components/red-form/FormAdvice.vue
-var d = ["colspan"], f = ["colspan"], p = { style: { "text-align": "right" } }, m = { style: { "margin-left": "20px" } }, h = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
+var p = ["colspan"], m = ["colspan"], h = { style: { "text-align": "right" } }, g = { style: { "margin-left": "20px" } }, _ = /* @__PURE__ */ Object.assign({ name: "FormAdvice" }, {
 	__name: "FormAdvice",
 	props: {
 		valueColspan: Number,
 		labelColspan: Number
 	},
-	setup(h) {
-		let g = h, _ = o("columnSize", 0), v = o("flowContext", null), y = t(() => g.labelColspan && g.valueColspan || g.labelColspan && !g.valueColspan ? g.labelColspan : !g.labelColspan && g.valueColspan && _.value ? _.value - g.valueColspan : 0), b = t(() => g.labelColspan && g.valueColspan ? g.valueColspan : g.labelColspan && !g.valueColspan ? _.value ? _.value - g.labelColspan : 0 : !g.labelColspan && g.valueColspan ? g.valueColspan : _.value ? _.value - 1 : 0);
-		return (t, o) => {
-			var h;
-			return s(), r("tbody", null, [(s(!0), r(e, null, c((h = u(v)) == null ? void 0 : h.formComments, (t) => (s(), r(e, null, [t.comments.length ? (s(), r("tr", { key: t.id }, [i("td", {
+	setup(_) {
+		let v = _, y = c(e, 0), b = c(t, null), x = r(() => v.labelColspan && v.valueColspan || v.labelColspan && !v.valueColspan ? v.labelColspan : !v.labelColspan && v.valueColspan && y.value ? y.value - v.valueColspan : 0), S = r(() => v.labelColspan && v.valueColspan ? v.valueColspan : v.labelColspan && !v.valueColspan ? y.value ? y.value - v.labelColspan : 0 : !v.labelColspan && v.valueColspan ? v.valueColspan : y.value ? y.value - 1 : 0);
+		return (e, t) => {
+			var r;
+			return l(), a("tbody", null, [(l(!0), a(n, null, u((r = f(b)) == null ? void 0 : r.formComments, (e) => (l(), a(n, null, [e.comments.length ? (l(), a("tr", { key: e.id }, [o("td", {
 				class: "label",
 				style: {
 					height: "100px",
 					"line-height": "24px"
 				},
-				colspan: y.value
-			}, l(t.name), 9, d), i("td", {
+				colspan: x.value
+			}, d(e.name), 9, p), o("td", {
 				class: "input",
-				colspan: b.value
-			}, [i("ul", null, [(s(!0), r(e, null, c(t.comments, (e) => (s(), r("li", { key: e.id }, [i("p", null, l(e.message), 1), i("p", p, [a(l(e.personalName) + " ", 1), i("span", m, l(e.time.substring(0, 10)), 1)])]))), 128))])], 8, f)])) : n("v-if", !0)], 64))), 256))]);
+				colspan: S.value
+			}, [o("ul", null, [(l(!0), a(n, null, u(e.comments, (e) => (l(), a("li", { key: e.id }, [o("p", null, d(e.message), 1), o("p", h, [s(d(e.personalName) + " ", 1), o("span", g, d(e.time.substring(0, 10)), 1)])]))), 128))])], 8, m)])) : i("v-if", !0)], 64))), 256))]);
 		};
 	}
 });
 //#endregion
-export { h as default };
+export { _ as default };