@fox-js/foxui-pad 4.1.1-41 → 4.1.1-43

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
@@ -977,7 +977,7 @@
977
977
  opacity: 0;
978
978
  }
979
979
 
980
- .fox-input-item, .fox-select-item {
980
+ .fox-input-item__content, .fox-select-item__content {
981
981
  width: 100%;
982
982
  }
983
983
 
@@ -988,8 +988,12 @@
988
988
  display: flex;
989
989
  }
990
990
 
991
- .fox-date-item {
992
- width: 100% !important;
991
+ .fox-date-item.has-append .el-input__wrapper {
992
+ border-radius: var(--el-input-border-radius), 0px, 0px, var(--el-border-radius-base);
993
+ }
994
+
995
+ .fox-date-item.readonly input, .fox-date-item.disabled input {
996
+ padding: 0;
993
997
  }
994
998
 
995
999
  .fox-date-item.is-long input {
@@ -997,12 +1001,8 @@
997
1001
  padding: 0 28px 0 0;
998
1002
  }
999
1003
 
1000
- .fox-date-item.is-readonly input, .fox-date-item.is-disabled input {
1001
- padding: 0;
1002
- }
1003
-
1004
- .fox-date-item__wrapper.has-append .el-input__wrapper {
1005
- border-radius: var(--el-input-border-radius), 0px, 0px, var(--el-border-radius-base);
1004
+ .fox-date-item__content {
1005
+ width: 100% !important;
1006
1006
  }
1007
1007
 
1008
1008
  .fox-date-item__long {
@@ -1065,15 +1065,23 @@
1065
1065
  position: relative;
1066
1066
  }
1067
1067
 
1068
- .fox-calendar-item {
1068
+ .fox-calendar-item__content {
1069
1069
  width: 100%;
1070
1070
  }
1071
1071
 
1072
- .fox-time-item, .fox-time-select-item {
1072
+ .fox-time-item__content, .fox-time-select-item__content {
1073
1073
  width: 100% !important;
1074
1074
  }
1075
1075
 
1076
- .fox-money-item {
1076
+ .fox-money-item.disabled input:disabled {
1077
+ color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1078
+ cursor: not-allowed;
1079
+ opacity: 1;
1080
+ -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1081
+ background: none;
1082
+ }
1083
+
1084
+ .fox-money-item__content {
1077
1085
  width: 100%;
1078
1086
  }
1079
1087
 
@@ -1090,18 +1098,6 @@
1090
1098
  display: none;
1091
1099
  }
1092
1100
 
1093
- .fox-money-item__disabled {
1094
- color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled)))) !important;
1095
- }
1096
-
1097
- .fox-money-item__disabled input:disabled {
1098
- color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1099
- cursor: not-allowed;
1100
- opacity: 1;
1101
- -webkit-text-fill-color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1102
- background: none;
1103
- }
1104
-
1105
1101
  .fox-money-item__placeholder input {
1106
1102
  color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1107
1103
  }
@@ -1114,7 +1110,7 @@
1114
1110
  color: var(--fox-input-item-color, var(--fox-black, var(--el-color-black)));
1115
1111
  }
1116
1112
 
1117
- .fox-input-number-item {
1113
+ .fox-input-number-item__content {
1118
1114
  flex: auto;
1119
1115
  }
1120
1116
 
@@ -1151,7 +1147,7 @@
1151
1147
  right: 1px;
1152
1148
  }
1153
1149
 
1154
- .fox-cascader-item, .fox-autocomplete-item {
1150
+ .fox-cascader-item__content, .fox-autocomplete-item__content {
1155
1151
  width: 100%;
1156
1152
  }
1157
1153
 
@@ -1274,15 +1270,15 @@
1274
1270
  position: relative;
1275
1271
  }
1276
1272
 
1277
- .fox-table-item {
1278
- width: 100%;
1279
- }
1280
-
1281
1273
  .fox-table-item__wrap {
1282
1274
  min-width: 0;
1283
1275
  min-height: 0;
1284
1276
  }
1285
1277
 
1278
+ .fox-table-item__content {
1279
+ width: 100%;
1280
+ }
1281
+
1286
1282
  .fox-table-item__pagination {
1287
1283
  margin-top: 10px;
1288
1284
  }
@@ -1351,29 +1347,29 @@
1351
1347
  }
1352
1348
  }
1353
1349
 
