@daxiangme/form-vue 0.1.2 → 0.1.4

package/README.md

@@ -20,7 +20,14 @@ pnpm add @daxiangme/form-vue
 pnpm add @daxiangme/form-vue vue element-plus
 ```
 
-按以下顺序引入样式：
+按需宿主（`unplugin-vue-components` 等）只需引入包自身样式。入口会副作用导入所用 Element Plus 组件的 `style/css`，宿主已有的 `--el-*` 变量和全局 `.el-*` 补丁会作用在设计器上，**不必**全量 `element-plus/dist/index.css`，也**不必** `app.use(ElementPlus)`：
+
+```ts
+import '@daxiangme/form-vue/style.css'
+import { FormDesigner, FormRenderer } from '@daxiangme/form-vue'
+```
+
+已经全量引入 Element Plus 样式的工程仍然兼容，可继续：
 
 ```ts
 import 'element-plus/dist/index.css'
@@ -30,14 +37,26 @@ import '@daxiangme/form-vue/style.css'
 
 ## 注册组件
 
+库构建会为模板用到的 Element Plus 控件注入对应 `style/css` 副作用导入。按需宿主直接导入两个公共组件即可：
+
+```ts
+import { createApp } from 'vue'
+import { FormDesigner, FormRenderer } from '@daxiangme/form-vue'
+
+import App from './App.vue'
+
+createApp(App).mount('#app')
+```
+
+已经全量 `app.use(ElementPlus)` 的工程仍然兼容。可选插件 `DaxiangFormVue` 只把 `FormDesigner` / `FormRenderer` 注册为全局组件，不负责安装 Element Plus：
+
 ```ts
 import { createApp } from 'vue'
-import ElementPlus from 'element-plus'
 import { DaxiangFormVue } from '@daxiangme/form-vue'
 
 import App from './App.vue'
 
-createApp(App).use(ElementPlus).use(DaxiangFormVue).mount('#app')
+createApp(App).use(DaxiangFormVue).mount('#app')
 ```
 
 ## 设计表单