@talex-touch/tuffex 0.3.3

package/dist/es/flex/src/TxFlex.vue.d.ts

@@ -0,0 +1,51 @@
+import { FlexProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FlexProps>, {
+    direction: string;
+    gap: number;
+    align: string;
+    justify: string;
+    wrap: string;
+    inline: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FlexProps>, {
+    direction: string;
+    gap: number;
+    align: string;
+    justify: string;
+    wrap: string;
+    inline: boolean;
+}>>> & Readonly<{}>, {
+    inline: boolean;
+    align: string;
+    gap: number | string;
+    justify: string;
+    wrap: "nowrap" | "wrap" | "wrap-reverse";
+    direction: "row" | "row-reverse" | "column" | "column-reverse";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/flex/src/TxFlex.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxFlex.vue2.js';
+/* empty css            */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxFlex = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4dba57ac"]]);
+
+export { TxFlex as default };

package/dist/es/flex/src/TxFlex.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, renderSlot } from 'vue';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxFlex" },
+  __name: "TxFlex",
+  props: {
+    direction: { default: "row" },
+    gap: { default: 12 },
+    align: { default: "stretch" },
+    justify: { default: "flex-start" },
+    wrap: { default: "nowrap" },
+    inline: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const style = computed(() => {
+      const gap = typeof props.gap === "number" ? `${props.gap}px` : String(props.gap);
+      return {
+        "--tx-flex-gap": gap,
+        "--tx-flex-align": props.align || "stretch",
+        "--tx-flex-justify": props.justify || "flex-start",
+        "--tx-flex-direction": props.direction || "row",
+        "--tx-flex-wrap": props.wrap || "nowrap",
+        "--tx-flex-display": props.inline ? "inline-flex" : "flex"
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "tx-flex",
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/flex/src/types.d.ts

@@ -0,0 +1,8 @@
+export interface FlexProps {
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    gap?: number | string;
+    align?: string;
+    justify?: string;
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    inline?: boolean;
+}

package/dist/es/form/__tests__/form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/form/index.d.ts

@@ -0,0 +1,237 @@
+import { FormEmits, FormItemEmits, FormItemProps, FormLabelPosition, FormProps, FormRule, FormRules, FormSize } from './src/types';
+import { default as TxForm } from './src/TxForm.vue';
+import { default as TxFormItem } from './src/TxFormItem.vue';
+
+declare const Form: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<FormSize>;
+            default: string;
+        };
+        model: {
+            type: import('vue').PropType<Record<string, any>>;
+        };
+        rules: {
+            type: import('vue').PropType<FormRules>;
+        };
+        labelPosition: {
+            type: import('vue').PropType<FormLabelPosition>;
+            default: string;
+        };
+        labelWidth: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>> & Readonly<{
+        onValidate?: ((valid: boolean) => any) | undefined;
+    }>, {
+        validate: () => Promise<boolean>;
+        resetFields: () => void;
+        clearValidate: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        validate: (valid: boolean) => void;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        size: FormSize;
+        labelPosition: FormLabelPosition;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<FormSize>;
+            default: string;
+        };
+        model: {
+            type: import('vue').PropType<Record<string, any>>;
+        };
+        rules: {
+            type: import('vue').PropType<FormRules>;
+        };
+        labelPosition: {
+            type: import('vue').PropType<FormLabelPosition>;
+            default: string;
+        };
+        labelWidth: {
+            type: import('vue').PropType<string | number>;
+        };
+    }>> & Readonly<{
+        onValidate?: ((valid: boolean) => any) | undefined;
+    }>, {
+        validate: () => Promise<boolean>;
+        resetFields: () => void;
+        clearValidate: () => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        size: FormSize;
+        labelPosition: FormLabelPosition;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<FormSize>;
+        default: string;
+    };
+    model: {
+        type: import('vue').PropType<Record<string, any>>;
+    };
+    rules: {
+        type: import('vue').PropType<FormRules>;
+    };
+    labelPosition: {
+        type: import('vue').PropType<FormLabelPosition>;
+        default: string;
+    };
+    labelWidth: {
+        type: import('vue').PropType<string | number>;
+    };
+}>> & Readonly<{
+    onValidate?: ((valid: boolean) => any) | undefined;
+}>, {
+    validate: () => Promise<boolean>;
+    resetFields: () => void;
+    clearValidate: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    validate: (valid: boolean) => void;
+}, string, {
+    disabled: boolean;
+    size: FormSize;
+    labelPosition: FormLabelPosition;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+declare const FormItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        required: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import('vue').PropType<FormRule | FormRule[]>;
+        };
+        prop: {
+            type: import('vue').PropType<string>;
+        };
+        showMessage: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onValidate?: ((valid: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        validate: (valid: boolean) => void;
+    }, import('vue').PublicProps, {
+        label: string;
+        required: boolean;
+        inline: boolean;
+        showMessage: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        label: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        required: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        inline: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import('vue').PropType<FormRule | FormRule[]>;
+        };
+        prop: {
+            type: import('vue').PropType<string>;
+        };
+        showMessage: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onValidate?: ((valid: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        label: string;
+        required: boolean;
+        inline: boolean;
+        showMessage: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    required: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    inline: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    rules: {
+        type: import('vue').PropType<FormRule | FormRule[]>;
+    };
+    prop: {
+        type: import('vue').PropType<string>;
+    };
+    showMessage: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onValidate?: ((valid: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    validate: (valid: boolean) => void;
+}, string, {
+    label: string;
+    required: boolean;
+    inline: boolean;
+    showMessage: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+}) & import('vue').Plugin;
+export { Form, FormItem, TxForm, TxFormItem };
+export type { FormEmits, FormItemEmits, FormItemProps, FormLabelPosition, FormProps, FormRule, FormRules, FormSize, };
+export type TxFormInstance = InstanceType<typeof TxForm>;
+export type TxFormItemInstance = InstanceType<typeof TxFormItem>;
+export default Form;

package/dist/es/form/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '../utils/withInstall.js';
+import TxForm from './src/TxForm.vue.js';
+import TxFormItem from './src/TxFormItem.vue.js';
+
+const Form = withInstall(TxForm);
+const FormItem = withInstall(TxFormItem);
+
+export { Form, FormItem, TxForm, TxFormItem, Form as default };

package/dist/es/form/src/TxForm.vue.d.ts

@@ -0,0 +1,53 @@
+import { FormProps } from './types';
+
+declare function validate(): Promise<boolean>;
+declare function resetFields(): void;
+declare function clearValidate(): void;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormProps>, {
+    labelPosition: string;
+    size: string;
+    disabled: boolean;
+}>>, {
+    validate: typeof validate;
+    resetFields: typeof resetFields;
+    clearValidate: typeof clearValidate;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    validate: (valid: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormProps>, {
+    labelPosition: string;
+    size: string;
+    disabled: boolean;
+}>>> & Readonly<{
+    onValidate?: ((valid: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    size: import('./types').FormSize;
+    labelPosition: import('./types').FormLabelPosition;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/form/src/TxForm.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxForm.vue2.js';
+/* empty css            */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10d02d91"]]);
+
+export { TxForm as default };

package/dist/es/form/src/TxForm.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent, ref, computed, provide, createElementBlock, openBlock, withModifiers, normalizeClass, renderSlot } from 'vue';
+import { TX_FORM_CONTEXT_KEY } from './context.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxForm" },
+  __name: "TxForm",
+  props: {
+    model: {},
+    rules: {},
+    labelPosition: { default: "left" },
+    labelWidth: {},
+    size: { default: "medium" },
+    disabled: { type: Boolean, default: false }
+  },
+  emits: ["validate"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const items = ref(/* @__PURE__ */ new Set());
+    const labelPosition = computed(() => props.labelPosition ?? "left");
+    const labelWidth = computed(() => props.labelWidth);
+    const size = computed(() => props.size ?? "medium");
+    const disabled = computed(() => !!props.disabled);
+    function registerItem(item) {
+      items.value.add(item);
+    }
+    function unregisterItem(item) {
+      items.value.delete(item);
+    }
+    async function validate() {
+      const results = await Promise.all(Array.from(items.value).map((item) => item.validate()));
+      const valid = results.every(Boolean);
+      emit("validate", valid);
+      return valid;
+    }
+    function resetFields() {
+      for (const item of items.value)
+        item.reset();
+    }
+    function clearValidate() {
+      for (const item of items.value)
+        item.clearValidate();
+    }
+    provide(TX_FORM_CONTEXT_KEY, {
+      model: props.model,
+      rules: props.rules,
+      labelPosition,
+      labelWidth,
+      size,
+      disabled,
+      registerItem,
+      unregisterItem
+    });
+    __expose({ validate, resetFields, clearValidate });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(["tx-form", `tx-form--label-${labelPosition.value}`]),
+        onSubmit: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["prevent"]))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 34);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/form/src/TxFormItem.vue.d.ts

@@ -0,0 +1,49 @@
+import { FormItemProps } from './types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
+    label: string;
+    required: boolean;
+    showMessage: boolean;
+    inline: boolean;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    validate: (valid: boolean) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FormItemProps>, {
+    label: string;
+    required: boolean;
+    showMessage: boolean;
+    inline: boolean;
+}>>> & Readonly<{
+    onValidate?: ((valid: boolean) => any) | undefined;
+}>, {
+    label: string;
+    required: boolean;
+    inline: boolean;
+    showMessage: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/es/form/src/TxFormItem.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxFormItem.vue2.js';
+/* empty css                */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a2bf486"]]);
+
+export { TxFormItem as default };

package/dist/es/form/src/TxFormItem.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent, inject, ref, computed, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, normalizeStyle, toDisplayString, renderSlot } from 'vue';
+import { TX_FORM_CONTEXT_KEY } from './context.js';
+
+const _hoisted_1 = { class: "tx-form-item__content" };
+const _hoisted_2 = {
+  key: 0,
+  class: "tx-form-item__error"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TxFormItem" },
+  __name: "TxFormItem",
+  props: {
+    label: { default: "" },
+    prop: {},
+    rules: {},
+    required: { type: Boolean, default: false },
+    showMessage: { type: Boolean, default: true },
+    inline: { type: Boolean, default: false }
+  },
+  emits: ["validate"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const form = inject(TX_FORM_CONTEXT_KEY, null);
+    const errorMessage = ref("");
+    const initialValue = ref(void 0);
+    const fieldValue = computed(() => {
+      if (!form?.model || !props.prop)
+        return void 0;
+      return form.model[props.prop];
+    });
+    const resolvedRules = computed(() => {
+      const local = props.rules;
+      const fromForm = props.prop ? form?.rules?.[props.prop] : void 0;
+      const merged = local ?? fromForm;
+      if (!merged)
+        return [];
+      return Array.isArray(merged) ? merged : [merged];
+    });
+    const isRequired = computed(() => {
+      if (props.required)
+        return true;
+      return resolvedRules.value.some((rule) => rule.required);
+    });
+    const labelText = computed(() => props.label || props.prop || "");
+    function isEmpty(value) {
+      if (value === null || value === void 0 || value === "")
+        return true;
+      if (Array.isArray(value))
+        return value.length === 0;
+      return false;
+    }
+    async function runRule(rule) {
+      const value = fieldValue.value;
+      const message = rule.message || `${labelText.value || "Field"} is invalid`;
+      if (rule.required || props.required) {
+        if (isEmpty(value))
+          return rule.message || `${labelText.value || "Field"} is required`;
+      }
+      if (rule.validator) {
+        const result = await rule.validator(value, rule, form?.model ?? {});
+        if (result === false)
+          return message;
+        if (typeof result === "string")
+          return result;
+      }
+      return null;
+    }
+    async function validate() {
+      for (const rule of resolvedRules.value) {
+        const message = await runRule(rule);
+        if (message) {
+          errorMessage.value = message;
+          emit("validate", false);
+          return false;
+        }
+      }
+      errorMessage.value = "";
+      emit("validate", true);
+      return true;
+    }
+    function clearValidate() {
+      errorMessage.value = "";
+    }
+    function reset() {
+      if (form?.model && props.prop)
+        form.model[props.prop] = initialValue.value;
+      clearValidate();
+    }
+    const itemContext = { prop: props.prop, validate, reset, clearValidate };
+    const labelStyle = computed(() => {
+      if (form?.labelPosition.value === "top")
+        return {};
+      const width = form?.labelWidth.value;
+      if (!width)
+        return {};
+      return {
+        width: typeof width === "number" ? `${width}px` : width
+      };
+    });
+    onMounted(() => {
+      if (form?.model && props.prop)
+        initialValue.value = form.model[props.prop];
+      form?.registerItem(itemContext);
+    });
+    onBeforeUnmount(() => {
+      form?.unregisterItem(itemContext);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-form-item", [
+          `tx-form-item--label-${unref(form)?.labelPosition.value ?? "left"}`,
+          { "is-error": !!errorMessage.value, "is-required": isRequired.value, "is-inline": __props.inline }
+        ]])
+      }, [
+        labelText.value ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          class: "tx-form-item__label",
+          style: normalizeStyle(labelStyle.value)
+        }, toDisplayString(labelText.value), 5)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          __props.showMessage && errorMessage.value ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(errorMessage.value), 1)) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };