add alpha branch

src/component/formItem/index.vue

@@ -1,36 +1,10 @@
-<template>
-  <div class="layui-form-item" ref="formItemRef">
-    <label class="layui-form-label">
-      <span
-        v-if="props.prop && isRequired"
-        :class="
-          ['layui-required', 'layui-icon'].concat(layForm.requiredIcons ?? '')
-        "
-      >
-        <slot name="required" :props="{ ...props, model: layForm.model }">{{
-          layForm.requiredIcons ? "" : "*"
-        }}</slot>
-      </span>
-      <slot name="label" :props="{ ...props, model: layForm.model }">
-        {{ label }}
-      </slot>
-    </label>
-    <div :class="[mode ? 'layui-input-' + mode : '']">
-      <div ref="slotParent">
-        <slot :props="{ ...props, model: layForm.model }"></slot>
-      </div>
-      <span
-        v-if="errorStatus"
-        :class="[
-          'layui-error-message',
-          { 'layui-error-message-anim': errorStatus },
-        ]"
-        >{{ errorMsg }}</span
-      >
-    </div>
-  </div>
-</template>
-<script setup name="LayFormItem" lang="ts">
+<script lang="ts">
+export default {
+  name: 'LayFormItem'
+}
+</script>
+
+<script setup lang="ts">
 import "./index.less";
 import {
   defineProps,
@@ -44,11 +18,10 @@ import {
   watch,
 } from "vue";
 import {
-  layFormKey,
   LayFormContext,
   LayFormItemContext,
   FieldValidateError,
-} from "../type/form";
+} from "../../types/form";
 import Schema, {
   Rule,
   RuleItem,
@@ -73,7 +46,7 @@ const props = withDefaults(
   }
 );
 
-const layForm = inject(layFormKey, {} as LayFormContext);
+const layForm = inject('LayForm', {} as LayFormContext);
 const formItemRef = ref<HTMLDivElement>();
 const slotParent = ref<HTMLDivElement>();
 
@@ -192,3 +165,36 @@ onMounted(() => {
   }
 });
 </script>
+
+<template>
+  <div class="layui-form-item" ref="formItemRef">
+    <label class="layui-form-label">
+      <span
+        v-if="props.prop && isRequired"
+        :class="
+          ['layui-required', 'layui-icon'].concat(layForm.requiredIcons ?? '')
+        "
+      >
+        <slot name="required" :props="{ ...props, model: layForm.model }">{{
+          layForm.requiredIcons ? "" : "*"
+        }}</slot>
+      </span>
+      <slot name="label" :props="{ ...props, model: layForm.model }">
+        {{ label }}
+      </slot>
+    </label>
+    <div :class="[mode ? 'layui-input-' + mode : '']">
+      <div ref="slotParent">
+        <slot :props="{ ...props, model: layForm.model }"></slot>
+      </div>
+      <span
+        v-if="errorStatus"
+        :class="[
+          'layui-error-message',
+          { 'layui-error-message-anim': errorStatus },
+        ]"
+        >{{ errorMsg }}</span
+      >
+    </div>
+  </div>
+</template>