-
Notifications
You must be signed in to change notification settings - Fork 238
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 274e5da
Showing
224 changed files
with
35,445 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,43 @@ | ||
{ | ||
"presets": [ | ||
[ | ||
"env", | ||
{ | ||
"loose": true, | ||
"modules": false, | ||
"targets": { | ||
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"] | ||
} | ||
} | ||
], | ||
"stage-2" | ||
], | ||
"plugins": ["transform-vue-jsx"], | ||
"env": { | ||
"utils": { | ||
"presets": [ | ||
[ | ||
"env", | ||
{ | ||
"loose": true, | ||
"modules": "commonjs", | ||
"targets": { | ||
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"] | ||
} | ||
} | ||
], | ||
], | ||
"plugins": [ | ||
["module-resolver", { | ||
"root": ["pl-table"], | ||
"alias": { | ||
"pl-table/src": "pl-table/lib" | ||
} | ||
}] | ||
] | ||
}, | ||
"test": { | ||
"plugins": ["istanbul"] | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,11 @@ | ||
src/utils/popper.js | ||
src/utils/date.js | ||
examples/play | ||
*.sh | ||
node_modules | ||
lib | ||
coverage | ||
*.md | ||
*.scss | ||
*.woff | ||
*.ttf |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,43 @@ | ||
/** | ||
* Created By shli on 2018/8/29 | ||
*/ | ||
{ | ||
"globals": { | ||
"ga": true, | ||
"chrome": true | ||
}, | ||
"plugins": ["html", "json"], | ||
"extends": "elemefe", | ||
"rules": { | ||
"key-spacing": 0, | ||
"comma-dangle": 0, | ||
"no-unused-vars": 0, | ||
"spaced-comment": 0, | ||
"comma-spacing": 0, | ||
"keyword-spacing": 0, | ||
"space-before-blocks": 0, | ||
"space-infix-ops": 0, | ||
"radix": 0, | ||
"no-extend-native": 0, | ||
"brace-style": 0, | ||
"indent": 0, //缩进风格 | ||
"semi": 1, // 语句可以不需要分号结尾 | ||
"no-extra-parens": 1, // 非必要的括号 | ||
"no-empty": 1, // 块语句中的内容不能为空 | ||
"eqeqeq": 0, // 必须使用全等 | ||
"one-var": 0, // 连续声明 | ||
"no-undef": 0, // 可以 有未定义的变量 | ||
"space-before-function-paren": 1, // 函数定义时括号前面要不要有空格 | ||
"no-restricted-globals": ["error", "event", "fdescribe"], | ||
"no-return-assign": "off", | ||
"no-inner-declarations": [1, "functions"], | ||
"no-multi-spaces": 0, // 连续多个不用于缩进的空格通常是错误 | ||
"no-multiple-empty-lines": ["error", { "max": 2, "maxBOF": 1}] | ||
}, | ||
"parserOptions": { | ||
"ecmaVersion": 6, | ||
"ecmaFeatures": { | ||
"jsx": true | ||
} | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1 @@ | ||
test/**/*.js linguist-language=Vue |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
node_modules | ||
.DS_Store | ||
npm-debug.log | ||
yarn-debug.log | ||
yarn-error.log | ||
lerna-debug.log | ||
npm-debug.log.* | ||
yarn-debug.log.* | ||
yarn-error.log.* | ||
lerna-debug.log.* | ||
lib | ||
.idea | ||
.vscode | ||
examples/pl-table | ||
examples/pages/en-US | ||
examples/pages/zh-CN | ||
examples/pages/es | ||
examples/pages/fr-FR | ||
fe.element/pl-table | ||
.npmrc | ||
coverage | ||
waiter.config.js | ||
build/bin/algolia-key.js | ||
.envrc |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,12 @@ | ||
sudo: false | ||
language: node_js | ||
node_js: 10 | ||
addons: | ||
chrome: stable | ||
before_install: | ||
- export TRAVIS_COMMIT_MSG="[deploy] $(git log --format='%h - %B' --no-merges -n 1)" | ||
- export TRAVIS_COMMIT_USER="$(git log --no-merges -n 1 --format=%an)" | ||
- export TRAVIS_COMMIT_EMAIL="$(git log --no-merges -n 1 --format=%ae)" | ||
after_success: | ||
- sh build/deploy-ci.sh | ||
- cat ./test/unit/coverage/lcov.info | ./node_modules/.bin/coveralls |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,217 @@ | ||
## 常见问题 | ||
|
||
<details> | ||
<summary>给组件绑定的事件为什么无法触发?</summary> | ||
|
||
在 Vue 2.0 中,为**自定义**组件绑定**原生**事件必须使用 `.native` 修饰符: | ||
```html | ||
<my-component @click.native="handleClick">Click Me</my-component> | ||
``` | ||
|
||
从易用性的角度出发,我们对 `Button` 组件进行了处理,使它可以监听 `click` 事件: | ||
```html | ||
<el-button @click="handleButtonClick">Click Me</el-button> | ||
``` | ||
|
||
但是对于其他组件,还是需要添加 `.native` 修饰符。 | ||
</details> | ||
|
||
<details> | ||
<summary>如何在 Table 组件的每一行添加操作该行数据的按钮?</summary> | ||
|
||
使用 [Scoped slot](https://vuejs.org/v2/guide/components.html#Scoped-Slots) 即可: | ||
```html | ||
<el-table-column label="操作"> | ||
<template slot-scope="props"> | ||
<el-button @click.native="showDetail(props.row)">查看详情</el-button> | ||
</template> | ||
</el-table-column> | ||
``` | ||
参数 `row` 即为对应行的数据。 | ||
</details> | ||
|
||
<details> | ||
<summary>Tree 组件的 `render-content` 和 Table 组件的 `render-header` 怎么用?</summary> | ||
|
||
请阅读 Vue 文档 [Render Function](http://vuejs.org/v2/guide/render-function.html) 的相关内容。注意,使用 JSX 来写 Render Function 的话,需要安装 `babel-plugin-transform-vue-jsx`,并参照其[文档](https://github.com/vuejs/babel-plugin-transform-vue-jsx)进行配置。 | ||
</details> | ||
|
||
<details> | ||
<summary>所有组件的任意属性都支持 `.sync` 修饰符吗?</summary> | ||
|
||
不是。对于支持 `.sync` 修饰符的属性,我们会在文档的 API 表格中注明。更多 `.sync` 的用法请查看 [Vue 文档](https://vuejs.org/v2/guide/components.html#sync-Modifier)。 | ||
</details> | ||
|
||
<details> | ||
<summary>你们的文档怎么偷偷更新了?</summary> | ||
|
||
我们只会在 Element 发布新版本时同步更新文档,以体现最新的变化。详细的更新内容可以查看 [changelog](https://github.com/ElemeFE/element/blob/master/CHANGELOG.zh-CN.md)。 | ||
</details> | ||
|
||
<details> | ||
<summary>在项目中引入 Element,但是 CSS 报错/字体文件报错/组件没有样式是什么原因?</summary> | ||
|
||
请参考我们提供的 [starter kit](https://github.com/ElementUI/element-starter),在 webpack 的 loaders 中正确配置 file-loader、css-loader 和 style-loader。此外,我们还提供了基于 [cooking](https://github.com/ElementUI/element-cooking-starter) 和 [laravel](https://github.com/ElementUI/element-in-laravel-starter) 的项目模板。 | ||
</details> | ||
|
||
<details> | ||
<summary>将 Element 克隆至本地,运行时为何会报错/跑不起来?</summary> | ||
|
||
首先,确保克隆的是 master 分支的最新代码,并且文件完整。其次,确保本地的 node 版本在 4.0 以上,npm 版本在 3.0 以上。最后,可以启动开发环境: | ||
|
||
```bash | ||
npm run dev | ||
``` | ||
|
||
或是直接打包: | ||
|
||
```bash | ||
npm run dist | ||
``` | ||
</details> | ||
|
||
## FAQ | ||
|
||
<details> | ||
<summary>Why are my event listeners not working?</summary> | ||
|
||
In Vue 2.0, adding **native** event handlers in **custom** components requires a `.native` modifier: | ||
```html | ||
<my-component @click.native="handleClick">Click Me</my-component> | ||
``` | ||
|
||
For the sake of usability, we processed `Button` so it can listen to `click` events: | ||
```html | ||
<el-button @click="handleButtonClick">Click Me</el-button> | ||
``` | ||
|
||
For other components, the `.native` modifier is still mandatory. | ||
</details> | ||
|
||
<details> | ||
<summary>How do I add buttons in each row of Table to operate data of that row?</summary> | ||
|
||
Just use [Scoped slot](https://vuejs.org/v2/guide/components.html#Scoped-Slots): | ||
```html | ||
<el-table-column label="Operations"> | ||
<template slot-scope="props"> | ||
<el-button @click.native="showDetail(props.row)">Details</el-button> | ||
</template> | ||
</el-table-column> | ||
``` | ||
The parameter `row` is the data object of corresponding row. | ||
</details> | ||
|
||
<details> | ||
<summary>How do `render-content` of Tree and `render-header` of Table work?</summary> | ||
|
||
Please refer to [Render Function](http://vuejs.org/v2/guide/render-function.html) in Vue's documentation. In addition, if you are writing render functions with JSX, `babel-plugin-transform-vue-jsx` is required. See [here](https://github.com/vuejs/babel-plugin-transform-vue-jsx) for its configurations. | ||
</details> | ||
|
||
<details> | ||
<summary>Can I use `.sync` modifier on every attribute?</summary> | ||
|
||
No, only a few attributes supports the `.sync` modifier, and we have explicitly marked them on the documentation's API table. For more information about `.sync`, please refer to [Vue documentation](https://vuejs.org/v2/guide/components.html#sync-Modifier). | ||
</details> | ||
|
||
<details> | ||
<summary>When do you update documentations of Element?</summary> | ||
|
||
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)。 | ||
</details> | ||
|
||
<details> | ||
<summary>I imported Element in my project, but why does it report CSS error/font file error/components have no style?</summary> | ||
|
||
Please refer to our [starter kit](https://github.com/ElementUI/element-starter) and correctly configure file-loader, css-loader and style-loader in webpack config file. Besides, we also provide templated based on [cooking](https://github.com/ElementUI/element-cooking-starter) and [laravel](https://github.com/ElementUI/element-in-laravel-starter). | ||
</details> | ||
|
||
<details> | ||
<summary>I cloned Element's repo, but failed to run it. How do I solve it?</summary> | ||
|
||
First, please make sure to clone the latest code in master branch and cloned files are intact. Then, note that the version of Nodejs should be 4.0+ and npm 3.0+. Finally, activate development: | ||
|
||
```bash | ||
npm run dev | ||
``` | ||
|
||
or build it: | ||
|
||
```bash | ||
npm run dist | ||
``` | ||
</details> | ||
|
||
## Preguntas más frecuentes | ||
|
||
<details> | ||
<summary>¿Porque mis receptores de eventos no funcionan?</summary> | ||
|
||
En Vue 2.0, agregando **nativos** receptores de evento **a medida** componentes requiere el modificador `.native`: | ||
``` | ||
html | ||
<mi-componente @click.native="handleClick">Haga Clic Aquí</mi-componente> | ||
``` | ||
|
||
Para conveniencia, hemos ya procesado eventos para el componente `Button` para que el interfaz sea consistente con `clic` eventos de otros componentes: | ||
|
||
```html | ||
<el-button @click="handleButtonClick">Haga Clic Aquí</el-button> | ||
``` | ||
|
||
Para otros componentes el uso del modificador `.native` sigue siendo obligatorio. | ||
</details> | ||
|
||
<details> | ||
<summary>¿Como agrego botones en cada linea de una tabla para que operen en los datos de esa linea?</summary> | ||
|
||
Simplemente agregue [“Scoped slot”](https://vuejs.org/v2/guide/components.html#Scoped-Slots): | ||
```html | ||
<el-table-column label="Operaciones"> | ||
<template slot-scope="props"> | ||
<el-button @click.native="verDetalles(props.row)">Detalles</el-button> | ||
</template> | ||
</el-table-column> | ||
``` | ||
El parámetro `row` contiene los datos de la linea correspondiente de la tabla. | ||
</details> | ||
|
||
<details> | ||
<summary>¿Como funcionan `render-content` de `Tree` y `render-header` de `Table`?</summary> | ||
|
||
Por favor refiérase a [Función de representación](http://vuejs.org/v2/guide/render-function.html) en la documentación de `Vue`. Adicionalmente, sí usted está escribiendo funciones de representar con JSX, se requiere el componente `babel-plugin-transform-vue-jsx`. Más información [aquí](https://github.com/vuejs/babel-plugin-transform-vue-jsx) para su uso y configuración. | ||
</details> | ||
|
||
<details> | ||
<summary>¿Puedo usar el modificador `.sync` con cada atributo?</summary> | ||
|
||
No, solamente un grupo pequeño de atributos apoyan el modificador `.sync`, y están anotados claramente en la documentación del IPA. Para información adicional sobre `.sync`, por favor refiérase a [documentación de Vue](https://vuejs.org/v2/guide/components.html#sync-Modifier). | ||
</details> | ||
|
||
<details> | ||
<summary>¿Cuando añaden a la documentación de `Element`?</summary> | ||
|
||
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). | ||
</details> | ||
|
||
<details> | ||
<summary>¿Importé `Element` a mi proyecto pero tengo errores con `CSS` y/o fuentes y mis componentes no tienen ningún estilo?</summary> | ||
|
||
Refiérase a [nuestro ‘kit’ de inicio](https://github.com/ElementUI/element-starter) y configure correctamente `file-loader`, `css-loader` y `style-loader` en el archivo `webpack config`. Además, proveemos un ejemplar para [cooking](https://github.com/ElementUI/element-cooking-starter) y para [laravel](https://github.com/ElementUI/element-in-laravel-starter). | ||
</details> | ||
|
||
<details> | ||
<summary>Hice un clon del repositorio de `Element` pero no arranca. ¿Como lo resuelvo?</summary> | ||
|
||
Primero, pro favor, asegúrese de usar la versión más corriente en la rama `master` y que los archivos están en orden. Después, revise sí la versión de `Nodejs` es 4.0+ y `npm` debe ser 3.0+. Finalmente active el modo desarrollo: | ||
|
||
```bash | ||
npm run dev | ||
``` | ||
|
||
O arme su aplicación así: | ||
|
||
```bash | ||
npm run dist | ||
``` | ||
</details> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
The MIT License (MIT) | ||
|
||
Copyright (c) 2016-present ElemeFE | ||
|
||
Permission is hereby granted, free of charge, to any person obtaining a copy | ||
of this software and associated documentation files (the "Software"), to deal | ||
in the Software without restriction, including without limitation the rights | ||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
copies of the Software, and to permit persons to whom the Software is | ||
furnished to do so, subject to the following conditions: | ||
|
||
The above copyright notice and this permission notice shall be included in all | ||
copies or substantial portions of the Software. | ||
|
||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
SOFTWARE. |
Oops, something went wrong.