@varlet/ui 3.19.2 → 3.20.0
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/action-sheet/style/index.mjs +1 -1
- package/es/button/Button.mjs +5 -5
- package/es/button/button.css +1 -1
- package/es/data-table/DataTable.mjs +3 -1
- package/es/data-table/usePagination.mjs +5 -0
- package/es/index.bundle.mjs +7 -1
- package/es/index.mjs +6 -1
- package/es/pagination/pagination.css +1 -1
- package/es/shimmer-text/ShimmerText.mjs +33 -0
- package/es/shimmer-text/ShimmerTextSfc.css +0 -0
- package/es/shimmer-text/index.mjs +12 -0
- package/es/shimmer-text/props.mjs +9 -0
- package/es/shimmer-text/shimmerText.css +1 -0
- package/es/shimmer-text/style/index.mjs +3 -0
- package/es/style.mjs +1 -0
- package/es/switch/switch.css +1 -1
- package/es/themes/dark/index.mjs +3 -2
- package/es/themes/dark/shimmerText.mjs +9 -0
- package/es/themes/md3-dark/index.mjs +3 -2
- package/es/themes/md3-dark/shimmerText.mjs +9 -0
- package/es/themes/md3-light/index.mjs +3 -2
- package/es/themes/md3-light/shimmerText.mjs +9 -0
- package/es/varlet.css +1 -1
- package/es/varlet.esm.js +5099 -5047
- package/highlight/web-types.en-US.json +22 -1
- package/highlight/web-types.zh-CN.json +22 -1
- package/lib/varlet.cjs.js +1690 -1587
- package/lib/varlet.css +1 -1
- package/package.json +9 -9
- package/types/dataTable.d.ts +1 -0
- package/types/index.d.ts +2 -0
- package/types/shimmerText.d.ts +22 -0
- package/types/styleVars.d.ts +4 -0
- package/umd/varlet.js +7 -7
package/es/button/Button.mjs
CHANGED
|
@@ -27,6 +27,7 @@ function __render__(_ctx, _cache) {
|
|
|
27
27
|
[_ctx.states.text, `${_ctx.n("--text")} ${_ctx.n(`--text-${_ctx.states.type}`)}`],
|
|
28
28
|
[_ctx.states.iconContainer, _ctx.n(`--icon-container-${_ctx.states.type}`)],
|
|
29
29
|
[_ctx.states.filledDefault, _ctx.n("--filled-default")],
|
|
30
|
+
[_ctx.states.elevationDisabled, _ctx.n("--elevation-disabled")],
|
|
30
31
|
[_ctx.round, _ctx.n("--round")],
|
|
31
32
|
[_ctx.fab, _ctx.n("--fab")],
|
|
32
33
|
[_ctx.states.outline, _ctx.n("--outline")],
|
|
@@ -101,7 +102,8 @@ const __sfc__ = defineComponent({
|
|
|
101
102
|
textColor: props2.textColor,
|
|
102
103
|
outline: props2.outline,
|
|
103
104
|
iconContainer: props2.tonal || props2.iconContainer,
|
|
104
|
-
|
|
105
|
+
elevationDisabled: props2.tonal || props2.elevation === false || toNumber(props2.elevation) === 0,
|
|
106
|
+
filledDefault: (props2.type == null || props2.type === "default") && (props2.elevation === false || toNumber(props2.elevation) === 0) && !props2.text && !props2.outline && !props2.tonal && !props2.iconContainer
|
|
105
107
|
};
|
|
106
108
|
}
|
|
107
109
|
const { type, size, color, textColor, mode, elevation } = buttonGroup;
|
|
@@ -114,7 +116,8 @@ const __sfc__ = defineComponent({
|
|
|
114
116
|
text: mode.value === "text" || mode.value === "outline",
|
|
115
117
|
outline: mode.value === "outline",
|
|
116
118
|
iconContainer: mode.value === "tonal" || mode.value === "icon-container",
|
|
117
|
-
|
|
119
|
+
elevationDisabled: mode.value === "tonal",
|
|
120
|
+
filledDefault: mode.value === "normal" && ((_g = props2.type) != null ? _g : type.value) === "default" && (elevation.value === false || toNumber(elevation.value) === 0)
|
|
118
121
|
};
|
|
119
122
|
});
|
|
120
123
|
function attemptAutoLoading(result) {
|
|
@@ -147,9 +150,6 @@ const __sfc__ = defineComponent({
|
|
|
147
150
|
}
|
|
148
151
|
isFocusing.value = true;
|
|
149
152
|
}
|
|
150
|
-
function isFilledElevation(elevation) {
|
|
151
|
-
return elevation === false || toNumber(elevation) === 0;
|
|
152
|
-
}
|
|
153
153
|
return {
|
|
154
154
|
pending,
|
|
155
155
|
states,
|
package/es/button/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --button-default-text-color: #555; --button-primary-text-color: var(--color-on-primary); --button-danger-text-color: var(--color-on-danger); --button-success-text-color: var(--color-on-success); --button-warning-text-color: var(--color-on-warning); --button-info-text-color: var(--color-on-info); --button-default-color: #f5f5f5; --button-default-filled-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-default-icon-color: #555; --button-primary-icon-color: var(--color-on-primary-container); --button-danger-icon-color: var(--color-on-danger-container); --button-success-icon-color: var(--color-on-success-container); --button-warning-icon-color: var(--color-on-warning-container); --button-info-icon-color: var(--color-on-info-container); --button-default-icon-container-color: #f5f5f5; --button-primary-icon-container-color: var(--color-primary-container); --button-danger-icon-container-color: var(--color-danger-container); --button-success-icon-container-color: var(--color-success-container); --button-warning-icon-container-color: var(--color-warning-container); --button-info-icon-container-color: var(--color-info-container); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 8px; --button-small-padding: 0 12px; --button-normal-padding: 0 16px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-fab-size: 56px; --button-fab-border-radius: 16px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px; --button-mini-font-size: var(--font-size-xs); --button-small-font-size: var(--font-size-sm); --button-normal-font-size: var(--font-size-md); --button-large-font-size: var(--font-size-lg);}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s, border-radius 0.2s; will-change: box-shadow; -webkit-tap-highlight-color: transparent; white-space: nowrap;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__content { display: flex; align-items: center; flex-wrap: wrap;}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: var(--button-default-text-color); background-color: var(--button-default-color);}.var-button--filled-default { background-color: var(--button-default-filled-color);}.var-button--primary { color: var(--button-primary-text-color); background-color: var(--button-primary-color);}.var-button--info { color: var(--button-info-text-color); background-color: var(--button-info-color);}.var-button--success { color: var(--button-success-text-color); background-color: var(--button-success-color);}.var-button--warning { color: var(--button-warning-text-color); background-color: var(--button-warning-color);}.var-button--danger { color: var(--button-danger-text-color); background-color: var(--button-danger-color);}.var-button--loading { cursor: wait;}.var-button--block { width: 100%;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--icon-container-default { color: var(--button-default-icon-color); background-color: var(--button-default-icon-container-color);}.var-button--icon-container-primary { color: var(--button-primary-icon-color); background-color: var(--button-primary-icon-container-color);}.var-button--icon-container-info { color: var(--button-info-icon-color); background-color: var(--button-info-icon-container-color);}.var-button--icon-container-success { color: var(--button-success-icon-color); background-color: var(--button-success-icon-container-color);}.var-button--icon-container-warning { color: var(--button-warning-icon-color); background-color: var(--button-warning-icon-container-color);}.var-button--icon-container-danger { color: var(--button-danger-icon-color); background-color: var(--button-danger-icon-container-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--button-normal-font-size);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--button-large-font-size);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--button-small-font-size);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--button-mini-font-size);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--fab { width: var(--button-fab-size); height: var(--button-fab-size); padding: 0; border-radius: var(--button-fab-border-radius);}.var-button--round.var-button--fab { border-radius: 50%;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}
|
|
1
|
+
:root { --button-default-text-color: #555; --button-primary-text-color: var(--color-on-primary); --button-danger-text-color: var(--color-on-danger); --button-success-text-color: var(--color-on-success); --button-warning-text-color: var(--color-on-warning); --button-info-text-color: var(--color-on-info); --button-default-color: #f5f5f5; --button-default-filled-color: #f5f5f5; --button-primary-color: var(--color-primary); --button-danger-color: var(--color-danger); --button-success-color: var(--color-success); --button-warning-color: var(--color-warning); --button-info-color: var(--color-info); --button-default-icon-color: #555; --button-primary-icon-color: var(--color-on-primary-container); --button-danger-icon-color: var(--color-on-danger-container); --button-success-icon-color: var(--color-on-success-container); --button-warning-icon-color: var(--color-on-warning-container); --button-info-icon-color: var(--color-on-info-container); --button-default-icon-container-color: #f5f5f5; --button-primary-icon-container-color: var(--color-primary-container); --button-danger-icon-container-color: var(--color-danger-container); --button-success-icon-container-color: var(--color-success-container); --button-warning-icon-container-color: var(--color-warning-container); --button-info-icon-container-color: var(--color-info-container); --button-disabled-color: var(--color-disabled); --button-disabled-text-color: var(--color-text-disabled); --button-border-radius: 4px; --button-mini-padding: 0 8px; --button-small-padding: 0 12px; --button-normal-padding: 0 16px; --button-large-padding: 0 22px; --button-round-padding: 6px; --button-fab-size: 56px; --button-fab-border-radius: 16px; --button-mini-height: 20px; --button-small-height: 28px; --button-normal-height: 36px; --button-large-height: 44px; --button-mini-font-size: var(--font-size-xs); --button-small-font-size: var(--font-size-sm); --button-normal-font-size: var(--font-size-md); --button-large-font-size: var(--font-size-lg);}.var-button { position: relative; justify-content: center; align-items: center; outline: none; border: none; border-radius: var(--button-border-radius); user-select: none; cursor: pointer; font-family: inherit; transition: box-shadow 0.2s, background-color 0.25s, border-radius 0.2s; will-change: box-shadow; -webkit-tap-highlight-color: transparent; white-space: nowrap;}.var-button:active { box-shadow: 0 3px 5px -1px var(--shadow-key-umbra-opacity), 0 5px 8px 0 var(--shadow-key-penumbra-opacity), 0 1px 14px 0 var(--shadow-key-ambient-opacity);}.var-button__content { display: flex; align-items: center; flex-wrap: wrap;}.var-button__loading[var-button-cover] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.var-button--default { color: var(--button-default-text-color); background-color: var(--button-default-color);}.var-button--filled-default { background-color: var(--button-default-filled-color);}.var-button--primary { color: var(--button-primary-text-color); background-color: var(--button-primary-color);}.var-button--info { color: var(--button-info-text-color); background-color: var(--button-info-color);}.var-button--success { color: var(--button-success-text-color); background-color: var(--button-success-color);}.var-button--warning { color: var(--button-warning-text-color); background-color: var(--button-warning-color);}.var-button--danger { color: var(--button-danger-text-color); background-color: var(--button-danger-color);}.var-button--loading { cursor: wait;}.var-button--block { width: 100%;}.var-button--text-default { color: inherit;}.var-button--text-primary { color: var(--button-primary-color);}.var-button--text-info { color: var(--button-info-color);}.var-button--text-success { color: var(--button-success-color);}.var-button--text-warning { color: var(--button-warning-color);}.var-button--text-danger { color: var(--button-danger-color);}.var-button--icon-container-default { color: var(--button-default-icon-color); background-color: var(--button-default-icon-container-color);}.var-button--icon-container-primary { color: var(--button-primary-icon-color); background-color: var(--button-primary-icon-container-color);}.var-button--icon-container-info { color: var(--button-info-icon-color); background-color: var(--button-info-icon-container-color);}.var-button--icon-container-success { color: var(--button-success-icon-color); background-color: var(--button-success-icon-container-color);}.var-button--icon-container-warning { color: var(--button-warning-icon-color); background-color: var(--button-warning-icon-container-color);}.var-button--icon-container-danger { color: var(--button-danger-icon-color); background-color: var(--button-danger-icon-container-color);}.var-button--normal { height: var(--button-normal-height); padding: var(--button-normal-padding); font-size: var(--button-normal-font-size);}.var-button--large { height: var(--button-large-height); padding: var(--button-large-padding); font-size: var(--button-large-font-size);}.var-button--small { height: var(--button-small-height); padding: var(--button-small-padding); font-size: var(--button-small-font-size);}.var-button--mini { height: var(--button-mini-height); padding: var(--button-mini-padding); font-size: var(--button-mini-font-size);}.var-button--round { padding: var(--button-round-padding); border-radius: 50%; height: auto;}.var-button--fab { width: var(--button-fab-size); height: var(--button-fab-size); padding: 0; border-radius: var(--button-fab-border-radius);}.var-button--round.var-button--fab { border-radius: 50%;}.var-button--outline { border: thin solid currentColor;}.var-button--hidden { opacity: 0;}.var-button--disabled { background-color: var(--button-disabled-color); color: var(--button-disabled-text-color); cursor: not-allowed; box-shadow: none !important;}.var-button--text-disabled { color: var(--button-disabled-text-color);}.var-button--text { background-color: transparent;}.var-button--text:active { box-shadow: none;}.var-button--elevation-disabled:active { box-shadow: none;}
|
|
@@ -341,6 +341,7 @@ function __render__(_ctx, _cache) {
|
|
|
341
341
|
size: _ctx.pageSize,
|
|
342
342
|
total: _ctx.paginationTotal,
|
|
343
343
|
simple: _ctx.paginationProps.simple,
|
|
344
|
+
elevation: _ctx.paginationProps.elevation,
|
|
344
345
|
disabled: _ctx.paginationProps.disabled,
|
|
345
346
|
"show-size-changer": _ctx.paginationProps.showSizeChanger,
|
|
346
347
|
"show-quick-jumper": _ctx.paginationProps.showQuickJumper,
|
|
@@ -348,7 +349,7 @@ function __render__(_ctx, _cache) {
|
|
|
348
349
|
"size-option": _ctx.paginationProps.sizeOption,
|
|
349
350
|
"show-total": _ctx.paginationProps.showTotal,
|
|
350
351
|
onChange: _ctx.handlePaginationChange
|
|
351
|
-
}, null, 8, ["current", "size", "total", "simple", "disabled", "show-size-changer", "show-quick-jumper", "max-pager-count", "size-option", "show-total", "onChange"])
|
|
352
|
+
}, null, 8, ["current", "size", "total", "simple", "elevation", "disabled", "show-size-changer", "show-quick-jumper", "max-pager-count", "size-option", "show-total", "onChange"])
|
|
352
353
|
],
|
|
353
354
|
2
|
|
354
355
|
/* CLASS */
|
|
@@ -442,6 +443,7 @@ const __sfc__ = defineComponent({
|
|
|
442
443
|
pagination: () => props2.pagination,
|
|
443
444
|
remote: () => props2.remote,
|
|
444
445
|
loading: () => props2.loading,
|
|
446
|
+
plain: () => props2.plain,
|
|
445
447
|
page: () => page.value,
|
|
446
448
|
pageSize: () => pageSize.value,
|
|
447
449
|
total: () => props2.total,
|
|
@@ -21,6 +21,7 @@ import { call, clamp, isBoolean } from "@varlet/shared";
|
|
|
21
21
|
import { computed, watch } from "vue";
|
|
22
22
|
const defaultPaginationOptions = {
|
|
23
23
|
simple: false,
|
|
24
|
+
elevation: true,
|
|
24
25
|
disabled: false,
|
|
25
26
|
showSizeChanger: false,
|
|
26
27
|
showQuickJumper: false,
|
|
@@ -32,6 +33,7 @@ function usePagination({
|
|
|
32
33
|
pagination,
|
|
33
34
|
remote,
|
|
34
35
|
loading,
|
|
36
|
+
plain,
|
|
35
37
|
page,
|
|
36
38
|
pageSize,
|
|
37
39
|
total,
|
|
@@ -39,13 +41,16 @@ function usePagination({
|
|
|
39
41
|
onUpdatePage
|
|
40
42
|
}) {
|
|
41
43
|
const paginationProps = computed(() => {
|
|
44
|
+
var _a;
|
|
42
45
|
const resolvedPagination = pagination();
|
|
43
46
|
if (isBoolean(resolvedPagination)) {
|
|
44
47
|
return __spreadProps(__spreadValues({}, defaultPaginationOptions), {
|
|
48
|
+
elevation: plain() ? 1 : true,
|
|
45
49
|
disabled: loading()
|
|
46
50
|
});
|
|
47
51
|
}
|
|
48
52
|
return __spreadProps(__spreadValues(__spreadValues({}, defaultPaginationOptions), resolvedPagination), {
|
|
53
|
+
elevation: (_a = resolvedPagination.elevation) != null ? _a : plain() ? 1 : true,
|
|
49
54
|
disabled: loading() || resolvedPagination.disabled === true
|
|
50
55
|
});
|
|
51
56
|
});
|
package/es/index.bundle.mjs
CHANGED
|
@@ -77,6 +77,7 @@ import Row from './row/index.mjs'
|
|
|
77
77
|
import SegmentedButton from './segmented-button/index.mjs'
|
|
78
78
|
import SegmentedButtons from './segmented-buttons/index.mjs'
|
|
79
79
|
import Select from './select/index.mjs'
|
|
80
|
+
import ShimmerText from './shimmer-text/index.mjs'
|
|
80
81
|
import Signature from './signature/index.mjs'
|
|
81
82
|
import Skeleton from './skeleton/index.mjs'
|
|
82
83
|
import Slider from './slider/index.mjs'
|
|
@@ -180,6 +181,7 @@ export * from './row/index.mjs'
|
|
|
180
181
|
export * from './segmented-button/index.mjs'
|
|
181
182
|
export * from './segmented-buttons/index.mjs'
|
|
182
183
|
export * from './select/index.mjs'
|
|
184
|
+
export * from './shimmer-text/index.mjs'
|
|
183
185
|
export * from './signature/index.mjs'
|
|
184
186
|
export * from './skeleton/index.mjs'
|
|
185
187
|
export * from './slider/index.mjs'
|
|
@@ -283,6 +285,7 @@ import './row/style/index.mjs'
|
|
|
283
285
|
import './segmented-button/style/index.mjs'
|
|
284
286
|
import './segmented-buttons/style/index.mjs'
|
|
285
287
|
import './select/style/index.mjs'
|
|
288
|
+
import './shimmer-text/style/index.mjs'
|
|
286
289
|
import './signature/style/index.mjs'
|
|
287
290
|
import './skeleton/style/index.mjs'
|
|
288
291
|
import './slider/style/index.mjs'
|
|
@@ -307,7 +310,7 @@ import './tree-menu/style/index.mjs'
|
|
|
307
310
|
import './uploader/style/index.mjs'
|
|
308
311
|
import './watermark/style/index.mjs'
|
|
309
312
|
|
|
310
|
-
const version = '3.
|
|
313
|
+
const version = '3.20.0'
|
|
311
314
|
|
|
312
315
|
function install(app) {
|
|
313
316
|
ActionSheet.install && app.use(ActionSheet)
|
|
@@ -389,6 +392,7 @@ function install(app) {
|
|
|
389
392
|
SegmentedButton.install && app.use(SegmentedButton)
|
|
390
393
|
SegmentedButtons.install && app.use(SegmentedButtons)
|
|
391
394
|
Select.install && app.use(Select)
|
|
395
|
+
ShimmerText.install && app.use(ShimmerText)
|
|
392
396
|
Signature.install && app.use(Signature)
|
|
393
397
|
Skeleton.install && app.use(Skeleton)
|
|
394
398
|
Slider.install && app.use(Slider)
|
|
@@ -496,6 +500,7 @@ export {
|
|
|
496
500
|
SegmentedButton,
|
|
497
501
|
SegmentedButtons,
|
|
498
502
|
Select,
|
|
503
|
+
ShimmerText,
|
|
499
504
|
Signature,
|
|
500
505
|
Skeleton,
|
|
501
506
|
Slider,
|
|
@@ -603,6 +608,7 @@ export default {
|
|
|
603
608
|
SegmentedButton,
|
|
604
609
|
SegmentedButtons,
|
|
605
610
|
Select,
|
|
611
|
+
ShimmerText,
|
|
606
612
|
Signature,
|
|
607
613
|
Skeleton,
|
|
608
614
|
Slider,
|
package/es/index.mjs
CHANGED
|
@@ -77,6 +77,7 @@ import Row from './row/index.mjs'
|
|
|
77
77
|
import SegmentedButton from './segmented-button/index.mjs'
|
|
78
78
|
import SegmentedButtons from './segmented-buttons/index.mjs'
|
|
79
79
|
import Select from './select/index.mjs'
|
|
80
|
+
import ShimmerText from './shimmer-text/index.mjs'
|
|
80
81
|
import Signature from './signature/index.mjs'
|
|
81
82
|
import Skeleton from './skeleton/index.mjs'
|
|
82
83
|
import Slider from './slider/index.mjs'
|
|
@@ -180,6 +181,7 @@ export * from './row/index.mjs'
|
|
|
180
181
|
export * from './segmented-button/index.mjs'
|
|
181
182
|
export * from './segmented-buttons/index.mjs'
|
|
182
183
|
export * from './select/index.mjs'
|
|
184
|
+
export * from './shimmer-text/index.mjs'
|
|
183
185
|
export * from './signature/index.mjs'
|
|
184
186
|
export * from './skeleton/index.mjs'
|
|
185
187
|
export * from './slider/index.mjs'
|
|
@@ -204,7 +206,7 @@ export * from './tree-menu/index.mjs'
|
|
|
204
206
|
export * from './uploader/index.mjs'
|
|
205
207
|
export * from './watermark/index.mjs'
|
|
206
208
|
|
|
207
|
-
const version = '3.
|
|
209
|
+
const version = '3.20.0'
|
|
208
210
|
|
|
209
211
|
function install(app) {
|
|
210
212
|
ActionSheet.install && app.use(ActionSheet)
|
|
@@ -286,6 +288,7 @@ function install(app) {
|
|
|
286
288
|
SegmentedButton.install && app.use(SegmentedButton)
|
|
287
289
|
SegmentedButtons.install && app.use(SegmentedButtons)
|
|
288
290
|
Select.install && app.use(Select)
|
|
291
|
+
ShimmerText.install && app.use(ShimmerText)
|
|
289
292
|
Signature.install && app.use(Signature)
|
|
290
293
|
Skeleton.install && app.use(Skeleton)
|
|
291
294
|
Slider.install && app.use(Slider)
|
|
@@ -393,6 +396,7 @@ export {
|
|
|
393
396
|
SegmentedButton,
|
|
394
397
|
SegmentedButtons,
|
|
395
398
|
Select,
|
|
399
|
+
ShimmerText,
|
|
396
400
|
Signature,
|
|
397
401
|
Skeleton,
|
|
398
402
|
Slider,
|
|
@@ -500,6 +504,7 @@ export default {
|
|
|
500
504
|
SegmentedButton,
|
|
501
505
|
SegmentedButtons,
|
|
502
506
|
Select,
|
|
507
|
+
ShimmerText,
|
|
503
508
|
Signature,
|
|
504
509
|
Skeleton,
|
|
505
510
|
Slider,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --pagination-text-color: #555; --pagination-font-size: var(--font-size-md); --pagination-active-color: var(--color-on-primary); --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: rgba(85, 85, 85, 0.15); --pagination-total-margin: 0 10px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-item-simple-border-radius: 50%; --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px; --pagination-size-padding: 0 4px; --pagination-quick-jumper-margin: 0 10px;}.var-pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0; color: var(--pagination-text-color);}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; transition:
|
|
1
|
+
:root { --pagination-text-color: #555; --pagination-font-size: var(--font-size-md); --pagination-active-color: var(--color-on-primary); --pagination-active-bg-color: var(--color-primary); --pagination-hover-bg-color: rgba(85, 85, 85, 0.15); --pagination-total-margin: 0 10px; --pagination-total-line-height: 24px; --pagination-item-width: 32px; --pagination-item-height: 32px; --pagination-item-margin: 0 6px; --pagination-item-background: #fff; --pagination-item-border-radius: 4px; --pagination-item-simple-border-radius: 50%; --pagination-input-width: 32px; --pagination-disabled-color: var(--color-text-disabled); --pagination-bg-disabled-color: var(--color-disabled); --pagination-size-line-height: 24px; --pagination-size-padding: 0 4px; --pagination-quick-jumper-margin: 0 10px;}.var-pagination-flex-nowrap { display: flex; white-space: nowrap; align-items: center;}.var-pagination { display: flex; align-items: center; list-style: none; margin: 0; font-size: var(--pagination-font-size); padding: 0; color: var(--pagination-text-color);}.var-pagination__item { display: inline-flex; min-width: var(--pagination-item-width); align-items: center; justify-content: center; margin: var(--pagination-item-margin); height: var(--pagination-item-height); cursor: pointer; border-radius: var(--pagination-item-border-radius); outline: none; position: relative; isolation: isolate; overflow: hidden; transition: color 0.25s, background-color 0.25s, box-shadow 0.25s; user-select: none; background-color: var(--pagination-item-background);}.var-pagination__item::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: 0; background-color: var(--pagination-hover-bg-color); transition: opacity 0.25s;}.var-pagination__item:hover::before { opacity: 1;}.var-pagination__item--active { color: var(--pagination-active-color); background-color: var(--pagination-active-bg-color) !important;}.var-pagination__item--active:hover::before { opacity: 0;}.var-pagination__item--hide { display: none;}.var-pagination__item--simple { background: transparent; border-radius: var(--pagination-item-simple-border-radius);}.var-pagination__item--disabled { cursor: not-allowed !important; color: var(--pagination-disabled-color); background-color: unset; box-shadow: none !important;}.var-pagination__item--disabled:hover::before { opacity: 0;}.var-pagination__item--disabled--active { background-color: var(--pagination-bg-disabled-color);}.var-pagination__item--disabled--active:hover::before { opacity: 0;}.var-pagination__prev { margin-left: 0;}.var-pagination__next:last-child { margin-right: 0;}.var-pagination__total { display: flex; white-space: nowrap; align-items: center; line-height: var(--pagination-total-line-height); margin: var(--pagination-total-margin);}.var-pagination__size { display: flex; white-space: nowrap; align-items: center; height: var(--pagination-item-height); line-height: var(--pagination-size-line-height); margin: var(--pagination-item-margin); padding: var(--pagination-size-padding); cursor: pointer;}.var-pagination__size--open { display: flex; align-items: center; cursor: pointer;}.var-pagination__size--open--disabled { cursor: inherit;}.var-pagination__quickly,.var-pagination__simple { display: flex; white-space: nowrap; align-items: center;}.var-pagination__quickly [var-pagination-cover],.var-pagination__simple [var-pagination-cover] { width: var(--pagination-input-width);}.var-pagination__quickly [var-pagination-cover] .var-field-decorator__middle,.var-pagination__simple [var-pagination-cover] .var-field-decorator__middle { padding: 0;}.var-pagination__quickly [var-pagination-cover] .var-input__input,.var-pagination__simple [var-pagination-cover] .var-input__input { height: auto; text-align: center; font-weight: normal; font-size: var(--pagination-font-size); padding-top: 1px;}.var-pagination__quickly-line,.var-pagination__simple-line { height: 1px; background: transparent;}.var-pagination__quickly { margin: var(--pagination-quick-jumper-margin);}.var-pagination__quickly [var-pagination-cover] { margin-left: 6px;}.var-pagination__size--open-icon[var-pagination-cover] { font-size: inherit;}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { defineComponent } from "vue";
|
|
2
|
+
import { createNamespace } from "../utils/components.mjs";
|
|
3
|
+
import { props } from "./props.mjs";
|
|
4
|
+
const { name, n, classes } = createNamespace("shimmer-text");
|
|
5
|
+
import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
|
|
6
|
+
function __render__(_ctx, _cache) {
|
|
7
|
+
return _openBlock(), _createElementBlock(
|
|
8
|
+
"span",
|
|
9
|
+
{
|
|
10
|
+
class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.type}`)))
|
|
11
|
+
},
|
|
12
|
+
[
|
|
13
|
+
_renderSlot(_ctx.$slots, "default")
|
|
14
|
+
],
|
|
15
|
+
2
|
|
16
|
+
/* CLASS */
|
|
17
|
+
);
|
|
18
|
+
}
|
|
19
|
+
const __sfc__ = defineComponent({
|
|
20
|
+
name,
|
|
21
|
+
props,
|
|
22
|
+
setup() {
|
|
23
|
+
return {
|
|
24
|
+
n,
|
|
25
|
+
classes
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
__sfc__.render = __render__;
|
|
30
|
+
var stdin_default = __sfc__;
|
|
31
|
+
export {
|
|
32
|
+
stdin_default as default
|
|
33
|
+
};
|
|
File without changes
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
|
|
2
|
+
import { props as shimmerTextProps } from "./props.mjs";
|
|
3
|
+
import ShimmerText from "./ShimmerText.mjs";
|
|
4
|
+
withInstall(ShimmerText);
|
|
5
|
+
withPropsDefaultsSetter(ShimmerText, shimmerTextProps);
|
|
6
|
+
const _ShimmerTextComponent = ShimmerText;
|
|
7
|
+
var stdin_default = ShimmerText;
|
|
8
|
+
export {
|
|
9
|
+
_ShimmerTextComponent,
|
|
10
|
+
stdin_default as default,
|
|
11
|
+
shimmerTextProps
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root { --shimmer-text-color: var(--color-on-surface-variant); --shimmer-text-highlight-color: #fff; --shimmer-text-duration: 1.4s; --shimmer-text-angle: 100deg;}.var-shimmer-text { display: inline-flex; color: var(--shimmer-text-color); background-image: linear-gradient(var(--shimmer-text-angle), transparent 35%, var(--shimmer-text-highlight-color) 50%, transparent 65%), linear-gradient(var(--shimmer-text-color), var(--shimmer-text-color)); background-repeat: no-repeat; background-size: 200% 100%, 100% 100%; background-position: 120% 0, 0 0; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: var-shimmer-text var(--shimmer-text-duration) linear infinite;}.var-shimmer-text--default { --shimmer-text-color: var(--color-on-surface-variant);}.var-shimmer-text--primary { --shimmer-text-color: var(--color-primary);}.var-shimmer-text--info { --shimmer-text-color: var(--color-info);}.var-shimmer-text--success { --shimmer-text-color: var(--color-success);}.var-shimmer-text--warning { --shimmer-text-color: var(--color-warning);}.var-shimmer-text--danger { --shimmer-text-color: var(--color-danger);}@keyframes var-shimmer-text { from { background-position: 120% 0, 0 0; } to { background-position: -20% 0, 0 0; }}
|
package/es/style.mjs
CHANGED
|
@@ -77,6 +77,7 @@ import './row/style/index.mjs'
|
|
|
77
77
|
import './segmented-button/style/index.mjs'
|
|
78
78
|
import './segmented-buttons/style/index.mjs'
|
|
79
79
|
import './select/style/index.mjs'
|
|
80
|
+
import './shimmer-text/style/index.mjs'
|
|
80
81
|
import './signature/style/index.mjs'
|
|
81
82
|
import './skeleton/style/index.mjs'
|
|
82
83
|
import './slider/style/index.mjs'
|
package/es/switch/switch.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root { --switch-width: 40px; --switch-height: 24px; --switch-track-width: 38px; --switch-track-height: 14.4px; --switch-track-border-radius: calc(20px * 2 / 3); --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-handle-width: 20px; --switch-handle-height: 20px; --switch-handle-background: var(--color-on-primary); --switch-handle-color: var(--color-primary); --switch-handle-active-color: var(--color-on-primary); --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-ripple-size: 40px; --switch-ripple-left: -10px; --switch-ripple-active-left: 10px; --switch-loading-size: 16px; --switch-disabled-opacity: var(--opacity-disabled); --switch-variant-width: 52px; --switch-variant-height: 32px; --switch-variant-track-border-color: #888; --switch-variant-track-background: var(--color-surface-container-highest); --switch-variant-handle-width: 24px; --switch-variant-handle-height: 24px; --switch-variant-handle-color: var(--color-on-primary); --switch-variant-handle-active-color: var(--color-primary); --switch-variant-handle-background: #888; --switch-variant-handle-active-background: var(--color-on-primary); --switch-variant-ripple-left: -4px; --switch-variant-ripple-active-left: 16px;}.var-switch { display: inline-block;}.var-switch__block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; align-items: center; justify-content: center; width: var(--switch-width); height: var(--switch-height); transition: filter 0.25s;}.var-switch--disabled { filter: opacity(var(--switch-disabled-opacity)); cursor: not-allowed;}.var-switch__track { width: var(--switch-track-width); height: var(--switch-track-height); border-radius: var(--switch-track-border-radius); background-color: var(--switch-track-background); transition: background-color 0.25s; filter: opacity(var(--switch-disabled-opacity));}.var-switch__track--active { background-color: var(--switch-track-active-background);}.var-switch__track--error { background-color: var(--switch-track-error-background) !important;}.var-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; outline: none; transition: 0.3s var(--cubic-bezier); width: var(--switch-ripple-size); height: var(--switch-ripple-size); left: var(--switch-ripple-left);}.var-switch__ripple--active { left: var(--switch-ripple-active-left);}.var-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color); transition: background-color 0.25s; width: var(--switch-handle-width); height: var(--switch-handle-height); outline: none;}.var-switch__handle--active { background-color: var(--switch-handle-active-background); color: var(--switch-handle-active-color);}.var-switch__handle--error { background-color: var(--switch-handle-error-background) !important;}.var-switch--variant .var-switch__block { width: var(--switch-variant-width); height: var(--switch-variant-height);}.var-switch--variant .var-switch__block:active .var-switch__handle { transform: scale(
|
|
1
|
+
:root { --switch-width: 40px; --switch-height: 24px; --switch-track-width: 38px; --switch-track-height: 14.4px; --switch-track-border-radius: calc(20px * 2 / 3); --switch-track-background: #fff; --switch-track-active-background: var(--color-primary); --switch-track-error-background: var(--color-danger); --switch-handle-width: 20px; --switch-handle-height: 20px; --switch-handle-background: var(--color-on-primary); --switch-handle-color: var(--color-primary); --switch-handle-active-color: var(--color-on-primary); --switch-handle-active-background: var(--color-primary); --switch-handle-error-background: var(--color-danger); --switch-ripple-color: var(--color-primary); --switch-ripple-size: 40px; --switch-ripple-left: -10px; --switch-ripple-active-left: 10px; --switch-loading-size: 16px; --switch-disabled-opacity: var(--opacity-disabled); --switch-variant-width: 52px; --switch-variant-height: 32px; --switch-variant-track-border-color: #888; --switch-variant-track-background: var(--color-surface-container-highest); --switch-variant-handle-width: 24px; --switch-variant-handle-height: 24px; --switch-variant-handle-color: var(--color-on-primary); --switch-variant-handle-active-color: var(--color-primary); --switch-variant-handle-background: #888; --switch-variant-handle-active-background: var(--color-on-primary); --switch-variant-ripple-left: -4px; --switch-variant-ripple-active-left: 16px;}.var-switch { display: inline-block;}.var-switch__block { position: relative; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; align-items: center; justify-content: center; width: var(--switch-width); height: var(--switch-height); transition: filter 0.25s;}.var-switch--disabled { filter: opacity(var(--switch-disabled-opacity)); cursor: not-allowed;}.var-switch__track { width: var(--switch-track-width); height: var(--switch-track-height); border-radius: var(--switch-track-border-radius); background-color: var(--switch-track-background); transition: background-color 0.25s; filter: opacity(var(--switch-disabled-opacity));}.var-switch__track--active { background-color: var(--switch-track-active-background);}.var-switch__track--error { background-color: var(--switch-track-error-background) !important;}.var-switch__ripple { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--switch-ripple-color); border-radius: 50%; overflow: hidden; outline: none; transition: 0.3s var(--cubic-bezier); width: var(--switch-ripple-size); height: var(--switch-ripple-size); left: var(--switch-ripple-left);}.var-switch__ripple--active { left: var(--switch-ripple-active-left);}.var-switch__handle { border-radius: 50%; background-color: var(--switch-handle-background); display: flex; align-items: center; justify-content: center; color: var(--switch-handle-color); transition: background-color 0.25s; width: var(--switch-handle-width); height: var(--switch-handle-height); outline: none;}.var-switch__handle--active { background-color: var(--switch-handle-active-background); color: var(--switch-handle-active-color);}.var-switch__handle--error { background-color: var(--switch-handle-error-background) !important;}.var-switch--variant .var-switch__block { width: var(--switch-variant-width); height: var(--switch-variant-height);}.var-switch--variant .var-switch__block:active .var-switch__handle { transform: scale(7 / 6);}.var-switch--variant .var-switch__track { width: 100%; height: 100%; border-radius: calc(var(--switch-variant-height) / 2); background-color: var(--switch-variant-track-background); border: 2px solid var(--switch-variant-track-border-color); filter: none;}.var-switch--variant .var-switch__track--active { background-color: var(--switch-track-active-background); border: none;}.var-switch--variant .var-switch__ripple { left: var(--switch-variant-ripple-left);}.var-switch--variant .var-switch__ripple--active { left: var(--switch-variant-ripple-active-left);}.var-switch--variant .var-switch__handle { width: var(--switch-variant-handle-width); height: var(--switch-variant-handle-height); color: var(--switch-variant-handle-color); transform: scale(2 / 3); background-color: var(--switch-variant-handle-background); transition: transform 0.2s;}.var-switch--variant .var-switch__handle--active { color: var(--switch-variant-handle-active-color); background-color: var(--switch-variant-handle-active-background); transform: none;}.var-switch--variant .var-switch--disabled:active .var-switch__handle { transform: none;}.var-switch__loading { display: inline-block; width: var(--switch-loading-size); height: var(--switch-loading-size); animation: circle 1.8s linear infinite;}.var-switch__loading svg { display: block; width: 100%; height: 100%;}.var-switch__loading svg circle { animation: circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round;}@keyframes circle { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120; }}
|
package/es/themes/dark/index.mjs
CHANGED
|
@@ -72,6 +72,7 @@ import ripple from "./ripple.mjs";
|
|
|
72
72
|
import segmentedButton from "./segmentedButton.mjs";
|
|
73
73
|
import segmentedButtons from "./segmentedButtons.mjs";
|
|
74
74
|
import select from "./select.mjs";
|
|
75
|
+
import shimmerText from "./shimmerText.mjs";
|
|
75
76
|
import signature from "./signature.mjs";
|
|
76
77
|
import skeleton from "./skeleton.mjs";
|
|
77
78
|
import slider from "./slider.mjs";
|
|
@@ -88,7 +89,7 @@ import tooltip from "./tooltip.mjs";
|
|
|
88
89
|
import treeMenu from "./treeMenu.mjs";
|
|
89
90
|
import uploader from "./uploader.mjs";
|
|
90
91
|
import watermark from "./watermark.mjs";
|
|
91
|
-
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
92
|
+
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
92
93
|
"--color-scheme": "dark",
|
|
93
94
|
"--font-size-xs": "10px",
|
|
94
95
|
"--font-size-sm": "12px",
|
|
@@ -167,7 +168,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
167
168
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
168
169
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
169
170
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
170
|
-
}, button), alert), cell), card), timePicker), dateInput), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), segmentedButton), segmentedButtons), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), dataTable), railNavigation), railNavigationItem), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), treeMenu), select), code), signature);
|
|
171
|
+
}, button), alert), cell), card), timePicker), dateInput), datePicker), skeleton), tabs), tab), popup), dialog), actionSheet), chip), badge), uploader), collapse), pullRefresh), switchThemes), step), pagination), table), fieldDecorator), radio), checkbox), segmentedButton), segmentedButtons), divider), picker), appBar), bottomNavigationItem), menu), result), breadcrumb), avatar), link), progress), option), watermark), menuSelect), menuOption), avatarGroup), backTop), bottomNavigation), countdown), counter), dataTable), railNavigation), railNavigationItem), fab), floatingPanel), formDetails), hoverOverlay), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), paper), rate), ripple), slider), snackbar), space), swipe), tooltip), treeMenu), select), code), shimmerText), signature);
|
|
171
172
|
export {
|
|
172
173
|
stdin_default as default
|
|
173
174
|
};
|
|
@@ -72,6 +72,7 @@ import ripple from "./ripple.mjs";
|
|
|
72
72
|
import segmentedButton from "./segmentedButton.mjs";
|
|
73
73
|
import segmentedButtons from "./segmentedButtons.mjs";
|
|
74
74
|
import select from "./select.mjs";
|
|
75
|
+
import shimmerText from "./shimmerText.mjs";
|
|
75
76
|
import signature from "./signature.mjs";
|
|
76
77
|
import skeleton from "./skeleton.mjs";
|
|
77
78
|
import slider from "./slider.mjs";
|
|
@@ -88,7 +89,7 @@ import tooltip from "./tooltip.mjs";
|
|
|
88
89
|
import treeMenu from "./treeMenu.mjs";
|
|
89
90
|
import uploader from "./uploader.mjs";
|
|
90
91
|
import watermark from "./watermark.mjs";
|
|
91
|
-
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
92
|
+
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
92
93
|
"--color-scheme": "dark",
|
|
93
94
|
"--font-size-xs": "10px",
|
|
94
95
|
"--font-size-sm": "12px",
|
|
@@ -167,7 +168,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
167
168
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
168
169
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
169
170
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
170
|
-
}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), badge), tooltip), treeMenu), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), dataTable), switchThemes), slider), uploader), timePicker), dateInput), datePicker), rate), railNavigation), railNavigationItem), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), signature);
|
|
171
|
+
}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), badge), tooltip), treeMenu), progress), tabs), tab), step), divider), table), pagination), watermark), collapse), result), appBar), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), counter), dataTable), switchThemes), slider), uploader), timePicker), dateInput), datePicker), rate), railNavigation), railNavigationItem), skeleton), avatarGroup), countdown), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), ripple), space), swipe), code), shimmerText), signature);
|
|
171
172
|
export {
|
|
172
173
|
stdin_default as default
|
|
173
174
|
};
|
|
@@ -72,6 +72,7 @@ import ripple from "./ripple.mjs";
|
|
|
72
72
|
import segmentedButton from "./segmentedButton.mjs";
|
|
73
73
|
import segmentedButtons from "./segmentedButtons.mjs";
|
|
74
74
|
import select from "./select.mjs";
|
|
75
|
+
import shimmerText from "./shimmerText.mjs";
|
|
75
76
|
import signature from "./signature.mjs";
|
|
76
77
|
import skeleton from "./skeleton.mjs";
|
|
77
78
|
import slider from "./slider.mjs";
|
|
@@ -88,7 +89,7 @@ import tooltip from "./tooltip.mjs";
|
|
|
88
89
|
import treeMenu from "./treeMenu.mjs";
|
|
89
90
|
import uploader from "./uploader.mjs";
|
|
90
91
|
import watermark from "./watermark.mjs";
|
|
91
|
-
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
92
|
+
var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
|
|
92
93
|
"--color-scheme": "light",
|
|
93
94
|
"--font-size-xs": "10px",
|
|
94
95
|
"--font-size-sm": "12px",
|
|
@@ -167,7 +168,7 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
|
|
|
167
168
|
"--shadow-key-umbra-opacity": "rgba(0, 0, 0, 0.2)",
|
|
168
169
|
"--shadow-key-penumbra-opacity": "rgba(0, 0, 0, 0.14)",
|
|
169
170
|
"--shadow-key-ambient-opacity": "rgba(0, 0, 0, 0.12)"
|
|
170
|
-
}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), tooltip), treeMenu), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), dateInput), datePicker), switchThemes), rate), railNavigation), railNavigationItem), avatarGroup), badge), countdown), counter), dataTable), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), signature);
|
|
171
|
+
}, button), alert), hoverOverlay), menu), menuSelect), menuOption), fab), breadcrumb), link), cell), paper), avatar), fieldDecorator), checkbox), radio), segmentedButton), segmentedButtons), card), chip), tooltip), treeMenu), tabs), tab), table), collapse), result), bottomNavigation), bottomNavigationItem), snackbar), actionSheet), dialog), pullRefresh), popup), picker), floatingPanel), backTop), select), option), slider), uploader), timePicker), dateInput), datePicker), switchThemes), rate), railNavigation), railNavigationItem), avatarGroup), badge), countdown), counter), dataTable), divider), formDetails), icon), imagePreview), indexBar), input), otpInput), list), loading), loadingBar), overlay), pagination), progress), ripple), skeleton), space), step), swipe), watermark), appBar), code), shimmerText), signature);
|
|
171
172
|
export {
|
|
172
173
|
stdin_default as default
|
|
173
174
|
};
|