@fox-js/foxui-pad 4.1.25 → 4.1.27
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 +7688 -7671
- package/dist/index.umd.js +1 -1
- package/dist/style.css +17 -4
- package/dist/style.js +1 -1
- package/dist/theme/components/date-picker.scss +26 -0
- package/dist/theme/components/index.scss +1 -0
- package/dist/theme/index.scss +2 -0
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1324,15 +1324,24 @@
|
|
|
1324
1324
|
height: var(--fox-table-item-infinite-height, 26px);
|
|
1325
1325
|
background: var(--fox-table-item-infinite-background, #fff);
|
|
1326
1326
|
color: var(--fox-table-item-infinite-color, --el-text-color-regular);
|
|
1327
|
-
justify-content: center;
|
|
1328
|
-
align-items: center;
|
|
1329
|
-
display: flex;
|
|
1330
1327
|
}
|
|
1331
1328
|
|
|
1332
1329
|
.fox-table-item__infinite.is-hide {
|
|
1333
1330
|
opacity: 0;
|
|
1334
1331
|
}
|
|
1335
1332
|
|
|
1333
|
+
.fox-table-item__infinite-center-box {
|
|
1334
|
+
box-sizing: content-box;
|
|
1335
|
+
flex-flow: row;
|
|
1336
|
+
justify-content: center;
|
|
1337
|
+
align-items: center;
|
|
1338
|
+
display: flex;
|
|
1339
|
+
position: absolute;
|
|
1340
|
+
bottom: 2px;
|
|
1341
|
+
left: 50%;
|
|
1342
|
+
transform: translateX(-50%);
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1336
1345
|
.fox-table-item__infinite-icon {
|
|
1337
1346
|
width: var(--fox-table-item-infinite-icon-size, 12px);
|
|
1338
1347
|
height: var(--fox-table-item-infinite-icon-size, 12px);
|
|
@@ -1540,7 +1549,7 @@
|
|
|
1540
1549
|
.fox-actionsheet__header-icon {
|
|
1541
1550
|
cursor: pointer;
|
|
1542
1551
|
top: 50%;
|
|
1543
|
-
|
|
1552
|
+
left: 12px;
|
|
1544
1553
|
transform: translateY(-50%);
|
|
1545
1554
|
color: var(--fox-actionsheet-header-icon-color, var(--fox-text-color-secondary, var(--el-text-color-secondary))) !important;
|
|
1546
1555
|
width: var(--fox-actionsheet-header-icon-size, var(--fox-font-size-base, var(--el-font-size-base))) !important;
|
|
@@ -3010,6 +3019,10 @@
|
|
|
3010
3019
|
display: block;
|
|
3011
3020
|
}
|
|
3012
3021
|
|
|
3022
|
+
.fox-picker__content.is-readonly {
|
|
3023
|
+
--fox-picker-item-text-color: var(--fox-readonly-color);
|
|
3024
|
+
}
|
|
3025
|
+
|
|
3013
3026
|
.fox-picker__content-roller {
|
|
3014
3027
|
width: 100%;
|
|
3015
3028
|
height: var(--fox-picker-item-height, 36px);
|
package/dist/style.js
CHANGED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../common/color' as *;
|
|
3
|
+
@use '../common/typography' as *;
|
|
4
|
+
@use '../common/border' as *;
|
|
5
|
+
@use '../common/fill' as *;
|
|
6
|
+
@use '../common/shadow' as *;
|
|
7
|
+
@use '../common/base' as *;
|
|
8
|
+
|
|
9
|
+
// 日期选择 组件 Design Token
|
|
10
|
+
$date-picker: () !default;
|
|
11
|
+
$date-picker: map.deep-merge(
|
|
12
|
+
(
|
|
13
|
+
'button-font-size': $font-size-base,
|
|
14
|
+
'button-radius': 25px,
|
|
15
|
+
'button-padding': 6px,
|
|
16
|
+
'button-background': $white,
|
|
17
|
+
'button-background-active': $color-primary-light-9,
|
|
18
|
+
'button-color': $text-color-regular,
|
|
19
|
+
'button-color-active': $color-primary,
|
|
20
|
+
'button-border-color': $border-color-base,
|
|
21
|
+
'button-border-color-active': $color-primary-light-5,
|
|
22
|
+
'button-min-width': 80px,
|
|
23
|
+
'range-sperator-color': $border-color-base
|
|
24
|
+
),
|
|
25
|
+
$date-picker
|
|
26
|
+
);
|
package/dist/theme/index.scss
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
@use './components/calendar' as *;
|
|
12
12
|
@use './components/cascader' as *;
|
|
13
13
|
@use './components/content' as *;
|
|
14
|
+
@use './components/date-picker' as *;
|
|
14
15
|
@use './components/dialog' as *;
|
|
15
16
|
@use './components/floating-button' as *;
|
|
16
17
|
@use './components/floating-window' as *;
|
|
@@ -129,6 +130,7 @@
|
|
|
129
130
|
@include gen-component-css-vars('calendar', $calendar);
|
|
130
131
|
@include gen-component-css-vars('cascader', $cascader);
|
|
131
132
|
@include gen-component-css-vars('content', $content);
|
|
133
|
+
@include gen-component-css-vars('date-picker', $date-picker);
|
|
132
134
|
@include gen-component-css-vars('dialog', $dialog);
|
|
133
135
|
@include gen-component-css-vars('floating-button', $floating-button);
|
|
134
136
|
@include gen-component-css-vars('floating-window', $floating-window);
|