iov-design 2.15.80 → 2.15.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/autocomplete.js +24 -12
- package/lib/index.js +1 -1
- package/lib/iov-design.common.js +56 -35
- package/lib/loading.js +15 -6
- package/lib/theme-chalk/autocomplete.css +1 -1
- package/lib/theme-chalk/base.css +1 -1
- package/lib/theme-chalk/dialog.css +1 -1
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/iovfont.css +1 -1
- package/lib/theme-chalk/loading.css +1 -1
- package/lib/theme-chalk/message-box.css +1 -1
- package/lib/upload.js +8 -8
- package/lib/utils/popup/index.js +1 -1
- package/package.json +1 -1
- package/packages/autocomplete/src/autocomplete-suggestions.vue +6 -2
- package/packages/autocomplete/src/autocomplete.vue +10 -2
- package/packages/loading/src/directive.js +2 -0
- package/packages/loading/src/loading.vue +13 -6
- package/packages/theme-chalk/src/assets/loading.png +0 -0
- package/packages/theme-chalk/src/autocomplete.scss +23 -15
- package/packages/theme-chalk/src/common/popup.scss +5 -5
- package/packages/theme-chalk/src/common/var.scss +0 -6
- package/packages/theme-chalk/src/iovfont.scss +28 -12
- package/packages/theme-chalk/src/loading.scss +14 -52
- package/packages/upload/src/upload-picture.vue +1 -1
- package/src/index.js +1 -1
- package/src/utils/popup/index.js +1 -1
|
@@ -28,18 +28,34 @@
|
|
|
28
28
|
transform: rotateZ(360deg);
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
.iov-icon-loading
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
31
|
+
.iov-icon-loading:before,
|
|
32
|
+
.iov-icon-loading-white:before,
|
|
33
|
+
.iov-icon-loading-gray:before,
|
|
34
|
+
.iov-icon-loading-grey:before {
|
|
35
|
+
content: "";
|
|
36
|
+
width: 14px;
|
|
37
|
+
height: 14px;
|
|
38
|
+
animation: rotating .45s linear infinite;
|
|
39
|
+
display: inline-block;
|
|
40
|
+
background-size: contain;
|
|
41
|
+
background-position: 0 0;
|
|
42
|
+
background-repeat: no-repeat;
|
|
43
|
+
}
|
|
44
|
+
// 蓝色
|
|
45
|
+
.iov-icon-loading:before {
|
|
46
|
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0dGVybiBpZD0icGF0dGVybi0xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwYXR0ZXJuVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjaW1hZ2UtMiI+PC91c2U+CiAgICAgICAgPC9wYXR0ZXJuPgogICAgICAgIDxpbWFnZSBpZD0iaW1hZ2UtMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUE0QUFBQU9DQVlBQUFBZlNDM1JBQUFBQVhOU1IwSUFyczRjNlFBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUFEcUFEQUFRQUFBQUJBQUFBRGdBQUFBQzk4RG42QUFBQmprbEVRVlFvRlYyUlRVN2NRQkNGWDlzTmd4RFNiQUpTRnRsbGlUaE5ObHdpWitNT1diQ1BJQ3NXaVBBekRCbUc4Y2lEUE1aMnZ0ZHlTMERKejlWVlhhLytPcHljRG9NS1NTV3dqdVBaK2oxOG4wRmNWSThqUytCZzJ3a3N0ZzNibnhEVjRSeUF4V2NIMnM2K1RNalZ4czQrRW9sUFJGOWFjclgzcEE5RXQrY0t1VzFYMlFIV24rY2NPNGg2NDlLWjgyeVp2SXZQMmEwTko4aHRFKy9sdkZLc0ROMjRNeWRwZ2VVYk9BQmplNm1BL1VpRWRFOXN4Nk40TmFac1FxdW5mcUd6Y0tncEkvekFkMFRNUHNUVUI3RmxESVB1SVRjaHBNb3I3TWQrMEo5aHJiTmhxNFBDb2RJeHdWOUpNazBKcElrcnpyaW8wV3N1L2tHNlpaVEwzK2VxdnArcTNndTZJSm1sQWwvQWxDTDdIbmRPQ3pOSWQyUzl4ZjY3M2VvUlBWejlEQTF0ejZoeVE4d052anR5UElDNWQ3V0FVRUZjY3A0WGIxcVVUY3FPeWJKN3JRbzZnYmdIL0d3dGFDTG5wWW5vWjRKZXVsNVZQZEVtc2ZpMXJUWnhWMVhaYVJrS2xra2dYeGVacVNxQ1Zqekxtcld2KzBiMTlhLzB1bWt5bnFucE85V3g0QzVvUWk0L2p2NERiMTJmWHk3RGk3MEFBQUFBU1VWT1JLNUNZSUk9Ij48L2ltYWdlPgogICAgPC9kZWZzPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwOCwgLTQ1MzApIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk0LCA0NDcyKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNCwgNTgpIj4KICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iQXJ0Ym9hcmQiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEuMjM4OCwgMS4yMzg4KSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuNzYxMjI5MzEsMCBDMTAuNDk1MzUzMiwwIDEzLjUyMjQ1ODYsMy4wMjcxMDU0NyAxMy41MjI0NTg2LDYuNzYxMjI5MzEgQzEzLjUyMjQ1ODYsMTAuNDk1MzUzMiAxMC40OTUzNTMyLDEzLjUyMjQ1ODYgNi43NjEyMjkzMSwxMy41MjI0NTg2IEMzLjAyNzEwNTQ3LDEzLjUyMjQ1ODYgMCwxMC40OTUzNTMyIDAsNi43NjEyMjkzMSBDMCwzLjAyNzEwNTQ3IDMuMDI3MTA1NDcsMCA2Ljc2MTIyOTMxLDAgWiBNNi43NjEyMjkzMSwxLjk2NjkwMzA3IEM0LjExMzM5NjA1LDEuOTY2OTAzMDcgMS45NjY5MDMwNyw0LjExMzM5NjA1IDEuOTY2OTAzMDcsNi43NjEyMjkzMSBDMS45NjY5MDMwNyw5LjQwOTA2MjU4IDQuMTEzMzk2MDUsMTEuNTU1NTU1NiA2Ljc2MTIyOTMxLDExLjU1NTU1NTYgQzkuNDA5MDYyNTgsMTEuNTU1NTU1NiAxMS41NTU1NTU2LDkuNDA5MDYyNTggMTEuNTU1NTU1Niw2Ljc2MTIyOTMxIEMxMS41NTU1NTU2LDQuMTEzMzk2MDUgOS40MDkwNjI1OCwxLjk2NjkwMzA3IDYuNzYxMjI5MzEsMS45NjY5MDMwNyBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02Ljc2MTIyOTMxLDAgQzEwLjQ5NTM1MzIsMCAxMy41MjI0NTg2LDMuMDI3MTA1NDcgMTMuNTIyNDU4Niw2Ljc2MTIyOTMxIEMxMy41MjI0NTg2LDcuMzA0Mzc0NiAxMy4wODIxNTI0LDcuNzQ0NjgwODUgMTIuNTM5MDA3MSw3Ljc0NDY4MDg1IEMxMS45OTU4NjE4LDcuNzQ0NjgwODUgMTEuNTU1NTU1Niw3LjMwNDM3NDYgMTEuNTU1NTU1Niw2Ljc2MTIyOTMxIEMxMS41NTU1NTU2LDQuMTEzMzk2MDUgOS40MDkwNjI1OCwxLjk2NjkwMzA3IDYuNzYxMjI5MzEsMS45NjY5MDMwNyBDNC4xMTMzOTYwNSwxLjk2NjkwMzA3IDEuOTY2OTAzMDcsNC4xMTMzOTYwNSAxLjk2NjkwMzA3LDYuNzYxMjI5MzEgQzEuOTY2OTAzMDcsOS40MDkwNjI1OCA0LjExMzM5NjA1LDExLjU1NTU1NTYgNi43NjEyMjkzMSwxMS41NTU1NTU2IEM3LjMwNDM3NDYsMTEuNTU1NTU1NiA3Ljc0NDY4MDg1LDExLjk5NTg2MTggNy43NDQ2ODA4NSwxMi41MzkwMDcxIEM3Ljc0NDY4MDg1LDEzLjA4MjE1MjQgNy4zMDQzNzQ2LDEzLjUyMjQ1ODYgNi43NjEyMjkzMSwxMy41MjI0NTg2IEMzLjAyNzEwNTQ3LDEzLjUyMjQ1ODYgMCwxMC40OTUzNTMyIDAsNi43NjEyMjkzMSBDMCwzLjAyNzEwNTQ3IDMuMDI3MTA1NDcsMCA2Ljc2MTIyOTMxLDAgWiIgZmlsbD0idXJsKCNwYXR0ZXJuLTEpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
|
|
47
|
+
}
|
|
48
|
+
// 白色
|
|
49
|
+
.iov-icon-loading-white:before {
|
|
50
|
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0dGVybiBpZD0icGF0dGVybi0xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwYXR0ZXJuVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjaW1hZ2UtMiI+PC91c2U+CiAgICAgICAgPC9wYXR0ZXJuPgogICAgICAgIDxpbWFnZSBpZD0iaW1hZ2UtMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUE0QUFBQU9DQVlBQUFBZlNDM1JBQUFBQVhOU1IwSUFyczRjNlFBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUFEcUFEQUFRQUFBQUJBQUFBRGdBQUFBQzk4RG42QUFBQTJrbEVRVlFvRmVXVFNRckNRQkFBRXpjRVFVSFFteUQ0QWwvZ3QzeWJCeDhnZUJKUFhyeUpPMjRZakZ0VmpPQk44R3BETVQxaGFycG5rb1FQSXZnaE1qODRpZklQWW82VFJ1QlpzeWtNMzBOeERuZTRRUXh1dElZZTlLRUxUYWhBRWZLUUMzbU5BNUlMbk9FSVM1aUE0Z2phMElFVzFLRU1KU3N1NEMxdHlXZWd1SUdRR0tiZnlJcDVBMnBRVWJTdEUrelRYTkZGYmhZZ2hReGpjOEoxTzZncVdzVVdmV0FWNXdlNGdtSFZpQTJteWV4MXJKT2lsVnlvS0c3aUJYbFpTVmlWV0RNVzBrZXhvcEtMeFZaczBjdFN0TTNQbjhDTDB3bWVaOHhVVU00QUpxb0FBQUFBU1VWT1JLNUNZSUk9Ij48L2ltYWdlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImxvYWRpbmciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGZpbGw9InVybCgjcGF0dGVybi0xKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxLjIzODc3MDY5IEMxMS43MzQxMjM4LDEuMjM4NzcwNjkgMTQuNzYxMjI5Myw0LjI2NTg3NjE2IDE0Ljc2MTIyOTMsOCBDMTQuNzYxMjI5Myw4LjU0MzE0NTI5IDE0LjMyMDkyMzEsOC45ODM0NTE1NCAxMy43Nzc3Nzc4LDguOTgzNDUxNTQgQzEzLjIzNDYzMjUsOC45ODM0NTE1NCAxMi43OTQzMjYyLDguNTQzMTQ1MjkgMTIuNzk0MzI2Miw4IEMxMi43OTQzMjYyLDUuMzUyMTY2NzMgMTAuNjQ3ODMzMywzLjIwNTY3Mzc2IDgsMy4yMDU2NzM3NiBDNS4zNTIxNjY3MywzLjIwNTY3Mzc2IDMuMjA1NjczNzYsNS4zNTIxNjY3MyAzLjIwNTY3Mzc2LDggQzMuMjA1NjczNzYsMTAuNjQ3ODMzMyA1LjM1MjE2NjczLDEyLjc5NDMyNjIgOCwxMi43OTQzMjYyIEM4LjU0MzE0NTI5LDEyLjc5NDMyNjIgOC45ODM0NTE1NCwxMy4yMzQ2MzI1IDguOTgzNDUxNTQsMTMuNzc3Nzc3OCBDOC45ODM0NTE1NCwxNC4zMjA5MjMxIDguNTQzMTQ1MjksMTQuNzYxMjI5MyA4LDE0Ljc2MTIyOTMgQzQuMjY1ODc2MTYsMTQuNzYxMjI5MyAxLjIzODc3MDY5LDExLjczNDEyMzggMS4yMzg3NzA2OSw4IEMxLjIzODc3MDY5LDQuMjY1ODc2MTYgNC4yNjU4NzYxNiwxLjIzODc3MDY5IDgsMS4yMzg3NzA2OSBaIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
|
|
51
|
+
}
|
|
52
|
+
// 灰色
|
|
53
|
+
.iov-icon-loading-gray:before {
|
|
54
|
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0dGVybiBpZD0icGF0dGVybi0xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwYXR0ZXJuVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjaW1hZ2UtMiI+PC91c2U+CiAgICAgICAgPC9wYXR0ZXJuPgogICAgICAgIDxpbWFnZSBpZD0iaW1hZ2UtMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUE0QUFBQU9DQVlBQUFBZlNDM1JBQUFBQVhOU1IwSUFyczRjNlFBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUFEcUFEQUFRQUFBQUJBQUFBRGdBQUFBQzk4RG42QUFBQk4wbEVRVlFvRmVXUjMwcENRUkRHdjVsZFNreUpDSUxlb1NmeHhwdndCWHE4SUs5NkU3Mm9pd0xOUDVra0hrazVlSGEvdmlONEg5NDJNT3p1N1B4bTU1dTF4LzR6Y1lMNUNjd0IrUTlnbE5LZHZOWmE3NFA4VDZaa1RrakxacWhJN21IWUdtd0JzeWZMdktieFhwVnU5R2ROcldlNkM5cUhLR2lxUUNuZm10c2F4RnpRc0xCOXYxMzVsVWVINER1ajNjSjRTYkNwd0xucmhaa3FmQUQyYnVCckRaRjUrTkR0YmxxdDhKbUJnYUNCb0JmbHZNbkhaaloxSlM5VWN3YkxFOExIYm5tTXlMazZRS2ZUS1ZIVkhXQWtlQVJ5SW1rek1DL1VLcGJTVjJnKzM0blZGeEdXbTV4MFBscGVaNGFsSVRYc01FUHNzN0dNZ2xZd1gyZWtGWEpjQmJCb3AzSjd4S3FxMXI0dkhMNEt6cWlYNFdZcEhpQ213c2dpc05xa0hMZTlYaThkd2QwdWx4ZU4rT09KbTB5ZXUzbFFMbjRCLzVXalJUNjZOeThBQUFBQVNVVk9SSzVDWUlJPSI+PC9pbWFnZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJsb2FkaW5nIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBmaWxsPSJ1cmwoI3BhdHRlcm4tMSkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTgsMS4yMzg3NzA2OSBDMTEuNzM0MTIzOCwxLjIzODc3MDY5IDE0Ljc2MTIyOTMsNC4yNjU4NzYxNiAxNC43NjEyMjkzLDggQzE0Ljc2MTIyOTMsOC41NDMxNDUyOSAxNC4zMjA5MjMxLDguOTgzNDUxNTQgMTMuNzc3Nzc3OCw4Ljk4MzQ1MTU0IEMxMy4yMzQ2MzI1LDguOTgzNDUxNTQgMTIuNzk0MzI2Miw4LjU0MzE0NTI5IDEyLjc5NDMyNjIsOCBDMTIuNzk0MzI2Miw1LjM1MjE2NjczIDEwLjY0NzgzMzMsMy4yMDU2NzM3NiA4LDMuMjA1NjczNzYgQzUuMzUyMTY2NzMsMy4yMDU2NzM3NiAzLjIwNTY3Mzc2LDUuMzUyMTY2NzMgMy4yMDU2NzM3Niw4IEMzLjIwNTY3Mzc2LDEwLjY0NzgzMzMgNS4zNTIxNjY3MywxMi43OTQzMjYyIDgsMTIuNzk0MzI2MiBDOC41NDMxNDUyOSwxMi43OTQzMjYyIDguOTgzNDUxNTQsMTMuMjM0NjMyNSA4Ljk4MzQ1MTU0LDEzLjc3Nzc3NzggQzguOTgzNDUxNTQsMTQuMzIwOTIzMSA4LjU0MzE0NTI5LDE0Ljc2MTIyOTMgOCwxNC43NjEyMjkzIEM0LjI2NTg3NjE2LDE0Ljc2MTIyOTMgMS4yMzg3NzA2OSwxMS43MzQxMjM4IDEuMjM4NzcwNjksOCBDMS4yMzg3NzA2OSw0LjI2NTg3NjE2IDQuMjY1ODc2MTYsMS4yMzg3NzA2OSA4LDEuMjM4NzcwNjkgWiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
|
|
55
|
+
}
|
|
56
|
+
// 灰白色
|
|
57
|
+
.iov-icon-loading-grey:before {
|
|
58
|
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0dGVybiBpZD0icGF0dGVybi0xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBwYXR0ZXJuVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjaW1hZ2UtMiI+PC91c2U+CiAgICAgICAgPC9wYXR0ZXJuPgogICAgICAgIDxpbWFnZSBpZD0iaW1hZ2UtMiIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiB4bGluazpocmVmPSJkYXRhOmltYWdlL3BuZztiYXNlNjQsaVZCT1J3MEtHZ29BQUFBTlNVaEVVZ0FBQUE0QUFBQU9DQVlBQUFBZlNDM1JBQUFBQVhOU1IwSUFyczRjNlFBQUFFUmxXRWxtVFUwQUtnQUFBQWdBQVlkcEFBUUFBQUFCQUFBQUdnQUFBQUFBQTZBQkFBTUFBQUFCQUFFQUFLQUNBQVFBQUFBQkFBQUFEcUFEQUFRQUFBQUJBQUFBRGdBQUFBQzk4RG42QUFBQmNrbEVRVlFvRllXUzYwckRVQXpIay9UUXliNE1VUVFmWUZqQngvRTU5V1VjQ3YyMnNRdHpXTmF4U3JjMjhaOXUzVVZrSGtqUHllV1hrK1NVM3o5U0kxL016ZFljMjlQZWR2UzBEaUxaVVVlRG4vNnluVVVnb1J3QzdkL3dIYnV2b2dFdndXZGxBbkxkNVFCZWd0M25NemhOY2dhZXdxZUY4eS9JNHh6OGhwU1FHdEtzQmtMUFRWbjdubHBmdXdlTWNBeEZJWld4YmRtNEFERTM1aGVKNUFiK1o4ejVqb3k3UmhiajlnaDZGUENaQUNyUlF3SGpFczNNQUE3RXF0Y044WFhNWGhRLzRYT1BMbnNvcEF1OUV3Qk16YXhBV1VzeFhpalRpSlVHeVdPeVN0TjBZeEcvb1FwLzNKeUViOW0weHl4ZEFUUkhoaW1jWTRmd1I0eEVPalBjUVAxK3Y2eExtd254RU5NWW10Wmo1SmdxMlR5SThBTFg1ekI4V1ZWL21vUUYwVHAzMEpmR3RGUTEyUFNLQlNtTXQ2cGFCbFhPMElZN00ySEp6RGhQa29kaWh4R0ZxaXBJSkZlUkxESUtHQ0M2NHpvNGhKZklJNExUYUZYR3RRL3ArRFJtWlNXeWxvcFhkY1FkakFxaFJqOWNvcS9tbVVtNElBQUFBQUJKUlU1RXJrSmdnZz09Ij48L2ltYWdlPgogICAgPC9kZWZzPgogICAgPGcgaWQ9ImxvYWRpbmciIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGZpbGw9InVybCgjcGF0dGVybi0xKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxLjIzODc3MDY5IEMxMS43MzQxMjM4LDEuMjM4NzcwNjkgMTQuNzYxMjI5Myw0LjI2NTg3NjE2IDE0Ljc2MTIyOTMsOCBDMTQuNzYxMjI5Myw4LjU0MzE0NTI5IDE0LjMyMDkyMzEsOC45ODM0NTE1NCAxMy43Nzc3Nzc4LDguOTgzNDUxNTQgQzEzLjIzNDYzMjUsOC45ODM0NTE1NCAxMi43OTQzMjYyLDguNTQzMTQ1MjkgMTIuNzk0MzI2Miw4IEMxMi43OTQzMjYyLDUuMzUyMTY2NzMgMTAuNjQ3ODMzMywzLjIwNTY3Mzc2IDgsMy4yMDU2NzM3NiBDNS4zNTIxNjY3MywzLjIwNTY3Mzc2IDMuMjA1NjczNzYsNS4zNTIxNjY3MyAzLjIwNTY3Mzc2LDggQzMuMjA1NjczNzYsMTAuNjQ3ODMzMyA1LjM1MjE2NjczLDEyLjc5NDMyNjIgOCwxMi43OTQzMjYyIEM4LjU0MzE0NTI5LDEyLjc5NDMyNjIgOC45ODM0NTE1NCwxMy4yMzQ2MzI1IDguOTgzNDUxNTQsMTMuNzc3Nzc3OCBDOC45ODM0NTE1NCwxNC4zMjA5MjMxIDguNTQzMTQ1MjksMTQuNzYxMjI5MyA4LDE0Ljc2MTIyOTMgQzQuMjY1ODc2MTYsMTQuNzYxMjI5MyAxLjIzODc3MDY5LDExLjczNDEyMzggMS4yMzg3NzA2OSw4IEMxLjIzODc3MDY5LDQuMjY1ODc2MTYgNC4yNjU4NzYxNiwxLjIzODc3MDY5IDgsMS4yMzg3NzA2OSBaIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
|
|
43
59
|
}
|
|
44
60
|
|
|
45
61
|
.iov-icon-cny:before { content: "\e708";}
|
|
@@ -24,48 +24,31 @@
|
|
|
24
24
|
|
|
25
25
|
@include when(fullscreen) {
|
|
26
26
|
position: fixed;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
.circular {
|
|
32
|
-
height: $--loading-fullscreen-spinner-size;
|
|
33
|
-
width: $--loading-fullscreen-spinner-size;
|
|
34
|
-
}
|
|
27
|
+
.iov-icon-loading:before {
|
|
28
|
+
background-image: url(//obs-helf.cucloud.cn/prod-common-public/iov-design/loading.png);
|
|
29
|
+
animation: none;
|
|
35
30
|
}
|
|
36
31
|
}
|
|
37
32
|
}
|
|
38
33
|
|
|
39
34
|
@include b(loading-spinner) {
|
|
40
35
|
top: 50%;
|
|
41
|
-
margin-top:
|
|
36
|
+
margin-top: -7px;
|
|
42
37
|
width: 100%;
|
|
43
38
|
text-align: center;
|
|
44
39
|
position: absolute;
|
|
45
40
|
|
|
46
41
|
.el-loading-text {
|
|
47
|
-
color: $--color-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
.path {
|
|
59
|
-
animation: loading-dash 1.5s ease-in-out infinite;
|
|
60
|
-
stroke-dasharray: 90, 150;
|
|
61
|
-
stroke-dashoffset: 0;
|
|
62
|
-
stroke-width: 2;
|
|
63
|
-
stroke: $--color-primary;
|
|
64
|
-
stroke-linecap: round;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
i {
|
|
68
|
-
color: $--color-primary;
|
|
42
|
+
color: $--color-text-2;
|
|
43
|
+
font-size: 13px;
|
|
44
|
+
margin: 0 auto;
|
|
45
|
+
padding: 0;
|
|
46
|
+
}
|
|
47
|
+
.el-loading-icon {
|
|
48
|
+
&:before {
|
|
49
|
+
width: 100%;
|
|
50
|
+
height: 100%;
|
|
51
|
+
}
|
|
69
52
|
}
|
|
70
53
|
}
|
|
71
54
|
|
|
@@ -73,24 +56,3 @@
|
|
|
73
56
|
.el-loading-fade-leave-active {
|
|
74
57
|
opacity: 0;
|
|
75
58
|
}
|
|
76
|
-
|
|
77
|
-
@keyframes loading-rotate {
|
|
78
|
-
100% {
|
|
79
|
-
transform: rotate(360deg);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
@keyframes loading-dash {
|
|
84
|
-
0% {
|
|
85
|
-
stroke-dasharray: 1, 200;
|
|
86
|
-
stroke-dashoffset: 0;
|
|
87
|
-
}
|
|
88
|
-
50% {
|
|
89
|
-
stroke-dasharray: 90, 150;
|
|
90
|
-
stroke-dashoffset: -40px;
|
|
91
|
-
}
|
|
92
|
-
100% {
|
|
93
|
-
stroke-dasharray: 90, 150;
|
|
94
|
-
stroke-dashoffset: -120px;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
43
|
<span class="el-upload-list__item-actions" v-if="file.status === 'success'">
|
|
44
|
-
<i v-if="handlePreview" @click="handlePreview(file)" class="el-upload-list__item-preview iov-icon-eye"></i>
|
|
44
|
+
<i v-if="handlePreview" @click.stop="handlePreview(file)" class="el-upload-list__item-preview iov-icon-eye"></i>
|
|
45
45
|
<i v-if="!disabled" class="el-upload-list__item-delete iov-icon-delete" @click.stop="$emit('remove', file)"></i>
|
|
46
46
|
<i v-if="!disabled" class="el-upload-list__item-update iov-icon-update"></i>
|
|
47
47
|
</span>
|
package/src/index.js
CHANGED
package/src/utils/popup/index.js
CHANGED
|
@@ -141,7 +141,7 @@ export default {
|
|
|
141
141
|
let bodyHasOverflow = document.documentElement.clientHeight < document.body.scrollHeight;
|
|
142
142
|
let bodyOverflowY = getStyle(document.body, 'overflowY');
|
|
143
143
|
if (scrollBarWidth > 0 && (bodyHasOverflow || bodyOverflowY === 'scroll') && this.withoutHiddenClass) {
|
|
144
|
-
document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
|
|
144
|
+
// document.body.style.paddingRight = this.computedBodyPaddingRight + scrollBarWidth + 'px';
|
|
145
145
|
}
|
|
146
146
|
addClass(document.body, 'el-popup-parent--hidden');
|
|
147
147
|
}
|