1354
- .fox-radio-item.is-vertical {
1350
+ .fox-radio-item__content.is-vertical {
1355
1351
  flex-flow: column;
1356
1352
  justify-content: flex-start;
1357
1353
  align-items: flex-start;
1358
1354
  display: flex;
1359
1355
  }
1360
1356
 
1361
- .fox-radio-item.is-vertical .el-radio + .el-radio {
1357
+ .fox-radio-item__content.is-vertical .el-radio + .el-radio {
1362
1358
  margin-top: 10px;
1363
1359
  }
1364
1360
 
1365
- .fox-checkbox-item.is-vertical {
1361
+ .fox-checkbox-item__content.is-vertical {
1366
1362
  flex-flow: column;
1367
1363
  justify-content: flex-start;
1368
1364
  align-items: flex-start;
1369
1365
  display: flex;
1370
1366
  }
1371
1367
 
1372
- .fox-checkbox-item.is-vertical .el-checkbox + .el-checkbox {
1368
+ .fox-checkbox-item__content.is-vertical .el-checkbox + .el-checkbox {
1373
1369
  margin-top: 10px;
1374
1370
  }
1375
1371
 
1376
- .fox-rate-item, .fox-switch-item, .fox-tree-select-item {
1372
+ .fox-rate-item__content, .fox-switch-item__content, .fox-tree-select-item__content {
1377
1373
  width: 100%;
1378
1374
  }
1379
1375
 
@@ -1496,13 +1492,15 @@
1496
1492
  position: relative;
1497
1493
  }
1498
1494
 
1499
- .fox-tree-item {
1495
+ .fox-tree-item__content {
1500
1496
  width: 100%;
1501
1497
  }
1502
1498
 
1503
1499
  .fox-actionsheet {
1504
1500
  padding: var(--fox-actionsheet-padding, 0px 16px);
1505
- display: block;
1501
+ grid-template-rows: auto auto minmax(0, 1fr) auto;
1502
+ grid-template-columns: 1fr;
1503
+ display: grid;
1506
1504
  }
1507
1505
 
1508
1506
  .fox-actionsheet__header {
@@ -1530,6 +1528,9 @@
1530
1528
 
1531
1529
  .fox-actionsheet__searchbar {
1532
1530
  --fox-searchbar-padding: 0px;
1531
+ --fox-searchbar-input-border-radius: var(--fox-searchbar-border-radius, 12px);
1532
+ --fox-searchbar-input-background: var(--fox-actionsheet-searchbar-background, var(--fox-fill-color-base, var(--el-fill-color)));
1533
+ --fox-searchbar-input-box-shadow: var(--fox-actionsheet-searchbar-box-shadow, none);
1533
1534
  height: var(--fox-actionsheet-searchbar-height, 40px);
1534
1535
  flex-flow: row;
1535
1536
  justify-content: center;
@@ -1541,13 +1542,6 @@
1541
1542
  margin-top: 10px;
1542
1543
  }
1543
1544
 
1544
- .fox-actionsheet__searchbar .fox-searchbar__search-input {
1545
- border: var(--fox-actionsheet-searchbar-border, 1px solid var(--fox-border-color-lighter, var(--el-border-color-lighter)));
1546
- border-radius: var(--fox-searchbar-border-radius, 12px);
1547
- background: var(--fox-actionsheet-searchbar-background, var(--fox-fill-color-base, var(--el-fill-color)));
1548
- box-shadow: none;
1549
- }
1550
-
1551
1545
  .fox-actionsheet__list {
1552
1546
  height: var(--fox-actionsheet-list-height, 380px);
1553
1547
  display: block;
@@ -1645,11 +1639,11 @@
1645
1639
  width: var(--fox-actionsheet-width, 40%) !important;
1646
1640
  }
1647
1641
 
1648
- .fox-actionsheet-item, .fox-select-item {
1642
+ .fox-actionsheet-item__content, .fox-picker-item__content {
1649
1643
  width: 100%;
1650
1644
  }
1651
1645
 
1652
- .fox-link-item {
1646
+ .fox-link-item__content {
1653
1647
  width: 100%;
1654
1648
  height: var(--fox-input-item-height, 24px);
1655
1649
  line-height: var(--fox-input-item-height, 24px);
@@ -1666,10 +1660,6 @@
1666
1660
  display: flex;
1667
1661
  }
1668
1662
 
1669
- .fox-link-item.is-disabled {
1670
- color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled)))) !important;
1671
- }
1672
-
1673
1663
  .fox-link-item__append {
1674
1664
  width: var(--fox-input-item-append-width, 30px);
1675
1665
  font-size: var(--fox-input-item-append-font-size, var(--fox-font-size-base, var(--el-font-size-base)));
@@ -1705,6 +1695,10 @@
1705
1695
  color: var(--fox-link-item-sub-color, var(--fox-text-color--secondary, var(--el-text-color-secondary)));
1706
1696
  }
1707
1697
 
1698
+ .fox-link-item.disabled .fox-link-item__content {
1699
+ color: var(--fox-input-item-disabled-color, var(--fox-input-disabled-color, var(--fox-disable-color, var(--el-text-color-disabled))));
1700
+ }
1701
+
1708
1702
  .fox-tabs-bar {
1709
1703
  box-sizing: border-box;
1710
1704
  position: relative;
@@ -2991,8 +2985,8 @@
2991
2985
  height: var(--fox-calendar-popup-height, 85vh);
2992
2986
  padding-bottom: constant(safe-area-inset-bottom);
2993
2987
  padding-bottom: env(safe-area-inset-bottom);
2994
- left: calc((100% - var(--fox-calendar-width, 100%)) / 2) !important;
2995
- width: var(--fox-calendar-width, 100%) !important;
2988
+ left: calc((100% - var(--fox-calendar-width, 40%)) / 2) !important;
2989
+ width: var(--fox-calendar-width, 40%) !important;
2996
2990
  }
2997
2991
 
2998
2992
  .fox-calendar__header {
@@ -3199,6 +3193,7 @@
3199
3193
  min-width: auto;
3200
3194
  padding: var(--fox-cascader-tabs-titles-item-padding, 0 10px);
3201
3195
  white-space: nowrap;
3196
+ margin: 0;
3202
3197
  }
3203
3198
 
3204
3199
  .fox-cascader__bar {
package/dist/style.js CHANGED
@@ -1,3 +1,3 @@
1
1
  /*!
2
- * @fox-js/foxui-desktop v4.0.0 2026-07-02T06:13:35.216Z
2
+ * @fox-js/foxui-desktop v4.0.0 2026-07-24T12:16:16.849Z
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-41",
4
+ "version": "4.1.1-43",
5
5
  "description": "FoxUI PAD端组件库",
6
6
  "author": "jiangcheng",
7
7
  "main": "./dist/index.umd.js",