feat(projects): pro-naive-ui 路由增加 icon、排序

pnpm-lock.yaml

@@ -6961,6 +6961,7 @@ snapshots:
       - vue
 
   '@vicons/antd@0.13.0': {}
+
   '@visactor/vchart-theme@1.12.2(@visactor/vchart@1.13.7)':
     dependencies:
       '@visactor/vchart': 1.13.7

src/App.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import { NConfigProvider, darkTheme } from 'naive-ui';
+import { darkTheme } from 'naive-ui';
 import type { WatermarkProps } from 'naive-ui';
 import { useAppStore } from './store/modules/app';
 import { useThemeStore } from './store/modules/theme';
@@ -41,7 +41,7 @@ const watermarkProps = computed<WatermarkProps>(() => {
 </script>
 
 <template>
-  <NConfigProvider
+  <ProConfigProvider
     :theme="naiveDarkTheme"
     :theme-overrides="themeStore.naiveTheme"
     :locale="naiveLocale"
@@ -52,7 +52,7 @@ const watermarkProps = computed<WatermarkProps>(() => {
       <RouterView class="bg-layout" />
       <NWatermark v-if="themeStore.watermark.visible" v-bind="watermarkProps" />
     </AppProvider>
-  </NConfigProvider>
+  </ProConfigProvider>
 </template>
 
 <style scoped></style>

src/locales/naive.ts

@@ -1,5 +1,6 @@
-import { dateEnUS, dateZhCN, enUS, zhCN } from 'naive-ui';
+import { dateEnUS, dateZhCN, enUS } from 'naive-ui';
 import type { NDateLocale, NLocale } from 'naive-ui';
+import { zhCN } from 'pro-naive-ui';
 
 export const naiveLocales: Record<App.I18n.LangType, NLocale> = {
   'zh-CN': zhCN,

src/router/elegant/routes.ts

@@ -630,7 +630,7 @@ export const generatedRoutes: GeneratedRoute[] = [
       title: 'pro-naive',
       i18nKey: 'route.pro-naive',
       order: 7,
-      icon: 'material-symbols-light:demography-outline-rounded'
+      icon:'material-symbols-light:demography-outline-rounded'
     },
     children: [
       {
@@ -639,7 +639,7 @@ export const generatedRoutes: GeneratedRoute[] = [
         meta: {
           title: 'pro-naive_form',
           i18nKey: 'route.pro-naive_form',
-          icon: 'fluent:form-28-regular'
+          icon:'fluent:form-28-regular'
         },
         children: [
           {
@@ -677,7 +677,7 @@ export const generatedRoutes: GeneratedRoute[] = [
         meta: {
           title: 'pro-naive_table',
           i18nKey: 'route.pro-naive_table',
-          icon: 'mynaui:table'
+          icon:'mynaui:table'
         },
         children: [
           {

src/views/pro-naive/ConfigProvider.vue

@@ -1,17 +0,0 @@
-<script setup lang="tsx">
-import { computed } from 'vue';
-import { zhCN } from 'pro-naive-ui';
-import { useAppStore } from '@/store/modules/app';
-
-const appStore = useAppStore();
-
-const locale = computed(() => {
-  return appStore.locale === 'zh-CN' ? zhCN : undefined;
-});
-</script>
-
-<template>
-  <ProConfigProvider :locale="locale" class="h-full">
-    <slot></slot>
-  </ProConfigProvider>
-</template>

src/views/pro-naive/form/basic/index.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import { useMessage } from 'naive-ui';
-import { createProForm, zhCN } from 'pro-naive-ui';
+import { createProForm } from 'pro-naive-ui';
 import { $t } from '@/locales';
-import ConfigProvider from '../../ConfigProvider.vue';
 
 const submiting = ref(false);
 const message = useMessage();
@@ -57,7 +56,6 @@ function fillValues() {
 </script>
 
 <template>
-  <ConfigProvider :locale="zhCN">
   <ProForm
     :form="form"
     :loading="submiting"
@@ -180,5 +178,4 @@ function fillValues() {
       </NGrid>
     </ProCard>
   </ProForm>
-  </ConfigProvider>
 </template>

src/views/pro-naive/form/query/index.vue

@@ -4,7 +4,6 @@ import { useMessage } from 'naive-ui';
 import type { ProSearchFormColumns } from 'pro-naive-ui';
 import { createProSearchForm } from 'pro-naive-ui';
 import { $t } from '@/locales';
-import ConfigProvider from '../../ConfigProvider.vue';
 
 interface Info {
   appName: string;
@@ -86,7 +85,6 @@ function delay(time: number) {
 </script>
 
 <template>
-  <ConfigProvider>
   <div class="bg-#fff">
     <ProCard :title="$t('page.proNaive.form.query.title1')" :show-collapse="false">
       <ProSearchForm :form="form" :loading="loading" :columns="columns" />
@@ -95,5 +93,4 @@ function delay(time: number) {
       <ProSearchForm :form="form2" :loading="loading2" :columns="columns2" :collapsed-rows="2" />
     </ProCard>
   </div>
-  </ConfigProvider>
 </template>

src/views/pro-naive/form/step/index.vue

@@ -3,7 +3,6 @@ import { ref } from 'vue';
 import { useMessage } from 'naive-ui';
 import { createProForm } from 'pro-naive-ui';
 import { $t } from '@/locales';
-import ConfigProvider from '../../ConfigProvider.vue';
 
 const step = ref(1);
 const submiting = ref(false);
@@ -38,7 +37,6 @@ function delay(time: number) {
 </script>
 
 <template>
-  <ConfigProvider>
   <div class="color-#fff">
     <ProCard :title="$t('page.proNaive.form.step.title')" :segmented="{ content: true }" :show-collapse="false">
       <div class="flex flex-col items-center justify-center">
@@ -68,5 +66,4 @@ function delay(time: number) {
       </div>
     </ProCard>
   </div>
-  </ConfigProvider>
 </template>

src/views/pro-naive/table/remote/index.vue

@@ -10,7 +10,6 @@ import {
   useNDataTable
 } from 'pro-naive-ui';
 import { $t } from '@/locales';
-import ConfigProvider from '../../ConfigProvider.vue';
 
 function fetchList(params: any, values: any) {
   console.log(params, values);
@@ -124,8 +123,7 @@ const {
 </script>
 
 <template>
-  <ConfigProvider>
-    <div class="h-full flex flex-col">
+  <div class="flex flex-col">
     <ProCard :title="$t('page.proNaive.table.remote.filterCondition')" class="mb-24px" :show-collapse="false">
       <ProSearchForm :form="searchForm" label-placement="left" :columns="searchColumns" v-bind="proSearchFormProps" />
     </ProCard>
@@ -138,5 +136,4 @@ const {
       v-bind="tableProps"
     />
   </div>
-  </ConfigProvider>
 </template>

src/views/pro-naive/table/row-edit/index.vue

@@ -4,7 +4,6 @@ import { NButton, NFlex, useMessage } from 'naive-ui';
 import type { ProEditDataTableColumns } from 'pro-naive-ui';
 import { createProForm } from 'pro-naive-ui';
 import { $t } from '@/locales';
-import ConfigProvider from '../../ConfigProvider.vue';
 
 interface DataSourceType {
   id: string;
@@ -104,7 +103,6 @@ const columns = computed<ProEditDataTableColumns<DataSourceType>>(() => {
 </script>
 
 <template>
-  <ConfigProvider>
   <ProForm :form="form" label-placement="left">
     <ProConfigProvider
       :prop-overrides="{
@@ -134,5 +132,4 @@ const columns = computed<ProEditDataTableColumns<DataSourceType>>(() => {
       </ProEditDataTable>
     </ProConfigProvider>
   </ProForm>
-  </ConfigProvider>
 </template>