diff --git a/components/OneSearch.vue b/components/OneSearch.vue
index 5eac308..6ab2c63 100644
--- a/components/OneSearch.vue
+++ b/components/OneSearch.vue
@@ -72,7 +72,8 @@ export default {
       ]).then(([docsearch]) => {
         docsearch = docsearch.default
         docsearch({
-          apiKey: '21cdc123c620ec4bb81259c32e90c08f',
+          appId: 'WW5G10K3KO',
+          apiKey: '3dc7f443d11e6712da7f98b2720bb8fc',
           indexName: 'veui',
           container: this.$refs.docsearch,
           searchParameters: {
diff --git a/one/docs/demo/alert/extra.vue b/one/docs/demo/alert/extra.vue
index fdee57f..0e4c08a 100644
--- a/one/docs/demo/alert/extra.vue
+++ b/one/docs/demo/alert/extra.vue
@@ -6,10 +6,10 @@
     message="恭喜你，你的请求已成功处理"
     closable
   >
-    <template slot="title">
+    <template #title>
       恭喜你
     </template>
-    <template slot="extra">
+    <template #extra>
       <veui-button ui="text">
         查看详情
       </veui-button>
diff --git a/one/docs/demo/alert/title.vue b/one/docs/demo/alert/title.vue
index 2ae4858..bb6c15a 100644
--- a/one/docs/demo/alert/title.vue
+++ b/one/docs/demo/alert/title.vue
@@ -10,7 +10,7 @@
     type="success"
   >
     Your profile has been updated.
-    <template slot="title">
+    <template #title>
       消息标题
     </template>
   </veui-alert>
@@ -27,7 +27,7 @@ export default {
 }
 </script>
 
-<style lang="less" scoped docs>
+<style lang="less" scoped>
 .veui-alert {
   margin-bottom: 20px;
 }
diff --git a/one/docs/demo/table/loading.vue b/one/docs/demo/table/loading.vue
index 4357103..cc924a6 100644
--- a/one/docs/demo/table/loading.vue
+++ b/one/docs/demo/table/loading.vue
@@ -26,7 +26,7 @@
       align="right"
       sortable
     >
-      <template slot-scope="{ bid }">
+      <template #default="{ bid }">
         {{ bid | currency }}
       </template>
     </veui-table-column>
diff --git a/one/docs/demo/table/order.vue b/one/docs/demo/table/order.vue
index f92f47d..e704e42 100644
--- a/one/docs/demo/table/order.vue
+++ b/one/docs/demo/table/order.vue
@@ -31,7 +31,7 @@
         align="right"
         sortable
       >
-        <template slot-scope="{ bid }">
+        <template #default="{ bid }">
           {{ bid | currency }}
         </template>
       </veui-table-column>
diff --git a/package-lock.json b/package-lock.json
index 312fcdf..9ee255a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,7 @@
         "@stackblitz/sdk": "^1.5.2",
         "babel-eslint": "^10.1.0",
         "babel-plugin-lodash": "^3.3.4",
-        "babel-plugin-veui": "^2.3.0",
+        "babel-plugin-veui": "^2.3.1",
         "cheerio": "^1.0.0-rc.10",
         "dls-graphics": "^1.0.0-alpha.3",
         "dls-icons-vue": "^0.14.0",
@@ -76,10 +76,10 @@
         "stylus-loader": "^3.0.2",
         "unist-util-remove": "^1.0.1",
         "unist-util-visit": "^1.4.0",
-        "veui": "^2.3.0",
-        "veui-loader": "^2.3.0",
-        "veui-theme-dls": "^2.3.0",
-        "veui-theme-dls-icons": "^2.3.0",
+        "veui": "^2.3.1",
+        "veui-loader": "^2.3.1",
+        "veui-theme-dls": "^2.3.1",
+        "veui-theme-dls-icons": "^2.3.1",
         "vue-awesome": "^4.1.0",
         "vue-i18n": "^8.16.0",
         "vue-live": "^1.17.2",
@@ -7994,9 +7994,9 @@
       }
     },
     "node_modules/babel-plugin-veui": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-veui/-/babel-plugin-veui-2.3.0.tgz",
-      "integrity": "sha512-L+lzN+WFmQ/vVdg42nOpiV1u5l4V85QU6+DVQwcRllXg6H8/C6E6G2zbTHiTjdAYoI//S/h3NhkKmwIrD2IibQ==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-veui/-/babel-plugin-veui-2.3.1.tgz",
+      "integrity": "sha512-8NwiMjnWzEBEhpWFUytkqc8sEM5XXMccfNMbSeFAWVMKgdHxNj18IPIkB9sh4OUrNbPdAlIgdaKRqScfbXDUDw==",
       "dev": true,
       "peerDependencies": {
         "veui": "*"
@@ -9627,6 +9627,12 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/clone-element": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/clone-element/-/clone-element-0.1.0.tgz",
+      "integrity": "sha512-puj0ZeG4HdWTMeP0i9poU5R7oYD5EOFo5CsU00bW6CHg7sGXEJ5o6LkrIeHSkGL/eQb8b+ME7vIiSk41wRYsWg==",
+      "dev": true
+    },
     "node_modules/clone-regexp": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
@@ -10945,15 +10951,15 @@
       }
     },
     "node_modules/dls-graphics": {
-      "version": "1.0.0-alpha.3",
-      "resolved": "https://registry.npmjs.org/dls-graphics/-/dls-graphics-1.0.0-alpha.3.tgz",
-      "integrity": "sha512-hcjpES2w/BOwmFGKRClsXfQ1QQYkK9KH8Zx6OOMpda5G4ti1kHQWtSqoOHFAL+HxYLE05fb1PUY+O3jvZaQzvg==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dls-graphics/-/dls-graphics-1.0.0.tgz",
+      "integrity": "sha512-whT8pyg60e7o6LdkjAgjRXabMZtGWF2J6i/KRQ3ku9cql4MYl+Vv6J/nLTE2Cf+sC2qAgvwjLrZ5LMKAit9yCQ==",
       "dev": true
     },
     "node_modules/dls-icons-data": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/dls-icons-data/-/dls-icons-data-1.11.1.tgz",
-      "integrity": "sha512-UIJvxllrhSwkOsXQSvcMfvQa6NNsbuF2FJwofvblPRCmwe7YaAq4OWh6KcSn+S8QF+DSHL2fH7OZ1jnHo1WQIw==",
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/dls-icons-data/-/dls-icons-data-1.12.0.tgz",
+      "integrity": "sha512-0e4fdB8RXu234RdDAvHyXGvHSKKQqdYPsIYHayhTfLccFbSK17mIJrFg5p+V06QI9AtcHqq+JN/89LhTgs/Ohg==",
       "dev": true
     },
     "node_modules/dls-icons-vue": {
@@ -24064,15 +24070,16 @@
       }
     },
     "node_modules/veui": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui/-/veui-2.3.0.tgz",
