@web-utils/form-ui 1.0.0-beta4 → 1.0.0-beta40

package/element-dialog/index.d.ts

@@ -8,46 +8,367 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     hide: () => void;
     $emit: (event: "toggle-fullscreen", ...args: any[]) => void;
     embed: boolean;
+    title: string;
+    fullscreen: boolean;
+    customClass: string;
+    top: string;
     showClose: boolean;
-    overflow: boolean;
-    closeOnClickModal: boolean;
-    destroyOnClose: boolean;
-    draggable: boolean;
     showFullscreen: boolean;
     showFullScreen: boolean;
-    alignCenter: boolean;
+    modelValue: boolean;
+    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;
+    zIndex?: number | undefined;
+    appendTo?: string | Record<string, any> | undefined;
     height?: string | undefined;
-    width?: string | undefined;
-    title?: string | 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 top?: string | undefined;
         readonly showClose?: boolean | undefined;
-        readonly overflow?: boolean | undefined;
-        readonly closeOnClickModal?: boolean | undefined;
-        readonly destroyOnClose?: boolean | undefined;
-        readonly draggable?: boolean | undefined;
         readonly showFullscreen?: boolean | undefined;
         readonly showFullScreen?: boolean | undefined;
-        readonly alignCenter?: boolean | undefined;
+        readonly modelValue?: boolean | 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 zIndex?: number | undefined;
+        readonly appendTo?: string | Record<string, any> | undefined;
         readonly height?: string | undefined;
-        readonly width?: string | undefined;
-        readonly title?: string | 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: unknown;
+    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: unknown;
+        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/Cab-ZjRx.mjs";
+export { e as default };

package/empty-view/index.d.ts

@@ -4,17 +4,17 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
+    icon: string;
     height: string;
     emptyTips: string;
     fontSize: string;
-    icon: string;
     iconSize: string;
     showIcon: boolean;
     $props: {
+        readonly icon?: string | undefined;
         readonly height?: string | undefined;
         readonly emptyTips?: string | undefined;
         readonly fontSize?: string | undefined;
-        readonly icon?: string | undefined;
         readonly iconSize?: string | undefined;
         readonly showIcon?: boolean | undefined;
     };

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

@@ -4,7 +4,7 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
     $slots: S;
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
-    scroller: Readonly<import('vue').ShallowRef<HTMLDivElement | null, HTMLDivElement | null>>;
+    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, {

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.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 };