更新 ExpressionEditor 组件样式引入方式，改为在入口文件中统一导入样式。新增样式索引文件 index.scss，整合样式依赖。

Author: iwangbowen

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-expression-editor",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A powerful Vue 3 mathematical expression editor component",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

src/components/ExpressionEditor.vue

@@ -1621,10 +1621,5 @@ onMounted(() => {
 </script>
 
 <style lang="scss">
-@use './styles/variables' as v;
-@use './styles/base';
-@use './styles/buttons';
-@use './styles/layout';
-@use './styles/theme';
-@use './styles/input';
+@import '../styles/index.scss';
 </style>

src/index.ts

@@ -1,5 +1,6 @@
-import { App } from 'vue'
-import ExpressionEditor from './components/ExpressionEditor.vue'
+import { App } from 'vue';
+import ExpressionEditor from './components/ExpressionEditor.vue';
+import './styles/index.scss';  // 在入口文件中导入样式
 
 // 添加组件类型声明
 declare module 'vue' {
@@ -8,11 +9,10 @@ declare module 'vue' {
   }
 }
 
-const install = (app: App) => {
-  app.component('ExpressionEditor', ExpressionEditor)
-}
-
-ExpressionEditor.install = install
+export { ExpressionEditor };
 
-export { ExpressionEditor }
-export default ExpressionEditor
+export default {
+    install: (app: App) => {
+        app.component('ExpressionEditor', ExpressionEditor);
+    }
+};

src/styles/index.scss

@@ -0,0 +1,6 @@
+@use '../components/styles/variables' as v;
+@use '../components/styles/base';
+@use '../components/styles/buttons';
+@use '../components/styles/layout';
+@use '../components/styles/theme';
+@use '../components/styles/input';