@douyinfe/semi-ui 2.38.3-alpha.2-path-settimeout → 2.38.3-alpha.2-spin

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.
Files changed (55) hide show
  1. package/dist/css/semi.css +45 -2
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +14 -51
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/anchor/index.d.ts +1 -1
  8. package/lib/cjs/autoComplete/index.d.ts +1 -1
  9. package/lib/cjs/button/Button.d.ts +1 -1
  10. package/lib/cjs/button/buttonGroup.d.ts +1 -1
  11. package/lib/cjs/button/index.d.ts +1 -1
  12. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  13. package/lib/cjs/datePicker/datePicker.d.ts +2 -2
  14. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  15. package/lib/cjs/datePicker/yearAndMonth.d.ts +1 -1
  16. package/lib/cjs/form/baseForm.d.ts +1 -1
  17. package/lib/cjs/form/field.d.ts +1 -1
  18. package/lib/cjs/input/index.d.ts +1 -1
  19. package/lib/cjs/input/inputGroup.d.ts +1 -1
  20. package/lib/cjs/modal/confirm.d.ts +18 -18
  21. package/lib/cjs/rating/index.d.ts +1 -1
  22. package/lib/cjs/rating/item.d.ts +1 -1
  23. package/lib/cjs/spin/icon.js +14 -51
  24. package/lib/cjs/switch/index.d.ts +1 -1
  25. package/lib/cjs/table/Table.d.ts +2 -2
  26. package/lib/cjs/table/index.d.ts +1 -1
  27. package/lib/cjs/tagInput/index.d.ts +1 -1
  28. package/lib/cjs/timePicker/TimePicker.d.ts +1 -1
  29. package/lib/cjs/timePicker/index.d.ts +1 -1
  30. package/lib/cjs/typography/title.d.ts +1 -1
  31. package/lib/es/anchor/index.d.ts +1 -1
  32. package/lib/es/autoComplete/index.d.ts +1 -1
  33. package/lib/es/button/Button.d.ts +1 -1
  34. package/lib/es/button/buttonGroup.d.ts +1 -1
  35. package/lib/es/button/index.d.ts +1 -1
  36. package/lib/es/datePicker/dateInput.d.ts +1 -1
  37. package/lib/es/datePicker/datePicker.d.ts +2 -2
  38. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  39. package/lib/es/datePicker/yearAndMonth.d.ts +1 -1
  40. package/lib/es/form/baseForm.d.ts +1 -1
  41. package/lib/es/form/field.d.ts +1 -1
  42. package/lib/es/input/index.d.ts +1 -1
  43. package/lib/es/input/inputGroup.d.ts +1 -1
  44. package/lib/es/modal/confirm.d.ts +18 -18
  45. package/lib/es/rating/index.d.ts +1 -1
  46. package/lib/es/rating/item.d.ts +1 -1
  47. package/lib/es/spin/icon.js +14 -51
  48. package/lib/es/switch/index.d.ts +1 -1
  49. package/lib/es/table/Table.d.ts +2 -2
  50. package/lib/es/table/index.d.ts +1 -1
  51. package/lib/es/tagInput/index.d.ts +1 -1
  52. package/lib/es/timePicker/TimePicker.d.ts +1 -1
  53. package/lib/es/timePicker/index.d.ts +1 -1
  54. package/lib/es/typography/title.d.ts +1 -1
  55. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -16123,6 +16123,20 @@ img[src=""], img:not([src]) {
16123
16123
  transform: rotate(360deg);
16124
16124
  }
16125
16125
  }
16126
+ @keyframes semi-animation-circle {
16127
+ 0% {
16128
+ stroke-dasharray: 1, 220;
16129
+ stroke-dashoffset: 0;
16130
+ }
16131
+ 50% {
16132
+ stroke-dasharray: 150, 220;
16133
+ stroke-dashoffset: -68px;
16134
+ }
16135
+ 100% {
16136
+ stroke-dasharray: 150, 220;
16137
+ stroke-dashoffset: -218px;
16138
+ }
16139
+ }
16126
16140
  .semi-spin-wrapper {
16127
16141
  text-align: center;
16128
16142
  position: absolute;
@@ -16132,12 +16146,16 @@ img[src=""], img:not([src]) {
16132
16146
  color: var(--semi-color-primary);
16133
16147
  }
16134
16148
  .semi-spin-wrapper > svg {
16135
- animation: 600ms linear infinite semi-animation-rotate;
16149
+ display: inline;
16150
+ animation: 1200ms linear infinite semi-animation-rotate;
16136
16151
  animation-fill-mode: forwards;
16137
16152
  vertical-align: top;
16138
16153
  width: 20px;
16139
16154
  height: 20px;
16140
16155
  }
16156
+ .semi-spin-wrapper > svg > circle {
16157
+ animation: 2500ms ease-in-out infinite semi-animation-circle;
16158
+ }
16141
16159
  .semi-spin-animate {
16142
16160
  display: inline-flex;
16143
16161
  animation: 1600ms linear infinite semi-animation-rotate;
@@ -21568,6 +21586,28 @@ p.semi-typography-extended,
21568
21586
  transform: rotate(360deg);
21569
21587
  }
21570
21588
  }
21589
+ @keyframes semi-animation-rotate {
21590
+ from {
21591
+ transform: rotate(0);
21592
+ }
21593
+ to {
21594
+ transform: rotate(360deg);
21595
+ }
21596
+ }
21597
+ @keyframes semi-animation-circle {
21598
+ 0% {
21599
+ stroke-dasharray: 1, 220;
21600
+ stroke-dashoffset: 0;
21601
+ }
21602
+ 50% {
21603
+ stroke-dasharray: 150, 220;
21604
+ stroke-dashoffset: -68px;
21605
+ }
21606
+ 100% {
21607
+ stroke-dasharray: 150, 220;
21608
+ stroke-dashoffset: -218px;
21609
+ }
21610
+ }
21571
21611
  .semi-button.semi-button-with-icon {
21572
21612
  display: inline-flex;
21573
21613
  align-items: center;
@@ -21584,9 +21624,12 @@ p.semi-typography-extended,
21584
21624
  .semi-button.semi-button-loading .semi-button-content > svg {
21585
21625
  width: 16px;
21586
21626
  height: 16px;
21587
- animation: 0.6s linear infinite semi-animation-rotate;
21627
+ animation: 1200ms linear infinite semi-animation-rotate;
21588
21628
  animation-fill-mode: forwards;
21589
21629
  }
21630
+ .semi-button.semi-button-loading .semi-button-content > svg > circle {
21631
+ animation: 2500ms ease-in-out infinite semi-animation-circle;
21632
+ }
21590
21633
  .semi-button.semi-button-with-icon-only {
21591
21634
  padding-left: 8px;
21592
21635
  padding-right: 8px;