@alauda/ui 6.4.8-beta.38 → 6.4.8-beta.39
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/dialog/dialog-config.d.ts +0 -31
- package/dialog/dialog.component.d.ts +2 -29
- package/dialog/dialog.service.d.ts +2 -0
- package/esm2020/dialog/dialog-config.mjs +1 -41
- package/esm2020/dialog/dialog-ref.mjs +6 -11
- package/esm2020/dialog/dialog.component.mjs +9 -104
- package/esm2020/dialog/dialog.service.mjs +6 -7
- package/esm2020/input/number-input/number-input.component.mjs +3 -3
- package/esm2020/utils/fn.mjs +1 -12
- package/fesm2015/alauda-ui.mjs +29 -205
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +29 -205
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/theme/_base-var.scss +1 -8
- package/theme/_mixin.scss +1 -41
- package/utils/fn.d.ts +0 -4
- package/core/animation/animation-consts.d.ts +0 -2
- package/dialog/dialog-animations.d.ts +0 -4
- package/esm2020/core/animation/animation-consts.mjs +0 -6
- package/esm2020/dialog/dialog-animations.mjs +0 -24
package/package.json
CHANGED
package/theme/_base-var.scss
CHANGED
|
@@ -20,12 +20,5 @@
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
// Animation
|
|
23
|
-
$animation-duration
|
|
24
|
-
$animation-duration-base: 0.24s; // Tab、Dropdown
|
|
25
|
-
$animation-duration-fast: 0.2s;
|
|
26
|
-
|
|
27
|
-
$ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
28
|
-
$ease-in: cubic-bezier(0.8, 0, 1, 0.9);
|
|
29
|
-
$ease-in-out: cubic-bezier(0.38, 0, 0.24, 1);
|
|
30
|
-
|
|
23
|
+
$animation-duration: 0.3s;
|
|
31
24
|
$animation-interpolation: ease;
|
package/theme/_mixin.scss
CHANGED
|
@@ -133,14 +133,8 @@
|
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
@mixin overlay-pane() {
|
|
137
|
-
justify-content: center;
|
|
138
|
-
overflow: auto;
|
|
139
|
-
@include scroll-bar;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
136
|
@mixin transition($target: all) {
|
|
143
|
-
transition: $target $animation-duration
|
|
137
|
+
transition: $target $animation-duration $animation-interpolation;
|
|
144
138
|
}
|
|
145
139
|
|
|
146
140
|
@mixin absolute-center() {
|
|
@@ -148,7 +142,6 @@
|
|
|
148
142
|
position: absolute;
|
|
149
143
|
top: 50%;
|
|
150
144
|
left: 50%;
|
|
151
|
-
transform-origin: -50% -50%;
|
|
152
145
|
transform: translate(-50%, -50%);
|
|
153
146
|
}
|
|
154
147
|
|
|
@@ -306,36 +299,3 @@
|
|
|
306
299
|
background-size: 100% 14px;
|
|
307
300
|
height: 100%;
|
|
308
301
|
}
|
|
309
|
-
|
|
310
|
-
// Motion
|
|
311
|
-
@mixin motion-common($duration: $animation-duration-base) {
|
|
312
|
-
animation-duration: $duration;
|
|
313
|
-
animation-fill-mode: both;
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
@mixin use-motion(
|
|
317
|
-
$className,
|
|
318
|
-
$keyframeName,
|
|
319
|
-
$duration: $animation-duration-base
|
|
320
|
-
) {
|
|
321
|
-
.#{$className}-enter {
|
|
322
|
-
@include motion-common($duration);
|
|
323
|
-
|
|
324
|
-
animation-play-state: paused;
|
|
325
|
-
}
|
|
326
|
-
.#{$className}-leave {
|
|
327
|
-
@include motion-common($duration);
|
|
328
|
-
|
|
329
|
-
animation-play-state: paused;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
.#{$className}-enter.#{$className}-enter-active {
|
|
333
|
-
animation-name: #{$keyframeName}-in;
|
|
334
|
-
animation-play-state: running;
|
|
335
|
-
}
|
|
336
|
-
.#{$className}-leave.#{$className}-leave-active {
|
|
337
|
-
animation-name: #{$keyframeName}-out;
|
|
338
|
-
animation-play-state: running;
|
|
339
|
-
pointer-events: none;
|
|
340
|
-
}
|
|
341
|
-
}
|
package/utils/fn.d.ts
CHANGED
|
@@ -4,7 +4,3 @@ export declare const last: <T>(values: T[]) => T;
|
|
|
4
4
|
export declare const isTemplateRef: (label: any) => label is TemplateRef<unknown>;
|
|
5
5
|
export declare const isString: (label: any) => label is string;
|
|
6
6
|
export declare const handlePixel: (value: number | string) => string;
|
|
7
|
-
export declare function getElementOffset(elem: HTMLElement): {
|
|
8
|
-
top: number;
|
|
9
|
-
left: number;
|
|
10
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export const AnimationDurationMap = {
|
|
2
|
-
slow: '0.3s',
|
|
3
|
-
base: '0.24s',
|
|
4
|
-
fast: '0.2s',
|
|
5
|
-
};
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5pbWF0aW9uLWNvbnN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb3JlL2FuaW1hdGlvbi9hbmltYXRpb24tY29uc3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFzQztJQUNyRSxJQUFJLEVBQUUsTUFBTTtJQUNaLElBQUksRUFBRSxPQUFPO0lBQ2IsSUFBSSxFQUFFLE1BQU07Q0FDYixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQW5pbWF0aW9uRHVyYXRpb24gPSAnc2xvdycgfCAnYmFzZScgfCAnZmFzdCc7XG5cbmV4cG9ydCBjb25zdCBBbmltYXRpb25EdXJhdGlvbk1hcDogUmVjb3JkPEFuaW1hdGlvbkR1cmF0aW9uLCBzdHJpbmc+ID0ge1xuICBzbG93OiAnMC4zcycsXG4gIGJhc2U6ICcwLjI0cycsXG4gIGZhc3Q6ICcwLjJzJyxcbn07XG4iXX0=
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { animate, query, state, style, transition, trigger, } from '@angular/animations';
|
|
2
|
-
import { AnimationDurationMap, } from '../core/animation/animation-consts';
|
|
3
|
-
import { ANIMATION_DURATION_CLASS_MAP } from './dialog-config';
|
|
4
|
-
const getAnimationQueryMetadatas = (config) => {
|
|
5
|
-
const animationMetadatas = [];
|
|
6
|
-
Object.keys(config).forEach(key => {
|
|
7
|
-
const classNames = config[key];
|
|
8
|
-
classNames.forEach(className => {
|
|
9
|
-
animationMetadatas.push(query(className, animate(AnimationDurationMap[key], style({})), {
|
|
10
|
-
optional: true,
|
|
11
|
-
}));
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
return animationMetadatas;
|
|
15
|
-
};
|
|
16
|
-
export const dialogAnimations = {
|
|
17
|
-
dialogContainer: trigger('dialogContainer', [
|
|
18
|
-
state('void, exit', style({})),
|
|
19
|
-
state('enter', style({})),
|
|
20
|
-
transition('* => enter', getAnimationQueryMetadatas(ANIMATION_DURATION_CLASS_MAP)),
|
|
21
|
-
transition('* => void, * => exit', getAnimationQueryMetadatas(ANIMATION_DURATION_CLASS_MAP)),
|
|
22
|
-
]),
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWFuaW1hdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZGlhbG9nL2RpYWxvZy1hbmltYXRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBR1AsS0FBSyxFQUNMLEtBQUssRUFDTCxLQUFLLEVBQ0wsVUFBVSxFQUNWLE9BQU8sR0FDUixNQUFNLHFCQUFxQixDQUFDO0FBRTdCLE9BQU8sRUFFTCxvQkFBb0IsR0FDckIsTUFBTSxvQ0FBb0MsQ0FBQztBQUU1QyxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvRCxNQUFNLDBCQUEwQixHQUFHLENBQ2pDLE1BQW9ELEVBQ3BELEVBQUU7SUFDRixNQUFNLGtCQUFrQixHQUE2QixFQUFFLENBQUM7SUFDdkQsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQXlCLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxFQUFFO1FBQ3pELE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUMvQixVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQzdCLGtCQUFrQixDQUFDLElBQUksQ0FDckIsS0FBSyxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUU7Z0JBQzlELFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUNILENBQUM7UUFDSixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0gsT0FBTyxrQkFBa0IsQ0FBQztBQUM1QixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FFekI7SUFDRixlQUFlLEVBQUUsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1FBQzFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzlCLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3pCLFVBQVUsQ0FDUixZQUFZLEVBQ1osMEJBQTBCLENBQUMsNEJBQTRCLENBQUMsQ0FDekQ7UUFDRCxVQUFVLENBQ1Isc0JBQXNCLEVBQ3RCLDBCQUEwQixDQUFDLDRCQUE0QixDQUFDLENBQ3pEO0tBQ0YsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBhbmltYXRlLFxuICBBbmltYXRpb25RdWVyeU1ldGFkYXRhLFxuICBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGEsXG4gIHF1ZXJ5LFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIHRyYW5zaXRpb24sXG4gIHRyaWdnZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5pbXBvcnQge1xuICBBbmltYXRpb25EdXJhdGlvbixcbiAgQW5pbWF0aW9uRHVyYXRpb25NYXAsXG59IGZyb20gJy4uL2NvcmUvYW5pbWF0aW9uL2FuaW1hdGlvbi1jb25zdHMnO1xuXG5pbXBvcnQgeyBBTklNQVRJT05fRFVSQVRJT05fQ0xBU1NfTUFQIH0gZnJvbSAnLi9kaWFsb2ctY29uZmlnJztcblxuY29uc3QgZ2V0QW5pbWF0aW9uUXVlcnlNZXRhZGF0YXMgPSAoXG4gIGNvbmZpZzogUGFydGlhbDxSZWNvcmQ8QW5pbWF0aW9uRHVyYXRpb24sIHN0cmluZ1tdPj4sXG4pID0+IHtcbiAgY29uc3QgYW5pbWF0aW9uTWV0YWRhdGFzOiBBbmltYXRpb25RdWVyeU1ldGFkYXRhW10gPSBbXTtcbiAgKE9iamVjdC5rZXlzKGNvbmZpZykgYXMgQW5pbWF0aW9uRHVyYXRpb25bXSkuZm9yRWFjaChrZXkgPT4ge1xuICAgIGNvbnN0IGNsYXNzTmFtZXMgPSBjb25maWdba2V5XTtcbiAgICBjbGFzc05hbWVzLmZvckVhY2goY2xhc3NOYW1lID0+IHtcbiAgICAgIGFuaW1hdGlvbk1ldGFkYXRhcy5wdXNoKFxuICAgICAgICBxdWVyeShjbGFzc05hbWUsIGFuaW1hdGUoQW5pbWF0aW9uRHVyYXRpb25NYXBba2V5XSwgc3R5bGUoe30pKSwge1xuICAgICAgICAgIG9wdGlvbmFsOiB0cnVlLFxuICAgICAgICB9KSxcbiAgICAgICk7XG4gICAgfSk7XG4gIH0pO1xuICByZXR1cm4gYW5pbWF0aW9uTWV0YWRhdGFzO1xufTtcblxuZXhwb3J0IGNvbnN0IGRpYWxvZ0FuaW1hdGlvbnM6IHtcbiAgcmVhZG9ubHkgZGlhbG9nQ29udGFpbmVyOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICBkaWFsb2dDb250YWluZXI6IHRyaWdnZXIoJ2RpYWxvZ0NvbnRhaW5lcicsIFtcbiAgICBzdGF0ZSgndm9pZCwgZXhpdCcsIHN0eWxlKHt9KSksXG4gICAgc3RhdGUoJ2VudGVyJywgc3R5bGUoe30pKSxcbiAgICB0cmFuc2l0aW9uKFxuICAgICAgJyogPT4gZW50ZXInLFxuICAgICAgZ2V0QW5pbWF0aW9uUXVlcnlNZXRhZGF0YXMoQU5JTUFUSU9OX0RVUkFUSU9OX0NMQVNTX01BUCksXG4gICAgKSxcbiAgICB0cmFuc2l0aW9uKFxuICAgICAgJyogPT4gdm9pZCwgKiA9PiBleGl0JyxcbiAgICAgIGdldEFuaW1hdGlvblF1ZXJ5TWV0YWRhdGFzKEFOSU1BVElPTl9EVVJBVElPTl9DTEFTU19NQVApLFxuICAgICksXG4gIF0pLFxufTtcbiJdfQ==
|