@fox-js/foxui-pad 4.1.1-41 → 4.1.1-42
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/index.cjs.js +1 -1
- package/dist/index.esm.js +6353 -6175
- package/dist/index.umd.js +1 -1
- package/dist/style.css +47 -52
- package/dist/style.js +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -977,7 +977,7 @@
|
|
|
977
977
|
opacity: 0;
|
|
978
978
|
}
|
|
979
979
|
|
|
980
|
-
.fox-input-
|
|
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
|
-
|
|
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-
|
|
1001
|
-
|
|
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-
|
|
1068
|
+
.fox-calendar-item__content {
|
|
1069
1069
|
width: 100%;
|
|
1070
1070
|
}
|
|
1071
1071
|
|
|
1072
|
-
.fox-time-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
1357
|
+
.fox-radio-item__content.is-vertical .el-radio + .el-radio {
|
|
1362
1358
|
margin-top: 10px;
|
|
1363
1359
|
}
|
|
1364
1360
|
|
|
1365
|
-
.fox-checkbox-
|
|
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-
|
|
1368
|
+
.fox-checkbox-item__content.is-vertical .el-checkbox + .el-checkbox {
|
|
1373
1369
|
margin-top: 10px;
|
|
1374
1370
|
}
|
|
1375
1371
|
|
|
1376
|
-
.fox-rate-
|
|
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-
|
|
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
|
-
|
|
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-
|
|
1642
|
+
.fox-actionsheet-item__content, .fox-picker-item__content {
|
|
1649
1643
|
width: 100%;
|
|
1650
1644
|
}
|
|
1651
1645
|
|
|
1652
|
-
.fox-link-
|
|
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,
|
|
2995
|
-
width: var(--fox-calendar-width,
|
|
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