补充组件描述信息

example/docs/zh-CN/components/avatar.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 用来代表用户或事物，支持图片、图标或字符展示。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/backtop.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 当用户需要频繁返回顶部查看相关内容时。
+:::
+
 ::: title 基础使用
 
 :::

example/docs/zh-CN/components/badge.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 它们本身细小而并不显眼，但掺杂在其它元素中就显得尤为突出了。页面往往因徽章的陪衬，而显得十分和谐。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/breadcrumb.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 显示当前页面在系统层级结构中的位置，并能向上返回。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/checkbox.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 在一组可选项中进行多项选择时。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/collapse.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 折叠面板则能有效地节省页面的可视面积。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/container.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 页面容器, 用于控制内容的边距。
+:::
+
 ::: title 普通容器
 :::
 

example/docs/zh-CN/components/dropdown.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 当页面上的操作命令过多时，用此组件可以收纳操作元素。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/empty.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 当目前没有数据时，用于显式的用户提示。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/inputNumber.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 通过鼠标或键盘，输入范围内的数值。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/menu.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 导航菜单是一个网站的灵魂，用户依赖导航在各个页面中进行跳转。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/panel.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 面板通常是指一个独立的容器
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/progress.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 可应用于许多业务场景，如完成进度、页面加载，是一种较为直观的表达元素。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/radio.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 用于在多个备选项中选中单个状态。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/rate.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 在电商和 O2O 平台尤为常见，常用于对商家进行服务满意度评价。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/select.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 用于代替原生的选择器，或者需要一个更优雅的多选器时。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/slider.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 作为一个拖拽式的交互性组件，滑块往往能给产品带来更好的操作体验。
+:::
+
 ::: title 横向
 :::
 

example/docs/zh-CN/components/tab.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 提供平级的区域将大块内容进行收纳和展现，保持界面整洁。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/table.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 展示行列数据。
+:::
+
 ::: title 基础使用
 :::
 

example/docs/zh-CN/components/textarea.md

@@ -1,6 +1,12 @@
 ::: anchor
 :::
 
+::: title 基本介绍
+:::
+
+::: describe 当需要录入大量的文本文字。
+:::
+
 ::: title 基础使用
 :::
 

package.json

@@ -21,7 +21,7 @@
     "./es/": "./es/"
   },
   "scripts": {
-    "serve": "vite example",
+    "dev": "vite example",
     "build": "npm run build:all && npm run build:es && npm run build:types && npm run build:example",
     "build:es": "vite build --emptyOutDir --config ./build.es.ts",
     "build:all": "vite build --emptyOutDir --config ./build.all.ts",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@layui/hooks-vue": "^0.1.6",
-    "@layui/icons-vue": "^1.0.3",
+    "@layui/icons-vue": "^1.0.4",
     "@layui/layer-vue": "^1.3.3",
     "async-validator": "^4.0.7",
     "countup.js": "^2.0.8",

src/component/popper/index.vue

@@ -23,12 +23,7 @@ export default {
 <script setup lang="ts">
 import "./index.less";
 import postionFns from "./calcPosition";
-import {
-  CSSProperties,
-  ref,
-  watch,
-  onMounted,
-} from "vue";
+import { CSSProperties, ref, watch, onMounted } from "vue";
 import { on } from "../../utils/domUtil";
 
 export interface LayPopperProps {
@@ -54,6 +49,7 @@ const props = withDefaults(defineProps<LayPopperProps>(),
     trigger: "hover",
   }
 );
+
 const emit = defineEmits(["update:visible"]);
 
 const EVENT_MAP: any = {

src/theme/variable.less

@@ -11,11 +11,4 @@
 @global-fore-color: #ffffff;
 
 // 背景色
-@global-back-color: #393D49;
-
-
-@button-primary-color: @global-primary-color;
-
-@button-border-radius: @global-border-radius;
-
-@table-primary-color: @global-primary-color;
+@global-back-color: #393D49;