docs(element): update element brandName & codesandbox (#2608)

alibaba · Dec 9, 2021 · 26861a8 · 26861a8
1 parent a7757be
commit 26861a8
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 8 deletions.
diff --git a/packages/element/docs/.vuepress/components/createCodeSandBox.js b/packages/element/docs/.vuepress/components/createCodeSandBox.js
@@ -81,7 +81,15 @@ export function createCodeSandBox(codeStr) {
             'sass-loader': '^8.0.2',
           },
           babel: {
-            presets: ['@vue/cli-plugin-babel/preset'],
+            presets: [
+              [
+                '@vue/babel-preset-jsx',
+                {
+                  vModel: false,
+                  compositionAPI: true,
+                },
+              ],
+            ],
           },
           vue: {
             devServer: {

diff --git a/packages/element/docs/.vuepress/config.js b/packages/element/docs/.vuepress/config.js
@@ -7,7 +7,8 @@ const componentFiles = utils
   .filter((item) => !['el-form', 'el-form-item', 'index'].includes(item))
 
 module.exports = {
-  title: 'Formily Element',
+  title: 'Element',
+  description: 'Alibaba unified front-end form solution',
   dest: './doc-site',
   theme: '@vuepress-dumi/dumi',
   head: [
@@ -30,7 +31,7 @@ module.exports = {
     logo: '//img.alicdn.com/imgextra/i2/O1CN01Kq3OHU1fph6LGqjIz_!!6000000004056-55-tps-1141-150.svg',
     nav: [
       {
-        text: '指南',
+        text: 'Element',
         link: '/guide/',
       },
       {

diff --git a/packages/element/docs/.vuepress/styles/index.styl b/packages/element/docs/.vuepress/styles/index.styl
@@ -8,7 +8,7 @@
 }
 
 .navbar .site-name {
-  display: none;
+  // display: none;
 }
 
 .navbar .sidebar-button {
@@ -71,7 +71,7 @@
 }
 
 // .theme-dumi-content div[class*="language-"] {
-//   background-color: #f9fafb; 
+//   background-color: #f9fafb;
 // }
 
 // .theme-dumi-content pre[class*="language-"] code {

diff --git a/packages/element/docs/README.md b/packages/element/docs/README.md
@@ -2,7 +2,7 @@
 home: true
 heroText: Formily Element
 tagline: 基于 Element UI 封装的Formily2.x组件体系
-actionText: 开发指南
+actionText: 组件文档
 actionLink: /guide/
 features:
   - title: 更易用

diff --git a/packages/element/src/form-item/index.ts b/packages/element/src/form-item/index.ts
@@ -475,12 +475,12 @@ export const FormBaseItem = defineComponent<FormItemProps>({
             [`${props.className}`]: !!props.className,
           },
           on: {
-            '!focus': () => {
+            focus: () => {
               if (feedbackIcon || inset) {
                 active.value = true
               }
             },
-            '!blur': () => {
+            blur: () => {
               if (feedbackIcon || inset) {
                 active.value = false
               }