Commit 7737645142209c67bd25843b755a6210874bbe58
1 parent
9c529885
fixed #3568
#3402
Showing
10 changed files
with
468 additions
and
157 deletions
Show diff stats
examples/routers/button.vue
| 1 | +<style> | ||
| 2 | + @font-face { | ||
| 3 | + font-family: "iconfont"; | ||
| 4 | + src: url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'); | ||
| 5 | + } | ||
| 6 | + .i-icon { | ||
| 7 | + display: inline-block; | ||
| 8 | + font-family: 'iconfont'; | ||
| 9 | + speak: none; | ||
| 10 | + font-style: normal; | ||
| 11 | + font-weight: normal; | ||
| 12 | + font-variant: normal; | ||
| 13 | + text-transform: none; | ||
| 14 | + text-rendering: auto; | ||
| 15 | + line-height: 1; | ||
| 16 | + -webkit-font-smoothing: antialiased; | ||
| 17 | + -moz-osx-font-smoothing: grayscale; | ||
| 18 | + vertical-align: middle; | ||
| 19 | + } | ||
| 20 | + .i-icon-accessory:before { content: "\e6dd"; } | ||
| 21 | + | ||
| 22 | + .i-icon-activity:before { content: "\e6de"; } | ||
| 23 | + | ||
| 24 | + .i-icon-activity_fill:before { content: "\e6df"; } | ||
| 25 | + | ||
| 26 | + .i-icon-add:before { content: "\e6e0"; } | ||
| 27 | + | ||
| 28 | + .i-icon-addressbook_fill:before { content: "\e6e2"; } | ||
| 29 | + | ||
| 30 | + .i-icon-addressbook:before { content: "\e6e3"; } | ||
| 31 | + | ||
| 32 | + .i-icon-barrage_fill:before { content: "\e6e4"; } | ||
| 33 | + | ||
| 34 | + .i-icon-barrage:before { content: "\e6e5"; } | ||
| 35 | + | ||
| 36 | + .i-icon-browse_fill:before { content: "\e6e6"; } | ||
| 37 | + | ||
| 38 | + .i-icon-browse:before { content: "\e6e7"; } | ||
| 39 | + | ||
| 40 | + .i-icon-brush:before { content: "\e6e8"; } | ||
| 41 | + | ||
| 42 | + .i-icon-brush_fill:before { content: "\e6e9"; } | ||
| 43 | + | ||
| 44 | + .i-icon-businesscard_fill:before { content: "\e6ea"; } | ||
| 45 | + | ||
| 46 | + .i-icon-businesscard:before { content: "\e6eb"; } | ||
| 47 | + | ||
| 48 | + .i-icon-camera_fill:before { content: "\e6ec"; } | ||
| 49 | + | ||
| 50 | + .i-icon-camera:before { content: "\e6ed"; } | ||
| 51 | + | ||
| 52 | + .i-icon-clock_fill:before { content: "\e6ee"; } | ||
| 53 | + | ||
| 54 | + .i-icon-clock:before { content: "\e6ef"; } | ||
| 55 | + | ||
| 56 | + .i-icon-close:before { content: "\e6f0"; } | ||
| 57 | + | ||
| 58 | + .i-icon-collection_fill:before { content: "\e6f1"; } | ||
| 59 | + | ||
| 60 | + .i-icon-collection:before { content: "\e6f2"; } | ||
| 61 | + | ||
| 62 | + .i-icon-computer_fill:before { content: "\e6f3"; } | ||
| 63 | + | ||
| 64 | + .i-icon-computer:before { content: "\e6f4"; } | ||
| 65 | + | ||
| 66 | + .i-icon-coordinates_fill:before { content: "\e6f5"; } | ||
| 67 | + | ||
| 68 | + .i-icon-coordinates:before { content: "\e6f6"; } | ||
| 69 | + | ||
| 70 | + .i-icon-coupons_fill:before { content: "\e6f7"; } | ||
| 71 | + | ||
| 72 | + .i-icon-coupons:before { content: "\e6f8"; } | ||
| 73 | + | ||
| 74 | + .i-icon-createtask_fill:before { content: "\e6f9"; } | ||
| 75 | + | ||
| 76 | + .i-icon-createtask:before { content: "\e6fa"; } | ||
| 77 | + | ||
| 78 | + .i-icon-customerservice_fill:before { content: "\e6fb"; } | ||
| 79 | + | ||
| 80 | + .i-icon-customerservice:before { content: "\e6fc"; } | ||
| 81 | + | ||
| 82 | + .i-icon-delete_fill:before { content: "\e6fd"; } | ||
| 83 | + | ||
| 84 | + .i-icon-delete:before { content: "\e6fe"; } | ||
| 85 | + | ||
| 86 | + .i-icon-document:before { content: "\e6ff"; } | ||
| 87 | + | ||
| 88 | + .i-icon-document_fill:before { content: "\e700"; } | ||
| 89 | + | ||
| 90 | + .i-icon-dynamic_fill:before { content: "\e701"; } | ||
| 91 | + | ||
| 92 | + .i-icon-dynamic:before { content: "\e702"; } | ||
| 93 | + | ||
| 94 | + .i-icon-editor:before { content: "\e703"; } | ||
| 95 | + | ||
| 96 | + .i-icon-eit:before { content: "\e704"; } | ||
| 97 | + | ||
| 98 | + .i-icon-emoji_fill:before { content: "\e705"; } | ||
| 99 | + | ||
| 100 | + .i-icon-emoji:before { content: "\e706"; } | ||
| 101 | + | ||
| 102 | + .i-icon-enter:before { content: "\e707"; } | ||
| 103 | + | ||
| 104 | + .i-icon-enterinto:before { content: "\e708"; } | ||
| 105 | + | ||
| 106 | + .i-icon-enterinto_fill:before { content: "\e709"; } | ||
| 107 | + | ||
| 108 | + .i-icon-feedback_fill:before { content: "\e70a"; } | ||
| 109 | + | ||
| 110 | + .i-icon-feedback:before { content: "\e70b"; } | ||
| 111 | + | ||
| 112 | + .i-icon-flag_fill:before { content: "\e70c"; } | ||
| 113 | + | ||
| 114 | + .i-icon-flag:before { content: "\e70d"; } | ||
| 115 | + | ||
| 116 | + .i-icon-flashlight:before { content: "\e70e"; } | ||
| 117 | + | ||
| 118 | + .i-icon-flashlight_fill:before { content: "\e70f"; } | ||
| 119 | + | ||
| 120 | + .i-icon-fullscreen:before { content: "\e710"; } | ||
| 121 | + | ||
| 122 | + .i-icon-group:before { content: "\e711"; } | ||
| 123 | + | ||
| 124 | + .i-icon-group_fill:before { content: "\e712"; } | ||
| 125 | + | ||
| 126 | + .i-icon-homepage_fill:before { content: "\e713"; } | ||
| 127 | + | ||
| 128 | + .i-icon-homepage:before { content: "\e714"; } | ||
| 129 | + | ||
| 130 | + .i-icon-integral_fill:before { content: "\e715"; } | ||
| 131 | + | ||
| 132 | + .i-icon-integral:before { content: "\e716"; } | ||
| 133 | + | ||
| 134 | + .i-icon-interactive_fill:before { content: "\e717"; } | ||
| 135 | + | ||
| 136 | + .i-icon-interactive:before { content: "\e718"; } | ||
| 137 | + | ||
| 138 | + .i-icon-keyboard:before { content: "\e719"; } | ||
| 139 | + | ||
| 140 | + .i-icon-label:before { content: "\e71a"; } | ||
| 141 | + | ||
| 142 | + .i-icon-label_fill:before { content: "\e71b"; } | ||
| 143 | + | ||
| 144 | + .i-icon-like_fill:before { content: "\e71c"; } | ||
| 145 | + | ||
| 146 | + .i-icon-like:before { content: "\e71d"; } | ||
| 147 | + | ||
| 148 | + .i-icon-live_fill:before { content: "\e71e"; } | ||
| 149 | + | ||
| 150 | + .i-icon-live:before { content: "\e71f"; } | ||
| 151 | + | ||
| 152 | + .i-icon-lock_fill:before { content: "\e720"; } | ||
| 153 | + | ||
| 154 | + .i-icon-lock:before { content: "\e721"; } | ||
| 155 | + | ||
| 156 | + .i-icon-mail:before { content: "\e722"; } | ||
| 157 | + | ||
| 158 | + .i-icon-mail_fill:before { content: "\e723"; } | ||
| 159 | + | ||
| 160 | + .i-icon-message:before { content: "\e724"; } | ||
| 161 | + | ||
| 162 | + .i-icon-message_fill:before { content: "\e725"; } | ||
| 163 | + | ||
| 164 | + .i-icon-mine:before { content: "\e726"; } | ||
| 165 | + | ||
| 166 | + .i-icon-mine_fill:before { content: "\e727"; } | ||
| 167 | + | ||
| 168 | + .i-icon-mobilephone_fill:before { content: "\e728"; } | ||
| 169 | + | ||
| 170 | + .i-icon-mobilephone:before { content: "\e729"; } | ||
| 171 | + | ||
| 172 | + .i-icon-more:before { content: "\e72a"; } | ||
| 173 | + | ||
| 174 | + .i-icon-narrow:before { content: "\e72b"; } | ||
| 175 | + | ||
| 176 | + .i-icon-offline_fill:before { content: "\e72c"; } | ||
| 177 | + | ||
| 178 | + .i-icon-offline:before { content: "\e72d"; } | ||
| 179 | + | ||
| 180 | + .i-icon-other:before { content: "\e72e"; } | ||
| 181 | + | ||
| 182 | + .i-icon-picture_fill:before { content: "\e72f"; } | ||
| 183 | + | ||
| 184 | + .i-icon-picture:before { content: "\e730"; } | ||
| 185 | + | ||
| 186 | + .i-icon-play:before { content: "\e731"; } | ||
| 187 | + | ||
| 188 | + .i-icon-play_fill:before { content: "\e732"; } | ||
| 189 | + | ||
| 190 | + .i-icon-playon_fill:before { content: "\e733"; } | ||
| 191 | + | ||
| 192 | + .i-icon-playon:before { content: "\e734"; } | ||
| 193 | + | ||
| 194 | + .i-icon-praise_fill:before { content: "\e735"; } | ||
| 195 | + | ||
| 196 | + .i-icon-praise:before { content: "\e736"; } | ||
| 197 | + | ||
| 198 | + .i-icon-prompt_fill:before { content: "\e737"; } | ||
| 199 | + | ||
| 200 | + .i-icon-prompt:before { content: "\e738"; } | ||
| 201 | + | ||
| 202 | + .i-icon-redpacket_fill:before { content: "\e739"; } | ||
| 203 | + | ||
| 204 | + .i-icon-redpacket:before { content: "\e73a"; } | ||
| 205 | + | ||
| 206 | + .i-icon-refresh:before { content: "\e73b"; } | ||
| 207 | + | ||
| 208 | + .i-icon-remind_fill:before { content: "\e73c"; } | ||
| 209 | + | ||
| 210 | + .i-icon-remind:before { content: "\e73d"; } | ||
| 211 | + | ||
| 212 | + .i-icon-return:before { content: "\e73e"; } | ||
| 213 | + | ||
| 214 | + .i-icon-right:before { content: "\e73f"; } | ||
| 215 | + | ||
| 216 | + .i-icon-scan:before { content: "\e740"; } | ||
| 217 | + | ||
| 218 | + .i-icon-send:before { content: "\e741"; } | ||
| 219 | + | ||
| 220 | + .i-icon-service_fill:before { content: "\e742"; } | ||
| 221 | + | ||
| 222 | + .i-icon-service:before { content: "\e743"; } | ||
| 223 | + | ||
| 224 | + .i-icon-setup_fill:before { content: "\e744"; } | ||
| 225 | + | ||
| 226 | + .i-icon-setup:before { content: "\e745"; } | ||
| 227 | + | ||
| 228 | + .i-icon-share_fill:before { content: "\e746"; } | ||
| 229 | + | ||
| 230 | + .i-icon-share:before { content: "\e747"; } | ||
| 231 | + | ||
| 232 | + .i-icon-success_fill:before { content: "\e748"; } | ||
| 233 | + | ||
| 234 | + .i-icon-success:before { content: "\e749"; } | ||
| 235 | + | ||
| 236 | + .i-icon-suspend:before { content: "\e74a"; } | ||
| 237 | + | ||
| 238 | + .i-icon-switch:before { content: "\e74b"; } | ||
| 239 | + | ||
| 240 | + .i-icon-systemprompt_fill:before { content: "\e74c"; } | ||
| 241 | + | ||
| 242 | + .i-icon-systemprompt:before { content: "\e74d"; } | ||
| 243 | + | ||
| 244 | + .i-icon-tailor:before { content: "\e74e"; } | ||
| 245 | + | ||
| 246 | + .i-icon-task:before { content: "\e74f"; } | ||
| 247 | + | ||
| 248 | + .i-icon-task_fill:before { content: "\e750"; } | ||
| 249 | + | ||
| 250 | + .i-icon-tasklist_fill:before { content: "\e751"; } | ||
| 251 | + | ||
| 252 | + .i-icon-tasklist:before { content: "\e752"; } | ||
| 253 | + | ||
| 254 | + .i-icon-time_fill:before { content: "\e753"; } | ||
| 255 | + | ||
| 256 | + .i-icon-time:before { content: "\e754"; } | ||
| 257 | + | ||
| 258 | + .i-icon-translation_fill:before { content: "\e755"; } | ||
| 259 | + | ||
| 260 | + .i-icon-translation:before { content: "\e756"; } | ||
| 261 | + | ||
| 262 | + .i-icon-trash:before { content: "\e757"; } | ||
| 263 | + | ||
| 264 | + .i-icon-trash_fill:before { content: "\e758"; } | ||
| 265 | + | ||
| 266 | + .i-icon-undo:before { content: "\e759"; } | ||
| 267 | + | ||
| 268 | + .i-icon-video:before { content: "\e75a"; } | ||
| 269 | + | ||
| 270 | + .i-icon-video_fill:before { content: "\e75b"; } | ||
| 271 | + | ||
| 272 | + .i-icon-warning_fill:before { content: "\e75c"; } | ||
| 273 | + | ||
| 274 | + .i-icon-warning:before { content: "\e75d"; } | ||
| 275 | + | ||
| 276 | + .i-icon-search:before { content: "\e75e"; } | ||
| 277 | + | ||
| 278 | + .i-icon-searchfill:before { content: "\e75f"; } | ||
| 279 | + | ||
| 280 | + .i-icon-publishgoods_fill:before { content: "\e760"; } | ||
| 281 | + | ||
| 282 | + .i-icon-shop_fill:before { content: "\e761"; } | ||
| 283 | + | ||
| 284 | + .i-icon-transaction_fill:before { content: "\e762"; } | ||
| 285 | + | ||
| 286 | + .i-icon-packup:before { content: "\e763"; } | ||
| 287 | + | ||
| 288 | + .i-icon-unfold:before { content: "\e764"; } | ||
| 289 | + | ||
| 290 | + .i-icon-financial_fill:before { content: "\e765"; } | ||
| 291 | + | ||
| 292 | + .i-icon-commodity:before { content: "\e766"; } | ||
| 293 | +</style> | ||
| 1 | <template> | 294 | <template> |
| 2 | <div> | 295 | <div> |
| 296 | + <Icon custom="i-icon i-icon-search" /> | ||
| 297 | + <Icon custom="i-icon i-icon-video" size="24" color="#ff6600" /> | ||
| 298 | + <Icon custom="i-icon i-icon-time" /> | ||
| 299 | + <Icon type="ionic" /> | ||
| 300 | + <hr> | ||
| 3 | <Button>Default</Button> | 301 | <Button>Default</Button> |
| 4 | <Button type="primary">Primary</Button> | 302 | <Button type="primary">Primary</Button> |
| 5 | <Button type="ghost">Ghost</Button> | 303 | <Button type="ghost">Ghost</Button> |
src/components/cell/cell-group.vue
| @@ -9,12 +9,12 @@ | @@ -9,12 +9,12 @@ | ||
| 9 | provide () { | 9 | provide () { |
| 10 | return { | 10 | return { |
| 11 | cellGroup: this | 11 | cellGroup: this |
| 12 | - } | 12 | + }; |
| 13 | }, | 13 | }, |
| 14 | methods: { | 14 | methods: { |
| 15 | handleClick (name) { | 15 | handleClick (name) { |
| 16 | this.$emit('on-click', name); | 16 | this.$emit('on-click', name); |
| 17 | } | 17 | } |
| 18 | } | 18 | } |
| 19 | - } | 19 | + }; |
| 20 | </script> | 20 | </script> |
| 21 | \ No newline at end of file | 21 | \ No newline at end of file |
src/components/cell/cell-item.vue
src/components/cell/cell.vue
| @@ -70,7 +70,7 @@ | @@ -70,7 +70,7 @@ | ||
| 70 | data () { | 70 | data () { |
| 71 | return { | 71 | return { |
| 72 | prefixCls: prefixCls | 72 | prefixCls: prefixCls |
| 73 | - } | 73 | + }; |
| 74 | }, | 74 | }, |
| 75 | computed: { | 75 | computed: { |
| 76 | classes () { | 76 | classes () { |
| @@ -89,5 +89,5 @@ | @@ -89,5 +89,5 @@ | ||
| 89 | this.cellGroup.handleClick(this.name); | 89 | this.cellGroup.handleClick(this.name); |
| 90 | } | 90 | } |
| 91 | } | 91 | } |
| 92 | - } | 92 | + }; |
| 93 | </script> | 93 | </script> |
| 94 | \ No newline at end of file | 94 | \ No newline at end of file |
src/components/divider/divider.vue
src/components/icon/icon.vue
| @@ -7,13 +7,26 @@ | @@ -7,13 +7,26 @@ | ||
| 7 | export default { | 7 | export default { |
| 8 | name: 'Icon', | 8 | name: 'Icon', |
| 9 | props: { | 9 | props: { |
| 10 | - type: String, | 10 | + type: { |
| 11 | + type: String, | ||
| 12 | + default: '' | ||
| 13 | + }, | ||
| 11 | size: [Number, String], | 14 | size: [Number, String], |
| 12 | - color: String | 15 | + color: String, |
| 16 | + custom: { | ||
| 17 | + type: String, | ||
| 18 | + default: '' | ||
| 19 | + } | ||
| 13 | }, | 20 | }, |
| 14 | computed: { | 21 | computed: { |
| 15 | classes () { | 22 | classes () { |
| 16 | - return `${prefixCls} ${prefixCls}-${this.type}`; | 23 | + return [ |
| 24 | + `${prefixCls}`, | ||
| 25 | + { | ||
| 26 | + [`${prefixCls}-${this.type}`]: this.type !== '', | ||
| 27 | + [`${this.custom}`]: this.custom !== '', | ||
| 28 | + } | ||
| 29 | + ]; | ||
| 17 | }, | 30 | }, |
| 18 | styles () { | 31 | styles () { |
| 19 | let style = {}; | 32 | let style = {}; |
src/components/split/index.js
src/components/split/split.vue
| @@ -24,132 +24,132 @@ | @@ -24,132 +24,132 @@ | ||
| 24 | <script> | 24 | <script> |
| 25 | import { oneOf } from '../../utils/assist'; | 25 | import { oneOf } from '../../utils/assist'; |
| 26 | import { on, off } from '../../utils/dom'; | 26 | import { on, off } from '../../utils/dom'; |
| 27 | -import Trigger from './trigger.vue' | 27 | +import Trigger from './trigger.vue'; |
| 28 | export default { | 28 | export default { |
| 29 | - name: 'Split', | ||
| 30 | - components: { | ||
| 31 | - Trigger | ||
| 32 | - }, | ||
| 33 | - props: { | ||
| 34 | - value: { | ||
| 35 | - type: [Number, String], | ||
| 36 | - default: 0.5 | 29 | + name: 'Split', |
| 30 | + components: { | ||
| 31 | + Trigger | ||
| 32 | + }, | ||
| 33 | + props: { | ||
| 34 | + value: { | ||
| 35 | + type: [Number, String], | ||
| 36 | + default: 0.5 | ||
| 37 | + }, | ||
| 38 | + mode: { | ||
| 39 | + validator (value) { | ||
| 40 | + return oneOf(value, ['horizontal', 'vertical']); | ||
| 41 | + }, | ||
| 42 | + default: 'horizontal' | ||
| 43 | + }, | ||
| 44 | + min: { | ||
| 45 | + type: [Number, String], | ||
| 46 | + default: '40px' | ||
| 47 | + }, | ||
| 48 | + max: { | ||
| 49 | + type: [Number, String], | ||
| 50 | + default: '40px' | ||
| 51 | + } | ||
| 37 | }, | 52 | }, |
| 38 | - mode: { | ||
| 39 | - validator (value) { | ||
| 40 | - return oneOf(value, ['horizontal', 'vertical']) | ||
| 41 | - }, | ||
| 42 | - default: 'horizontal' | ||
| 43 | - }, | ||
| 44 | - min: { | ||
| 45 | - type: [Number, String], | ||
| 46 | - default: '40px' | ||
| 47 | - }, | ||
| 48 | - max: { | ||
| 49 | - type: [Number, String], | ||
| 50 | - default: '40px' | ||
| 51 | - } | ||
| 52 | - }, | ||
| 53 | /** | 53 | /** |
| 54 | * Events | 54 | * Events |
| 55 | * @on-move-start | 55 | * @on-move-start |
| 56 | * @on-moving 返回值:事件对象,但是在事件对象中加入了两个参数:atMin(当前是否在最小值处), atMax(当前是否在最大值处) | 56 | * @on-moving 返回值:事件对象,但是在事件对象中加入了两个参数:atMin(当前是否在最小值处), atMax(当前是否在最大值处) |
| 57 | * @on-move-end | 57 | * @on-move-end |
| 58 | */ | 58 | */ |
| 59 | - data () { | ||
| 60 | - return { | ||
| 61 | - prefix: 'ivu-split', | ||
| 62 | - offset: 0, | ||
| 63 | - oldOffset: 0, | ||
| 64 | - isMoving: false | ||
| 65 | - } | ||
| 66 | - }, | ||
| 67 | - computed: { | ||
| 68 | - wrapperClasses () { | ||
| 69 | - return [ | ||
| 70 | - `${this.prefix}-wrapper`, | ||
| 71 | - this.isMoving ? 'no-select' : '' | ||
| 72 | - ] | ||
| 73 | - }, | ||
| 74 | - isHorizontal () { | ||
| 75 | - return this.mode === 'horizontal' | ||
| 76 | - }, | ||
| 77 | - anotherOffset () { | ||
| 78 | - return 100 - this.offset | ||
| 79 | - }, | ||
| 80 | - valueIsPx () { | ||
| 81 | - return typeof this.value === 'string' | ||
| 82 | - }, | ||
| 83 | - offsetSize () { | ||
| 84 | - return this.isHorizontal ? 'offsetWidth' : 'offsetHeight' | ||
| 85 | - }, | ||
| 86 | - computedMin () { | ||
| 87 | - return this.getComputedThresholdValue('min') | ||
| 88 | - }, | ||
| 89 | - computedMax () { | ||
| 90 | - return this.getComputedThresholdValue('max') | ||
| 91 | - } | ||
| 92 | - }, | ||
| 93 | - methods: { | ||
| 94 | - px2percent (numerator, denominator) { | ||
| 95 | - return parseFloat(numerator) / parseFloat(denominator) | ||
| 96 | - }, | ||
| 97 | - getComputedThresholdValue (type) { | ||
| 98 | - let size = this.$refs.outerWrapper[this.offsetSize] | ||
| 99 | - if (this.valueIsPx) return typeof this[type] === 'string' ? this[type] : size * this[type] | ||
| 100 | - else return typeof this[type] === 'string' ? this.px2percent(this[type], size) : this[type] | ||
| 101 | - }, | ||
| 102 | - getMin (value1, value2) { | ||
| 103 | - if (this.valueIsPx) return `${Math.min(parseFloat(value1), parseFloat(value2))}px` | ||
| 104 | - else return Math.min(value1, value2) | ||
| 105 | - }, | ||
| 106 | - getMax (value1, value2) { | ||
| 107 | - if (this.valueIsPx) return `${Math.max(parseFloat(value1), parseFloat(value2))}px` | ||
| 108 | - else return Math.max(value1, value2) | ||
| 109 | - }, | ||
| 110 | - getAnotherOffset (value) { | ||
| 111 | - let res = 0 | ||
| 112 | - if (this.valueIsPx) res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px` | ||
| 113 | - else res = 1 - value | ||
| 114 | - return res | ||
| 115 | - }, | ||
| 116 | - handleMove (e) { | ||
| 117 | - let pageOffset = this.isHorizontal ? e.pageX : e.pageY | ||
| 118 | - let offset = pageOffset - this.initOffset | ||
| 119 | - let outerWidth = this.$refs.outerWrapper[this.offsetSize] | ||
| 120 | - let value = this.valueIsPx ? `${parseFloat(this.oldOffset) + offset}px` : (this.px2percent(outerWidth * this.oldOffset + offset, outerWidth)) | ||
| 121 | - let anotherValue = this.getAnotherOffset(value) | ||
| 122 | - if (parseFloat(value) <= parseFloat(this.computedMin)) value = this.getMax(value, this.computedMin) | ||
| 123 | - if (parseFloat(anotherValue) <= parseFloat(this.computedMax)) value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax)) | ||
| 124 | - e.atMin = this.value === this.computedMin | ||
| 125 | - e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5) | ||
| 126 | - this.$emit('input', value) | ||
| 127 | - this.$emit('on-moving', e) | ||
| 128 | - }, | ||
| 129 | - handleUp () { | ||
| 130 | - this.isMoving = false | ||
| 131 | - off(document, 'mousemove', this.handleMove) | ||
| 132 | - off(document, 'mouseup', this.handleUp) | ||
| 133 | - this.$emit('on-move-end') | ||
| 134 | - }, | ||
| 135 | - handleMousedown (e) { | ||
| 136 | - this.initOffset = this.isHorizontal ? e.pageX : e.pageY | ||
| 137 | - this.oldOffset = this.value | ||
| 138 | - this.isMoving = true | ||
| 139 | - on(document, 'mousemove', this.handleMove) | ||
| 140 | - on(document, 'mouseup', this.handleUp) | ||
| 141 | - this.$emit('on-move-start') | ||
| 142 | - } | ||
| 143 | - }, | ||
| 144 | - watch: { | ||
| 145 | - value () { | ||
| 146 | - this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100 | 59 | + data () { |
| 60 | + return { | ||
| 61 | + prefix: 'ivu-split', | ||
| 62 | + offset: 0, | ||
| 63 | + oldOffset: 0, | ||
| 64 | + isMoving: false | ||
| 65 | + }; | ||
| 66 | + }, | ||
| 67 | + computed: { | ||
| 68 | + wrapperClasses () { | ||
| 69 | + return [ | ||
| 70 | + `${this.prefix}-wrapper`, | ||
| 71 | + this.isMoving ? 'no-select' : '' | ||
| 72 | + ]; | ||
| 73 | + }, | ||
| 74 | + isHorizontal () { | ||
| 75 | + return this.mode === 'horizontal'; | ||
| 76 | + }, | ||
| 77 | + anotherOffset () { | ||
| 78 | + return 100 - this.offset; | ||
| 79 | + }, | ||
| 80 | + valueIsPx () { | ||
| 81 | + return typeof this.value === 'string'; | ||
| 82 | + }, | ||
| 83 | + offsetSize () { | ||
| 84 | + return this.isHorizontal ? 'offsetWidth' : 'offsetHeight'; | ||
| 85 | + }, | ||
| 86 | + computedMin () { | ||
| 87 | + return this.getComputedThresholdValue('min'); | ||
| 88 | + }, | ||
| 89 | + computedMax () { | ||
| 90 | + return this.getComputedThresholdValue('max'); | ||
| 91 | + } | ||
| 92 | + }, | ||
| 93 | + methods: { | ||
| 94 | + px2percent (numerator, denominator) { | ||
| 95 | + return parseFloat(numerator) / parseFloat(denominator); | ||
| 96 | + }, | ||
| 97 | + getComputedThresholdValue (type) { | ||
| 98 | + let size = this.$refs.outerWrapper[this.offsetSize]; | ||
| 99 | + if (this.valueIsPx) return typeof this[type] === 'string' ? this[type] : size * this[type]; | ||
| 100 | + else return typeof this[type] === 'string' ? this.px2percent(this[type], size) : this[type]; | ||
| 101 | + }, | ||
| 102 | + getMin (value1, value2) { | ||
| 103 | + if (this.valueIsPx) return `${Math.min(parseFloat(value1), parseFloat(value2))}px`; | ||
| 104 | + else return Math.min(value1, value2); | ||
| 105 | + }, | ||
| 106 | + getMax (value1, value2) { | ||
| 107 | + if (this.valueIsPx) return `${Math.max(parseFloat(value1), parseFloat(value2))}px`; | ||
| 108 | + else return Math.max(value1, value2); | ||
| 109 | + }, | ||
| 110 | + getAnotherOffset (value) { | ||
| 111 | + let res = 0; | ||
| 112 | + if (this.valueIsPx) res = `${this.$refs.outerWrapper[this.offsetSize] - parseFloat(value)}px`; | ||
| 113 | + else res = 1 - value; | ||
| 114 | + return res; | ||
| 115 | + }, | ||
| 116 | + handleMove (e) { | ||
| 117 | + let pageOffset = this.isHorizontal ? e.pageX : e.pageY; | ||
| 118 | + let offset = pageOffset - this.initOffset; | ||
| 119 | + let outerWidth = this.$refs.outerWrapper[this.offsetSize]; | ||
| 120 | + let value = this.valueIsPx ? `${parseFloat(this.oldOffset) + offset}px` : (this.px2percent(outerWidth * this.oldOffset + offset, outerWidth)); | ||
| 121 | + let anotherValue = this.getAnotherOffset(value); | ||
| 122 | + if (parseFloat(value) <= parseFloat(this.computedMin)) value = this.getMax(value, this.computedMin); | ||
| 123 | + if (parseFloat(anotherValue) <= parseFloat(this.computedMax)) value = this.getAnotherOffset(this.getMax(anotherValue, this.computedMax)); | ||
| 124 | + e.atMin = this.value === this.computedMin; | ||
| 125 | + e.atMax = this.valueIsPx ? this.getAnotherOffset(this.value) === this.computedMax : this.getAnotherOffset(this.value).toFixed(5) === this.computedMax.toFixed(5); | ||
| 126 | + this.$emit('input', value); | ||
| 127 | + this.$emit('on-moving', e); | ||
| 128 | + }, | ||
| 129 | + handleUp () { | ||
| 130 | + this.isMoving = false; | ||
| 131 | + off(document, 'mousemove', this.handleMove); | ||
| 132 | + off(document, 'mouseup', this.handleUp); | ||
| 133 | + this.$emit('on-move-end'); | ||
| 134 | + }, | ||
| 135 | + handleMousedown (e) { | ||
| 136 | + this.initOffset = this.isHorizontal ? e.pageX : e.pageY; | ||
| 137 | + this.oldOffset = this.value; | ||
| 138 | + this.isMoving = true; | ||
| 139 | + on(document, 'mousemove', this.handleMove); | ||
| 140 | + on(document, 'mouseup', this.handleUp); | ||
| 141 | + this.$emit('on-move-start'); | ||
| 142 | + } | ||
| 143 | + }, | ||
| 144 | + watch: { | ||
| 145 | + value () { | ||
| 146 | + this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100; | ||
| 147 | + } | ||
| 148 | + }, | ||
| 149 | + mounted () { | ||
| 150 | + this.$nextTick(() => { | ||
| 151 | + this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100; | ||
| 152 | + }); | ||
| 147 | } | 153 | } |
| 148 | - }, | ||
| 149 | - mounted () { | ||
| 150 | - this.$nextTick(() => { | ||
| 151 | - this.offset = (this.valueIsPx ? this.px2percent(this.value, this.$refs.outerWrapper[this.offsetSize]) : this.value) * 10000 / 100 | ||
| 152 | - }) | ||
| 153 | - } | ||
| 154 | -} | 154 | +}; |
| 155 | </script> | 155 | </script> |
src/components/split/trigger.vue
| @@ -8,32 +8,32 @@ | @@ -8,32 +8,32 @@ | ||
| 8 | 8 | ||
| 9 | <script> | 9 | <script> |
| 10 | export default { | 10 | export default { |
| 11 | - name: 'Trigger', | ||
| 12 | - props: { | ||
| 13 | - mode: String | ||
| 14 | - }, | ||
| 15 | - data () { | ||
| 16 | - return { | ||
| 17 | - prefix: 'ivu-split-trigger', | ||
| 18 | - initOffset: 0 | ||
| 19 | - } | ||
| 20 | - }, | ||
| 21 | - computed: { | ||
| 22 | - isVertical () { | ||
| 23 | - return this.mode === 'vertical' | 11 | + name: 'Trigger', |
| 12 | + props: { | ||
| 13 | + mode: String | ||
| 24 | }, | 14 | }, |
| 25 | - classes () { | ||
| 26 | - return [ | ||
| 27 | - this.prefix, | ||
| 28 | - this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal` | ||
| 29 | - ] | 15 | + data () { |
| 16 | + return { | ||
| 17 | + prefix: 'ivu-split-trigger', | ||
| 18 | + initOffset: 0 | ||
| 19 | + }; | ||
| 30 | }, | 20 | }, |
| 31 | - barConClasses () { | ||
| 32 | - return [ | ||
| 33 | - `${this.prefix}-bar-con`, | ||
| 34 | - this.isVertical ? 'vertical' : 'horizontal' | ||
| 35 | - ] | 21 | + computed: { |
| 22 | + isVertical () { | ||
| 23 | + return this.mode === 'vertical'; | ||
| 24 | + }, | ||
| 25 | + classes () { | ||
| 26 | + return [ | ||
| 27 | + this.prefix, | ||
| 28 | + this.isVertical ? `${this.prefix}-vertical` : `${this.prefix}-horizontal` | ||
| 29 | + ]; | ||
| 30 | + }, | ||
| 31 | + barConClasses () { | ||
| 32 | + return [ | ||
| 33 | + `${this.prefix}-bar-con`, | ||
| 34 | + this.isVertical ? 'vertical' : 'horizontal' | ||
| 35 | + ]; | ||
| 36 | + } | ||
| 36 | } | 37 | } |
| 37 | - } | ||
| 38 | -} | 38 | +}; |
| 39 | </script> | 39 | </script> |