-      "integrity": "sha512-pJFectcN5dlHPnETnLSmUW981Eu9/DfX77t82axmiA/GKTRn8KzpYbJdM0ez+yLf+g1OA/Hp/63HVtPpiZQ6EA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui/-/veui-2.3.1.tgz",
+      "integrity": "sha512-nR04Z+bJWJ0s69WlJ43DPctpqaIDZIH+qVQHmDIQqJ8J+ujWATUOYDwQ5OzmH78XuIXPJ31EHP/M0dJX71BUVw==",
       "dev": true,
       "dependencies": {
         "bytes": "^3.0.0",
+        "clone-element": "^0.1.0",
         "core-js": "^3.8.3",
         "date-fns": "^2.14.0",
-        "dls-graphics": "^1.0.0-alpha.1",
+        "dls-graphics": "^1.0.0",
         "lodash": "^4.17.19",
         "popper.js": "^1.16.0",
         "resize-detector": "^0.1.6",
@@ -24084,9 +24091,9 @@
       }
     },
     "node_modules/veui-loader": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui-loader/-/veui-loader-2.3.0.tgz",
-      "integrity": "sha512-papUDoiUzhYXaJ/osrnO5/tGkYEdbi65T5Y5D82mPX5F/ka/vCpYd4kAUcVa4RWxBjvhw0ER/W/SEhVNREiO9Q==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui-loader/-/veui-loader-2.3.1.tgz",
+      "integrity": "sha512-QxVR6UOoN+mqsZQb0l+yuIQ1u1hkNTMYwsOAzJVDCIcpEFIy3dh3kHn0drk5J38zOcT18Uswkl/X17eoU6cWBA==",
       "dev": true,
       "dependencies": {
         "loader-utils": "^2.0.0",
@@ -24210,9 +24217,9 @@
       }
     },
     "node_modules/veui-theme-dls": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui-theme-dls/-/veui-theme-dls-2.3.0.tgz",
