feat: 🚀 sass导入更新

src/components/ErrorMessage/403.vue

@@ -16,5 +16,5 @@ const router = useRouter();
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/components/ErrorMessage/404.vue

@@ -16,5 +16,5 @@ const router = useRouter();
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/components/ErrorMessage/500.vue

@@ -16,5 +16,5 @@ const router = useRouter();
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/components/Form/components/FormItem.vue

@@ -119,5 +119,5 @@ const resetForm = (formEl: FormInstance | undefined) => {
 </script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/components/Form/index.vue

@@ -83,5 +83,5 @@ const resetForm = (formEl: FormInstance | undefined) => {
 </script>
 
 <style scoped lang="scss">
-// @import "./index.scss";
+// @use "./index.scss";
 </style>

src/components/FormTable/index.vue

@@ -99,7 +99,7 @@ import { ElTable, ElTableColumn } from "element-plus";
 import { QuestionFilled } from "@element-plus/icons-vue";
 const props = defineProps<{
     columns: any;
-    rowStyle?: (params: any) => void;
+    rowStyle?: any;
     isStatus?: boolean;
     tableData?: any;
     height?: number;

src/components/ImportExcel/index.vue

@@ -147,5 +147,5 @@ defineExpose({
 });
 </script>
 <style lang="scss" scoped>
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/components/Loading/index.vue

@@ -9,5 +9,5 @@
 <script setup lang="ts" name="Loading"></script>
 
 <style scoped lang="scss">
-@import "./index.scss";
+@use "./index.scss";
 </style>

src/components/ProTable/interface/index.ts

@@ -3,6 +3,7 @@ import { BreakPoint, Responsive } from "@/components/Grid/interface";
 import { TableColumnCtx } from "element-plus/es/components/table/src/table-column/defaults";
 import { ProTableProps } from "@/components/ProTable/index.vue";
 import ProTable from "@/components/ProTable/index.vue";
+import { DefaultRow } from "element-plus/es/components/table/src/table/defaults";
 
 export interface EnumProps {
     label?: string; // 选项框显示的文字
@@ -53,20 +54,21 @@ export type FieldNamesProps = {
     children?: string;
 };
 
-export type RenderScope<T> = {
+export type RenderScope<T extends DefaultRow> = {
     row: T;
     $index: number;
     column: TableColumnCtx<T>;
     [key: string]: any;
 };
 
-export type HeaderRenderScope<T> = {
+export type HeaderRenderScope<T extends DefaultRow> = {
     $index: number;
     column: TableColumnCtx<T>;
     [key: string]: any;
 };
 
-export interface ColumnProps<T = any> extends Partial<Omit<TableColumnCtx<T>, "children" | "renderCell" | "renderHeader">> {
+export interface ColumnProps<T extends DefaultRow = any>
+    extends Partial<Omit<TableColumnCtx<T>, "children" | "renderCell" | "renderHeader">> {
     tag?: boolean; // 是否是标签展示
     isShow?: boolean; // 是否显示在表格当中
     search?: SearchProps | undefined; // 搜索项配置

src/components/SearchForm/components/SearchFormItem.vue

@@ -225,5 +225,5 @@ const handleEmitClear = (item: any) => {
 };
 </script>
 <style lang="scss" scope>
-@import "../index.scss";
+@use "../index.scss";
 </style>

src/components/SearchForm/index.vue

@@ -309,5 +309,5 @@ const handleFormReset = () => {
 };
 </script>
 <style lang="scss" scope>
-@import "./index.scss";
+@use "./index.scss";
 </style>