feat: add VbenForm component (#4352)

* feat: add form component

* fix: build error

* feat: add form adapter

* feat: add some component

* feat: add some component

* feat: add example

* feat: suppoer custom action button

* chore: update

* feat: add example

* feat: add formModel,formDrawer demo

* fix: build error

* fix: typo

* fix: ci error

---------

Co-authored-by: jinmao <jinmao88@qq.com>
Co-authored-by: likui628 <90845831+likui628@users.noreply.github.com>

packages/effects/common-ui/src/ui/authentication/login-expired-modal.vue

@@ -1,13 +1,10 @@
 <script setup lang="ts">
-import type { AuthenticationProps, LoginAndRegisterParams } from './types';
+import type { AuthenticationProps } from './types';
 
 import { watch } from 'vue';
 
-import { useForwardPropsEmits } from '@vben/hooks';
 import { useVbenModal } from '@vben-core/popup-ui';
-import { VbenAvatar } from '@vben-core/shadcn-ui';
-
-import AuthenticationLogin from './login.vue';
+import { Slot, VbenAvatar } from '@vben-core/shadcn-ui';
 
 interface Props extends AuthenticationProps {
   avatar?: string;
@@ -17,18 +14,12 @@ defineOptions({
   name: 'LoginExpiredModal',
 });
 
-const props = withDefaults(defineProps<Props>(), {
+withDefaults(defineProps<Props>(), {
   avatar: '',
 });
 
-const emit = defineEmits<{
-  submit: [LoginAndRegisterParams];
-}>();
-
 const open = defineModel<boolean>('open');
 
-const forwarded = useForwardPropsEmits(props, emit);
-
 const [Modal, modalApi] = useVbenModal();
 
 watch(
@@ -51,14 +42,15 @@ watch(
       class="border-none px-10 py-6 text-center shadow-xl sm:w-[600px] sm:rounded-2xl md:h-[unset]"
     >
       <VbenAvatar :src="avatar" class="mx-auto mb-6 size-20" />
-      <AuthenticationLogin
-        v-bind="forwarded"
+      <Slot
         :show-forget-password="false"
         :show-register="false"
         :show-remember-me="false"
         :sub-title="$t('authentication.loginAgainSubTitle')"
         :title="$t('authentication.loginAgainTitle')"
-      />
+      >
+        <slot> </slot>
+      </Slot>
     </Modal>
   </div>
 </template>