-      "integrity": "sha512-uYeSjCDuwIRVldieWhm1nmCMz2I+1FoYvHX4qDYHWY0TBd0ikK5MwGvN8RGTkFrjModFR1qclRfP5CpOA4htMg==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui-theme-dls/-/veui-theme-dls-2.3.1.tgz",
+      "integrity": "sha512-ITTN7j6yFCLdyDidN8tZU9G/xCq3hoYQEUvSodDJfwzG1D/m5e7IJWWQF1ozFXpWoQGVLp7N6ZhAzmW50W905Q==",
       "dev": true,
       "dependencies": {
         "classlist-polyfill": "^1.2.0",
@@ -24220,31 +24227,31 @@
         "focus-visible": "^4.1.0",
         "less-plugin-dls": "^4.0.0",
         "less-plugin-est": "^3.0.0",
-        "veui-theme-dls-icons": "^2.3.0"
+        "veui-theme-dls-icons": "^2.3.1"
       },
       "peerDependencies": {
-        "veui": "2.3.0"
+        "veui": "2.3.1"
       }
     },
     "node_modules/veui-theme-dls-icons": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui-theme-dls-icons/-/veui-theme-dls-icons-2.3.0.tgz",
-      "integrity": "sha512-Rp0kzd4rnAa2Kkyu6UyueejH+pCZ0xhKQ4J02SkCW9npemE1FUsJpMRXiESGgz+iZTvJzX1je8A7+ZIzSrHGEg==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui-theme-dls-icons/-/veui-theme-dls-icons-2.3.1.tgz",
+      "integrity": "sha512-H6HM6cEAa64WPqaXHe4O7Plo78UaefL1jkJ03YsHvIeBaL6PKGOvYB9a0/OUJVBJsH9W/Gfx0oda58zxgceiCw==",
       "dev": true,
       "dependencies": {
         "dls-icons-vue": "^1.11.1"
       },
       "peerDependencies": {
-        "veui": "2.3.0"
+        "veui": "2.3.1"
       }
     },
     "node_modules/veui-theme-dls-icons/node_modules/dls-icons-vue": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/dls-icons-vue/-/dls-icons-vue-1.11.1.tgz",
-      "integrity": "sha512-16gXqiisDciCKUYwYWbhuSG/q1EkK+YHsgqMz6eCA/cgxTKGYUof+5zSOMIWUqqSy9toNJkaWT8tB8cHKfMA7A==",
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/dls-icons-vue/-/dls-icons-vue-1.12.0.tgz",
+      "integrity": "sha512-TFHMy5XELTW4uMoBqisI5elahCW18iC8f6Ors3n3uM9zTQrA9QEDGpK8BOwwKPNK6kf3w5I9J0AhGC+kssRE5Q==",
       "dev": true,
       "dependencies": {
-        "dls-icons-data": "^1.11.1"
+        "dls-icons-data": "^1.12.0"
       },
       "peerDependencies": {
         "vue": "2.x"
@@ -32233,9 +32240,9 @@
       }
     },
     "babel-plugin-veui": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-veui/-/babel-plugin-veui-2.3.0.tgz",
-      "integrity": "sha512-L+lzN+WFmQ/vVdg42nOpiV1u5l4V85QU6+DVQwcRllXg6H8/C6E6G2zbTHiTjdAYoI//S/h3NhkKmwIrD2IibQ==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/babel-plugin-veui/-/babel-plugin-veui-2.3.1.tgz",
+      "integrity": "sha512-8NwiMjnWzEBEhpWFUytkqc8sEM5XXMccfNMbSeFAWVMKgdHxNj18IPIkB9sh4OUrNbPdAlIgdaKRqScfbXDUDw==",
       "dev": true,
       "requires": {}
     },
