Optimize admin web bundle

ai_knowledge_base_v2/apps/admin-web/src/main.ts

@@ -1,8 +1,64 @@
-import ElementPlus from "element-plus";
-import "element-plus/dist/index.css";
+import {
+  ElButton,
+  ElCollapse,
+  ElCollapseItem,
+  ElDatePicker,
+  ElDrawer,
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElInputNumber,
+  ElOption,
+  ElSelect,
+  ElSwitch,
+  ElTabPane,
+  ElTable,
+  ElTableColumn,
+  ElTabs,
+  vLoading,
+} from "element-plus";
+import "element-plus/theme-chalk/base.css";
+import "element-plus/theme-chalk/el-button.css";
+import "element-plus/theme-chalk/el-collapse.css";
+import "element-plus/theme-chalk/el-date-picker.css";
+import "element-plus/theme-chalk/el-drawer.css";
+import "element-plus/theme-chalk/el-form.css";
+import "element-plus/theme-chalk/el-input.css";
+import "element-plus/theme-chalk/el-input-number.css";
+import "element-plus/theme-chalk/el-loading.css";
+import "element-plus/theme-chalk/el-message.css";
+import "element-plus/theme-chalk/el-option.css";
+import "element-plus/theme-chalk/el-select.css";
+import "element-plus/theme-chalk/el-switch.css";
+import "element-plus/theme-chalk/el-table.css";
+import "element-plus/theme-chalk/el-tabs.css";
 import { createApp } from "vue";
 
 import App from "./App.vue";
 import "./styles.css";
 
-createApp(App).use(ElementPlus).mount("#app");
+const app = createApp(App);
+
+[
+  ElButton,
+  ElCollapse,
+  ElCollapseItem,
+  ElDatePicker,
+  ElDrawer,
+  ElForm,
+  ElFormItem,
+  ElInput,
+  ElInputNumber,
+  ElOption,
+  ElSelect,
+  ElSwitch,
+  ElTabPane,
+  ElTable,
+  ElTableColumn,
+  ElTabs,
+].forEach((component) => {
+  app.use(component);
+});
+
+app.directive("loading", vLoading);
+app.mount("#app");