@fox-js/foxui-pad 4.1.1-33 → 4.1.1-35

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/dist/style.css CHANGED
@@ -575,7 +575,7 @@
575
575
  .fox-group__header-mark {
576
576
  width: var(--fox-group-header-mark-width, 3px);
577
577
  height: var(--fox-group-header-mark-height, 15px);
578
- background: var(--fox-group-header-mark-color, var(--fox-primary-color, var(--el-color-primary)));
578
+ background: var(--fox-group-header-mark-color, var(--fox-color-primary, var(--el-color-primary)));
579
579
  display: inline-block;
580
580
  }
581
581
 
@@ -590,7 +590,7 @@
590
590
 
591
591
  .fox-group__header-collapse {
592
592
  cursor: pointer;
593
- color: var(--fox-group-header-collapse-color, var(--fox-primary-color, var(--el-color-primary)));
593
+ color: var(--fox-group-header-collapse-color, var(--fox-color-primary, var(--el-color-primary)));
594
594
  flex-flow: row;
595
595
  flex: none;
596
596
  justify-content: flex-start;
@@ -650,7 +650,7 @@
650
650
  }
651
651
 
652
652
  .fox-item.is-error:before {
653
- border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)));
653
+ border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
654
654
  transition: transform .2s cubic-bezier(0, 0, .2, 1);
655
655
  transform: scaleX(0);
656
656
  }
@@ -771,15 +771,15 @@
771
771
  }
772
772
 
773
773
  .fox-item__tip--info {
774
- color: var(--fox-input-item-tip-info-color, var(--fox-primary-color, var(--el-color-primary)));
774
+ color: var(--fox-input-item-tip-info-color, var(--fox-color-primary, var(--el-color-primary)));
775
775
  }
776
776
 
777
777
  .fox-item__tip--warn {
778
- color: var(--fox-input-item-tip-warn-color, var(--fox-warning-color, var(--el-color-warning)));
778
+ color: var(--fox-input-item-tip-warn-color, var(--fox-color-warning, var(--el-color-warning)));
779
779
  }
780
780
 
781
781
  .fox-item__tip--error {
782
- color: var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)));
782
+ color: var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
783
783
  }
784
784
 
785
785
  .fox-item__fixed-tip {
@@ -1617,7 +1617,7 @@
1617
1617
  }
1618
1618
 
1619
1619
  .fox-actionsheet__list-item.is-checked .fox-actionsheet__list-item-icon {
1620
- color: var(--fox-actionsheet-list-item-icon-color-active, var(--fox-primary-color, var(--el-color-primary))) !important;
1620
+ color: var(--fox-actionsheet-list-item-icon-color-active, var(--fox-color-primary, var(--el-color-primary))) !important;
1621
1621
  }
1622
1622
 
1623
1623
  .fox-actionsheet__list-item.is-disabled .fox-actionsheet__list-item-icon {
@@ -1746,7 +1746,7 @@
1746
1746
  }
1747
1747
 
1748
1748
  .fox-tabs-bar__titles-item.active {
1749
- color: var(--fox-tabs-bar-item-color-active, var(--fox-primary-color, var(--el-color-primary)));
1749
+ color: var(--fox-tabs-bar-item-color-active, var(--fox-color-primary, var(--el-color-primary)));
1750
1750
  font-size: var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-base, 14px));
1751
1751
  font-weight: var(--fox-tabs-bar-item-font-weight-active, bold);
1752
1752
  }
@@ -1754,8 +1754,8 @@
1754
1754
  .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
1755
1755
  content: " ";
1756
1756
  width: var(--fox-tabs-bar-item-line-width-horizontal, 40px);
1757
- background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-primary-color, var(--el-color-primary)));
1758
- height: 3px;
1757
+ height: var(--fox-tabs-bar-item-line-height-horizontal, 3px);
1758
+ background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-color-primary, var(--el-color-primary)));
1759
1759
  }
1760
1760
 