@@ -33515,6 +33522,12 @@
       "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
       "dev": true
     },
+    "clone-element": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/clone-element/-/clone-element-0.1.0.tgz",
+      "integrity": "sha512-puj0ZeG4HdWTMeP0i9poU5R7oYD5EOFo5CsU00bW6CHg7sGXEJ5o6LkrIeHSkGL/eQb8b+ME7vIiSk41wRYsWg==",
+      "dev": true
+    },
     "clone-regexp": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz",
@@ -34582,15 +34595,15 @@
       }
     },
     "dls-graphics": {
-      "version": "1.0.0-alpha.3",
-      "resolved": "https://registry.npmjs.org/dls-graphics/-/dls-graphics-1.0.0-alpha.3.tgz",
-      "integrity": "sha512-hcjpES2w/BOwmFGKRClsXfQ1QQYkK9KH8Zx6OOMpda5G4ti1kHQWtSqoOHFAL+HxYLE05fb1PUY+O3jvZaQzvg==",
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/dls-graphics/-/dls-graphics-1.0.0.tgz",
+      "integrity": "sha512-whT8pyg60e7o6LdkjAgjRXabMZtGWF2J6i/KRQ3ku9cql4MYl+Vv6J/nLTE2Cf+sC2qAgvwjLrZ5LMKAit9yCQ==",
       "dev": true
     },
     "dls-icons-data": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/dls-icons-data/-/dls-icons-data-1.11.1.tgz",
-      "integrity": "sha512-UIJvxllrhSwkOsXQSvcMfvQa6NNsbuF2FJwofvblPRCmwe7YaAq4OWh6KcSn+S8QF+DSHL2fH7OZ1jnHo1WQIw==",
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/dls-icons-data/-/dls-icons-data-1.12.0.tgz",
+      "integrity": "sha512-0e4fdB8RXu234RdDAvHyXGvHSKKQqdYPsIYHayhTfLccFbSK17mIJrFg5p+V06QI9AtcHqq+JN/89LhTgs/Ohg==",
       "dev": true
     },
     "dls-icons-vue": {
@@ -45118,15 +45131,16 @@
       "dev": true
     },
     "veui": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui/-/veui-2.3.0.tgz",
-      "integrity": "sha512-pJFectcN5dlHPnETnLSmUW981Eu9/DfX77t82axmiA/GKTRn8KzpYbJdM0ez+yLf+g1OA/Hp/63HVtPpiZQ6EA==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui/-/veui-2.3.1.tgz",
+      "integrity": "sha512-nR04Z+bJWJ0s69WlJ43DPctpqaIDZIH+qVQHmDIQqJ8J+ujWATUOYDwQ5OzmH78XuIXPJ31EHP/M0dJX71BUVw==",
       "dev": true,
       "requires": {
         "bytes": "^3.0.0",
+        "clone-element": "^0.1.0",
         "core-js": "^3.8.3",
         "date-fns": "^2.14.0",
-        "dls-graphics": "^1.0.0-alpha.1",
+        "dls-graphics": "^1.0.0",
         "lodash": "^4.17.19",
         "popper.js": "^1.16.0",
         "resize-detector": "^0.1.6",
@@ -45143,9 +45157,9 @@
       }
     },
     "veui-loader": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui-loader/-/veui-loader-2.3.0.tgz",
-      "integrity": "sha512-papUDoiUzhYXaJ/osrnO5/tGkYEdbi65T5Y5D82mPX5F/ka/vCpYd4kAUcVa4RWxBjvhw0ER/W/SEhVNREiO9Q==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui-loader/-/veui-loader-2.3.1.tgz",
+      "integrity": "sha512-QxVR6UOoN+mqsZQb0l+yuIQ1u1hkNTMYwsOAzJVDCIcpEFIy3dh3kHn0drk5J38zOcT18Uswkl/X17eoU6cWBA==",
       "dev": true,
       "requires": {
         "loader-utils": "^2.0.0",
@@ -45235,9 +45249,9 @@
       }
     },
     "veui-theme-dls": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui-theme-dls/-/veui-theme-dls-2.3.0.tgz",
