补充组件描述, 起草 lay-config-provider 全局配置

src/provider/index.vue

@@ -1,19 +1,44 @@
 <script lang="ts">
+import { watch } from '@vue/runtime-core';
 export default {
-    name: "lay-config-provider"
-}
+  name: "lay-config-provider",
+};
 </script>
 
 <script setup lang="ts">
 
-// 切换主题 (通过 less 特性提供的 api 更改变量)
+export interface LayConfigProviderProps {
+    theme?: object;
+}
 
-// 切换语言 (通过 i18n 框架切换内置的语言包)
+const props = withDefaults(defineProps<LayConfigProviderProps>(),
+  {
+    
+  }
+);
+
+
+const changeTheme = (vars: any) => {
+  // @ts-ignore
+  if (!window.less || !window.less.modifyVars) {
+    return;
+  }
+  // @ts-ignore
+  window.less.modifyVars(vars).then((res) => {
+      console.log(res);
+  }).catch((res: any) => {
+      console.log(res);
+  });
+};
+
+watch(() => props.theme, (vars) => {
+    changeTheme(vars);
+},{immediate: true})
 
 </script>
 
 <template>
-    <div class="lay-config-provider">
-        <slot></slot>    
-    </div>    
+  <div class="lay-config-provider">
+    <slot></slot>
+  </div>
 </template>