✨(form-item): 新增 label-position 对齐方式

package/component/src/component/form/index.less

@@ -4,6 +4,23 @@
   *zoom: 1;
 }
 
+.layui-form-item-right .layui-form-label {
+  text-align: right;
+}
+
+.layui-form-item-left .layui-form-label {
+  text-align: left;
+}
+
+.layui-form-item-top .layui-form-label {
+  text-align: left;
+  float: none;
+}
+
+.layui-form-item-top > div {
+  margin-left: 0;
+}
+
 .layui-form-item:after {
   content: "\20";
   clear: both;

package/component/src/component/formItem/index.vue

@@ -32,6 +32,7 @@ export interface LayFormItemProps {
   prop?: string;
   mode?: string;
   label?: string;
+  labelPosition?: string;
   errorMessage?: string;
   rules?: Rule;
   required?: boolean;
@@ -39,6 +40,7 @@ export interface LayFormItemProps {
 
 const props = withDefaults(defineProps<LayFormItemProps>(), {
   mode: "block",
+  labelPosition: 'right'
 });
 
 const layForm = inject("LayForm", {} as LayFormContext);
@@ -163,7 +165,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <div class="layui-form-item" ref="formItemRef">
+  <div class="layui-form-item" :class="[`layui-form-item-${labelPosition}`]" ref="formItemRef">
     <label class="layui-form-label">
       <span
         v-if="props.prop && isRequired"