Commit 644c37b3b358e975d15a157d0be3a1b5cf5c92cf
1 parent
a9131058
update License
不想为这些事发生争执,我只想做开源
Showing
6 changed files
with
168 additions
and
42 deletions
Show diff stats
CHANGE.md
@@ -55,4 +55,6 @@ visible 改为 value,使用 v-model,style 改为 styles,$Modal çš„å…³é—æœ | @@ -55,4 +55,6 @@ visible 改为 value,使用 v-model,style 改为 styles,$Modal çš„å…³é—æœ | ||
55 | i-table 改为 Table | 55 | i-table 改为 Table |
56 | ### Message | 56 | ### Message |
57 | notice.vue 的 key 改为了 name,style 改为 styles | 57 | notice.vue 的 key 改为了 name,style 改为 styles |
58 | -notification.vue 的 key 改为了 name,style 改为 styles | ||
59 | \ No newline at end of file | 58 | \ No newline at end of file |
59 | +notification.vue 的 key 改为了 name,style 改为 styles | ||
60 | +## Popper | ||
61 | +移除了 visible,使用 value å—æŽ§ï¼Œå¯èƒ½æ¶‰åŠåˆ°çš„组件:Poptipã€Tooltip | ||
60 | \ No newline at end of file | 62 | \ No newline at end of file |
LICENSE
1 | The MIT License (MIT) | 1 | The MIT License (MIT) |
2 | 2 | ||
3 | -Copyright (c) 2016 iview | 3 | +Copyright (c) 2016 iView |
4 | 4 | ||
5 | Permission is hereby granted, free of charge, to any person obtaining a copy | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy |
6 | of this software and associated documentation files (the "Software"), to deal | 6 | of this software and associated documentation files (the "Software"), to deal |
@@ -19,3 +19,25 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | @@ -19,3 +19,25 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
21 | SOFTWARE. | 21 | SOFTWARE. |
22 | + | ||
23 | +The MIT License (MIT) | ||
24 | + | ||
25 | +Copyright (c) 2016 ElemeFE | ||
26 | + | ||
27 | +Permission is hereby granted, free of charge, to any person obtaining a copy | ||
28 | +of this software and associated documentation files (the "Software"), to deal | ||
29 | +in the Software without restriction, including without limitation the rights | ||
30 | +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
31 | +copies of the Software, and to permit persons to whom the Software is | ||
32 | +furnished to do so, subject to the following conditions: | ||
33 | + | ||
34 | +The above copyright notice and this permission notice shall be included in all | ||
35 | +copies or substantial portions of the Software. | ||
36 | + | ||
37 | +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
38 | +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
39 | +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
40 | +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
41 | +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
42 | +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE | ||
43 | +SOFTWARE. | ||
22 | \ No newline at end of file | 44 | \ No newline at end of file |
README.md
@@ -82,3 +82,11 @@ Normal browsers and Internet Explorer 9+. | @@ -82,3 +82,11 @@ Normal browsers and Internet Explorer 9+. | ||
82 | - [Webpack](https://github.com/webpack/webpack) | 82 | - [Webpack](https://github.com/webpack/webpack) |
83 | - [ionicons](https://github.com/driftyco/ionicons) | 83 | - [ionicons](https://github.com/driftyco/ionicons) |
84 | - [Ant Design](https://github.com/ant-design/ant-design) | 84 | - [Ant Design](https://github.com/ant-design/ant-design) |
85 | + | ||
86 | +## Related open source projects | ||
87 | +In iView, Some of the components and style codes refer to the following projects: | ||
88 | +- [AntDesign](https://github.com/ant-design/ant-design) | ||
89 | +- [Element](https://github.com/ElemeFE/element) | ||
90 | +- [vue-antd](https://github.com/okoala/vue-antd) | ||
91 | +- [vue-beauty](https://github.com/FE-Driver/vue-beauty) | ||
92 | +- [Vux](https://github.com/airyland/vux) | ||
85 | \ No newline at end of file | 93 | \ No newline at end of file |
examples/routers/select.vue
@@ -210,7 +210,7 @@ | @@ -210,7 +210,7 @@ | ||
210 | </i-col> | 210 | </i-col> |
211 | <i-col span="12"> | 211 | <i-col span="12"> |
212 | <Select v-model="model12" filterable multiple> | 212 | <Select v-model="model12" filterable multiple> |
213 | - <i-option v-for="item in cityList" :value="item.value">{{ item.label }}</i-option> | 213 | + <i-option v-for="item in cityList" :key="item" :value="item.value">{{ item.label }}</i-option> |
214 | </Select> | 214 | </Select> |
215 | </i-col> | 215 | </i-col> |
216 | </Row> | 216 | </Row> |
examples/routers/table.vue
1 | +<!--<template>--> | ||
2 | + <!--<Card>--> | ||
3 | + <!--<Table border :content="self" :columns="columns7" :data="data6"></Table>--> | ||
4 | + <!--</Card>--> | ||
5 | +<!--</template>--> | ||
6 | +<!--<script>--> | ||
7 | + <!--export default {--> | ||
8 | + <!--data () {--> | ||
9 | + <!--return {--> | ||
10 | + <!--self: this,--> | ||
11 | + <!--columns7: [--> | ||
12 | + <!--{--> | ||
13 | + <!--title: '姓名',--> | ||
14 | + <!--key: 'name',--> | ||
15 | + <!--render (row, column, index) {--> | ||
16 | + <!--return `<Icon type="person"></Icon> <strong>${row.name}</strong>`;--> | ||
17 | + <!--}--> | ||
18 | + <!--},--> | ||
19 | + <!--{--> | ||
20 | + <!--title: '年龄',--> | ||
21 | + <!--key: 'age'--> | ||
22 | + <!--},--> | ||
23 | + <!--{--> | ||
24 | + <!--title: '地址',--> | ||
25 | + <!--key: 'address'--> | ||
26 | + <!--},--> | ||
27 | + <!--{--> | ||
28 | + <!--title: '操作',--> | ||
29 | + <!--key: 'action',--> | ||
30 | + <!--width: 150,--> | ||
31 | + <!--align: 'center',--> | ||
32 | + <!--render (row, column, index) {--> | ||
33 | + <!--return `<i-button type="primary" size="small" @click.native="show(${index})">查看</i-button> <i-button type="error" size="small" @click.native="remove(${index})">删除</i-button>`;--> | ||
34 | + <!--}--> | ||
35 | + <!--}--> | ||
36 | + <!--],--> | ||
37 | + <!--data6: [--> | ||
38 | + <!--{--> | ||
39 | + <!--name: '王小明',--> | ||
40 | + <!--age: 18,--> | ||
41 | + <!--address: '北京市朝阳区芍药居'--> | ||
42 | + <!--},--> | ||
43 | + <!--{--> | ||
44 | + <!--name: '张小刚',--> | ||
45 | + <!--age: 25,--> | ||
46 | + <!--address: '北京市海淀区西二旗'--> | ||
47 | + <!--},--> | ||
48 | + <!--{--> | ||
49 | + <!--name: '李小红',--> | ||
50 | + <!--age: 30,--> | ||
51 | + <!--address: '上海市浦东新区世纪大道'--> | ||
52 | + <!--},--> | ||
53 | + <!--{--> | ||
54 | + <!--name: '周小伟',--> | ||
55 | + <!--age: 26,--> | ||
56 | + <!--address: '深圳市南山区深南大道'--> | ||
57 | + <!--}--> | ||
58 | + <!--]--> | ||
59 | + <!--}--> | ||
60 | + <!--},--> | ||
61 | + <!--methods: {--> | ||
62 | + <!--show (index) {--> | ||
63 | + <!--console.log(`姓名:${this.data6[index].name}<br>年龄:${this.data6[index].age}<br>地址:${this.data6[index].address}`)--> | ||
64 | + <!--},--> | ||
65 | + <!--remove (index) {--> | ||
66 | + <!--this.data6.splice(index, 1);--> | ||
67 | + <!--}--> | ||
68 | + <!--},--> | ||
69 | + <!--mounted () {--> | ||
70 | + <!--setTimeout(() => {--> | ||
71 | +<!--// this.data6.splice(2, 1);--> | ||
72 | + <!--}, 3000)--> | ||
73 | + <!--}--> | ||
74 | + <!--}--> | ||
75 | +<!--</script>--> | ||
76 | + | ||
77 | + | ||
1 | <template> | 78 | <template> |
2 | - <Card> | ||
3 | - <Table border :content="self" :columns="columns7" :data="data6"></Table> | ||
4 | - </Card> | 79 | + <div> |
80 | + <i-table border :columns="columns6" :data="data5"></i-table> | ||
81 | + </div> | ||
5 | </template> | 82 | </template> |
6 | <script> | 83 | <script> |
7 | export default { | 84 | export default { |
8 | data () { | 85 | data () { |
9 | return { | 86 | return { |
10 | - self: this, | ||
11 | - columns7: [ | 87 | + columns6: [ |
88 | + { | ||
89 | + title: '日期', | ||
90 | + key: 'date' | ||
91 | + }, | ||
12 | { | 92 | { |
13 | title: '姓名', | 93 | title: '姓名', |
14 | - key: 'name', | ||
15 | - render (row, column, index) { | ||
16 | - return `<Icon type="person"></Icon> <strong>${row.name}</strong>`; | ||
17 | - } | 94 | + key: 'name' |
18 | }, | 95 | }, |
19 | { | 96 | { |
20 | title: '年龄', | 97 | title: '年龄', |
21 | - key: 'age' | 98 | + key: 'age', |
99 | + filters: [ | ||
100 | + { | ||
101 | + label: '大于25岁', | ||
102 | + value: 1 | ||
103 | + }, | ||
104 | + { | ||
105 | + label: '小于25岁', | ||
106 | + value: 2 | ||
107 | + } | ||
108 | + ], | ||
109 | + filterMultiple: false, | ||
110 | + filterMethod (value, row) { | ||
111 | + if (value === 1) { | ||
112 | + return row.age > 25; | ||
113 | + } else if (value === 2) { | ||
114 | + return row.age < 25; | ||
115 | + } | ||
116 | + } | ||
22 | }, | 117 | }, |
23 | { | 118 | { |
24 | title: '地址', | 119 | title: '地址', |
25 | - key: 'address' | ||
26 | - }, | ||
27 | - { | ||
28 | - title: '操作', | ||
29 | - key: 'action', | ||
30 | - width: 150, | ||
31 | - align: 'center', | ||
32 | - render (row, column, index) { | ||
33 | - return `<i-button type="primary" size="small" @click.native="show(${index})">查看</i-button> <i-button type="error" size="small" @click.native="remove(${index})">删除</i-button>`; | 120 | + key: 'address', |
121 | + filters: [ | ||
122 | + { | ||
123 | + label: '北京', | ||
124 | + value: '北京' | ||
125 | + }, | ||
126 | + { | ||
127 | + label: '上海', | ||
128 | + value: '上海' | ||
129 | + }, | ||
130 | + { | ||
131 | + label: '深圳', | ||
132 | + value: '深圳' | ||
133 | + } | ||
134 | + ], | ||
135 | + filterMethod (value, row) { | ||
136 | + return row.address.indexOf(value) > -1; | ||
34 | } | 137 | } |
35 | } | 138 | } |
36 | ], | 139 | ], |
37 | - data6: [ | 140 | + data5: [ |
38 | { | 141 | { |
39 | name: '王小明', | 142 | name: '王小明', |
40 | age: 18, | 143 | age: 18, |
41 | - address: '北京市朝阳区芍药居' | 144 | + address: '北京市朝阳区芍药居', |
145 | + date: '2016-10-03' | ||
42 | }, | 146 | }, |
43 | { | 147 | { |
44 | name: '张小刚', | 148 | name: '张小刚', |
45 | age: 25, | 149 | age: 25, |
46 | - address: '北京市海淀区西二旗' | 150 | + address: '北京市海淀区西二旗', |
151 | + date: '2016-10-01' | ||
47 | }, | 152 | }, |
48 | { | 153 | { |
49 | name: '李小红', | 154 | name: '李小红', |
50 | age: 30, | 155 | age: 30, |
51 | - address: '上海市浦东新区世纪大道' | 156 | + address: '上海市浦东新区世纪大道', |
157 | + date: '2016-10-02' | ||
52 | }, | 158 | }, |
53 | { | 159 | { |
54 | name: '周小伟', | 160 | name: '周小伟', |
55 | age: 26, | 161 | age: 26, |
56 | - address: '深圳市南山区深南大道' | 162 | + address: '深圳市南山区深南大道', |
163 | + date: '2016-10-04' | ||
57 | } | 164 | } |
58 | ] | 165 | ] |
59 | } | 166 | } |
60 | - }, | ||
61 | - methods: { | ||
62 | - show (index) { | ||
63 | - console.log(`姓名:${this.data6[index].name}<br>年龄:${this.data6[index].age}<br>地址:${this.data6[index].address}`) | ||
64 | - }, | ||
65 | - remove (index) { | ||
66 | - this.data6.splice(index, 1); | ||
67 | - } | ||
68 | - }, | ||
69 | - mounted () { | ||
70 | - setTimeout(() => { | ||
71 | -// this.data6.splice(2, 1); | ||
72 | - }, 3000) | ||
73 | } | 167 | } |
74 | } | 168 | } |
75 | </script> | 169 | </script> |
src/components/table/table-head.vue
@@ -16,7 +16,7 @@ | @@ -16,7 +16,7 @@ | ||
16 | </span> | 16 | </span> |
17 | <Poptip | 17 | <Poptip |
18 | v-if="isPopperShow(column)" | 18 | v-if="isPopperShow(column)" |
19 | - :visible="column._filterVisible" | 19 | + v-model="column._filterVisible" |
20 | placement="bottom" | 20 | placement="bottom" |
21 | @on-popper-hide="handleFilterHide(index)"> | 21 | @on-popper-hide="handleFilterHide(index)"> |
22 | <span :class="[prefixCls + '-filter']"> | 22 | <span :class="[prefixCls + '-filter']"> |
@@ -25,7 +25,7 @@ | @@ -25,7 +25,7 @@ | ||
25 | <div slot="content" :class="[prefixCls + '-filter-list']" v-if="column._filterMultiple"> | 25 | <div slot="content" :class="[prefixCls + '-filter-list']" v-if="column._filterMultiple"> |
26 | <div :class="[prefixCls + '-filter-list-item']"> | 26 | <div :class="[prefixCls + '-filter-list-item']"> |
27 | <checkbox-group v-model="column._filterChecked"> | 27 | <checkbox-group v-model="column._filterChecked"> |
28 | - <checkbox v-for="item in column.filters" :value="item.value">{{ item.label }}</checkbox> | 28 | + <checkbox v-for="item in column.filters" :key="item" :label="item.value">{{ item.label }}</checkbox> |
29 | </checkbox-group> | 29 | </checkbox-group> |
30 | </div> | 30 | </div> |
31 | <div :class="[prefixCls + '-filter-footer']"> | 31 | <div :class="[prefixCls + '-filter-footer']"> |