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

package/dist/style.css

@@ -575,7 +575,7 @@
 .fox-group__header-mark {
   width: var(--fox-group-header-mark-width, 3px);
   height: var(--fox-group-header-mark-height, 15px);
-  background: var(--fox-group-header-mark-color, var(--fox-primary-color, var(--el-color-primary)));
+  background: var(--fox-group-header-mark-color, var(--fox-color-primary, var(--el-color-primary)));
   display: inline-block;
 }
 
@@ -590,7 +590,7 @@
 
 .fox-group__header-collapse {
   cursor: pointer;
-  color: var(--fox-group-header-collapse-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-group-header-collapse-color, var(--fox-color-primary, var(--el-color-primary)));
   flex-flow: row;
   flex: none;
   justify-content: flex-start;
@@ -650,7 +650,7 @@
 }
 
 .fox-item.is-error:before {
-  border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)));
+  border-bottom: 1px solid var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
   transition: transform .2s cubic-bezier(0, 0, .2, 1);
   transform: scaleX(0);
 }
@@ -771,15 +771,15 @@
 }
 
 .fox-item__tip--info {
-  color: var(--fox-input-item-tip-info-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-input-item-tip-info-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-item__tip--warn {
-  color: var(--fox-input-item-tip-warn-color, var(--fox-warning-color, var(--el-color-warning)));
+  color: var(--fox-input-item-tip-warn-color, var(--fox-color-warning, var(--el-color-warning)));
 }
 
 .fox-item__tip--error {
-  color: var(--fox-input-item-tip-error-color, var(--fox-danger-color, var(--el-color-danger)));
+  color: var(--fox-input-item-tip-error-color, var(--fox-color-danger, var(--el-color-danger)));
 }
 
 .fox-item__fixed-tip {
@@ -1617,7 +1617,7 @@
 }
 
 .fox-actionsheet__list-item.is-checked .fox-actionsheet__list-item-icon {
-  color: var(--fox-actionsheet-list-item-icon-color-active, var(--fox-primary-color, var(--el-color-primary))) !important;
+  color: var(--fox-actionsheet-list-item-icon-color-active, var(--fox-color-primary, var(--el-color-primary))) !important;
 }
 
 .fox-actionsheet__list-item.is-disabled .fox-actionsheet__list-item-icon {
@@ -1746,7 +1746,7 @@
 }
 
 .fox-tabs-bar__titles-item.active {
-  color: var(--fox-tabs-bar-item-color-active, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-tabs-bar-item-color-active, var(--fox-color-primary, var(--el-color-primary)));
   font-size: var(--fox-tabs-bar-item-font-size-default-active, var(--fox-font-size-base, 14px));
   font-weight: var(--fox-tabs-bar-item-font-weight-active, bold);
 }
@@ -1754,8 +1754,8 @@
 .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
   content: " ";
   width: var(--fox-tabs-bar-item-line-width-horizontal, 40px);
-  background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-primary-color, var(--el-color-primary)));
-  height: 3px;
+  height: var(--fox-tabs-bar-item-line-height-horizontal, 3px);
+  background: var(--fox-tabs-bar-item-line-color-horizontal, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-tabs-bar__titles-item.button {
@@ -1772,7 +1772,7 @@
 
 .fox-tabs-bar__titles-item.button.active {
   background: var(--fox-tabs-bar-item-background-active-button, #fff);
-  color: var(--fox-tabs-bar-item-color-active-button, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-tabs-bar-item-color-active-button, var(--fox-color-primary, var(--el-color-primary)));
   font-size: var(--fox-tabs-bar-item-font-size-active-button, 12px);
   font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
   border: var(--fox-tabs-bar-item-border-active-button, 1px solid transparent);
@@ -1785,7 +1785,7 @@
 .fox-tabs-bar__titles-item.button-group:first-child {
   border-top-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
   border-bottom-left-radius: var(--fox-tabs-bar-item-radius-button-group, 8px);
-  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)));
+  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)));
 }
 
 .fox-tabs-bar__titles-item.button-group:last-child {
@@ -1798,18 +1798,18 @@
   width: var(--fox-tabs-bar-item-width-button-group, 105px);
   height: var(--fox-tabs-bar-item-height-button-group, 32px);
   background: var(--fox-tabs-bar-item-background-button-group, #fff);
-  color: var(--fox-tabs-bar-item-color-button-group, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-tabs-bar-item-color-button-group, var(--fox-color-primary, var(--el-color-primary)));
   font-size: var(--fox-tabs-bar-item-font-size-button-group, 14px);
   font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
-  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)));
-  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)));
-  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)));
-  border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
+  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)));
+  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)));
+  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)));
+  border-left: 0 solid var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
   flex: none;
 }
 
 .fox-tabs-bar__titles-item.button-group.active {
-  background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-primary-color, var(--el-color-primary)));
+  background: var(--fox-tabs-bar-item-background-active-button-group, var(--fox-color-primary, var(--el-color-primary)));
   color: var(--fox-tabs-bar-item-color-active-button-group, #fff);
   font-size: var(--fox-tabs-bar-item-font-size-active-button-group, 14px);
   font-weight: var(--fox-tabs-bar-item-font-weight-button-group, 400);
@@ -1833,7 +1833,7 @@
 
 .fox-tabs-bar__titles-item.capsule.active {
   background: var(--fox-tabs-bar-item-background-active-capsule, #fff);
-  color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-tabs-bar-item-color-active-capsule, var(--fox-color-primary, var(--el-color-primary)));
   font-size: var(--fox-tabs-bar-item-font-size-active-capsule, 14px);
   font-weight: var(--fox-tabs-bar-item-font-weight-capsule, 400);
 }
@@ -1872,7 +1872,7 @@
   line-height: 1;
   font-size: var(--fox-tabs-bar-item-tip-font-size, 10px);
   color: var(--fox-tabs-bar-item-tip-color, var(--fox-white, #fff));
-  background: var(--fox-tabs-bar-item-tip-background, var(--fox-primary-color, var(--el-color-primary)));
+  background: var(--fox-tabs-bar-item-tip-background, var(--fox-color-primary, var(--el-color-primary)));
   box-shadow: var(--fox-tabs-bar-item-tip-box-shadow, 0 0 0 1px #fff);
   border-radius: 50%;
   position: absolute;
@@ -2022,9 +2022,9 @@
 }
 
 .fox-tabs-bar__titles.vertical .fox-tabs-bar__titles-item.active .fox-tabs-bar__titles-item-line {
-  background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-primary-color, var(--el-color-primary)));
-  width: 3px;
+  width: var(--fox-tabs-bar-item-line-width-vertical, 3px);
   height: var(--fox-tabs-bar-item-line-height-vertical, 14px);
+  background: var(--fox-tabs-bar-item-line-color-vertical, var(--fox-color-primary, var(--el-color-primary)));
   top: 50%;
   left: 10px;
 }
@@ -2082,7 +2082,7 @@
 }
 
 .fox-tabs-bar__popup-item.active {
-  color: var(--fox-tabs-bar-popup-item-color-active, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-tabs-bar-popup-item-color-active, var(--fox-color-primary, var(--el-color-primary)));
   background: var(--fox-tabs-bar-popup-item-background-active, #ffecec);
 }
 
@@ -2315,7 +2315,7 @@
 }
 
 .fox-steps-bar.is-vertical .fox-steps-bar__mark {
-  color: var(--fox-steps-bar-mark-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-steps-bar-mark-color, var(--fox-color-primary, var(--el-color-primary)));
   height: var(--fox-steps-bar-mark-height-vertical, var(--fox-steps-bar-icon-size, 28px));
   width: var(--fox-steps-bar-mark-width-vertical, var(--fox-steps-bar-icon-size, 28px));
   flex: none;
@@ -2374,7 +2374,7 @@
 
 .fox-steps-bar__step.is-active .fox-steps-bar__icon {
   color: var(--fox-steps-bar-icon-active-color, var(--fox-white, #fff));
-  background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  background: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-steps-bar__step.is-done {
@@ -2387,7 +2387,7 @@
 
 .fox-steps-bar__step.is-done .fox-steps-bar__icon {
   color: var(--fox-steps-bar-icon-done-color, var(--fox-white, #fff));
-  background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-success-color, var(--el-color-success)));
+  background: var(--fox-steps-bar-icon-bg-done-color, var(--fox-color-success, var(--el-color-success)));
 }
 
 .fox-steps-bar__step.is-error {
@@ -2400,7 +2400,7 @@
 
 .fox-steps-bar__step.is-error .fox-steps-bar__icon {
   color: var(--fox-steps-bar-icon-error-color, var(--fox-white, #fff));
-  background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-danger-color, var(--el-color-danger)));
+  background: var(--fox-steps-bar-icon-bg-error-color, var(--fox-color-danger, var(--el-color-danger)));
 }
 
 .fox-steps-bar__step.is-half {
@@ -2413,7 +2413,7 @@
 
 .fox-steps-bar__step.is-half .fox-steps-bar__icon {
   color: var(--fox-steps-bar-icon-half-color, var(--fox-white, #fff));
-  background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-warning-color, var(--el-color-warning)));
+  background: var(--fox-steps-bar-icon-bg-half-color, var(--fox-color-warning, var(--el-color-warning)));
 }
 
 .fox-steps-bar__step.is-doit .fox-steps-bar__icon {
@@ -2429,7 +2429,7 @@
 
 .fox-steps-bar__step.is-doit.is-active .fox-steps-bar__icon:before {
   content: "";
-  background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  background-color: var(--fox-steps-bar-icon-bg-active-color, var(--fox-color-primary, var(--el-color-primary)));
   opacity: .23;
   border-radius: 50%;
   width: 14px;
@@ -2452,7 +2452,7 @@
 }
 
 .fox-steps-bar__line-inner {
-  color: var(--fox-steps-bar-line-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-steps-bar-line-active-color, var(--fox-color-primary, var(--el-color-primary)));
   border-width: var(--fox-steps-bar-line-border-width, 1px);
   border-style: var(--fox-steps-bar-line-border-style, solid);
   border-color: inherit;
@@ -2839,7 +2839,7 @@
 
 .fox-picker__right {
   float: right;
-  color: var(--fox-picker-ok-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-picker-ok-color, var(--fox-color-primary, var(--el-color-primary)));
   font-size: var(--fox-picker-bar-ok-font-size, 14px);
 }
 
@@ -2952,7 +2952,7 @@
 
 .fox-theme-dark .fox-calendar .fox-calendar__content .fox-calendar__panel .fox-calendar__days .calendar-month-day-choose {
   background-color: var(--fox-dark-calendar-choose-color, #e3e3e333);
-  color: var(--fox-calendar-choose-font-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-calendar-choose-font-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-theme-dark .fox-calendar .fox-calendar__footer {
@@ -3030,7 +3030,7 @@
 }
 
 .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:first-of-type, .fox-calendar__header .fox-calendar__weekdays .fox-calendar__weekday:last-of-type {
-  color: var(--fox-calendar-day67-font-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-calendar-day67-font-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-calendar__content {
@@ -3085,7 +3085,7 @@
 }
 
 .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) {
-  color: var(--fox-calendar-day67-font-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-calendar-day67-font-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day {
@@ -3115,7 +3115,7 @@
 
 .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day .fox-calendar__day-tip {
   width: 100%;
-  color: var(--fox-calendar-primary-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-calendar-primary-color, var(--fox-color-primary, var(--el-color-primary)));
   font-size: 12px;
   line-height: 14px;
   position: absolute;
@@ -3131,7 +3131,7 @@
 }
 
 .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--active {
-  background-color: var(--fox-calendar-primary-color, var(--fox-primary-color, var(--el-color-primary)));
+  background-color: var(--fox-calendar-primary-color, var(--fox-color-primary, var(--el-color-primary)));
   border-radius: var(--fox-calendar-day-active-border-radius, 0px);
   color: var(--fox-white, #fff) !important;
 }
@@ -3149,11 +3149,11 @@
 }
 
 .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose {
-  color: var(--fox-calendar-choose-font-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-calendar-choose-font-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-calendar__content .fox-calendar__panel .fox-calendar__days .fox-calendar__day--choose:after {
-  background-color: var(--fox-calendar-choose-color, var(--fox-primary-color, var(--el-color-primary)));
+  background-color: var(--fox-calendar-choose-color, var(--fox-color-primary, var(--el-color-primary)));
   opacity: .09;
   content: "";
   position: absolute;
@@ -3178,7 +3178,7 @@
 .fox-calendar__footer .fox-calendar__confirm {
   height: var(--fox-calendar-footer-button-height, 44px);
   width: var(--fox-calendar-footer-button-min-width, 100%);
-  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%));
+  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%));
   color: var(--fox-white, #fff);
   text-align: center;
   line-height: var(--fox-calendar-footer-button-height, 44px);
@@ -3254,12 +3254,12 @@
 }
 
 .fox-cascader__item.active:not(.disabled) {
-  color: var(--fox-cascader-item-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-cascader-item-active-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-cascader__item.active .fox-cascader__item__icon-check {
   visibility: visible;
-  color: var(--fox-cascader-item-active-color, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-cascader-item-active-color, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-cascader__item.disabled {
@@ -3717,7 +3717,7 @@
 
 .fox-more-button {
   cursor: pointer;
-  color: var(--fox-default-color, var(--el-text-color-regular));
+  color: var(--fox-color-info, var(--el-color-info));
   flex-flow: row;
   justify-content: flex-start;
   align-items: center;
@@ -3725,23 +3725,23 @@
 }
 
 .fox-more-button--primary {
-  color: var(--fox-primary-color, var(--el-color-primary));
+  color: var(--fox-color-primary, var(--el-color-primary));
 }
 
 .fox-more-button--info {
-  color: var(--fox-info-color, var(--el-color-info));
+  color: var(--fox-color-info, var(--el-color-info));
 }
 
 .fox-more-button--success {
-  color: var(--fox-success-color, var(--el-color-success));
+  color: var(--fox-color-success, var(--el-color-success));
 }
 
 .fox-more-button--warning {
-  color: var(--fox-warning-color, var(--el-color-warning));
+  color: var(--fox-color-warning, var(--el-color-warning));
 }
 
 .fox-more-button--danger {
-  color: var(--fox-danger-color, var(--el-color-danger));
+  color: var(--fox-color-danger, var(--el-color-danger));
 }
 
 .fox-more-button--disabled {
@@ -3786,7 +3786,7 @@
   width: var(--fox-floating-button-width, 52px);
   height: var(--fox-floating-button-height, 52px);
   opacity: var(--fox-floating-button-opacity, 1);
-  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%));
+  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%));
   box-shadow: var(--fox-floating-button-box-shadow, 0px 3px 12px #31040014);
   border-radius: var(--fox-floating-button-border-radius, 50%);
   color: var(--fox-floating-button-color, #fff);
@@ -3802,7 +3802,7 @@
 
 .fox-price {
   font-size: var(--fox-font-size-medium, 16px);
-  color: var(--fox-primary-color, var(--el-color-primary));
+  color: var(--fox-color-primary, var(--el-color-primary));
   display: inline;
 }
 
@@ -3962,7 +3962,7 @@
 
 .fox-text.is-highlight > * {
   color: var(--fox-text-highlight-color, var(--fox-white, #fff)) !important;
-  background: var(--fox-text-highlight-background-color, var(--fox-danger-color, var(--el-color-danger))) !important;
+  background: var(--fox-text-highlight-background-color, var(--fox-color-danger, var(--el-color-danger))) !important;
 }
 
 .fox-text.is-selectable {
@@ -4395,7 +4395,7 @@
 .fox-short-password__message .fox-short-password--error {
   line-height: 1;
   font-size: var(--fox-font-size-extra-small, 10px);
-  color: var(--fox-shortpassword-error, var(--fox-primary-color, var(--el-color-primary)));
+  color: var(--fox-shortpassword-error, var(--fox-color-primary, var(--el-color-primary)));
 }
 
 .fox-short-password__message .fox-short-password--forget {

package/dist/style.js

@@ -1,3 +1,3 @@
 /*!
-* @fox-js/foxui-desktop v4.0.0 2026-06-13T06:53:15.159Z
+* @fox-js/foxui-desktop v4.0.0 2026-06-17T09:24:39.715Z
 */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fox-js/foxui-pad",
   "type": "module",
-  "version": "4.1.1-33",
+  "version": "4.1.1-34",
   "description": "FoxUI PAD端组件库",
   "author": "jiangcheng",
   "main": "./dist/index.umd.js",