@xizs/nuxt-antui 0.0.9 → 0.0.11

package/app/components/global/FormTable.tsx

@@ -14,8 +14,8 @@ type TableFormItemType = {
 export type TablePropsType = {
     form?: TableFormItemType[],
     formOptions: {
-        search: boolean,
-        reset: boolean,
+        search?: boolean,
+        reset?: boolean,
         export: boolean,
     },
     table: {
@@ -50,15 +50,16 @@ let dateRange = defineComponent({
         item:{
             type:Object as ()=>TableFormItemType,
             required:true
-        }
+        },
+      
     },
     setup(props) {
         let {t:$t} = useI18n()
       
         let value = watchRef(ref([]),(nv,ov)=>{
             if(nv?.length>0){
-                props.form[props.item.key[0] as string] = nv[0].format('YYYY-MM-DD 00:00:00')
-                props.form[props.item.key[1] as string] = nv[1].format('YYYY-MM-DD 23:59:59')
+                props.form[props.item.key[0] as string] = dayjs(nv[0]).format('YYYY-MM-DD')
+                props.form[props.item.key[1] as string] = dayjs(nv[1]).format('YYYY-MM-DD')
             }else{
                 props.form[props.item.key[0] as string] = ''
                 props.form[props.item.key[1] as string] = ''
@@ -66,8 +67,9 @@ let dateRange = defineComponent({
         })
         watch([() => props.form[props.item.key[0] as string],()=>props.form[props.item.key[1] as string]], (nv) => { 
             console.log(nv)
-            value.value[0]=nv[0]
-            value.value[1]=nv[1]
+            if (nv[0] == '') {
+                value.value = []
+            }
         })
         const rangePresets = ref([
             { label: $t('今天'), value: [dayjs(), dayjs()] },
@@ -88,7 +90,7 @@ const FormItems:Record<string, (form: any, item: TableFormItemType) => any> = {
     },
     select: (form: any, item: TableFormItemType) => {
         let {t:$t} = useI18n()
-        return <ASelect allowClear class="min-w-[150px]" v-model:value={form[item.key]} options={item.bind?.options} placeholder={$t(`请选择{label}`,{label:$t(item.label)})}></ASelect>
+        return <ASelect allowClear  {...item.bind}  class="min-w-[150px]" v-model:value={form[item.key]} options={item.bind?.options} placeholder={$t(`请选择{label}`,{label:$t(item.label)})}></ASelect>
     },
     selectTenant: (form: any, item: TableFormItemType) => { 
         let { t: $t } = useI18n()
@@ -144,7 +146,11 @@ export const FormTableProps = {
       type:Object as () => any,
       required:true
     },
-  }
+    isInitLoad: {
+        type: Boolean,
+        default: true
+    }
+}
 
 export default defineComponent({
     name: 'TableLayout',
@@ -180,7 +186,13 @@ export default defineComponent({
         })
 
 
-        const tableData = asyncReactive<any[]>(async ()=>{
+        let _isInitLoad = props.isInitLoad
+        const tableData = asyncReactive<any[]>(async () => {
+            //初始化不加载数据
+            if (!_isInitLoad) {
+                _isInitLoad = true
+                return []
+            }
             let res:any = await props.table.data({...form.value,...pagination})
             if(Array.isArray(res)){
                 res = {
@@ -194,6 +206,7 @@ export default defineComponent({
                     } 
                 }
             }
+            console.log(res)
             pagination.total = res.meta.pagination.total
             pagination.pageSize = res.meta.pagination.per_page
             pagination.page = res.meta.pagination.current_page
@@ -231,33 +244,36 @@ export default defineComponent({
                     </div> 
                 </AForm>}
                 {slots.center?.()}
-                <div class="flex-1 overflow-scroll flex flex-col">
-                    {slots.content?.(tableData.value) ??
-                        <ATable
-                            row-selection={props.table.enableSelection?rowSelection:null}
-                            rowKey={props.table.rowKey??((row)=>row.id)}
-                            loading={tableData.loading}
-                            // scroll={{x: true}}
-                            columns={props.table.columns}
-                            pagination={false}
-                            // sticky={tableData.value.length>0}
-                            v-slots={{
-                                headerCell: ({ title,column }: any) => (
-                                    <div style={{'white-space': 'nowrap'}}>
-                                        {title}
-                                    </div>
-                                ),
-                                bodyCell:(row:any)=>{
-                                    if(row.column?.customRender!=null){
-                                        return row.column.customRender(row)
-                                    }
-                                    return <div class="whitespace-nowrap" style={{ width:row.column.width??'100px'}}>{row.text}</div>
-                                },
-                                ...props.table['v-slots']
-                            }}
-                            dataSource={tableData.value}
-                        />
-                    }
+                <div class="flex-1 relative overflow-scroll flex flex-col">
+                    <div class="absolute inset-0 ">
+                        {slots.content?.(tableData.value) ??
+                            <ATable
+                                row-selection={props.table.enableSelection ? rowSelection : null}
+                                rowKey={props.table.rowKey ?? ((row) => row.id)}
+                                loading={tableData.loading}
+                                scroll={{ x: true,}}
+                                columns={props.table.columns}
+                                pagination={false}
+                                sticky={tableData.value.length>0}
+
+                                v-slots={{
+                                    headerCell: ({ title, column }: any) => (
+                                        <div style={{ 'white-space': 'nowrap' }}>
+                                            {title}
+                                        </div>
+                                    ),
+                                    bodyCell: (row: any) => {
+                                        if (row.column?.customRender != null) {
+                                            return row.column.customRender(row)
+                                        }
+                                        return <div class="whitespace-nowrap" style={{ width: row.column.width ?? '100px' }}>{row.text}</div>
+                                    },
+                                    ...props.table['v-slots']
+                                }}
+                                dataSource={tableData.value}
+                            />
+                        }
+                    </div>
                 </div>
                 
                 {props.footerOptions.show && <div class="mt-3 flex items-center justify-between">

package/app/components/global/FormTable2.tsx

@@ -0,0 +1,312 @@
+import { defineComponent, h, ref } from 'vue'
+import { AForm, AFormItem, AInput, AButton, ATable, ASelect, APagination, ARangePicker, RedoOutlined, ASwitch, AInputNumber } from '#components'
+import type { TableColumnType } from 'ant-design-vue'
+import dayjs from 'dayjs'
+
+
+type TableFormLabelsItemType = {
+    label: string,
+    key: string | string[],
+    is: string,
+    bind?: any,
+    value?:any
+}
+
+export type TableParamsType = {
+    form?: {
+        labels?: TableFormLabelsItemType[],
+        'v-slots'?: Record<string, ()=>any>,
+        option?: {
+            search?: boolean,
+            reset?: boolean,
+            export?: boolean,
+        },
+    },
+    table?: {
+        'v-slots'?:any
+        enableSelection?: boolean
+        columns: TableColumnType[]
+        rowKey: (row: any) => any
+    },
+    data: (params: any) => any
+    footerOptions?: {
+        show: boolean
+    },
+    'v-slots'?: {
+        content:(data:any)=>any
+    }
+}
+
+export type AttributeType = {
+    selectItems:any[],
+    selectKeys:any[],
+    page:number,
+    pageSize: number,
+    tableData: any[],
+    metaTableData:any[],
+    form:any
+}
+
+let dateRange = defineComponent({
+    props:{
+        form:{
+            type:Object as ()=>any,
+            required:true
+        },
+        item:{
+            type:Object as ()=>TableFormLabelsItemType,
+            required:true
+        },
+      
+    },
+    setup(props) {
+        let {t:$t} = useI18n()
+      
+        let value = watchRef(ref([]),(nv,ov)=>{
+            if(nv?.length>0){
+                props.form[props.item.key[0] as string] = dayjs(nv[0]).format('YYYY-MM-DD')
+                props.form[props.item.key[1] as string] = dayjs(nv[1]).format('YYYY-MM-DD')
+            }else{
+                props.form[props.item.key[0] as string] = ''
+                props.form[props.item.key[1] as string] = ''
+            }
+        })
+        watch([() => props.form[props.item.key[0] as string],()=>props.form[props.item.key[1] as string]], (nv) => { 
+            console.log(nv)
+            if (nv[0] == '') {
+                value.value = []
+            }
+        })
+        const rangePresets = ref([
+            { label: $t('今天'), value: [dayjs(), dayjs()] },
+            { label: $t('昨天'), value: [dayjs().add(-1, 'd'), dayjs().add(-1, 'd')] },
+            { label: $t('最近7天'), value: [dayjs().add(-7, 'd'), dayjs()] },
+            { label: $t('最近30天'), value: [dayjs().add(-30, 'd'), dayjs()] },
+        ]);
+        
+        return ()=><ARangePicker presets={rangePresets.value} v-model:value={value.value}  />
+    }
+}) 
+
+
+const FormItems:Record<string, (form: any, item: TableFormLabelsItemType) => any> = {
+    input: (form: any, item: TableFormLabelsItemType) => {
+        let {t:$t} = useI18n()
+        return <AInput size="middle" v-model:value={form[item.key as string]} placeholder={$t(`请输入{label}`,{label:$t(item.label)})}></AInput>
+    },
+    numberRange: (form: any, item: TableFormLabelsItemType) => { 
+        let {t:$t} = useI18n()
+        return <div class="flex items-center">
+                <AInputNumber class="!min-w-[150px]" v-model:value={form[item.key[0] as string]} placeholder={$t(`请输入{label}开始`,{label:$t(item.label)})}></AInputNumber>
+                <span class="px-1">-</span>
+                <AInputNumber class="!min-w-[150px]" v-model:value={form[item.key[1] as string]} placeholder={$t(`请输入{label}结束`,{label:$t(item.label)})}></AInputNumber>
+        </div>
+    },
+    select: (form: any, item: TableFormLabelsItemType) => {
+        let {t:$t} = useI18n()
+        return <ASelect allowClear  {...item.bind}  class="min-w-[150px]" v-model:value={form[item.key as string]} options={item.bind?.options} placeholder={$t(`请选择{label}`,{label:$t(item.label)})}></ASelect>
+    },
+    switch: (form: any, item: TableFormLabelsItemType) => {
+        let {t:$t} = useI18n()
+        return <ASwitch allowClear  {...item.bind}  class="min-w-[150px]" v-model:value={form[item.key as string]} options={item.bind?.options} placeholder={$t(`请选择{label}`,{label:$t(item.label)})}></ASwitch>
+    },
+    dateRange:(form:any,item:TableFormLabelsItemType)=>{
+        return h(dateRange,{form,item})
+    }
+}
+
+
+export const FormTableProps = {
+    form: {
+      type: Object as () => TableParamsType['form'],
+      required: false
+    },
+
+    table: {
+      type: Object as () => TableParamsType['table'],
+      default: () => ({
+        enableSelection: false,
+        columns: [],
+        rowKey:(row:any)=>{}
+      })
+    },
+    data: {
+        type: Object as () => TableParamsType['data']
+    },
+
+    footerOptions: {
+      type: Object as () => {
+        show: boolean,
+      },
+      default: () => ({
+        show: true,
+      })
+    },
+    attribute:{
+        type: Object as () => AttributeType,
+        default:()=>{}
+    },
+    control:{
+      type:Object as () => any,
+      required:true
+    },
+    isInitLoad: {
+        type: Boolean,
+        default: true
+    }
+}
+
+export default defineComponent({
+    name: 'TableLayout',
+    props: FormTableProps,
+    setup(props,{slots}) {
+        const {t:$t} = useI18n()
+
+        //form 初始化
+        const form = ref<any>({})
+        props.form?.labels?.forEach((item) => {
+            
+            if (Array.isArray(item.key)) {
+                item.key.forEach((key,index) => {
+                    form.value[key] =  item.value?.[index]??''
+                })
+                
+            } else {
+                form.value[item.key] = item.value??''
+            }
+        })
+        props.attribute.form = form.value
+        const metaForm = JSON.parse(JSON.stringify(form.value))
+
+        //table初始化
+        props.table.columns?.forEach((item) => {
+            item.title = $t(item.title as string)            
+        })
+
+        let pagination =reactive({
+            page:1,
+            pageSize:20,
+            total:0
+        })
+
+
+        let _isInitLoad = props.isInitLoad
+        const tableData = asyncReactive<any[]>(async () => {
+            //初始化不加载数据
+            if (!_isInitLoad) {
+                _isInitLoad = true
+                return []
+            }
+            let res: any = await props.data?.({ ...form.value, ...pagination })
+            if(Array.isArray(res)){
+                res = {
+                    list:res,
+                    meta:{
+                        pagination:{
+                            total:0,
+                            per_page:pagination.pageSize,
+                            current_page:pagination.page
+                        }
+                    } 
+                }
+            }
+            console.log(res)
+            pagination.total = res.meta.pagination.total
+            pagination.pageSize = res.meta.pagination.per_page
+            pagination.page = res.meta.pagination.current_page
+            props.attribute.metaTableData = JSON.parse(JSON.stringify(res.list))
+            props.attribute.tableData = res.list
+            return res.list
+        },[])
+
+
+        const rowSelection = { 
+            selectedRowKeys: props.attribute?.selectKeys, 
+            onChange: (keys:any,rows:any)=>{ 
+                props.attribute!.selectKeys.splice(0,props.attribute!.selectKeys.length,...keys)
+                props.attribute!.selectItems.splice(0,props.attribute!.selectItems.length,...rows)
+            } 
+        }
+
+        props.control.refresh = ()=>tableData.load()
+        
+        return () => (
+            <div class="flex flex-col gap-2 h-full  ">
+                {/* {JSON.stringify(form.value)} */}
+                {props.form?.labels&&<AForm layout="inline gap-2">
+                    {props.form?.labels?.map((item: TableFormLabelsItemType) => {
+                        return (
+                            <AFormItem label={$t(item.label)}>
+                                {FormItems[item.is]?.(form.value,item)}
+                            </AFormItem>
+                        )
+                    })}
+                    <div class="flex gap-2">
+                        {props.form?.option?.search !== false && <AButton type="primary" onClick={()=>tableData.load()}>{$t('搜索')}</AButton>}
+                        {props.form?.option?.reset  !== false && <AButton onClick={() => patch(metaForm,form.value,true)}>{$t('重置')}</AButton>}
+                        {props.form?.option?.export === true && <AButton type="primary">{$t('导出')}</AButton>}
+                    </div> 
+
+                    <div class="flex ml-auto">
+                        {props.form['v-slots']?.extra?.()}
+                    </div>
+                </AForm>}
+                {slots.center?.()}
+                <div class="flex-1 relative overflow-scroll flex flex-col">
+                    {slots.content?.(tableData.value) ??< div class="absolute inset-0 ">
+                            <ATable
+                                row-selection={props.table.enableSelection ? rowSelection : null}
+                                rowKey={props.table.rowKey ?? ((row) => row.id)}
+                                loading={tableData.loading}
+                                scroll={{ x: true,}}
+                                columns={props.table.columns}
+                                pagination={false}
+                                sticky={tableData.value.length>0}
+                                v-slots={{
+                                    headerCell: ({ title, column }: any) => (
+                                        <div style={{ 'white-space': 'nowrap' }}>
+                                            {title}
+                                        </div>
+                                    ),
+                                    bodyCell: (row: any) => {
+                                        if (row.column?.customRender != null) {
+                                            return row.column.customRender(row)
+                                        }
+                                        return <div class="whitespace-nowrap" style={{ width: row.column.width ?? '100px' }}>{row.text}</div>
+                                    },
+                                    ...props.table['v-slots']
+                                }}
+                                dataSource={tableData.value}
+                            />
+                        </div>
+                    }
+                </div>
+                
+                {props.footerOptions.show && <div class="mt-3 flex items-center justify-between">
+                    <div>
+                        { props.table.enableSelection && (`${$t('选中项')}: ${props.attribute.selectKeys.length}`)}
+                    </div>
+                    <div class="flex items-center gap-2">
+                        <APagination 
+                            hideOnSinglePage={true}
+                            v-model:current={pagination.page}
+                            total={pagination.total} 
+                            pageSize={pagination.pageSize}
+                            onChange={(page) => {
+                                pagination.page = page
+                                tableData.load()
+                            }} 
+                            pageSizeOptions={['20','50','100']}
+                            onShowSizeChange={(current, size) => {
+                                pagination.pageSize = size
+                                pagination.page = 1
+                                tableData.load()
+                            }}
+                        />
+                        <AButton icon={h(RedoOutlined)} loading={tableData.loading} onClick={tableData.load}  />
+                    </div>
+                </div>}
+            </div>
+        )
+    }
+})

package/app/components/layout/Base.vue

@@ -6,54 +6,60 @@
         collapsed-width="0"
         width="220px"
         :trigger="null"
+        class="overflow-scroll"
       >
-        <div class="text-center text-white p-2 text-lg " >
-            LOGO
+        <div class="text-center text-white p-2 text-lg  " >
+            {{props.title}}
         </div>
         <LayoutMenu :items="props.menu"></LayoutMenu>
       </a-layout-sider>
 
       <a-layout>
         <a-layout-header :style="{ background: '#fff', padding: 0 }">
-            <div class="flex h-full  items-center justify-between gap-2 px-4">
-                <div class="flex items-center gap-2">
-                    <menu-unfold-outlined  v-if="collapsed" class="trigger text-[20px]" @click="() => (collapsed = !collapsed)" />
-                    <menu-fold-outlined v-else class="trigger text-[20px]" @click="() => (collapsed = !collapsed)" />
-                    <div class="leading-4 gap-1 flex flex-col  justify-center h-full">
-                        <div class="text-[12px] text-[#aaa]">{{routeInfo.names.join(' / ')}}</div>
-                        <div class="font-bold text-[18px]">{{routeInfo.name}}</div>
+                <div class="flex h-full  items-center justify-between gap-2 px-4">
+                    <div class="flex items-center gap-2">
+                        <menu-unfold-outlined  v-if="collapsed" class="trigger text-[20px]" @click="() => (collapsed = !collapsed)" />
+                        <menu-fold-outlined v-else class="trigger text-[20px]" @click="() => (collapsed = !collapsed)" />
+                        <div class="leading-4 gap-1 flex flex-col  justify-center h-full">
+                            <div class="text-[12px] text-[#aaa]">{{routeInfo?.names.join(' / ')}}</div>
+                            <div class="font-bold text-[18px]">{{routeInfo?.name}}</div>
+                        </div>
                     </div>
-                </div>
-                <div class=" flex items-center">
-                    <div >
-                        <a-dropdown >
-                            <div class="h-[30px] leading-[30px] cursor-pointer">{{ useAdmin().value?.username ?? 'Admin'}}</div>
-                            <template #overlay>
-                                <a-menu>
-                                    <a-menu-item @click="()=>singOut()">
-                                        <a href="javascript:;">{{$t('退出')}}</a>
-                                    </a-menu-item>
-                                </a-menu>
-                            </template>
-                        </a-dropdown>
-                    </div>
-                    <div class="flex items-center p-2 ml-2">
-                        <a-dropdown >
-                            <div class=" cursor-pointer">
-                                <GlobalOutlined  class="text-[20px]" />
-                            </div>
-                            <template #overlay>
-                                <a-menu>
-                                    <a-menu-item  v-for="locale in locales" @click="setLocale(locale.code)">
-                                        {{ locale.name }}
-                                    </a-menu-item>
-                                </a-menu>
-                            </template>
-                        </a-dropdown>
+                    <div class=" flex items-center">
+                        <slot name="header-right-extend"></slot>
+                        
+                        <div class="flex items-center p-2 ml-2">
+                            <a-dropdown >
+                                <div class=" cursor-pointer flex items-center">
+                                    <GlobalOutlined  class="text-[26px]" />
+                                </div>
+                                <template #overlay>
+                                    <a-menu>
+                                        <a-menu-item  v-for="locale in locales" @click="setLocale(locale.code)">
+                                            {{ locale.name }}
+                                        </a-menu-item>
+                                    </a-menu>
+                                </template>
+                            </a-dropdown>
+                        </div>
+                        <div >
+                            <a-dropdown >
+                                <div class="h-[30px] leading-[30px] cursor-pointer">{{ useAdmin().value?.username ?? 'Admin'}}</div>
+                                <template #overlay>
+                                    <a-menu>
+                                        <a-menu-item v-for="item in props.adminMenu" @click="item.click">
+                                            {{ item.name }}
+                                        </a-menu-item>
+                                        <a-menu-item @click="()=>singOut()">
+                                            <a href="javascript:;">{{$t('退出')}}</a>
+                                        </a-menu-item>
+                                    </a-menu>
+                                </template>
+                            </a-dropdown>
+                        </div>
                     </div>
-
                 </div>
-            </div>
+
         </a-layout-header>
         <!-- <div class="p-4 bg-white" style="border-top:1px solid #eee">
             <div class="leading-4 gap-1 flex flex-col  justify-center h-full">
@@ -62,7 +68,7 @@
             </div>
         </div> -->
         <a-layout-content :style="{ }" class="relative   m-4">
-            <div class="absolute top-0 left-0 right-0 bottom-0">
+            <div class="absolute top-0 left-0 right-0 bottom-0 overflow-scroll">
                 <slot ></slot>
             </div>
         </a-layout-content>
@@ -76,10 +82,16 @@ const { locales, setLocale } = useI18n()
 const collapsed = ref(false)
 
 const props = defineProps<{
-    menu: MenuItemType[]
+    title:string,
+    menu: MenuItemType[],
+    adminMenu:{
+        name:string,
+        click:()=>void
+    }[]
 }>()
 
 let routeInfo = useRouteInfo(props.menu)
 
+
 </script>
 

package/app/components/layout/Menu.vue

@@ -69,8 +69,8 @@ const items = computed(()=>{
 let routeInfo = useRouteInfo(props.items)
 
 onMounted(()=>{
-    state.selectedKeys=routeInfo.value.paths
-    state.openKeys=routeInfo.value.paths
+    state.selectedKeys=routeInfo?.value?.paths
+    state.openKeys=routeInfo?.value?.paths
 })
 
 

package/app/composables/menu.ts

@@ -0,0 +1,56 @@
+
+export const useRouteInfo = (menuItems: any[]) =>
+    useState('routeName', () => {
+        const info = ref({
+            name: '',
+            names: [] as string[],
+            paths: [] as string[],
+        })
+        console.log(menuItems)
+
+        const route = useRoute()
+
+        const findPath = (
+            items: any[],
+            targetPath: string,
+            parents: { title: string; path: string }[] = []
+        ): { titles: string[]; paths: string[] } | null => {
+            for (const item of items) {
+                const current = [...parents, { title: item.title, path: item.path }]
+                if (item.path === targetPath) {
+                    return {
+                        titles: current.map((i) => i.title),
+                        paths: current.map((i) => i.path),
+                    }
+                }
+                if (item.children) {
+                    const result = findPath(item.children, targetPath, current)
+                    if (result) return result
+                }
+            }
+            return null
+        }
+
+        watch(
+            () => route.fullPath,
+            () => {
+                const match = findPath(menuItems, route.path)
+                if (match) {
+                    info.value = {
+                        name: match.titles.at(-1) || '',
+                        names: match.titles,
+                        paths: match.paths,
+                    }
+                } else {
+                    info.value = {
+                        name: '',
+                        names: [],
+                        paths: [],
+                    }
+                }
+            },
+            { immediate: true }
+        )
+
+        return info
+    })

package/app/composables/table.ts

@@ -1,6 +1,7 @@
 import { ABadge, ACard, ADropdown, AMenu, ATag, EllipsisOutlined } from "#components";
 import type { TablePropsType } from "../components/global/FormTable";
 import FormTableCom from "../components/global/FormTable";
+import FormTableCom2, { type TableParamsType } from "../components/global/FormTable2";
 
 
 export const FormTable = (props: TablePropsType) => {
@@ -25,6 +26,28 @@ export const FormTable = (props: TablePropsType) => {
     }
 }
 
+export const FormTable2 = (props: TableParamsType) => {
+
+    const attribute = reactive({
+        selectItems: [],
+        selectKeys: [],
+        page: 1,
+        pageSize: 10,
+        tableData: [],
+        form: {}
+    })
+
+    const control = {
+        refresh: () => { }
+    }
+    console.log({ ...props, attribute, control })
+    return {
+        com: h(FormTableCom2, { ...props, attribute, control }, props['v-slots']),
+        attribute,
+        control
+    }
+}
+
 export const TablePage = (props: TablePropsType) => {
     let TableParams = FormTable(props)
 
@@ -35,6 +58,17 @@ export const TablePage = (props: TablePropsType) => {
     }
 }
 
+export const TablePage2 = (props: TableParamsType) => {
+    let TableParams = FormTable2(props)
+
+    return {
+        ...TableParams,
+        com: h(ACard, { class: "absolute top-0 left-0 right-0 bottom-0 h-full", bodyStyle: { height: '100%' } }, TableParams.com)
+
+    }
+}
+
+
 
 export const Table = {
     Normal: FormTable,

package/nuxt.config.ts

@@ -21,6 +21,13 @@ export default defineNuxtConfig({
   i18n: {
     defaultLocale: 'zh',
     strategy: 'no_prefix',
+     compilation: {
+      strictMessage: false,
+      escapeHtml: true,
+    },
+     bundle: {
+    optimizeTranslationDirective: false
+  },
     locales: [
       { code: 'en', name: 'English', file: 'en.json' },
       { code: 'zh', name: '中文', file: 'zh.json' }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xizs/nuxt-antui",
   "type": "module",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",

package/tsconfig.json

@@ -1,3 +1,3 @@
 {
-  "extends": "./.playground/.nuxt/tsconfig.json",
+  "extends": "./.nuxt/tsconfig.json",
 }

package/app/components/global/TablePage.tsx

@@ -1,15 +0,0 @@
-import { ACard } from "#components"
-import { FormTableProps } from "./FormTable"
-
-export default defineComponent({
-
-    props:FormTableProps,
-
-    setup(props){
-        const {com,params} = FormTable(props)
-
-        return ()=><ACard class="absolute top-0 left-0 right-0 bottom-0 h-full" bodyStyle="height:100%">
-            <com></com>
-        </ACard>
-    }
-})