@alauda/ui 6.4.8-beta.45 → 6.4.8-beta.47
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/README.md +59 -0
- package/dialog/dialog-config.d.ts +0 -31
- package/dialog/dialog.component.d.ts +4 -31
- 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 +10 -105
- package/esm2020/dialog/dialog.service.mjs +6 -7
- package/esm2020/utils/fn.mjs +1 -12
- package/fesm2015/alauda-ui.mjs +28 -204
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +28 -204
- 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 -39
- 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() {
|
|
@@ -305,35 +299,3 @@
|
|
|
305
299
|
background-size: 100% 14px;
|
|
306
300
|
height: 100%;
|
|
307
301
|
}
|
|
308
|
-
|
|
309
|
-
// Motion
|
|
310
|
-
@mixin motion-common($duration: $animation-duration-base) {
|
|
311
|
-
animation-duration: $duration;
|
|
312
|
-
animation-fill-mode: both;
|
|
313
|
-
animation-play-state: paused;
|
|
314
|
-
}
|
|
315
|
-
|
|
316
|
-
@mixin make-motion(
|
|
317
|
-
$className,
|
|
318
|
-
$keyframeName,
|
|
319
|
-
$duration: $animation-duration-base
|
|
320
|
-
) {
|
|
321
|
-
.#{$className}-enter,
|
|
322
|
-
.#{$className}-leave {
|
|
323
|
-
@include motion-common($duration);
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
.#{$className}-enter.#{$className}-enter-active,
|
|
327
|
-
.#{$className}-leave.#{$className}-leave-active {
|
|
328
|
-
animation-play-state: running;
|
|
329
|
-
pointer-events: none;
|
|
330
|
-
}
|
|
331
|
-
|
|
332
|
-
.#{$className}-enter.#{$className}-enter-active {
|
|
333
|
-
animation-name: #{$keyframeName}-in;
|
|
334
|
-
}
|
|
335
|
-
|
|
336
|
-
.#{$className}-leave.#{$className}-leave-active {
|
|
337
|
-
animation-name: #{$keyframeName}-out;
|
|
338
|
-
}
|
|
339
|
-
}
|
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==
|