When do you update documentations of Element?
- We update documentations only when a new version of Element is published so that it reflects all the changes introduced in that version. Updated changed can be found in the [changelog](https://github.com/ElemeFE/element/blob/master/CHANGELOG.en-US.md)。 + We update documentations only when a new version of Element is published so that it reflects all the changes introduced in that version. Updated changed can be found in the [changelog](https://github.com/femessage/element/blob/master/CHANGELOG.en-US.md)。
@@ -191,7 +191,7 @@
¿Cuando añaden a la documentación de `Element`?
- Añadamos la documentación con cada versión nueva de `Element` y los cambios reflejan los cambios del software de esa versión. Los cambios actuales y históricos se encuentran [aquí](https://github.com/ElemeFE/element/blob/master/CHANGELOG.en-US.md). + Añadamos la documentación con cada versión nueva de `Element` y los cambios reflejan los cambios del software de esa versión. Los cambios actuales y históricos se encuentran [aquí](https://github.com/femessage/element/blob/master/CHANGELOG.en-US.md).
diff --git a/examples/components/footer.vue b/examples/components/footer.vue
index d24ca4063c8..50cd7ae8132 100644
--- a/examples/components/footer.vue
+++ b/examples/components/footer.vue
@@ -3,9 +3,9 @@
-
+
diff --git a/examples/components/side-nav.vue b/examples/components/side-nav.vue
index 5b6c433a400..c498ae53be0 100644
--- a/examples/components/side-nav.vue
+++ b/examples/components/side-nav.vue
@@ -288,7 +288,7 @@
if (xhr.readyState === 4 && xhr.status === 200) {
const {data: navs} = JSON.parse(xhr.responseText);
this.femessageNavs = navs.map(nav => {
- nav.url = `https://static.deepexi.top/serverless-console/index.html#/material/${nav.repoName}`;
+ nav.url = `https://frontend-infra.deepexi.com/home/index.html#/material/${nav.repoName}`;
return nav;
}).filter(nav => nav.lib && nav.lib.indexOf('element') > -1);
}
diff --git a/examples/docs/en-US/custom-theme.md b/examples/docs/en-US/custom-theme.md
index 4a4dcff98e6..dbbdd360b42 100644
--- a/examples/docs/en-US/custom-theme.md
+++ b/examples/docs/en-US/custom-theme.md
@@ -21,15 +21,15 @@ The above website enables you to preview theme of a new theme color in real-time
$--color-primary: teal;
/* icon font path, required */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
Then in the entry file of your project, import this style file instead of Element's built CSS:
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -107,7 +107,7 @@ Importing your own theme is just like importing the default theme, only this tim
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/en-US/i18n.md b/examples/docs/en-US/i18n.md
index 63c7dc21610..8bbb2305a65 100644
--- a/examples/docs/en-US/i18n.md
+++ b/examples/docs/en-US/i18n.md
@@ -4,8 +4,8 @@ The default language of Element is Chinese. If you wish to use another language,
```javascript
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -14,9 +14,9 @@ Or if you are importing Element on demand:
```javascript
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// configure language
locale.use(lang)
@@ -32,7 +32,7 @@ webpack.config.js
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -44,9 +44,9 @@ Element is compatible with [vue-i18n@5.x](https://github.com/kazupon/vue-i18n),
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -61,9 +61,9 @@ Element may not be compatible with i18n plugins other than vue-i18n, but you can
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -78,10 +78,10 @@ You need to manually handle it for compatibility with `6.x`.
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -115,9 +115,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -145,8 +145,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
+
```
:::tip
diff --git a/examples/docs/en-US/layout.md b/examples/docs/en-US/layout.md
index ac516e8bc46..daa540ee08b 100644
--- a/examples/docs/en-US/layout.md
+++ b/examples/docs/en-US/layout.md
@@ -315,7 +315,7 @@ Taking example by Bootstrap's responsive design, five breakpoints are preset: xs
Additionally, Element provides a series of classes for hiding elements under certain conditions. These classes can be added to any DOM elements or custom components. You need to import the following CSS file to use these classes:
```js
-import 'element-ui/lib/theme-chalk/display.css';
+import '@femessage/element-ui/lib/theme-chalk/display.css';
```
The classes are:
diff --git a/examples/docs/en-US/loading.md b/examples/docs/en-US/loading.md
index f51b3b234cd..af8016b3b7d 100644
--- a/examples/docs/en-US/loading.md
+++ b/examples/docs/en-US/loading.md
@@ -173,7 +173,7 @@ Show a full screen animation while loading data.
### Service
You can also invoke Loading with a service. Import Loading service:
```javascript
-import { Loading } from 'element-ui';
+import { Loading } from '@femessage/element-ui';
```
Invoke it:
```javascript
diff --git a/examples/docs/en-US/message-box.md b/examples/docs/en-US/message-box.md
index dec08c4e681..27858e2a41b 100644
--- a/examples/docs/en-US/message-box.md
+++ b/examples/docs/en-US/message-box.md
@@ -165,7 +165,7 @@ Can be customized to show various content.
:::
:::tip
-The content of MessageBox can be `VNode`, allowing us to pass custom components. When opening the MessageBox, Vue compares new `VNode` with old `VNode`, then figures out how to efficiently update the UI, so the components may not be completely re-rendered ([#8931](https://github.com/ElemeFE/element/issues/8931)). In this case, you can add a unique key to `VNode` each time MessageBox opens: [example](https://jsfiddle.net/zhiyang/ezmhq2ef).
+The content of MessageBox can be `VNode`, allowing us to pass custom components. When opening the MessageBox, Vue compares new `VNode` with old `VNode`, then figures out how to efficiently update the UI, so the components may not be completely re-rendered ([#8931](https://github.com/femessage/element/issues/8931)). In this case, you can add a unique key to `VNode` each time MessageBox opens: [example](https://jsfiddle.net/zhiyang/ezmhq2ef).
:::
### Use HTML String
@@ -288,7 +288,7 @@ If Element is fully imported, it will add the following global methods for Vue.p
If you prefer importing `MessageBox` on demand:
```javascript
-import { MessageBox } from 'element-ui';
+import { MessageBox } from '@femessage/element-ui';
```
The corresponding methods are: `MessageBox`, `MessageBox.alert`, `MessageBox.confirm` and `MessageBox.prompt`. The parameters are the same as above.
diff --git a/examples/docs/en-US/message.md b/examples/docs/en-US/message.md
index 189fa2323cc..0c11665a86e 100644
--- a/examples/docs/en-US/message.md
+++ b/examples/docs/en-US/message.md
@@ -193,7 +193,7 @@ Element has added a global method `$message` for Vue.prototype. So in a vue inst
Import `Message`:
```javascript
-import { Message } from 'element-ui';
+import { Message } from '@femessage/element-ui';
```
In this case you should call `Message(options)`. We have also registered methods for different types, e.g. `Message.success(options)`. You can call `Message.closeAll()` to manually close all the instances.
diff --git a/examples/docs/en-US/notification.md b/examples/docs/en-US/notification.md
index da2d6208692..c9d50a3fcf0 100644
--- a/examples/docs/en-US/notification.md
+++ b/examples/docs/en-US/notification.md
@@ -282,7 +282,7 @@ Element has added a global method `$notify` for Vue.prototype. So in a vue insta
Import `Notification`:
```javascript
-import { Notification } from 'element-ui';
+import { Notification } from '@femessage/element-ui';
```
In this case you should call `Notification(options)`. We have also registered methods for different types, e.g. `Notification.success(options)`. You can call `Notification.closeAll()` to manually close all the instances.
diff --git a/examples/docs/en-US/quickstart.md b/examples/docs/en-US/quickstart.md
index 9df95388451..e5294e9b469 100644
--- a/examples/docs/en-US/quickstart.md
+++ b/examples/docs/en-US/quickstart.md
@@ -22,8 +22,8 @@ In main.js:
```javascript
import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+import ElementUI from '@femessage/element-ui';
+import '@femessage/element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
@@ -67,7 +67,7 @@ Next, if you need Button and Select, edit main.js:
```javascript
import Vue from 'vue';
-import { Button, Select } from 'element-ui';
+import { Button, Select } from '@femessage/element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
@@ -83,7 +83,7 @@ new Vue({
});
```
-Full example (Component list reference [components.json](https://github.com/ElemeFE/element/blob/master/components.json))
+Full example (Component list reference [components.json](https://github.com/femessage/element/blob/master/components.json))
```javascript
import Vue from 'vue';
@@ -165,7 +165,7 @@ import {
MessageBox,
Message,
Notification
-} from 'element-ui';
+} from '@femessage/element-ui';
Vue.use(Pagination);
Vue.use(Dialog);
@@ -260,7 +260,7 @@ Fully import Element：
```js
import Vue from 'vue';
-import Element from 'element-ui';
+import Element from '@femessage/element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
```
@@ -268,7 +268,7 @@ Partial import Element：
```js
import Vue from 'vue';
-import { Button } from 'element-ui';
+import { Button } from '@femessage/element-ui';
Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);
diff --git a/examples/docs/en-US/transition.md b/examples/docs/en-US/transition.md
index 5b87659c77a..18bd8fd07b9 100644
--- a/examples/docs/en-US/transition.md
+++ b/examples/docs/en-US/transition.md
@@ -146,9 +146,9 @@ For collapse effect, use the `el-collapse-transition` component.
```js
// fade/zoom
-import 'element-ui/lib/theme-chalk/base.css';
+import '@femessage/element-ui/lib/theme-chalk/base.css';
// collapse
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import CollapseTransition from '@femessage/element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
diff --git a/examples/docs/es/custom-theme.md b/examples/docs/es/custom-theme.md
index fe97469cc46..9bc36010641 100644
--- a/examples/docs/es/custom-theme.md
+++ b/examples/docs/es/custom-theme.md
@@ -21,15 +21,15 @@ Este sitio, le permitirá obtener una vista previa del tema con un nuevo color e
$--color-primary: teal;
/* Ubicación de la fuente, obligatoria */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
Entonces, en el archivo principal del proyecto, importe este archivo de estilos en lugar de los estilos de Element:
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -108,7 +108,7 @@ Importing your own theme is just like importing the default theme, only this tim
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/es/i18n.md b/examples/docs/es/i18n.md
index d1121d79a72..4314c4f3a23 100644
--- a/examples/docs/es/i18n.md
+++ b/examples/docs/es/i18n.md
@@ -4,8 +4,8 @@ El idioma predeterminado de Element es el chino. Si se desea utilizar otro idiom
```javascript
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -14,9 +14,9 @@ O si está importando Element a petición:
```javascript
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// configure language
locale.use(lang)
@@ -32,7 +32,7 @@ webpack.config.js
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -44,9 +44,9 @@ Element es compatible con [vue-i18n@5.x](https://github.com/kazupon/vue-i18n), l
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -61,9 +61,9 @@ Es posible que Element no sea compatible con otros plugins i18n que no sean vue-
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -78,10 +78,10 @@ Necesita manejarlo manualmente para ser compatible con `6.x`.
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -115,9 +115,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -145,8 +145,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
+
```
##Tip
diff --git a/examples/docs/es/layout.md b/examples/docs/es/layout.md
index d8721fa7b4e..90943b8e0f2 100644
--- a/examples/docs/es/layout.md
+++ b/examples/docs/es/layout.md
@@ -315,7 +315,7 @@ Tomando el ejemplo de Bootstrap responsive design, existen 5 breakpoints: xs, sm
Adicionalmente, Element provee una serie de clases para ocultar elementos dadas ciertas condiciones. Estas clases pueden se agregadas a cualquier elemento del DOM o un elemento propio. Necesita importar el siguiente archivo CSS para usar estas clases:
```js
-import 'element-ui/lib/theme-chalk/display.css';
+import '@femessage/element-ui/lib/theme-chalk/display.css';
```
Las clases son:
diff --git a/examples/docs/es/loading.md b/examples/docs/es/loading.md
index c45a2a5e12a..1ee387c2851 100644
--- a/examples/docs/es/loading.md
+++ b/examples/docs/es/loading.md
@@ -175,7 +175,7 @@ Muestra una animación de pantalla completa mientras se cargan los datos
Puede invocar el componente con un servicio. Importe el servicio:
```javascript
-import { Loading } from 'element-ui';
+import { Loading } from '@femessage/element-ui';
```
Invocar:
```javascript
diff --git a/examples/docs/es/message-box.md b/examples/docs/es/message-box.md
index aaca3e9e10a..fbeb38a2990 100644
--- a/examples/docs/es/message-box.md
+++ b/examples/docs/es/message-box.md
@@ -167,7 +167,7 @@ Puede ser personalizado para mostrar diversos contenidos.
:::tip
-El contenido de MessageBox puede ser `VNode`, permitiéndonos pasar componentes personalizados. Al abrir el MessageBox, Vue compara el nuevo `VNode` con el viejo `VNode`, y luego averigua cómo actualizar eficientemente la interfaz de usuario, de modo que es posible que los componentes no se vuelvan a procesar completamente ([#8931](https://github.com/ElemeFE/element/issues/8931)). En este caso, se puede añadir una clave única a `VNode` cada vez que se abre MessageBox: [ejemplo](https://jsfiddle.net/zhiyang/ezmhq2ef).
+El contenido de MessageBox puede ser `VNode`, permitiéndonos pasar componentes personalizados. Al abrir el MessageBox, Vue compara el nuevo `VNode` con el viejo `VNode`, y luego averigua cómo actualizar eficientemente la interfaz de usuario, de modo que es posible que los componentes no se vuelvan a procesar completamente ([#8931](https://github.com/femessage/element/issues/8931)). En este caso, se puede añadir una clave única a `VNode` cada vez que se abre MessageBox: [ejemplo](https://jsfiddle.net/zhiyang/ezmhq2ef).
:::
@@ -292,7 +292,7 @@ Si Element fue importado completamente, agregara los siguientes métodos globale
Si prefieres importar `MessageBox` cuando lo necesites (on demand):
```javascript
-import { MessageBox } from 'element-ui';
+import { MessageBox } from '@femessage/element-ui';
```
Los métodos correspondientes: `MessageBox`, `MessageBox.alert`, `MessageBox.confirm` y `MessageBox.prompt`. Los parámetros son los mismos que los anteriores.
diff --git a/examples/docs/es/message.md b/examples/docs/es/message.md
index 61c5c609e01..ae0c76d150e 100644
--- a/examples/docs/es/message.md
+++ b/examples/docs/es/message.md
@@ -193,7 +193,7 @@ Element ha agregado un método global llamado `$message` para Vue.prototype. Ent
Import `Message`:
```javascript
-import { Message } from 'element-ui';
+import { Message } from '@femessage/element-ui';
```
En este caso debería llamar al método `Message(options)`. También se han registrado métodos para los diferentes tipos, e.g. `Message.success(options)`. Puede llamar al método `Message.closeAll()` para cerrar manualmente todas las instancias.
diff --git a/examples/docs/es/notification.md b/examples/docs/es/notification.md
index 010ce03e5d0..dedabb42a1c 100644
--- a/examples/docs/es/notification.md
+++ b/examples/docs/es/notification.md
@@ -289,7 +289,7 @@ Element ha añadido un método global `$notify` para Vue.prototype. Así que en
Importar `Notification`:
```javascript
-import { Notification } from 'element-ui';
+import { Notification } from '@femessage/element-ui';
```
En este caso, debe llamar a `Notification(options)`. También se han registrado métodos para diferentes tipos, e.j. `Notification.success(options)`. Puede llamar al método `Notification.closeAll()` para cerrar manualmente todas las instancias.
diff --git a/examples/docs/es/quickstart.md b/examples/docs/es/quickstart.md
index 825cd66b2bf..e7da0cc3ec1 100644
--- a/examples/docs/es/quickstart.md
+++ b/examples/docs/es/quickstart.md
@@ -22,8 +22,8 @@ En main.js:
```javascript
import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+import ElementUI from '@femessage/element-ui';
+import '@femessage/element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
@@ -67,7 +67,7 @@ Luego, si necesita Button y Select, edite main.js:
```javascript
import Vue from 'vue';
-import { Button, Select } from 'element-ui';
+import { Button, Select } from '@femessage/element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
@@ -83,7 +83,7 @@ new Vue({
});
```
-Ejemplo completo (Referencia completa de componentes [components.json](https://github.com/ElemeFE/element/blob/master/components.json))
+Ejemplo completo (Referencia completa de componentes [components.json](https://github.com/femessage/element/blob/master/components.json))
```javascript
import Vue from 'vue';
@@ -165,7 +165,7 @@ import {
MessageBox,
Message,
Notification
-} from 'element-ui';
+} from '@femessage/element-ui';
Vue.use(Pagination);
Vue.use(Dialog);
@@ -262,7 +262,7 @@ Importando Element completamente：
```js
import Vue from 'vue';
-import Element from 'element-ui';
+import Element from '@femessage/element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
```
@@ -270,7 +270,7 @@ Importando Element parcialmente：
```js
import Vue from 'vue';
-import { Button } from 'element-ui';
+import { Button } from '@femessage/element-ui';
Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);
diff --git a/examples/docs/es/transition.md b/examples/docs/es/transition.md
index 24d6de66df3..a7f3071f796 100644
--- a/examples/docs/es/transition.md
+++ b/examples/docs/es/transition.md
@@ -145,9 +145,9 @@ Para efectos de colapsado usar el componente `el-collapse-transition`.
```js
// fade/zoom
-import 'element-ui/lib/theme-chalk/base.css';
+import '@femessage/element-ui/lib/theme-chalk/base.css';
// colapsar
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import CollapseTransition from '@femessage/element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
diff --git a/examples/docs/fr-FR/custom-theme.md b/examples/docs/fr-FR/custom-theme.md
index a4f8d2e0800..552935e993e 100644
--- a/examples/docs/fr-FR/custom-theme.md
+++ b/examples/docs/fr-FR/custom-theme.md
@@ -21,15 +21,15 @@ Le site précédent vous permet de visualiser et de télécharger un nouveau th
$--color-primary: teal;
/* chemin vers le fichier de police, requis */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
Puis dans le fichier d'entrée, importez ce style au lieu de celui d'Element:
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -109,7 +109,7 @@ Importing your own theme is just like importing the default theme, only this tim
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/fr-FR/i18n.md b/examples/docs/fr-FR/i18n.md
index 2a1d2ad9550..fc3c2d502db 100644
--- a/examples/docs/fr-FR/i18n.md
+++ b/examples/docs/fr-FR/i18n.md
@@ -4,8 +4,8 @@ La langue par défaut d'Element est le Chinois. Si vous souhaitez utiliser une a
```javascript
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -14,9 +14,9 @@ Ou si vous importez Element à la demande:
```javascript
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// configure la langue
locale.use(lang)
@@ -32,7 +32,7 @@ webpack.config.js
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -44,9 +44,9 @@ Element est compatible avec [vue-i18n@5.x](https://github.com/kazupon/vue-i18n),
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -62,9 +62,9 @@ Element n'est pas forcément compatible avec d'autres plugins i18n que vue-i18n,
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -79,10 +79,10 @@ Vous devrez le configurer manuellement pour la compatibilité avec `6.x`.
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -117,9 +117,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -148,8 +148,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
+
```
:::tip
diff --git a/examples/docs/fr-FR/layout.md b/examples/docs/fr-FR/layout.md
index 81ee4428b26..ed9a52afc71 100644
--- a/examples/docs/fr-FR/layout.md
+++ b/examples/docs/fr-FR/layout.md
@@ -315,7 +315,7 @@ Se basant sur le design responsive de Bootstrap, il existe cinq breakpoints déj
Element fournit également une série de classes pour cacher des éléments dans certaines circonstances. Ces classes peuvent être ajoutées à n'importe quel élément du DOM ou composant. Vous devrez importer le fichier CSS suivant pour pouvoir les utiliser:
```js
-import 'element-ui/lib/theme-chalk/display.css';
+import '@femessage/element-ui/lib/theme-chalk/display.css';
```
Ces classes sont:
diff --git a/examples/docs/fr-FR/loading.md b/examples/docs/fr-FR/loading.md
index f679b7218df..335505cdc49 100644
--- a/examples/docs/fr-FR/loading.md
+++ b/examples/docs/fr-FR/loading.md
@@ -175,7 +175,7 @@ Affichez une animation en plein écran quand vous charger des données.
Vous pouvez invoquer Loading comme un service. Importez le service Loading:
```javascript
-import { Loading } from 'element-ui';
+import { Loading } from '@femessage/element-ui';
```
Et invoquer-le:
diff --git a/examples/docs/fr-FR/message-box.md b/examples/docs/fr-FR/message-box.md
index 2bc4fb2e4e3..dd5a9e67295 100644
--- a/examples/docs/fr-FR/message-box.md
+++ b/examples/docs/fr-FR/message-box.md
@@ -166,7 +166,7 @@ Il est possible d'afficher du contenu un peu plus varié et personnalisé.
:::
:::tip
-Le contenu de MessageBox peut être `VNode`, Vous permettant de passer des composants personnalisés. Lorsque vous ouvrer MessageBox, Vue compare le nouveau `VNode` avec l'ancien `VNode`, puis détermine comment rafraîchir efficacement l'UI, le composant peut donc ne pas être totalement re-rendu ([#8931](https://github.com/ElemeFE/element/issues/8931)). Dans ce cas, Vous pouvez ajouter une clé unique à `VNode` à chaque fois que MessageBox s'ouvre: [exemple](https://jsfiddle.net/zhiyang/ezmhq2ef).
+Le contenu de MessageBox peut être `VNode`, Vous permettant de passer des composants personnalisés. Lorsque vous ouvrer MessageBox, Vue compare le nouveau `VNode` avec l'ancien `VNode`, puis détermine comment rafraîchir efficacement l'UI, le composant peut donc ne pas être totalement re-rendu ([#8931](https://github.com/femessage/element/issues/8931)). Dans ce cas, Vous pouvez ajouter une clé unique à `VNode` à chaque fois que MessageBox s'ouvre: [exemple](https://jsfiddle.net/zhiyang/ezmhq2ef).
:::
### Utiliser du HTML
@@ -290,7 +290,7 @@ Si Element est importé entièrement, il ajoutera les méthodes suivantes à Vue
Si vous préférer importer `MessageBox` à la demande:
```javascript
-import { MessageBox } from 'element-ui';
+import { MessageBox } from '@femessage/element-ui';
```
Les méthodes correspondantes sont: `MessageBox`, `MessageBox.alert`, `MessageBox.confirm` et `MessageBox.prompt`. Les paramètres sont les mêmes que précédemment.
diff --git a/examples/docs/fr-FR/message.md b/examples/docs/fr-FR/message.md
index c723c661fee..e2e51713016 100644
--- a/examples/docs/fr-FR/message.md
+++ b/examples/docs/fr-FR/message.md
@@ -195,7 +195,7 @@ Element ajoute une méthode `$message` à Vue.prototype. Vous pouvez donc appele
Importez `Message`:
```javascript
-import { Message } from 'element-ui';
+import { Message } from '@femessage/element-ui';
```
Dans ce cas il faudra appeler `Message(options)`. Les méthodes des différents types sont aussi ajoutées, e.g. `Message.success(options)`. Vous pouvez appeler `Message.closeAll()` pour fermer manuellement toutes les instances.
diff --git a/examples/docs/fr-FR/notification.md b/examples/docs/fr-FR/notification.md
index 5e5e263174d..21f4ede62de 100644
--- a/examples/docs/fr-FR/notification.md
+++ b/examples/docs/fr-FR/notification.md
@@ -285,7 +285,7 @@ Element ajoute la méthode `$notify` à Vue.prototype. Vous pouvez donc appeler
Importez `Notification`:
```javascript
-import { Notification } from 'element-ui';
+import { Notification } from '@femessage/element-ui';
```
Dans ce cas vous devrez appeler `Notification(options)`. Il existe aussi des méthodes pour chaque type, e.g. `Notification.success(options)`. Vous pouvez appeler `Notification.closeAll()` pour fermer manuellement toutes les instances.
diff --git a/examples/docs/fr-FR/quickstart.md b/examples/docs/fr-FR/quickstart.md
index e6de633dcab..90df66d3a6e 100644
--- a/examples/docs/fr-FR/quickstart.md
+++ b/examples/docs/fr-FR/quickstart.md
@@ -22,8 +22,8 @@ Dans main.js:
```javascript
import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+import ElementUI from '@femessage/element-ui';
+import '@femessage/element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
@@ -67,7 +67,7 @@ Ensuite, si vous n'avez besoin que de Button et Select, éditez main.js comme su
```javascript
import Vue from 'vue';
-import { Button, Select } from 'element-ui';
+import { Button, Select } from '@femessage/element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
@@ -83,7 +83,7 @@ new Vue({
});
```
-Exemple complet (liste complète des composants dans [components.json](https://github.com/ElemeFE/element/blob/master/components.json)):
+Exemple complet (liste complète des composants dans [components.json](https://github.com/femessage/element/blob/master/components.json)):
```javascript
import Vue from 'vue';
@@ -165,7 +165,7 @@ import {
MessageBox,
Message,
Notification
-} from 'element-ui';
+} from '@femessage/element-ui';
Vue.use(Pagination);
Vue.use(Dialog);
@@ -260,7 +260,7 @@ Import total d'Element：
```js
import Vue from 'vue';
-import Element from 'element-ui';
+import Element from '@femessage/element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
```
@@ -268,7 +268,7 @@ Import partiel d'Element：
```js
import Vue from 'vue';
-import { Button } from 'element-ui';
+import { Button } from '@femessage/element-ui';
Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);
diff --git a/examples/docs/fr-FR/transition.md b/examples/docs/fr-FR/transition.md
index c97ec0e614e..60ea816d43f 100644
--- a/examples/docs/fr-FR/transition.md
+++ b/examples/docs/fr-FR/transition.md
@@ -146,9 +146,9 @@ Pour l'effet collapse, utilisez le composant `el-collapse-transition`.
```js
// fade/zoom
-import 'element-ui/lib/theme-chalk/base.css';
+import '@femessage/element-ui/lib/theme-chalk/base.css';
// collapse
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import CollapseTransition from '@femessage/element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
diff --git a/examples/docs/zh-CN/custom-theme.md b/examples/docs/zh-CN/custom-theme.md
index 26454488b8e..c3579afae4f 100644
--- a/examples/docs/zh-CN/custom-theme.md
+++ b/examples/docs/zh-CN/custom-theme.md
@@ -20,15 +20,15 @@ Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS
$--color-primary: teal;
/* 改变 icon 字体路径变量，必需 */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
之后，在项目的入口文件中，直接引入以上样式文件即可（无需引入 Element 编译好的 CSS 文件）：
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -44,7 +44,7 @@ Vue.use(Element)
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/zh-CN/i18n.md b/examples/docs/zh-CN/i18n.md
index 3397e3b41fc..31af7f4f1f4 100644
--- a/examples/docs/zh-CN/i18n.md
+++ b/examples/docs/zh-CN/i18n.md
@@ -5,8 +5,8 @@ Element 组件内部默认使用中文，若希望使用其他语言，则需要
```javascript
// 完整引入 Element
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -16,9 +16,9 @@ Vue.use(ElementUI, { locale })
```javascript
// 按需引入 Element
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// 设置语言
locale.use(lang)
@@ -34,7 +34,7 @@ Vue.component(Select.name, Select)
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -46,9 +46,9 @@ Element 兼容 [vue-i18n@5.x](https://github.com/kazupon/vue-i18n)，搭配使
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -63,9 +63,9 @@ Vue.locale('en', enLocale)
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -80,10 +80,10 @@ Vue.use(Element, {
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -117,9 +117,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -147,8 +147,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
{{ langConfig.links }}
- {{ langConfig.repo }} - {{ langConfig.changelog }} - {{ langConfig.faq }} + {{ langConfig.repo }} + {{ langConfig.changelog }} + {{ langConfig.faq }} {{ langConfig.starter }} {{ langConfig.theme }} Element-React @@ -14,8 +14,8 @@ @@ -31,7 +31,7 @@
-
+
diff --git a/examples/components/side-nav.vue b/examples/components/side-nav.vue
index 5b6c433a400..c498ae53be0 100644
--- a/examples/components/side-nav.vue
+++ b/examples/components/side-nav.vue
@@ -288,7 +288,7 @@
if (xhr.readyState === 4 && xhr.status === 200) {
const {data: navs} = JSON.parse(xhr.responseText);
this.femessageNavs = navs.map(nav => {
- nav.url = `https://static.deepexi.top/serverless-console/index.html#/material/${nav.repoName}`;
+ nav.url = `https://frontend-infra.deepexi.com/home/index.html#/material/${nav.repoName}`;
return nav;
}).filter(nav => nav.lib && nav.lib.indexOf('element') > -1);
}
diff --git a/examples/docs/en-US/custom-theme.md b/examples/docs/en-US/custom-theme.md
index 4a4dcff98e6..dbbdd360b42 100644
--- a/examples/docs/en-US/custom-theme.md
+++ b/examples/docs/en-US/custom-theme.md
@@ -21,15 +21,15 @@ The above website enables you to preview theme of a new theme color in real-time
$--color-primary: teal;
/* icon font path, required */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
Then in the entry file of your project, import this style file instead of Element's built CSS:
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -107,7 +107,7 @@ Importing your own theme is just like importing the default theme, only this tim
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/en-US/i18n.md b/examples/docs/en-US/i18n.md
index 63c7dc21610..8bbb2305a65 100644
--- a/examples/docs/en-US/i18n.md
+++ b/examples/docs/en-US/i18n.md
@@ -4,8 +4,8 @@ The default language of Element is Chinese. If you wish to use another language,
```javascript
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -14,9 +14,9 @@ Or if you are importing Element on demand:
```javascript
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// configure language
locale.use(lang)
@@ -32,7 +32,7 @@ webpack.config.js
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -44,9 +44,9 @@ Element is compatible with [vue-i18n@5.x](https://github.com/kazupon/vue-i18n),
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -61,9 +61,9 @@ Element may not be compatible with i18n plugins other than vue-i18n, but you can
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -78,10 +78,10 @@ You need to manually handle it for compatibility with `6.x`.
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -115,9 +115,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -145,8 +145,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
+
```
:::tip
diff --git a/examples/docs/en-US/layout.md b/examples/docs/en-US/layout.md
index ac516e8bc46..daa540ee08b 100644
--- a/examples/docs/en-US/layout.md
+++ b/examples/docs/en-US/layout.md
@@ -315,7 +315,7 @@ Taking example by Bootstrap's responsive design, five breakpoints are preset: xs
Additionally, Element provides a series of classes for hiding elements under certain conditions. These classes can be added to any DOM elements or custom components. You need to import the following CSS file to use these classes:
```js
-import 'element-ui/lib/theme-chalk/display.css';
+import '@femessage/element-ui/lib/theme-chalk/display.css';
```
The classes are:
diff --git a/examples/docs/en-US/loading.md b/examples/docs/en-US/loading.md
index f51b3b234cd..af8016b3b7d 100644
--- a/examples/docs/en-US/loading.md
+++ b/examples/docs/en-US/loading.md
@@ -173,7 +173,7 @@ Show a full screen animation while loading data.
### Service
You can also invoke Loading with a service. Import Loading service:
```javascript
-import { Loading } from 'element-ui';
+import { Loading } from '@femessage/element-ui';
```
Invoke it:
```javascript
diff --git a/examples/docs/en-US/message-box.md b/examples/docs/en-US/message-box.md
index dec08c4e681..27858e2a41b 100644
--- a/examples/docs/en-US/message-box.md
+++ b/examples/docs/en-US/message-box.md
@@ -165,7 +165,7 @@ Can be customized to show various content.
:::
:::tip
-The content of MessageBox can be `VNode`, allowing us to pass custom components. When opening the MessageBox, Vue compares new `VNode` with old `VNode`, then figures out how to efficiently update the UI, so the components may not be completely re-rendered ([#8931](https://github.com/ElemeFE/element/issues/8931)). In this case, you can add a unique key to `VNode` each time MessageBox opens: [example](https://jsfiddle.net/zhiyang/ezmhq2ef).
+The content of MessageBox can be `VNode`, allowing us to pass custom components. When opening the MessageBox, Vue compares new `VNode` with old `VNode`, then figures out how to efficiently update the UI, so the components may not be completely re-rendered ([#8931](https://github.com/femessage/element/issues/8931)). In this case, you can add a unique key to `VNode` each time MessageBox opens: [example](https://jsfiddle.net/zhiyang/ezmhq2ef).
:::
### Use HTML String
@@ -288,7 +288,7 @@ If Element is fully imported, it will add the following global methods for Vue.p
If you prefer importing `MessageBox` on demand:
```javascript
-import { MessageBox } from 'element-ui';
+import { MessageBox } from '@femessage/element-ui';
```
The corresponding methods are: `MessageBox`, `MessageBox.alert`, `MessageBox.confirm` and `MessageBox.prompt`. The parameters are the same as above.
diff --git a/examples/docs/en-US/message.md b/examples/docs/en-US/message.md
index 189fa2323cc..0c11665a86e 100644
--- a/examples/docs/en-US/message.md
+++ b/examples/docs/en-US/message.md
@@ -193,7 +193,7 @@ Element has added a global method `$message` for Vue.prototype. So in a vue inst
Import `Message`:
```javascript
-import { Message } from 'element-ui';
+import { Message } from '@femessage/element-ui';
```
In this case you should call `Message(options)`. We have also registered methods for different types, e.g. `Message.success(options)`. You can call `Message.closeAll()` to manually close all the instances.
diff --git a/examples/docs/en-US/notification.md b/examples/docs/en-US/notification.md
index da2d6208692..c9d50a3fcf0 100644
--- a/examples/docs/en-US/notification.md
+++ b/examples/docs/en-US/notification.md
@@ -282,7 +282,7 @@ Element has added a global method `$notify` for Vue.prototype. So in a vue insta
Import `Notification`:
```javascript
-import { Notification } from 'element-ui';
+import { Notification } from '@femessage/element-ui';
```
In this case you should call `Notification(options)`. We have also registered methods for different types, e.g. `Notification.success(options)`. You can call `Notification.closeAll()` to manually close all the instances.
diff --git a/examples/docs/en-US/quickstart.md b/examples/docs/en-US/quickstart.md
index 9df95388451..e5294e9b469 100644
--- a/examples/docs/en-US/quickstart.md
+++ b/examples/docs/en-US/quickstart.md
@@ -22,8 +22,8 @@ In main.js:
```javascript
import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+import ElementUI from '@femessage/element-ui';
+import '@femessage/element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
@@ -67,7 +67,7 @@ Next, if you need Button and Select, edit main.js:
```javascript
import Vue from 'vue';
-import { Button, Select } from 'element-ui';
+import { Button, Select } from '@femessage/element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
@@ -83,7 +83,7 @@ new Vue({
});
```
-Full example (Component list reference [components.json](https://github.com/ElemeFE/element/blob/master/components.json))
+Full example (Component list reference [components.json](https://github.com/femessage/element/blob/master/components.json))
```javascript
import Vue from 'vue';
@@ -165,7 +165,7 @@ import {
MessageBox,
Message,
Notification
-} from 'element-ui';
+} from '@femessage/element-ui';
Vue.use(Pagination);
Vue.use(Dialog);
@@ -260,7 +260,7 @@ Fully import Element：
```js
import Vue from 'vue';
-import Element from 'element-ui';
+import Element from '@femessage/element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
```
@@ -268,7 +268,7 @@ Partial import Element：
```js
import Vue from 'vue';
-import { Button } from 'element-ui';
+import { Button } from '@femessage/element-ui';
Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);
diff --git a/examples/docs/en-US/transition.md b/examples/docs/en-US/transition.md
index 5b87659c77a..18bd8fd07b9 100644
--- a/examples/docs/en-US/transition.md
+++ b/examples/docs/en-US/transition.md
@@ -146,9 +146,9 @@ For collapse effect, use the `el-collapse-transition` component.
```js
// fade/zoom
-import 'element-ui/lib/theme-chalk/base.css';
+import '@femessage/element-ui/lib/theme-chalk/base.css';
// collapse
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import CollapseTransition from '@femessage/element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
diff --git a/examples/docs/es/custom-theme.md b/examples/docs/es/custom-theme.md
index fe97469cc46..9bc36010641 100644
--- a/examples/docs/es/custom-theme.md
+++ b/examples/docs/es/custom-theme.md
@@ -21,15 +21,15 @@ Este sitio, le permitirá obtener una vista previa del tema con un nuevo color e
$--color-primary: teal;
/* Ubicación de la fuente, obligatoria */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
Entonces, en el archivo principal del proyecto, importe este archivo de estilos en lugar de los estilos de Element:
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -108,7 +108,7 @@ Importing your own theme is just like importing the default theme, only this tim
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/es/i18n.md b/examples/docs/es/i18n.md
index d1121d79a72..4314c4f3a23 100644
--- a/examples/docs/es/i18n.md
+++ b/examples/docs/es/i18n.md
@@ -4,8 +4,8 @@ El idioma predeterminado de Element es el chino. Si se desea utilizar otro idiom
```javascript
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -14,9 +14,9 @@ O si está importando Element a petición:
```javascript
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// configure language
locale.use(lang)
@@ -32,7 +32,7 @@ webpack.config.js
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -44,9 +44,9 @@ Element es compatible con [vue-i18n@5.x](https://github.com/kazupon/vue-i18n), l
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -61,9 +61,9 @@ Es posible que Element no sea compatible con otros plugins i18n que no sean vue-
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -78,10 +78,10 @@ Necesita manejarlo manualmente para ser compatible con `6.x`.
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -115,9 +115,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -145,8 +145,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
+
```
##Tip
diff --git a/examples/docs/es/layout.md b/examples/docs/es/layout.md
index d8721fa7b4e..90943b8e0f2 100644
--- a/examples/docs/es/layout.md
+++ b/examples/docs/es/layout.md
@@ -315,7 +315,7 @@ Tomando el ejemplo de Bootstrap responsive design, existen 5 breakpoints: xs, sm
Adicionalmente, Element provee una serie de clases para ocultar elementos dadas ciertas condiciones. Estas clases pueden se agregadas a cualquier elemento del DOM o un elemento propio. Necesita importar el siguiente archivo CSS para usar estas clases:
```js
-import 'element-ui/lib/theme-chalk/display.css';
+import '@femessage/element-ui/lib/theme-chalk/display.css';
```
Las clases son:
diff --git a/examples/docs/es/loading.md b/examples/docs/es/loading.md
index c45a2a5e12a..1ee387c2851 100644
--- a/examples/docs/es/loading.md
+++ b/examples/docs/es/loading.md
@@ -175,7 +175,7 @@ Muestra una animación de pantalla completa mientras se cargan los datos
Puede invocar el componente con un servicio. Importe el servicio:
```javascript
-import { Loading } from 'element-ui';
+import { Loading } from '@femessage/element-ui';
```
Invocar:
```javascript
diff --git a/examples/docs/es/message-box.md b/examples/docs/es/message-box.md
index aaca3e9e10a..fbeb38a2990 100644
--- a/examples/docs/es/message-box.md
+++ b/examples/docs/es/message-box.md
@@ -167,7 +167,7 @@ Puede ser personalizado para mostrar diversos contenidos.
:::tip
-El contenido de MessageBox puede ser `VNode`, permitiéndonos pasar componentes personalizados. Al abrir el MessageBox, Vue compara el nuevo `VNode` con el viejo `VNode`, y luego averigua cómo actualizar eficientemente la interfaz de usuario, de modo que es posible que los componentes no se vuelvan a procesar completamente ([#8931](https://github.com/ElemeFE/element/issues/8931)). En este caso, se puede añadir una clave única a `VNode` cada vez que se abre MessageBox: [ejemplo](https://jsfiddle.net/zhiyang/ezmhq2ef).
+El contenido de MessageBox puede ser `VNode`, permitiéndonos pasar componentes personalizados. Al abrir el MessageBox, Vue compara el nuevo `VNode` con el viejo `VNode`, y luego averigua cómo actualizar eficientemente la interfaz de usuario, de modo que es posible que los componentes no se vuelvan a procesar completamente ([#8931](https://github.com/femessage/element/issues/8931)). En este caso, se puede añadir una clave única a `VNode` cada vez que se abre MessageBox: [ejemplo](https://jsfiddle.net/zhiyang/ezmhq2ef).
:::
@@ -292,7 +292,7 @@ Si Element fue importado completamente, agregara los siguientes métodos globale
Si prefieres importar `MessageBox` cuando lo necesites (on demand):
```javascript
-import { MessageBox } from 'element-ui';
+import { MessageBox } from '@femessage/element-ui';
```
Los métodos correspondientes: `MessageBox`, `MessageBox.alert`, `MessageBox.confirm` y `MessageBox.prompt`. Los parámetros son los mismos que los anteriores.
diff --git a/examples/docs/es/message.md b/examples/docs/es/message.md
index 61c5c609e01..ae0c76d150e 100644
--- a/examples/docs/es/message.md
+++ b/examples/docs/es/message.md
@@ -193,7 +193,7 @@ Element ha agregado un método global llamado `$message` para Vue.prototype. Ent
Import `Message`:
```javascript
-import { Message } from 'element-ui';
+import { Message } from '@femessage/element-ui';
```
En este caso debería llamar al método `Message(options)`. También se han registrado métodos para los diferentes tipos, e.g. `Message.success(options)`. Puede llamar al método `Message.closeAll()` para cerrar manualmente todas las instancias.
diff --git a/examples/docs/es/notification.md b/examples/docs/es/notification.md
index 010ce03e5d0..dedabb42a1c 100644
--- a/examples/docs/es/notification.md
+++ b/examples/docs/es/notification.md
@@ -289,7 +289,7 @@ Element ha añadido un método global `$notify` para Vue.prototype. Así que en
Importar `Notification`:
```javascript
-import { Notification } from 'element-ui';
+import { Notification } from '@femessage/element-ui';
```
En este caso, debe llamar a `Notification(options)`. También se han registrado métodos para diferentes tipos, e.j. `Notification.success(options)`. Puede llamar al método `Notification.closeAll()` para cerrar manualmente todas las instancias.
diff --git a/examples/docs/es/quickstart.md b/examples/docs/es/quickstart.md
index 825cd66b2bf..e7da0cc3ec1 100644
--- a/examples/docs/es/quickstart.md
+++ b/examples/docs/es/quickstart.md
@@ -22,8 +22,8 @@ En main.js:
```javascript
import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+import ElementUI from '@femessage/element-ui';
+import '@femessage/element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
@@ -67,7 +67,7 @@ Luego, si necesita Button y Select, edite main.js:
```javascript
import Vue from 'vue';
-import { Button, Select } from 'element-ui';
+import { Button, Select } from '@femessage/element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
@@ -83,7 +83,7 @@ new Vue({
});
```
-Ejemplo completo (Referencia completa de componentes [components.json](https://github.com/ElemeFE/element/blob/master/components.json))
+Ejemplo completo (Referencia completa de componentes [components.json](https://github.com/femessage/element/blob/master/components.json))
```javascript
import Vue from 'vue';
@@ -165,7 +165,7 @@ import {
MessageBox,
Message,
Notification
-} from 'element-ui';
+} from '@femessage/element-ui';
Vue.use(Pagination);
Vue.use(Dialog);
@@ -262,7 +262,7 @@ Importando Element completamente：
```js
import Vue from 'vue';
-import Element from 'element-ui';
+import Element from '@femessage/element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
```
@@ -270,7 +270,7 @@ Importando Element parcialmente：
```js
import Vue from 'vue';
-import { Button } from 'element-ui';
+import { Button } from '@femessage/element-ui';
Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);
diff --git a/examples/docs/es/transition.md b/examples/docs/es/transition.md
index 24d6de66df3..a7f3071f796 100644
--- a/examples/docs/es/transition.md
+++ b/examples/docs/es/transition.md
@@ -145,9 +145,9 @@ Para efectos de colapsado usar el componente `el-collapse-transition`.
```js
// fade/zoom
-import 'element-ui/lib/theme-chalk/base.css';
+import '@femessage/element-ui/lib/theme-chalk/base.css';
// colapsar
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import CollapseTransition from '@femessage/element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
diff --git a/examples/docs/fr-FR/custom-theme.md b/examples/docs/fr-FR/custom-theme.md
index a4f8d2e0800..552935e993e 100644
--- a/examples/docs/fr-FR/custom-theme.md
+++ b/examples/docs/fr-FR/custom-theme.md
@@ -21,15 +21,15 @@ Le site précédent vous permet de visualiser et de télécharger un nouveau th
$--color-primary: teal;
/* chemin vers le fichier de police, requis */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
Puis dans le fichier d'entrée, importez ce style au lieu de celui d'Element:
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -109,7 +109,7 @@ Importing your own theme is just like importing the default theme, only this tim
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/fr-FR/i18n.md b/examples/docs/fr-FR/i18n.md
index 2a1d2ad9550..fc3c2d502db 100644
--- a/examples/docs/fr-FR/i18n.md
+++ b/examples/docs/fr-FR/i18n.md
@@ -4,8 +4,8 @@ La langue par défaut d'Element est le Chinois. Si vous souhaitez utiliser une a
```javascript
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -14,9 +14,9 @@ Ou si vous importez Element à la demande:
```javascript
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// configure la langue
locale.use(lang)
@@ -32,7 +32,7 @@ webpack.config.js
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -44,9 +44,9 @@ Element est compatible avec [vue-i18n@5.x](https://github.com/kazupon/vue-i18n),
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -62,9 +62,9 @@ Element n'est pas forcément compatible avec d'autres plugins i18n que vue-i18n,
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -79,10 +79,10 @@ Vous devrez le configurer manuellement pour la compatibilité avec `6.x`.
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -117,9 +117,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -148,8 +148,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+
+
```
:::tip
diff --git a/examples/docs/fr-FR/layout.md b/examples/docs/fr-FR/layout.md
index 81ee4428b26..ed9a52afc71 100644
--- a/examples/docs/fr-FR/layout.md
+++ b/examples/docs/fr-FR/layout.md
@@ -315,7 +315,7 @@ Se basant sur le design responsive de Bootstrap, il existe cinq breakpoints déj
Element fournit également une série de classes pour cacher des éléments dans certaines circonstances. Ces classes peuvent être ajoutées à n'importe quel élément du DOM ou composant. Vous devrez importer le fichier CSS suivant pour pouvoir les utiliser:
```js
-import 'element-ui/lib/theme-chalk/display.css';
+import '@femessage/element-ui/lib/theme-chalk/display.css';
```
Ces classes sont:
diff --git a/examples/docs/fr-FR/loading.md b/examples/docs/fr-FR/loading.md
index f679b7218df..335505cdc49 100644
--- a/examples/docs/fr-FR/loading.md
+++ b/examples/docs/fr-FR/loading.md
@@ -175,7 +175,7 @@ Affichez une animation en plein écran quand vous charger des données.
Vous pouvez invoquer Loading comme un service. Importez le service Loading:
```javascript
-import { Loading } from 'element-ui';
+import { Loading } from '@femessage/element-ui';
```
Et invoquer-le:
diff --git a/examples/docs/fr-FR/message-box.md b/examples/docs/fr-FR/message-box.md
index 2bc4fb2e4e3..dd5a9e67295 100644
--- a/examples/docs/fr-FR/message-box.md
+++ b/examples/docs/fr-FR/message-box.md
@@ -166,7 +166,7 @@ Il est possible d'afficher du contenu un peu plus varié et personnalisé.
:::
:::tip
-Le contenu de MessageBox peut être `VNode`, Vous permettant de passer des composants personnalisés. Lorsque vous ouvrer MessageBox, Vue compare le nouveau `VNode` avec l'ancien `VNode`, puis détermine comment rafraîchir efficacement l'UI, le composant peut donc ne pas être totalement re-rendu ([#8931](https://github.com/ElemeFE/element/issues/8931)). Dans ce cas, Vous pouvez ajouter une clé unique à `VNode` à chaque fois que MessageBox s'ouvre: [exemple](https://jsfiddle.net/zhiyang/ezmhq2ef).
+Le contenu de MessageBox peut être `VNode`, Vous permettant de passer des composants personnalisés. Lorsque vous ouvrer MessageBox, Vue compare le nouveau `VNode` avec l'ancien `VNode`, puis détermine comment rafraîchir efficacement l'UI, le composant peut donc ne pas être totalement re-rendu ([#8931](https://github.com/femessage/element/issues/8931)). Dans ce cas, Vous pouvez ajouter une clé unique à `VNode` à chaque fois que MessageBox s'ouvre: [exemple](https://jsfiddle.net/zhiyang/ezmhq2ef).
:::
### Utiliser du HTML
@@ -290,7 +290,7 @@ Si Element est importé entièrement, il ajoutera les méthodes suivantes à Vue
Si vous préférer importer `MessageBox` à la demande:
```javascript
-import { MessageBox } from 'element-ui';
+import { MessageBox } from '@femessage/element-ui';
```
Les méthodes correspondantes sont: `MessageBox`, `MessageBox.alert`, `MessageBox.confirm` et `MessageBox.prompt`. Les paramètres sont les mêmes que précédemment.
diff --git a/examples/docs/fr-FR/message.md b/examples/docs/fr-FR/message.md
index c723c661fee..e2e51713016 100644
--- a/examples/docs/fr-FR/message.md
+++ b/examples/docs/fr-FR/message.md
@@ -195,7 +195,7 @@ Element ajoute une méthode `$message` à Vue.prototype. Vous pouvez donc appele
Importez `Message`:
```javascript
-import { Message } from 'element-ui';
+import { Message } from '@femessage/element-ui';
```
Dans ce cas il faudra appeler `Message(options)`. Les méthodes des différents types sont aussi ajoutées, e.g. `Message.success(options)`. Vous pouvez appeler `Message.closeAll()` pour fermer manuellement toutes les instances.
diff --git a/examples/docs/fr-FR/notification.md b/examples/docs/fr-FR/notification.md
index 5e5e263174d..21f4ede62de 100644
--- a/examples/docs/fr-FR/notification.md
+++ b/examples/docs/fr-FR/notification.md
@@ -285,7 +285,7 @@ Element ajoute la méthode `$notify` à Vue.prototype. Vous pouvez donc appeler
Importez `Notification`:
```javascript
-import { Notification } from 'element-ui';
+import { Notification } from '@femessage/element-ui';
```
Dans ce cas vous devrez appeler `Notification(options)`. Il existe aussi des méthodes pour chaque type, e.g. `Notification.success(options)`. Vous pouvez appeler `Notification.closeAll()` pour fermer manuellement toutes les instances.
diff --git a/examples/docs/fr-FR/quickstart.md b/examples/docs/fr-FR/quickstart.md
index e6de633dcab..90df66d3a6e 100644
--- a/examples/docs/fr-FR/quickstart.md
+++ b/examples/docs/fr-FR/quickstart.md
@@ -22,8 +22,8 @@ Dans main.js:
```javascript
import Vue from 'vue';
-import ElementUI from 'element-ui';
-import 'element-ui/lib/theme-chalk/index.css';
+import ElementUI from '@femessage/element-ui';
+import '@femessage/element-ui/lib/theme-chalk/index.css';
import App from './App.vue';
Vue.use(ElementUI);
@@ -67,7 +67,7 @@ Ensuite, si vous n'avez besoin que de Button et Select, éditez main.js comme su
```javascript
import Vue from 'vue';
-import { Button, Select } from 'element-ui';
+import { Button, Select } from '@femessage/element-ui';
import App from './App.vue';
Vue.component(Button.name, Button);
@@ -83,7 +83,7 @@ new Vue({
});
```
-Exemple complet (liste complète des composants dans [components.json](https://github.com/ElemeFE/element/blob/master/components.json)):
+Exemple complet (liste complète des composants dans [components.json](https://github.com/femessage/element/blob/master/components.json)):
```javascript
import Vue from 'vue';
@@ -165,7 +165,7 @@ import {
MessageBox,
Message,
Notification
-} from 'element-ui';
+} from '@femessage/element-ui';
Vue.use(Pagination);
Vue.use(Dialog);
@@ -260,7 +260,7 @@ Import total d'Element：
```js
import Vue from 'vue';
-import Element from 'element-ui';
+import Element from '@femessage/element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });
```
@@ -268,7 +268,7 @@ Import partiel d'Element：
```js
import Vue from 'vue';
-import { Button } from 'element-ui';
+import { Button } from '@femessage/element-ui';
Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);
diff --git a/examples/docs/fr-FR/transition.md b/examples/docs/fr-FR/transition.md
index c97ec0e614e..60ea816d43f 100644
--- a/examples/docs/fr-FR/transition.md
+++ b/examples/docs/fr-FR/transition.md
@@ -146,9 +146,9 @@ Pour l'effet collapse, utilisez le composant `el-collapse-transition`.
```js
// fade/zoom
-import 'element-ui/lib/theme-chalk/base.css';
+import '@femessage/element-ui/lib/theme-chalk/base.css';
// collapse
-import CollapseTransition from 'element-ui/lib/transitions/collapse-transition';
+import CollapseTransition from '@femessage/element-ui/lib/transitions/collapse-transition';
import Vue from 'vue'
Vue.component(CollapseTransition.name, CollapseTransition)
diff --git a/examples/docs/zh-CN/custom-theme.md b/examples/docs/zh-CN/custom-theme.md
index 26454488b8e..c3579afae4f 100644
--- a/examples/docs/zh-CN/custom-theme.md
+++ b/examples/docs/zh-CN/custom-theme.md
@@ -20,15 +20,15 @@ Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS
$--color-primary: teal;
/* 改变 icon 字体路径变量，必需 */
-$--font-path: '~element-ui/lib/theme-chalk/fonts';
+$--font-path: '~@femessage/element-ui/lib/theme-chalk/fonts';
-@import "~element-ui/packages/theme-chalk/src/index";
+@import "~@femessage/element-ui/packages/theme-chalk/src/index";
```
之后，在项目的入口文件中，直接引入以上样式文件即可（无需引入 Element 编译好的 CSS 文件）：
```JS
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import './element-variables.scss'
Vue.use(Element)
@@ -44,7 +44,7 @@ Vue.use(Element)
```javascript
import '../theme/index.css'
-import ElementUI from 'element-ui'
+import ElementUI from '@femessage/element-ui'
import Vue from 'vue'
Vue.use(ElementUI)
diff --git a/examples/docs/zh-CN/i18n.md b/examples/docs/zh-CN/i18n.md
index 3397e3b41fc..31af7f4f1f4 100644
--- a/examples/docs/zh-CN/i18n.md
+++ b/examples/docs/zh-CN/i18n.md
@@ -5,8 +5,8 @@ Element 组件内部默认使用中文，若希望使用其他语言，则需要
```javascript
// 完整引入 Element
import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
+import ElementUI from '@femessage/element-ui'
+import locale from '@femessage/element-ui/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
```
@@ -16,9 +16,9 @@ Vue.use(ElementUI, { locale })
```javascript
// 按需引入 Element
import Vue from 'vue'
-import { Button, Select } from 'element-ui'
-import lang from 'element-ui/lib/locale/lang/en'
-import locale from 'element-ui/lib/locale'
+import { Button, Select } from '@femessage/element-ui'
+import lang from '@femessage/element-ui/lib/locale/lang/en'
+import locale from '@femessage/element-ui/lib/locale'
// 设置语言
locale.use(lang)
@@ -34,7 +34,7 @@ Vue.component(Select.name, Select)
```javascript
{
plugins: [
- new webpack.NormalModuleReplacementPlugin(/element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, 'element-ui/lib/locale/lang/en')
+ new webpack.NormalModuleReplacementPlugin(/@femessage[\/\\]element-ui[\/\\]lib[\/\\]locale[\/\\]lang[\/\\]zh-CN/, '@femessage/element-ui/lib/locale/lang/en')
]
}
```
@@ -46,9 +46,9 @@ Element 兼容 [vue-i18n@5.x](https://github.com/kazupon/vue-i18n)，搭配使
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
Vue.use(Element)
@@ -63,9 +63,9 @@ Vue.locale('en', enLocale)
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import Element from '@femessage/element-ui'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(Element, {
i18n: function (path, options) {
@@ -80,10 +80,10 @@ Vue.use(Element, {
```javascript
import Vue from 'vue'
-import Element from 'element-ui'
+import Element from '@femessage/element-ui'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
Vue.use(VueI18n)
@@ -117,9 +117,9 @@ import Vue from 'vue'
import DatePicker from 'element/lib/date-picker'
import VueI18n from 'vue-i18n'
-import enLocale from 'element-ui/lib/locale/lang/en'
-import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
-import ElementLocale from 'element-ui/lib/locale'
+import enLocale from '@femessage/element-ui/lib/locale/lang/en'
+import zhLocale from '@femessage/element-ui/lib/locale/lang/zh-CN'
+import ElementLocale from '@femessage/element-ui/lib/locale'
Vue.use(VueI18n)
Vue.use(DatePicker)
@@ -147,8 +147,8 @@ ElementLocale.i18n((key, value) => i18n.t(key, value))
```html
-
-
+
+
-
-
-
+
+
+