@varlet/ui 3.18.0-alpha.1781190469654 → 3.18.0-alpha.1781201095903
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/es/data-table/DataTable.mjs +1 -6
- package/es/data-table/dataTable.css +1 -1
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/snackbar/style/index.mjs +1 -1
- package/es/table/table.css +1 -1
- package/es/themes/dark/dataTable.mjs +5 -4
- package/es/themes/dark/table.mjs +3 -2
- package/es/themes/md3-dark/dataTable.mjs +5 -4
- package/es/themes/md3-dark/table.mjs +3 -2
- package/es/themes/md3-light/dataTable.mjs +5 -4
- package/es/themes/md3-light/table.mjs +3 -2
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +93 -91
- package/highlight/web-types.en-US.json +2 -2
- package/highlight/web-types.zh-CN.json +1 -1
- package/lib/varlet.cjs.js +29 -26
- package/lib/varlet.css +1 -1
- package/package.json +7 -7
- package/types/styleVars.d.ts +2 -0
- package/umd/varlet.js +6 -6
|
@@ -423,14 +423,9 @@ const __sfc__ = defineComponent({
|
|
|
423
423
|
tableLayout: hasResolvedColumnWidth.value ? "fixed" : props2.tableLayout
|
|
424
424
|
};
|
|
425
425
|
if (props2.scrollX != null) {
|
|
426
|
-
|
|
427
|
-
style.width = width;
|
|
428
|
-
style.minWidth = width;
|
|
426
|
+
style.minWidth = toSizeUnit(props2.scrollX);
|
|
429
427
|
return style;
|
|
430
428
|
}
|
|
431
|
-
if (hasResolvedColumnWidth.value) {
|
|
432
|
-
style.minWidth = toSizeUnit(totalResolvedColumnWidth.value);
|
|
433
|
-
}
|
|
434
429
|
return style;
|
|
435
430
|
});
|
|
436
431
|
const { getFixedStyle, isFirstRightFixedColumn, isLastLeftFixedColumn } = useColumnsFixedOffsets({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --data-table-background: #fff; --data-table-surface-low-background: var(--color-surface-container-highest); --data-table-header-cell-background: #fff; --data-table-header-cell-text-color: rgba(0, 0, 0, 0.6); --data-table-body-cell-text-color: #555; --data-table-border-color: var(--color-outline); --data-table-row-hover-background: #f5f5f5; --data-table-surface-low-row-hover-background: var(--color-surface-container-highest); --data-table-plain-row-hover-background: hsla(var(--hsl-on-surface), 0.04); --data-table-sort-trigger-color: hsla(var(--hsl-on-surface), 0.42); --data-table-sort-trigger-active-color: var(--color-primary); --data-table-sort-trigger-hover-background: hsla(var(--hsl-primary), 0.08); --data-table-empty-text-color: var(--color-text-disabled); --data-table-resize-trigger-color: hsla(var(--hsl-on-surface-variant), 0.36); --data-table-fixed-shadow-color: rgba(0, 0, 0, 0.04); --data-table-border-radius: 2px; --data-table-cell-padding:
|
|
1
|
+
:root { --data-table-background: #fff; --data-table-surface-low-background: var(--color-surface-container-highest); --data-table-header-cell-background: #fff; --data-table-header-cell-text-color: rgba(0, 0, 0, 0.6); --data-table-body-cell-text-color: #555; --data-table-border-color: var(--color-outline); --data-table-row-hover-background: #f5f5f5; --data-table-surface-low-row-hover-background: var(--color-surface-container-highest); --data-table-plain-row-hover-background: hsla(var(--hsl-on-surface), 0.04); --data-table-sort-trigger-color: hsla(var(--hsl-on-surface), 0.42); --data-table-sort-trigger-active-color: var(--color-primary); --data-table-sort-trigger-hover-background: hsla(var(--hsl-primary), 0.08); --data-table-empty-text-color: var(--color-text-disabled); --data-table-resize-trigger-color: hsla(var(--hsl-on-surface-variant), 0.36); --data-table-fixed-shadow-color: rgba(0, 0, 0, 0.04); --data-table-border-radius: 2px; --data-table-cell-padding: 8px 16px; --data-table-selection-cell-padding: 8px 8px; --data-table-expand-cell-padding: 8px 8px; --data-table-cell-font-size: 14px; --data-table-header-font-size: 14px; --data-table-header-font-weight: 500; --data-table-row-height: 46px; --data-table-row-small-height: 40px; --data-table-row-large-height: 52px; --data-table-footer-padding: 12px 16px; --data-table-empty-padding: 48px 16px;}.var-data-table { --scrollbar-track-background: var(--data-table-background); width: 100%; border-radius: var(--data-table-border-radius); background: var(--data-table-background);}.var-data-table * { box-sizing: border-box;}.var-data-table__container { position: relative; width: 100%; max-width: 100%;}.var-data-table__table { min-width: 100%; border-spacing: 0; border-collapse: collapse; line-height: normal; table-layout: fixed;}.var-data-table__header-row { background: var(--data-table-header-cell-background);}.var-data-table__row { background: var(--data-table-background); border-bottom: 1px solid var(--data-table-border-color); transition: background-color 0.25s;}.var-data-table__row:hover { background: var(--data-table-row-hover-background);}.var-data-table__row:last-child { border-bottom: 0;}.var-data-table--surface-low { --data-table-background: var(--data-table-surface-low-background); --data-table-header-cell-background: var(--data-table-surface-low-background); --data-table-row-hover-background: var(--data-table-surface-low-row-hover-background);}.var-data-table--plain { --data-table-background: transparent; --data-table-header-cell-background: transparent; --data-table-row-hover-background: var(--data-table-plain-row-hover-background); border-radius: 0;}.var-data-table__cell { height: var(--data-table-row-height); padding: var(--data-table-cell-padding); font-size: var(--data-table-cell-font-size); vertical-align: middle;}.var-data-table--cell-bordered .var-data-table__cell:not(:last-child) { border-right: 1px solid var(--data-table-border-color);}.var-data-table__header-cell { color: var(--data-table-header-cell-text-color); font-size: var(--data-table-header-font-size); font-weight: var(--data-table-header-font-weight); background: var(--data-table-header-cell-background); box-shadow: inset 0 -1px 0 var(--data-table-border-color); position: sticky; top: 0;}.var-data-table__sort-trigger { display: flex; align-items: center; width: auto; height: auto; padding: var(--data-table-cell-padding); border: 0; border-radius: 0; background: transparent; color: var(--data-table-sort-trigger-color); cursor: pointer; text-align: inherit; transition: color 0.2s ease, background-color 0.2s ease;}.var-data-table__sort-trigger:hover,.var-data-table__sort-trigger:focus-visible { background: var(--data-table-sort-trigger-hover-background);}.var-data-table__sort-trigger:focus-visible { outline: none;}.var-data-table__sort-trigger--align-left { justify-content: flex-start;}.var-data-table__sort-trigger--align-center { justify-content: center;}.var-data-table__sort-trigger--align-right { justify-content: flex-end;}.var-data-table__sort-trigger--active { color: var(--data-table-sort-trigger-active-color);}.var-data-table__sort-trigger-text { display: inline-flex; align-items: center; min-width: 0;}.var-data-table__sort-trigger-icon { display: inline-flex; flex-direction: column; justify-content: center; gap: 0; margin-inline-start: 8px; vertical-align: middle; color: inherit; opacity: 0.72;}.var-data-table__sort-trigger-icon-up[var-data-table-cover],.var-data-table__sort-trigger-icon-down[var-data-table-cover] { display: block; line-height: 1; opacity: 0.45; transition: opacity 0.2s ease;}.var-data-table__sort-trigger-icon-up[var-data-table-cover] { margin-bottom: -5px;}.var-data-table__sort-trigger-icon-down[var-data-table-cover] { margin-top: -5px;}.var-data-table__sort-trigger-icon--active[var-data-table-cover] { opacity: 1;}.var-data-table__resize-trigger { position: absolute; top: 0; right: -5px; z-index: 1; width: 10px; height: 100%; padding: 0; border: 0; background: transparent; cursor: col-resize; touch-action: none;}.var-data-table__resize-trigger::before { content: ''; position: absolute; top: 10px; left: 50%; bottom: 10px; width: 2px; transform: translateX(-50%); background: var(--data-table-resize-trigger-color);}.var-data-table__body-cell { color: var(--data-table-body-cell-text-color); background: inherit; background-clip: padding-box;}.var-data-table__summary-row { background: var(--data-table-background); border-top: 1px solid var(--data-table-border-color);}.var-data-table__summary-cell { color: var(--data-table-body-cell-text-color); background: inherit; background-clip: padding-box; font-weight: 500;}.var-data-table__fixed-cell { background: inherit; background-clip: padding-box;}.var-data-table__fixed-cell--shadow-right::after { content: ''; position: absolute; top: 0; right: -14px; bottom: 0; width: 14px; pointer-events: none; background: linear-gradient(to right, var(--data-table-fixed-shadow-color), transparent);}.var-data-table__fixed-cell--shadow-left::before { content: ''; position: absolute; top: 0; left: -14px; bottom: 0; width: 14px; pointer-events: none; background: linear-gradient(to left, var(--data-table-fixed-shadow-color), transparent);}.var-data-table__selection-cell,.var-data-table__expand-cell { text-align: center; min-width: 52px;}.var-data-table__selection-cell { padding: var(--data-table-selection-cell-padding);}.var-data-table__expand-cell { padding: var(--data-table-expand-cell-padding);}.var-data-table__selection-cell .var-checkbox[var-data-table-cover],.var-data-table__selection-cell .var-radio[var-data-table-cover] { transform: none;}.var-data-table__selection-cell .var-checkbox[var-data-table-cover] .var-checkbox__wrap,.var-data-table__selection-cell .var-radio[var-data-table-cover] .var-radio__wrap { display: flex; align-items: center; justify-content: center; width: 100%;}.var-data-table__expand-trigger { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer;}.var-data-table__expand-trigger:disabled { opacity: 0.4; cursor: not-allowed;}.var-data-table__tree-cell { display: flex; align-items: center; min-width: 0;}.var-data-table__tree-trigger,.var-data-table__tree-indent { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; flex: none; margin-right: 4px;}.var-data-table__tree-trigger { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer;}.var-data-table__expanded-row { background: var(--data-table-background); border-bottom: 1px solid var(--data-table-border-color);}.var-data-table__expanded-cell { padding-top: 12px; padding-bottom: 12px;}.var-data-table__empty { display: flex; align-items: center; justify-content: center; width: 100%; color: var(--data-table-empty-text-color); padding: var(--data-table-empty-padding);}.var-data-table__footer { display: flex; align-items: center; justify-content: space-between; padding: var(--data-table-footer-padding); border-top: 1px solid var(--data-table-border-color); background: var(--data-table-background); overflow: auto;}.var-data-table__footer .var-pagination[var-data-table-cover] { margin-left: auto;}.var-data-table--small .var-data-table__cell { height: var(--data-table-row-small-height);}.var-data-table--large .var-data-table__cell { height: var(--data-table-row-large-height);}
|
package/es/index.bundle.mjs
CHANGED
|
@@ -304,7 +304,7 @@ import './tree-menu/style/index.mjs'
|
|
|
304
304
|
import './uploader/style/index.mjs'
|
|
305
305
|
import './watermark/style/index.mjs'
|
|
306
306
|
|
|
307
|
-
const version = '3.18.0-alpha.
|
|
307
|
+
const version = '3.18.0-alpha.1781201095903'
|
|
308
308
|
|
|
309
309
|
function install(app) {
|
|
310
310
|
ActionSheet.install && app.use(ActionSheet)
|
package/es/index.mjs
CHANGED
|
@@ -202,7 +202,7 @@ export * from './tree-menu/index.mjs'
|
|
|
202
202
|
export * from './uploader/index.mjs'
|
|
203
203
|
export * from './watermark/index.mjs'
|
|
204
204
|
|
|
205
|
-
const version = '3.18.0-alpha.
|
|
205
|
+
const version = '3.18.0-alpha.1781201095903'
|
|
206
206
|
|
|
207
207
|
function install(app) {
|
|
208
208
|
ActionSheet.install && app.use(ActionSheet)
|
package/es/table/table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --table-background: #fff; --table-surface-low-background: var(--color-surface-container-highest); --table-surface-low-row-hover-background: var(--color-surface-container-highest); --table-plain-row-hover-background: hsla(var(--hsl-on-surface), 0.04); --table-border-radius: 2px; --table-thead-border-bottom: thin solid var(--color-outline); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-text-align: left; --table-thead-th-font-size: 14px; --table-thead-tr-border-bottom: thin solid var(--color-outline); --table-tbody-tr-hover-background: #f5f5f5; --table-tbody-tr-border-bottom: thin solid var(--color-outline); --table-tbody-td-text-color: #555; --table-tbody-td-font-size:
|
|
1
|
+
:root { --table-background: #fff; --table-surface-low-background: var(--color-surface-container-highest); --table-surface-low-row-hover-background: var(--color-surface-container-highest); --table-plain-row-hover-background: hsla(var(--hsl-on-surface), 0.04); --table-border-radius: 2px; --table-thead-border-bottom: thin solid var(--color-outline); --table-thead-th-text-color: rgba(0, 0, 0, 0.6); --table-thead-th-text-align: left; --table-thead-th-font-size: 14px; --table-thead-th-font-weight: 500; --table-thead-tr-border-bottom: thin solid var(--color-outline); --table-tbody-tr-hover-background: #f5f5f5; --table-tbody-tr-border-bottom: thin solid var(--color-outline); --table-tbody-td-text-color: #555; --table-tbody-td-font-size: 14px; --table-tbody-td-text-align: left; --table-row-height: 46px; --table-row-padding: 8px 16px; --table-footer-border-top: thin solid var(--color-outline);}.var-table { --scrollbar-track-background: var(--table-background); width: 100%; border-radius: var(--table-border-radius);}.var-table * { box-sizing: border-box;}.var-table__main { width: 100%; overflow: auto;}.var-table__main > table { min-width: 100%; display: table; border-spacing: 0; border-collapse: collapse; line-height: normal;}.var-table__main > table thead { display: table-header-group; border-bottom: var(--table-thead-border-bottom);}.var-table__main > table thead tr { background: var(--table-background);}.var-table__main > table thead tr th { color: var(--table-thead-th-text-color); font-size: var(--table-thead-th-font-size);}.var-table__main > table thead tr:not(:last-child) { border-bottom: var(--table-thead-tr-border-bottom);}.var-table__main > table tbody { display: table-row-group;}.var-table__main > table tbody tr { display: table-row; outline: 0; vertical-align: middle; background: var(--table-background);}.var-table__main > table tbody tr:hover { background: var(--table-tbody-tr-hover-background); transition: background-color 0.25s;}.var-table__main > table tbody tr:not(:last-child) { border-bottom: var(--table-tbody-tr-border-bottom);}.var-table__main > table tbody td { color: var(--table-tbody-td-text-color); font-size: var(--table-tbody-td-font-size); background: inherit; background-clip: padding-box;}.var-table__main > table th { display: table-cell; height: var(--table-row-height); padding: var(--table-row-padding); font-weight: var(--table-thead-th-font-weight); text-align: var(--table-thead-th-text-align);}.var-table__main > table td { display: table-cell; padding: var(--table-row-padding); height: var(--table-row-height); text-align: var(--table-tbody-td-text-align);}.var-table--surface-low { --table-background: var(--table-surface-low-background); --table-tbody-tr-hover-background: var(--table-surface-low-row-hover-background);}.var-table--plain { --table-background: transparent; --table-tbody-tr-hover-background: var(--table-plain-row-hover-background); border-radius: 0;}.var-table__footer { width: 100%; min-height: var(--table-row-height); border-top: var(--table-footer-border-top); background: var(--table-background);}
|
|
@@ -15,11 +15,12 @@ var stdin_default = {
|
|
|
15
15
|
"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
|
|
16
16
|
"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
|
|
17
17
|
"--data-table-border-radius": "2px",
|
|
18
|
-
"--data-table-cell-padding": "
|
|
19
|
-
"--data-table-selection-cell-padding": "
|
|
20
|
-
"--data-table-expand-cell-padding": "
|
|
21
|
-
"--data-table-cell-font-size": "
|
|
18
|
+
"--data-table-cell-padding": "8px 16px",
|
|
19
|
+
"--data-table-selection-cell-padding": "8px 8px",
|
|
20
|
+
"--data-table-expand-cell-padding": "8px 8px",
|
|
21
|
+
"--data-table-cell-font-size": "14px",
|
|
22
22
|
"--data-table-header-font-size": "14px",
|
|
23
|
+
"--data-table-header-font-weight": "500",
|
|
23
24
|
"--data-table-row-height": "46px",
|
|
24
25
|
"--data-table-row-small-height": "40px",
|
|
25
26
|
"--data-table-row-large-height": "52px",
|
package/es/themes/dark/table.mjs
CHANGED
|
@@ -10,12 +10,13 @@ var stdin_default = {
|
|
|
10
10
|
"--table-border-radius": "2px",
|
|
11
11
|
"--table-thead-border-bottom": "thin solid var(--color-outline)",
|
|
12
12
|
"--table-thead-th-font-size": "14px",
|
|
13
|
+
"--table-thead-th-font-weight": "500",
|
|
13
14
|
"--table-thead-tr-border-bottom": "thin solid var(--color-outline)",
|
|
14
15
|
"--table-tbody-tr-border-bottom": "thin solid var(--color-outline)",
|
|
15
|
-
"--table-tbody-td-font-size": "
|
|
16
|
+
"--table-tbody-td-font-size": "14px",
|
|
16
17
|
"--table-tbody-td-text-align": "left",
|
|
17
18
|
"--table-row-height": "46px",
|
|
18
|
-
"--table-row-padding": "
|
|
19
|
+
"--table-row-padding": "8px 16px",
|
|
19
20
|
"--table-footer-border-top": "thin solid var(--color-outline)"
|
|
20
21
|
};
|
|
21
22
|
export {
|
|
@@ -15,11 +15,12 @@ var stdin_default = {
|
|
|
15
15
|
"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
|
|
16
16
|
"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
|
|
17
17
|
"--data-table-border-radius": "2px",
|
|
18
|
-
"--data-table-cell-padding": "
|
|
19
|
-
"--data-table-selection-cell-padding": "
|
|
20
|
-
"--data-table-expand-cell-padding": "
|
|
21
|
-
"--data-table-cell-font-size": "
|
|
18
|
+
"--data-table-cell-padding": "8px 16px",
|
|
19
|
+
"--data-table-selection-cell-padding": "8px 8px",
|
|
20
|
+
"--data-table-expand-cell-padding": "8px 8px",
|
|
21
|
+
"--data-table-cell-font-size": "14px",
|
|
22
22
|
"--data-table-header-font-size": "14px",
|
|
23
|
+
"--data-table-header-font-weight": "500",
|
|
23
24
|
"--data-table-row-height": "46px",
|
|
24
25
|
"--data-table-row-small-height": "40px",
|
|
25
26
|
"--data-table-row-large-height": "52px",
|
|
@@ -10,12 +10,13 @@ var stdin_default = {
|
|
|
10
10
|
"--table-border-radius": "2px",
|
|
11
11
|
"--table-thead-border-bottom": "thin solid var(--color-outline)",
|
|
12
12
|
"--table-thead-th-font-size": "14px",
|
|
13
|
+
"--table-thead-th-font-weight": "500",
|
|
13
14
|
"--table-thead-tr-border-bottom": "thin solid var(--color-outline)",
|
|
14
15
|
"--table-tbody-tr-border-bottom": "thin solid var(--color-outline)",
|
|
15
|
-
"--table-tbody-td-font-size": "
|
|
16
|
+
"--table-tbody-td-font-size": "14px",
|
|
16
17
|
"--table-tbody-td-text-align": "left",
|
|
17
18
|
"--table-row-height": "46px",
|
|
18
|
-
"--table-row-padding": "
|
|
19
|
+
"--table-row-padding": "8px 16px",
|
|
19
20
|
"--table-footer-border-top": "thin solid var(--color-outline)"
|
|
20
21
|
};
|
|
21
22
|
export {
|
|
@@ -15,11 +15,12 @@ var stdin_default = {
|
|
|
15
15
|
"--data-table-resize-trigger-color": "hsla(var(--hsl-on-surface-variant), 0.36)",
|
|
16
16
|
"--data-table-fixed-shadow-color": "rgba(0, 0, 0, 0.04)",
|
|
17
17
|
"--data-table-border-radius": "2px",
|
|
18
|
-
"--data-table-cell-padding": "
|
|
19
|
-
"--data-table-selection-cell-padding": "
|
|
20
|
-
"--data-table-expand-cell-padding": "
|
|
21
|
-
"--data-table-cell-font-size": "
|
|
18
|
+
"--data-table-cell-padding": "8px 16px",
|
|
19
|
+
"--data-table-selection-cell-padding": "8px 8px",
|
|
20
|
+
"--data-table-expand-cell-padding": "8px 8px",
|
|
21
|
+
"--data-table-cell-font-size": "14px",
|
|
22
22
|
"--data-table-header-font-size": "14px",
|
|
23
|
+
"--data-table-header-font-weight": "500",
|
|
23
24
|
"--data-table-row-height": "46px",
|
|
24
25
|
"--data-table-row-small-height": "40px",
|
|
25
26
|
"--data-table-row-large-height": "52px",
|
|
@@ -9,13 +9,14 @@ var stdin_default = {
|
|
|
9
9
|
"--table-thead-th-text-color": "rgba(0, 0, 0, 0.6)",
|
|
10
10
|
"--table-thead-th-text-align": "left",
|
|
11
11
|
"--table-thead-th-font-size": "14px",
|
|
12
|
+
"--table-thead-th-font-weight": "500",
|
|
12
13
|
"--table-thead-tr-border-bottom": "thin solid var(--color-outline)",
|
|
13
14
|
"--table-tbody-tr-border-bottom": "thin solid var(--color-outline)",
|
|
14
15
|
"--table-tbody-td-text-color": "#555",
|
|
15
|
-
"--table-tbody-td-font-size": "
|
|
16
|
+
"--table-tbody-td-font-size": "14px",
|
|
16
17
|
"--table-tbody-td-text-align": "left",
|
|
17
18
|
"--table-row-height": "46px",
|
|
18
|
-
"--table-row-padding": "
|
|
19
|
+
"--table-row-padding": "8px 16px",
|
|
19
20
|
"--table-footer-border-top": "thin solid var(--color-outline)"
|
|
20
21
|
};
|
|
21
22
|
export {
|