1761
1761
  .fox-tabs-bar__titles-item.button {
@@ -1772,7 +1772,7 @@
1772
1772
 
1773
1773
  .fox-tabs-bar__titles-item.button.active {
1774
1774
  background: var(--fox-tabs-bar-item-background-active-button, #fff);
1775
- color: var(--fox-tabs-bar-item-color-active-button, var(--fox-primary-color, var(--el-color-primary)));
1775
+ color: var(--fox-tabs-bar-item-color-active-button, var(--fox-color-primary, var(--el-color-primary)));
1776
1776
  font-size: var(--fox-tabs-bar-item-font-size-active-button, 12px);
1777
1777
  font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
1778
1778
  border: var(--fox-tabs-bar-item-border-active-button, 1px solid transparent);
@@ -1785,7 +1785,7 @@
1785
1785
  .fox-tabs-bar__titles-item.button-group:first-child {
1786
1786
  border-top-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1787
1787
  border-bottom-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
1788
- border-left: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
1788
+ border-left: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1789
1789
  }
1790
1790
 
1791
1791
  .fox-tabs-bar__titles-item.button-group:last-child {
@@ -1798,18 +1798,18 @@
1798
1798
  width: var(--fox-tabs-bar-item-width-button-group, 105px);
1799
1799
  height: var(--fox-tabs-bar-item-height-button-group, 32px);
1800
1800
  background: var(--fox-tabs-bar-item-background-button-group, #fff);
1801
- color: var(--fox-tabs-bar-item-color-button-group, var(--fox-primary-color, var(--el-color-primary)));
1801
+ color: var(--fox-tabs-bar-item-color-button-group, var(--fox-color-primary, var(--el-color-primary)));
1802
1802
  font-size: var(--fox-tabs-bar-item-font-size-button-group, 14px);
1803
1803
  font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
1804
- border-top: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
1805
- border-right: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
1806
- border-bottom: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
1807
- border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
1804
+ border-top: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1805
+ border-right: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1806
+ border-bottom: var(--fox-tabs-bar-item-border-width-button-group, 1px) solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1807
+ border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1808
1808
  flex: none;
1809
1809
  }
1810
1810
 
1811
1811
  .fox-tabs-bar__titles-item.button-group.active {
1812
- background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
1812
+ background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
1813
1813
  color: var(--fox-tabs-bar-item-color-active-button-group, #fff);
1814
1814
  font-size: var(--fox-tabs-bar-item-font-size-active-button-group, 14px);
1815
1815
  font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
@@ -1833,7 +1833,7 @@
1833
1833
 
1834
1834
  .fox-tabs-bar__titles-item.capsule.active {
1835
1835
  background: var(--fox-tabs-bar-item-background-active-capsule, #fff);
1836
- color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-primary-color, var(--el-color-primary)));
1836
+ color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-color-primary, var(--el-color-primary)));
1837
1837
  font-size: var(--fox-tabs-bar-item-font-size-active-capsule, 14px);
1838
1838
  font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
1839
1839
  }
@@ -1872,7 +1872,7 @@
1872
1872
  line-height: 1;
1873
1873
  font-size: var(--fox-tabs-bar-item-tip-font-size, 10px);
1874
1874
  color: var(--fox-tabs-bar-item-tip-color, var(--fox-white, #fff));
1875
- background: var(--fox-tabs-bar-item-tip-background, var(--fox-primary-color, var(--el-color-primary)));
1875
+ background: var(--fox-tabs-bar-item-tip-background, var(--fox-color-primary, var(--el-color-primary)));
1876
1876
  box-shadow: var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px #fff);
1877
1877
  border-radius: 50%;
1878
1878
  position: absolute;
@@ -2022,9 +2022,9 @@
2022
2022
  }
2023
2023
 
2024
2024
  .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
2025
- background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-primary-color, var(--el-color-primary)));
2026
- width: 3px;
2025
+ width: var(--fox-tabs-bar-item-line-width-vertical, 3px);
2027
2026
  height: var(--fox-tabs-bar-item-line-height-vertical, 14px);
2027
+ background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-color-primary, var(--el-color-primary)));
2028
2028
  top: 50%;
2029
2029
  left: 10px;
2030
2030
  }
@@ -2082,7 +2082,7 @@
2082
2082
  }
2083
2083
 
2084
2084
  .fox-tabs-bar__popup-item.active {
2085
- color: var(--fox-tabs-bar-popup-item-color-active, var(--fox-primary-color, var(--el-color-primary)));
2085
+ color: var(--fox-tabs-bar-popup-item-color-active, var(--fox-color-primary, var(--el-color-primary)));
2086
2086
  background: var(--fox-tabs-bar-popup-item-background-active, #ffecec);
2087
2087
  }
2088
2088
 
@@ -2315,7 +2315,7 @@
2315
2315
  }