-      "integrity": "sha512-uYeSjCDuwIRVldieWhm1nmCMz2I+1FoYvHX4qDYHWY0TBd0ikK5MwGvN8RGTkFrjModFR1qclRfP5CpOA4htMg==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui-theme-dls/-/veui-theme-dls-2.3.1.tgz",
+      "integrity": "sha512-ITTN7j6yFCLdyDidN8tZU9G/xCq3hoYQEUvSodDJfwzG1D/m5e7IJWWQF1ozFXpWoQGVLp7N6ZhAzmW50W905Q==",
       "dev": true,
       "requires": {
         "classlist-polyfill": "^1.2.0",
@@ -45245,7 +45259,7 @@
         "focus-visible": "^4.1.0",
         "less-plugin-dls": "^4.0.0",
         "less-plugin-est": "^3.0.0",
-        "veui-theme-dls-icons": "^2.3.0"
+        "veui-theme-dls-icons": "^2.3.1"
       },
       "dependencies": {
         "dls-icons-vue": {
@@ -45258,21 +45272,21 @@
       }
     },
     "veui-theme-dls-icons": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/veui-theme-dls-icons/-/veui-theme-dls-icons-2.3.0.tgz",
-      "integrity": "sha512-Rp0kzd4rnAa2Kkyu6UyueejH+pCZ0xhKQ4J02SkCW9npemE1FUsJpMRXiESGgz+iZTvJzX1je8A7+ZIzSrHGEg==",
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/veui-theme-dls-icons/-/veui-theme-dls-icons-2.3.1.tgz",
+      "integrity": "sha512-H6HM6cEAa64WPqaXHe4O7Plo78UaefL1jkJ03YsHvIeBaL6PKGOvYB9a0/OUJVBJsH9W/Gfx0oda58zxgceiCw==",
       "dev": true,
       "requires": {
         "dls-icons-vue": "^1.11.1"
       },
       "dependencies": {
         "dls-icons-vue": {
-          "version": "1.11.1",
-          "resolved": "https://registry.npmjs.org/dls-icons-vue/-/dls-icons-vue-1.11.1.tgz",
-          "integrity": "sha512-16gXqiisDciCKUYwYWbhuSG/q1EkK+YHsgqMz6eCA/cgxTKGYUof+5zSOMIWUqqSy9toNJkaWT8tB8cHKfMA7A==",
+          "version": "1.12.0",
+          "resolved": "https://registry.npmjs.org/dls-icons-vue/-/dls-icons-vue-1.12.0.tgz",
+          "integrity": "sha512-TFHMy5XELTW4uMoBqisI5elahCW18iC8f6Ors3n3uM9zTQrA9QEDGpK8BOwwKPNK6kf3w5I9J0AhGC+kssRE5Q==",
           "dev": true,
           "requires": {
-            "dls-icons-data": "^1.11.1"
+            "dls-icons-data": "^1.12.0"
           }
         }
       }
diff --git a/package.json b/package.json
index 28fc153..9ada0cf 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
     "@stackblitz/sdk": "^1.5.2",
     "babel-eslint": "^10.1.0",
     "babel-plugin-lodash": "^3.3.4",
-    "babel-plugin-veui": "^2.3.0",
+    "babel-plugin-veui": "^2.3.1",
     "cheerio": "^1.0.0-rc.10",
     "dls-graphics": "^1.0.0-alpha.3",
     "dls-icons-vue": "^0.14.0",
@@ -84,10 +84,10 @@
     "stylus-loader": "^3.0.2",
     "unist-util-remove": "^1.0.1",
     "unist-util-visit": "^1.4.0",
-    "veui": "^2.3.0",
-    "veui-loader": "^2.3.0",
-    "veui-theme-dls": "^2.3.0",
-    "veui-theme-dls-icons": "^2.3.0",
+    "veui": "^2.3.1",
+    "veui-loader": "^2.3.1",
+    "veui-theme-dls": "^2.3.1",
+    "veui-theme-dls-icons": "^2.3.1",
     "vue-awesome": "^4.1.0",
     "vue-i18n": "^8.16.0",
     "vue-live": "^1.17.2",