feat: ✨ 新增component-adapter

Author: axelulu

.turbo/cookies/1.cookie

@@ -55,7 +55,7 @@ defineExpose({
           </div>
         </AlRadioButton>
       </AlRadioGroup>
-      <AlSelect v-if="config.type === 'select'" v-model="appSettingConfig[config.slug]" @change="reload()">
+      <AlSelect v-if="config.type === 'select'" v-model="appSettingConfig[config.slug]" :options="config.value" label-field="title" value-field="slug" @change="reload()">
         <AlOption v-for="(item, configIndex) in config.value" :key="configIndex" :value="item.slug">
           <div class="flex justify-right items-center">
             <AlIcon class="mr-1">

app/admin/src/layout/common/setting/index.vue

@@ -156,7 +156,7 @@ export const useAppStore = defineStore('app', () => {
 
   onMounted(() => {
     // 全局主题
-    webStorage.setStorage('themeComp', appSettingConfig.value.componentType)
+    // webStorage.setStorage('themeComp', appSettingConfig.value.componentType)
     // 初始化全局颜色策略
     themeColorStrategy(appSettingConfig.value.themeColor)
     // 初始化全局主题策略

app/admin/src/store/modules/app.ts

@@ -23,31 +23,31 @@
   "keywords": [
     "ZeroDim",
     "ZeroDim NoCode",
-    "ai",
-    "NoCode"
+    "NoCode",
+    "AI"
   ],
   "engines": {
     "node": ">=18.20.0",
     "npm": ">=9.4.0"
   },
   "scripts": {
-    "dev": "pnpm --filter zero-dim-admin dev",
-    "dev:server": "pnpm --filter \"zero-dim-server\" \"dev\"",
-    "package-init": "node ./scripts/package-init.js",
+    "dev": "turbo run dev --filter=zero-dim-admin",
     "build": "node ./scripts/build.js",
-    "build:server": "pnpm --filter \"zero-dim-server\" \"build\"",
+    "build:watch": "turbo run build:watch",
+    "build:all": "turbo run build:all --filter=./config/* --filter=./packages/*",
+    "build:dts": "turbo run build:dts --filter=./config/* --filter=./packages/*",
     "change": "changeset",
-    "version-packages": "changeset version",
-    "release": "pnpm build && pnpm release:only",
+    "vp": "changeset version",
+    "release": "pnpm release:only",
     "release:only": "changeset publish --registry=https://registry.npmjs.com/",
     "test": "vitest",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "stylelint": "stylelint \"**/*.{html,vue,css,scss}\"",
     "prepare": "husky install",
     "cmt": "git add . && git-cz",
-    "clean": "pnpm turbo clean && rimraf node_modules",
-    "clean:dist": "pnpm turbo clean:dist && rimraf dist",
+    "clean": "turbo run clean && rimraf node_modules",
+    "clean:dist": "turbo run clean:dist && rimraf dist",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:preview": "vitepress preview docs"

package.json

@@ -27,8 +27,8 @@
     "dist"
   ],
   "scripts": {
-    "serve": "vite build --watch",
     "build": "vite build",
+    "build:watch": "vite build --watch",
     "build:all": "vite build && pnpm build:dts",
     "build:dts": "rimraf temp && tsc -p tsconfig.declaration.json && rollup-dts",
     "clean": "rimraf node_modules",

packages/atoms/package.json

@@ -26,8 +26,8 @@
     "dist"
   ],
   "scripts": {
-    "serve": "vite build --watch",
     "build": "vite build",
+    "build:watch": "vite build --watch",
     "build:all": "vite build && pnpm build:dts",
     "build:dts": "rimraf temp && tsc -p tsconfig.declaration.json && rollup-dts",
     "clean": "rimraf node_modules",

packages/components/package.json

@@ -0,0 +1,24 @@
+import { AutoComplete } from '@arco-design/web-vue'
+import { ElAutocomplete } from 'element-plus'
+
+import { NAutoComplete } from 'naive-ui'
+
+import { ComponentType } from '@/common'
+
+export const autoCompleteConfig = {
+  [ComponentType.ElementPlus]: {
+    modelValue: 'modelValue',
+    component: ElAutocomplete,
+    bindMapping: {},
+  },
+  [ComponentType.ArcoDesign]: {
+    modelValue: 'visible',
+    component: AutoComplete,
+    bindMapping: {},
+  },
+  [ComponentType.NaiveUi]: {
+    modelValue: 'show',
+    component: NAutoComplete,
+    bindMapping: {},
+  },
+}

packages/components/src/auto-complete/config.ts

@@ -1 +1,8 @@
-export { ElAutocomplete as AlAutoComplete } from 'element-plus'
+import { autoCompleteConfig } from '@/auto-complete/config.ts'
+import { componentFactory } from '@/common'
+
+export * from './props.ts'
+
+export const AlAutoComplete = componentFactory('AlAutoComplete', {
+  componentConfig: autoCompleteConfig,
+})

packages/components/src/auto-complete/index.ts

@@ -0,0 +1 @@
+export const autoCompleteProps = {}

packages/components/src/auto-complete/props.ts

@@ -0,0 +1,24 @@
+import { Avatar } from '@arco-design/web-vue'
+import { ElAvatar } from 'element-plus'
+
+import { NAvatar } from 'naive-ui'
+
+import { ComponentType } from '@/common'
+
+export const avatarConfig = {
+  [ComponentType.ElementPlus]: {
+    modelValue: 'modelValue',
+    component: ElAvatar,
+    bindMapping: {},
+  },
+  [ComponentType.ArcoDesign]: {
+    modelValue: 'visible',
+    component: Avatar,
+    bindMapping: {},
+  },
+  [ComponentType.NaiveUi]: {
+    modelValue: 'show',
+    component: NAvatar,
+    bindMapping: {},
+  },
+}