2316
2316
 
2317
2317
  .fox-steps-bar.is-vertical .fox-steps-bar__mark {
2318
- color: var(--fox-steps-bar-mark-color, var(--fox-primary-color, var(--el-color-primary)));
2318
+ color: var(--fox-steps-bar-mark-color, var(--fox-color-primary, var(--el-color-primary)));
2319
2319
  height: var(--fox-steps-bar-mark-height-vertical, var(--fox-steps-bar-icon-size, 28px));
2320
2320
  width: var(--fox-steps-bar-mark-width-vertical, var(--fox-steps-bar-icon-size, 28px));
2321
2321
  flex: none;
@@ -2374,7 +2374,7 @@
2374
2374
 
2375
2375
  .fox-steps-bar__step.is-active .fox-steps-bar__icon {
2376
2376
  color: var(--fox-steps-bar-icon-active-color, var(--fox-white, #fff));
2377
- background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)));
2377
+ background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
2378
2378
  }
2379
2379
 
2380
2380
  .fox-steps-bar__step.is-done {
@@ -2387,7 +2387,7 @@
2387
2387
 
2388
2388
  .fox-steps-bar__step.is-done .fox-steps-bar__icon {
2389
2389
  color: var(--fox-steps-bar-icon-done-color, var(--fox-white, #fff));
2390
- background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-success-color, var(--el-color-success)));
2390
+ background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-color-success, var(--el-color-success)));
2391
2391
  }
2392
2392
 
2393
2393
  .fox-steps-bar__step.is-error {
@@ -2400,7 +2400,7 @@
2400
2400
 
2401
2401
  .fox-steps-bar__step.is-error .fox-steps-bar__icon {
2402
2402
  color: var(--fox-steps-bar-icon-error-color, var(--fox-white, #fff));
2403
- background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-danger-color, var(--el-color-danger)));
2403
+ background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-color-danger, var(--el-color-danger)));
2404
2404
  }
2405
2405
 
2406
2406
  .fox-steps-bar__step.is-half {
@@ -2413,7 +2413,7 @@
2413
2413
 
2414
2414
  .fox-steps-bar__step.is-half .fox-steps-bar__icon {
2415
2415
  color: var(--fox-steps-bar-icon-half-color, var(--fox-white, #fff));
2416
- background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-warning-color, var(--el-color-warning)));
2416
+ background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-color-warning, var(--el-color-warning)));
2417
2417
  }
2418
2418
 
2419
2419
  .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
@@ -2429,7 +2429,7 @@
2429
2429
 
2430
2430
  .fox-steps-bar__step.is-doit.is-active .fox-steps-bar__icon:before {
2431
2431
  content: "";
2432
- background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)));
2432
+ background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
2433
2433
  opacity: .23;
2434
2434
  border-radius: 50%;
2435
2435
  width: 14px;
@@ -2452,7 +2452,7 @@
2452
2452
  }
2453
2453
 
2454
2454
  .fox-steps-bar__line-inner {
2455
- color: var(--fox-steps-bar-line-active-color, var(--fox-primary-color, var(--el-color-primary)));
2455
+ color: var(--fox-steps-bar-line-active-color, var(--fox-color-primary, var(--el-color-primary)));
2456
2456
  border-width: var(--fox-steps-bar-line-border-width, 1px);
2457
2457
  border-style: var(--fox-steps-bar-line-border-style, solid);
2458
2458
  border-color: inherit;
@@ -2839,7 +2839,7 @@
2839
2839
 
2840
2840
  .fox-picker__right {
2841
2841
  float: right;
2842
- color: var(--fox-picker-ok-color, var(--fox-primary-color, var(--el-color-primary)));
2842
+ color: var(--fox-picker-ok-color, var(--fox-color-primary, var(--el-color-primary)));
2843
2843
  font-size: var(--fox-picker-bar-ok-font-size, 14px);
2844
2844
  }
2845
2845
 
@@ -2952,7 +2952,7 @@
2952
2952
 
2953
2953
  .fox-theme-dark .fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .calendar-month-day-choose {
2954
2954
  background-color: var(--fox-dark-calendar-choose-color, #e3e3e333);
2955
- color: var(--fox-calendar-choose-font-color, var(--fox-primary-color, var(--el-color-primary)));
2955
+ color: var(--fox-calendar-choose-font-color, var(--fox-color-primary, var(--el-color-primary)));
2956
2956
  }
2957
2957
 
2958
2958
  .fox-theme-dark .fox-calendar .fox-calendar__footer {
@@ -3030,7 +3030,7 @@
3030
3030
  }
3031
3031
 
3032
3032
  .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:first-of-type, .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:last-of-type {
3033
- color: var(--fox-calendar-day67-font-color, var(--fox-primary-color, var(--el-color-primary)));
3033
+ color: var(--fox-calendar-day67-font-color, var(--fox-color-primary, var(--el-color-primary)));
3034
3034
  }
3035
3035
 
3036
3036
  .fox-calendar__content {
@@ -3085,7 +3085,7 @@
3085
3085
  }
3086
3086
 
3087
3087
  .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__days-item .fox-calendar__day:nth-child(7n), .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__days-item .fox-calendar__day:nth-child(7n+1) {
3088
- color: var(--fox-calendar-day67-font-color, var(--fox-primary-color, var(--el-color-primary)));
3088
+ color: var(--fox-calendar-day67-font-color, var(--fox-color-primary, var(--el-color-primary)));
3089
3089
  }
3090
3090
 
3091
3091
  .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day {
@@ -3115,7 +3115,7 @@
3115
3115
 
3116
3116
  .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tip {
3117
3117
  width: 100%;
3118
- color: var(--fox-calendar-primary-color, var(--fox-primary-color, var(--el-color-primary)));
3118
+ color: var(--fox-calendar-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3119
3119
  font-size: 12px;
3120
3120
  line-height: 14px;
3121
3121
  position: absolute;
@@ -3131,7 +3131,7 @@
3131
3131
  }
3132
3132
 
3133
3133
  .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active {
3134
- background-color: var(--fox-calendar-primary-color, var(--fox-primary-color, var(--el-color-primary)));
3134
+ background-color: var(--fox-calendar-primary-color, var(--fox-color-primary, var(--el-color-primary)));
3135
3135
  border-radius: var(--fox-calendar-day-active-border-radius, 0px);
3136
3136
  color: var(--fox-white, #fff) !important;
3137
3137
  }
@@ -3149,11 +3149,11 @@
3149
3149
  }
3150
3150
 
3151
3151
  .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose {
3152
- color: var(--fox-calendar-choose-font-color, var(--fox-primary-color, var(--el-color-primary)));
3152
+ color: var(--fox-calendar-choose-font-color, var(--fox-color-primary, var(--el-color-primary)));
3153
3153
  }
3154
3154
 
3155
3155
  .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose:after {
3156
- background-color: var(--fox-calendar-choose-color, var(--fox-primary-color, var(--el-color-primary)));
3156
+ background-color: var(--fox-calendar-choose-color, var(--fox-color-primary, var(--el-color-primary)));
3157
3157
  opacity: .09;
3158
3158
  content: "";
3159
3159
  position: absolute;
@@ -3178,7 +3178,7 @@
3178
3178
  .fox-calendar__footer .fox-calendar__confirm {
3179
3179
  height: var(--fox-calendar-footer-button-height, 44px);
3180
3180
  width: var(--fox-calendar-footer-button-min-width, 100%);
3181
- background: var(--fox-button-primary-background-color, linear-gradient(135deg, var(--fox-primary-color, var(--fox-primary-color, var(--el-color-primary))) 0%, var(--fox-primary-color, var(--fox-primary-color, var(--el-color-primary))) 100%));
3181
+ background: var(--fox-button-primary-background-color, linear-gradient(135deg, var(--fox-color-primary, var(--fox-color-primary, var(--el-color-primary))) 0%, var(--fox-color-primary, var(--fox-color-primary, var(--el-color-primary))) 100%));
3182
3182
  color: var(--fox-white, #fff);
3183
3183
  text-align: center;
3184
3184
  line-height: var(--fox-calendar-footer-button-height, 44px);
@@ -3254,12 +3254,12 @@
3254
3254
  }
3255
3255
 
3256
3256
  .fox-cascader__item.active:not(.disabled) {
3257
- color: var(--fox-cascader-item-active-color, var(--fox-primary-color, var(--el-color-primary)));
3257
+ color: var(--fox-cascader-item-active-color, var(--fox-color-primary, var(--el-color-primary)));
3258
3258
  }
3259
3259
 
3260
3260
  .fox-cascader__item.active .fox-cascader__item__icon-check {
3261
3261
  visibility: visible;
3262
- color: var(--fox-cascader-item-active-color, var(--fox-primary-color, var(--el-color-primary)));
3262
+ color: var(--fox-cascader-item-active-color, var(--fox-color-primary, var(--el-color-primary)));
3263
3263
  }
3264
3264
 
3265
3265
  .fox-cascader__item.disabled {
@@ -3635,16 +3635,12 @@
3635
3635
  margin-left: 16px;
3636
3636
  }
3637
3637
 
3638
- .fox-theme-dark .fox-infinite-loading .fox-infinite__bottom, .fox-theme-dark .fox-infinite-loading .fox-infinite__bottom .bottom-text {
3639
- color: var(--fox-dark-color, var(--fox-white, #fff));
3640
- }
3641
-
3642
3638
  .fox-infinite-loading {
3643
3639
  width: 100%;
3644
3640
  display: block;
3645
3641
  }
3646
3642
 
3647
- .fox-infinite-loading .fox-infinite__bottom {
3643
+ .fox-infinite-loading__bottom {
3648
3644
  width: 100%;
3649
3645
  height: 50px;
3650
3646
  line-height: 50px;
@@ -3654,13 +3650,13 @@
3654
3650
  display: block;
3655
3651
  }
3656
3652
 
3657
- .fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box {
3653
+ .fox-infinite-loading__bottom-box {
3658
3654
  justify-content: center;
3659
3655
  align-items: center;
3660
3656
  display: flex;
3661
3657
  }
3662
3658
 
3663
- .fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box__img {
3659
+ .fox-infinite-loading__bottom-box__img {
3664
3660
  width: 15px;
3665
3661
  height: 15px;
3666
3662
  margin-right: 5px;
@@ -3671,7 +3667,7 @@
3671
3667
  animation-fill-mode: both;
3672
3668
  }
3673
3669
 
3674
- .fox-infinite-loading .fox-infinite__bottom .fox-infinite__bottom-box__text {
3670
+ .fox-infinite-loading__bottom-box__text {
3675
3671
  color: var(--fox-text-color, var(--el-text-color-regular));
3676
3672
  font-size: 12px;
3677
3673
  }
@@ -3681,12 +3677,12 @@
3681
3677
  overflow: hidden;
3682
3678
  }
3683
3679
 
3684
- .fox-pull-refresh-container {
3680
+ .fox-pull-refresh__container {
3685
3681
  height: 100%;
3686
3682
  position: relative;
3687
3683
  }
3688
3684
 
3689
- .fox-pull-refresh-container-topbox {
3685
+ .fox-pull-refresh__container-topbox {
3690
3686
  text-align: center;
3691
3687
  justify-content: center;
3692
3688
  align-items: center;
@@ -3699,7 +3695,7 @@
3699
3695
  transform: translateY(-100%);
3700
3696
  }
3701
3697
 
3702
- .fox-pull-refresh-container-topbox-icon {
3698
+ .fox-pull-refresh__container-topbox-icon {
3703
3699
  width: 16px;
3704
3700
  height: 16px;
3705
3701
  margin-right: 4px;
@@ -3710,14 +3706,14 @@
3710
3706
  animation-fill-mode: both;
3711
3707
  }
3712
3708
 
3713
- .fox-pull-refresh-container-topbox-text {
3709
+ .fox-pull-refresh__container-topbox-text {
3714
3710
  font-size: var(--fox-font-size-base, 14px);
3715
3711
  color: var(--fox-text-color, var(--el-text-color-regular));
3716
3712
  }
3717
3713
 
3718
3714
  .fox-more-button {
3719
3715
  cursor: pointer;
3720
- color: var(--fox-default-color, var(--el-text-color-regular));
3716
+ color: var(--fox-color-info, var(--el-color-info));
3721
3717
  flex-flow: row;
3722
3718
  justify-content: flex-start;
3723
3719
  align-items: center;
@@ -3725,23 +3721,23 @@
3725
3721
  }
3726
3722
 
3727
3723
  .fox-more-button--primary {
3728
- color: var(--fox-primary-color, var(--el-color-primary));
3724
+ color: var(--fox-color-primary, var(--el-color-primary));
3729
3725
  }
3730
3726
 
3731
3727
  .fox-more-button--info {
3732
- color: var(--fox-info-color, var(--el-color-info));
3728
+ color: var(--fox-color-info, var(--el-color-info));
3733
3729
  }
3734
3730
 
3735
3731
  .fox-more-button--success {
3736
- color: var(--fox-success-color, var(--el-color-success));
3732
+ color: var(--fox-color-success, var(--el-color-success));
3737
3733
  }
3738
3734
 
3739
3735
  .fox-more-button--warning {
3740
- color: var(--fox-warning-color, var(--el-color-warning));
3736
+ color: var(--fox-color-warning, var(--el-color-warning));
3741
3737
  }
3742
3738
 
3743
3739
  .fox-more-button--danger {
3744
- color: var(--fox-danger-color, var(--el-color-danger));
3740
+ color: var(--fox-color-danger, var(--el-color-danger));
3745
3741
  }
3746
3742
 
3747
3743
  .fox-more-button--disabled {
@@ -3786,7 +3782,7 @@
3786
3782
  width: var(--fox-floating-button-width, 52px);
3787
3783
  height: var(--fox-floating-button-height, 52px);
3788
3784
  opacity: var(--fox-floating-button-opacity, 1);
3789
- background: var(--fox-floating-button-background, linear-gradient(136.56deg, var(--fox-primary-color, var(--el-color-primary)) 0%, var(--fox-primary-color-end, var(--el-color-primary-light-3)) 100%));
3785
+ background: var(--fox-floating-button-background, linear-gradient(136.56deg, var(--fox-color-primary, var(--el-color-primary)) 0%, var(--fox-color-primary-end, var(--el-color-primary-light-3)) 100%));
3790
3786
  box-shadow: var(--fox-floating-button-box-shadow, 0px 3px 12px #31040014);
3791
3787
  border-radius: var(--fox-floating-button-border-radius, 50%);
3792
3788
  color: var(--fox-floating-button-color, #fff);
@@ -3802,7 +3798,7 @@
3802
3798
 
3803
3799
  .fox-price {
3804
3800
  font-size: var(--fox-font-size-medium, 16px);
3805
- color: var(--fox-primary-color, var(--el-color-primary));
3801
+ color: var(--fox-color-primary, var(--el-color-primary));
3806
3802
  display: inline;
3807
3803
  }
3808
3804
 
@@ -3962,7 +3958,7 @@
3962
3958
 
3963
3959
  .fox-text.is-highlight > * {
3964
3960
  color: var(--fox-text-highlight-color, var(--fox-white, #fff)) !important;
3965
- background: var(--fox-text-highlight-background-color, var(--fox-danger-color, var(--el-color-danger))) !important;
3961
+ background: var(--fox-text-highlight-background-color, var(--fox-color-danger, var(--el-color-danger))) !important;
3966
3962
  }
3967
3963
 
3968
3964
  .fox-text.is-selectable {
@@ -4395,7 +4391,7 @@
4395
4391
  .fox-short-password__message .fox-short-password--error {
4396
4392
  line-height: 1;
4397
4393
  font-size: var(--fox-font-size-extra-small, 10px);
4398
- color: var(--fox-shortpassword-error, var(--fox-primary-color, var(--el-color-primary)));
4394
+ color: var(--fox-shortpassword-error, var(--fox-color-primary, var(--el-color-primary)));
4399
4395
  }
4400
4396
 
4401
4397
  .fox-short-password__message .fox-short-password--forget {
package/dist/style.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /*!
2
- * @fox-js/foxui-desktop v4.0.0 2026-06-13T06:53:15.159Z
2
+ * @fox-js/foxui-desktop v4.0.0 2026-06-18T01:56:37.405Z
3
3
  */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fox-js/foxui-pad",
3
3
  "type": "module",
4
- "version": "4.1.1-33",
4
+ "version": "4.1.1-35",
5
5
  "description": "FoxUI PAD端组件库",
6
6
  "author": "jiangcheng",
7
7
  "main": "./dist/index.umd.js",