@ng-nest/ui 21.0.11 → 21.0.12
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/fesm2022/ng-nest-ui-auto-complete.mjs +10 -2
- package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-cascade.mjs +9 -1
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +9 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-contextmenu.mjs +441 -0
- package/fesm2022/ng-nest-ui-contextmenu.mjs.map +1 -0
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-date-picker.mjs +18 -2
- package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dropdown.mjs +15 -3
- package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-select.mjs +49 -14
- package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-splitter.mjs +407 -0
- package/fesm2022/ng-nest-ui-splitter.mjs.map +1 -0
- package/fesm2022/ng-nest-ui-time-picker.mjs +9 -1
- package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-select.mjs +11 -3
- package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-watermark.mjs +378 -0
- package/fesm2022/ng-nest-ui-watermark.mjs.map +1 -0
- package/fesm2022/ng-nest-ui.mjs +3 -0
- package/fesm2022/ng-nest-ui.mjs.map +1 -1
- package/package.json +13 -1
- package/types/ng-nest-ui-auto-complete.d.ts +3 -3
- package/types/ng-nest-ui-cascade.d.ts +4 -4
- package/types/ng-nest-ui-checkbox.d.ts +1 -1
- package/types/ng-nest-ui-color-picker.d.ts +4 -4
- package/types/ng-nest-ui-contextmenu.d.ts +176 -0
- package/types/ng-nest-ui-core.d.ts +29 -1
- package/types/ng-nest-ui-date-picker.d.ts +7 -7
- package/types/ng-nest-ui-dropdown.d.ts +12 -2
- package/types/ng-nest-ui-radio.d.ts +1 -1
- package/types/ng-nest-ui-select.d.ts +28 -3
- package/types/ng-nest-ui-splitter.d.ts +163 -0
- package/types/ng-nest-ui-time-picker.d.ts +3 -3
- package/types/ng-nest-ui-tree-select.d.ts +4 -4
- package/types/ng-nest-ui-watermark.d.ts +267 -0
- package/types/ng-nest-ui.d.ts +3 -0
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import * as _angular_cdk_overlay from '@angular/cdk/overlay';
|
|
2
|
+
import * as _angular_core from '@angular/core';
|
|
3
|
+
import { ElementRef, ComponentRef, OnInit, OnDestroy } from '@angular/core';
|
|
4
|
+
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
|
|
5
|
+
import { XDataArray, XBoolean, XPlacement, XNumber, XSize } from '@ng-nest/ui/core';
|
|
6
|
+
import { XListNode, XListComponent } from '@ng-nest/ui/list';
|
|
7
|
+
import { Subject } from 'rxjs';
|
|
8
|
+
import { XPortalOverlayRef } from '@ng-nest/ui/portal';
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Contextmenu
|
|
12
|
+
* @selector x-contextmenu
|
|
13
|
+
* @decorator component
|
|
14
|
+
*/
|
|
15
|
+
declare const XContextmenuPrefix = "x-contextmenu";
|
|
16
|
+
declare const XContextmenuProperty_base: new () => {
|
|
17
|
+
config: _ng_nest_ui_core.XContextmenuConfig | undefined;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* Contextmenu Property
|
|
21
|
+
*/
|
|
22
|
+
declare class XContextmenuProperty extends XContextmenuProperty_base {
|
|
23
|
+
/**
|
|
24
|
+
* @zh_CN 触发目标元素
|
|
25
|
+
* @en_US Trigger target element
|
|
26
|
+
*/
|
|
27
|
+
readonly target: _angular_core.InputSignal<ElementRef<any> | HTMLElement | undefined>;
|
|
28
|
+
/**
|
|
29
|
+
* @zh_CN 节点数据
|
|
30
|
+
* @en_US Node data
|
|
31
|
+
*/
|
|
32
|
+
readonly data: _angular_core.InputSignalWithTransform<XContextmenuNode[], XDataArray<XContextmenuNode>>;
|
|
33
|
+
/**
|
|
34
|
+
* @zh_CN 禁用
|
|
35
|
+
* @en_US Disabled
|
|
36
|
+
*/
|
|
37
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
38
|
+
/**
|
|
39
|
+
* @zh_CN 节点中已经包含子节点数据
|
|
40
|
+
* @en_US The node already contains child node data
|
|
41
|
+
*/
|
|
42
|
+
readonly children: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
43
|
+
/**
|
|
44
|
+
* @zh_CN 展示位置
|
|
45
|
+
* @en_US Placement
|
|
46
|
+
*/
|
|
47
|
+
readonly placement: _angular_core.InputSignal<XPlacement>;
|
|
48
|
+
/**
|
|
49
|
+
* @zh_CN 弹框的宽度
|
|
50
|
+
* @en_US The width of the drop-down box
|
|
51
|
+
*/
|
|
52
|
+
readonly portalWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
|
|
53
|
+
/**
|
|
54
|
+
* @zh_CN 弹框设置样式名
|
|
55
|
+
* @en_US The style class name of the drop-down box
|
|
56
|
+
*/
|
|
57
|
+
readonly portalClass: _angular_core.InputSignal<string | string[]>;
|
|
58
|
+
/**
|
|
59
|
+
* @zh_CN 弹框最大高度
|
|
60
|
+
* @en_US The biggest height of the drop-down box
|
|
61
|
+
*/
|
|
62
|
+
readonly portalMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
|
|
63
|
+
/**
|
|
64
|
+
* @zh_CN 弹框高度,启用虚拟滚动的时候必须设置一个高度
|
|
65
|
+
* @en_US The biggest height of the drop-down box
|
|
66
|
+
*/
|
|
67
|
+
readonly portalHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
|
|
68
|
+
/**
|
|
69
|
+
* @zh_CN 尺寸
|
|
70
|
+
* @en_US Size
|
|
71
|
+
*/
|
|
72
|
+
readonly size: _angular_core.InputSignal<XSize>;
|
|
73
|
+
/**
|
|
74
|
+
* @zh_CN 节点点击事件
|
|
75
|
+
* @en_US Node click event
|
|
76
|
+
*/
|
|
77
|
+
readonly nodeClick: _angular_core.OutputEmitterRef<XContextmenuNode>;
|
|
78
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XContextmenuProperty, never>;
|
|
79
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XContextmenuProperty, "x-contextmenu-property", never, { "target": { "alias": "target"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* @zh_CN Contextmenu 数据对象
|
|
83
|
+
* @en_US Contextmenu data object
|
|
84
|
+
*/
|
|
85
|
+
interface XContextmenuNode extends XListNode {
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
declare class XContextmenuPortalComponent {
|
|
89
|
+
animateEnter: string;
|
|
90
|
+
animateLeave: string;
|
|
91
|
+
data: _angular_core.InputSignal<XContextmenuNode[]>;
|
|
92
|
+
size: _angular_core.InputSignal<XSize>;
|
|
93
|
+
portalWidth: _angular_core.InputSignal<string | undefined>;
|
|
94
|
+
portalHeight: _angular_core.InputSignal<string | undefined>;
|
|
95
|
+
portalMaxHeight: _angular_core.InputSignal<string | undefined>;
|
|
96
|
+
portalClass: _angular_core.InputSignal<string | undefined>;
|
|
97
|
+
level: _angular_core.InputSignal<number>;
|
|
98
|
+
parentPortalComponent: _angular_core.InputSignal<XContextmenuPortalComponent | undefined>;
|
|
99
|
+
closed: _angular_core.OutputEmitterRef<void>;
|
|
100
|
+
animating: _angular_core.OutputEmitterRef<boolean>;
|
|
101
|
+
nodeClick: _angular_core.OutputEmitterRef<XContextmenuNode>;
|
|
102
|
+
list: _angular_core.Signal<XListComponent>;
|
|
103
|
+
destroy: _angular_core.WritableSignal<boolean>;
|
|
104
|
+
closeSubject: Subject<void>;
|
|
105
|
+
keydownSubject: Subject<KeyboardEvent>;
|
|
106
|
+
active: _angular_core.WritableSignal<number>;
|
|
107
|
+
node: _angular_core.WritableSignal<XContextmenuNode | null>;
|
|
108
|
+
childAnimating: _angular_core.WritableSignal<boolean>;
|
|
109
|
+
isKeyboardControlled: _angular_core.WritableSignal<boolean>;
|
|
110
|
+
private unSubject;
|
|
111
|
+
private destroyRef;
|
|
112
|
+
private portalService;
|
|
113
|
+
private overlay;
|
|
114
|
+
private viewContainerRef;
|
|
115
|
+
portal: XPortalOverlayRef<XContextmenuPortalComponent>;
|
|
116
|
+
portalComponent: _angular_core.WritableSignal<ComponentRef<XContextmenuPortalComponent> | null>;
|
|
117
|
+
portalOverlayRef: _angular_core.WritableSignal<any>;
|
|
118
|
+
constructor();
|
|
119
|
+
ngOnInit(): void;
|
|
120
|
+
ngAfterViewInit(): void;
|
|
121
|
+
onNodeClick(node: XContextmenuNode): void;
|
|
122
|
+
onActive(num: number): void;
|
|
123
|
+
onNodeMouseenter(node: XContextmenuNode): void;
|
|
124
|
+
onNodeMouseleave(): void;
|
|
125
|
+
portalAttached(): any;
|
|
126
|
+
closePortal(): boolean;
|
|
127
|
+
createPortal(): void;
|
|
128
|
+
setInstance(): void;
|
|
129
|
+
setPlacement(): _angular_cdk_overlay.PositionStrategy;
|
|
130
|
+
showPortal(node: XContextmenuNode): void;
|
|
131
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XContextmenuPortalComponent, never>;
|
|
132
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XContextmenuPortalComponent, "x-contextmenu-portal", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; "parentPortalComponent": { "alias": "parentPortalComponent"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
declare class XContextmenuComponent extends XContextmenuProperty implements OnInit, OnDestroy {
|
|
136
|
+
private unSubject;
|
|
137
|
+
private portalService;
|
|
138
|
+
private viewContainerRef;
|
|
139
|
+
private overlay;
|
|
140
|
+
nodes: _angular_core.Signal<XContextmenuNode[]>;
|
|
141
|
+
portal: XPortalOverlayRef<XContextmenuPortalComponent>;
|
|
142
|
+
animating: _angular_core.WritableSignal<boolean>;
|
|
143
|
+
visibleClass: _angular_core.WritableSignal<boolean>;
|
|
144
|
+
isClickNodeLeaf: _angular_core.WritableSignal<boolean>;
|
|
145
|
+
minWidth: _angular_core.WritableSignal<string>;
|
|
146
|
+
closeSubject: Subject<void>;
|
|
147
|
+
keydownSubject: Subject<KeyboardEvent>;
|
|
148
|
+
private positionElement;
|
|
149
|
+
private clickPosition;
|
|
150
|
+
portalComponent: _angular_core.WritableSignal<any>;
|
|
151
|
+
constructor();
|
|
152
|
+
ngOnInit(): void;
|
|
153
|
+
ngOnDestroy(): void;
|
|
154
|
+
onContextmenu(event: MouseEvent): void;
|
|
155
|
+
onClose(): void;
|
|
156
|
+
setSubject(): void;
|
|
157
|
+
openPortal(): void;
|
|
158
|
+
closePortal(): boolean;
|
|
159
|
+
portalAttached(): boolean | undefined;
|
|
160
|
+
createPositionElement(x: number, y: number): void;
|
|
161
|
+
removePositionElement(): void;
|
|
162
|
+
setInstance(): void;
|
|
163
|
+
createPositionStrategy(): _angular_cdk_overlay.GlobalPositionStrategy;
|
|
164
|
+
setPlacement(): _angular_cdk_overlay.PositionStrategy;
|
|
165
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XContextmenuComponent, never>;
|
|
166
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XContextmenuComponent, "x-contextmenu", never, {}, {}, never, ["*"], true, never>;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
declare class XContextmenuModule {
|
|
170
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XContextmenuModule, never>;
|
|
171
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XContextmenuModule, never, [typeof XContextmenuComponent], [typeof XContextmenuComponent]>;
|
|
172
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<XContextmenuModule>;
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
export { XContextmenuComponent, XContextmenuModule, XContextmenuPrefix, XContextmenuProperty };
|
|
176
|
+
export type { XContextmenuNode };
|
|
@@ -1150,6 +1150,7 @@ interface XComponentConfig {
|
|
|
1150
1150
|
colorPicker?: XColorPickerConfig;
|
|
1151
1151
|
comment?: XCommentConfig;
|
|
1152
1152
|
container?: XContainerConfig;
|
|
1153
|
+
contextmenu?: XContextmenuConfig;
|
|
1153
1154
|
coversations?: XCoversationsConfig;
|
|
1154
1155
|
header?: XHeaderConfig;
|
|
1155
1156
|
aside?: XAsideConfig;
|
|
@@ -1226,6 +1227,8 @@ interface XComponentConfig {
|
|
|
1226
1227
|
upload?: XUploadConfig;
|
|
1227
1228
|
keyword?: XKeywordConfig;
|
|
1228
1229
|
welcome?: XWelcomeConfig;
|
|
1230
|
+
watermark?: XWatermarkConfig;
|
|
1231
|
+
splitter?: XSplitterConfig;
|
|
1229
1232
|
}
|
|
1230
1233
|
interface XAffixConfig {
|
|
1231
1234
|
top?: string;
|
|
@@ -1442,6 +1445,11 @@ interface XDropdownConfig {
|
|
|
1442
1445
|
placement?: XPlacement;
|
|
1443
1446
|
size?: XSize;
|
|
1444
1447
|
}
|
|
1448
|
+
interface XContextmenuConfig {
|
|
1449
|
+
placement?: XPlacement;
|
|
1450
|
+
size?: XSize;
|
|
1451
|
+
portalMaxHeight?: string;
|
|
1452
|
+
}
|
|
1445
1453
|
interface XDescriptionConfig {
|
|
1446
1454
|
bordered?: boolean;
|
|
1447
1455
|
size?: XSize;
|
|
@@ -1840,6 +1848,26 @@ interface XKeywordConfig {
|
|
|
1840
1848
|
interface XWelcomeConfig {
|
|
1841
1849
|
variant?: 'outlined' | 'filled' | 'borderless';
|
|
1842
1850
|
}
|
|
1851
|
+
interface XSplitterConfig {
|
|
1852
|
+
direction?: 'horizontal' | 'vertical';
|
|
1853
|
+
}
|
|
1854
|
+
interface XWatermarkConfig {
|
|
1855
|
+
content?: string;
|
|
1856
|
+
width?: number;
|
|
1857
|
+
height?: number;
|
|
1858
|
+
rotate?: number;
|
|
1859
|
+
fontSize?: number;
|
|
1860
|
+
fontFamily?: string;
|
|
1861
|
+
color?: string;
|
|
1862
|
+
zIndex?: number;
|
|
1863
|
+
alpha?: number;
|
|
1864
|
+
gapX?: number;
|
|
1865
|
+
gapY?: number;
|
|
1866
|
+
offsetLeft?: number;
|
|
1867
|
+
offsetTop?: number;
|
|
1868
|
+
striped?: boolean;
|
|
1869
|
+
disabled?: boolean;
|
|
1870
|
+
}
|
|
1843
1871
|
|
|
1844
1872
|
declare class XConfigService {
|
|
1845
1873
|
private componentConfigUpdated$;
|
|
@@ -1999,4 +2027,4 @@ declare class XInnerHTMLComponent {
|
|
|
1999
2027
|
}
|
|
2000
2028
|
|
|
2001
2029
|
export { XAddDays, XAddHours, XAddMilliseconds, XAddMinutes, XAddMonths, XAddSeconds, XAddYears, XCamelToKebab, XChunk, XClamp, XClearClass, XClearClassSignal, XCloneDeep, XComputed, XComputedStyle, XConfigService, XDataConvert, XDateQuarter, XDateWeek, XDateWeekYear, XDateYearQuarter, XDateYearWeek, XDrop, XFileSize, XFillDefault, XGetChildren, XGroupBy, XGuid, XHasChildren, XHasIn, XHttpService, XIdentity, XInnerHTMLComponent, XInputBoolean, XInputCssPixelValue, XInputNumber, XInvertKeyValues, XIsArray, XIsBoolean, XIsChange, XIsDate, XIsEmpty, XIsFunction, XIsInputSignal, XIsNil, XIsNotNil, XIsNull, XIsNumber, XIsObject, XIsObjectArray, XIsObservable, XIsRegExp, XIsString, XIsTemplateRef, XIsType, XIsUndefined, XIsValue, XIsValueArray, XIsXTemplate, XKebabToCamel, XMixColors, XOrderBy, XParentPath, XParents, XPreloadingStrategyService, XProperty, XPropertyFunction, XRemove, XRemoveNgTag, XRepositoryAbstract, XRepositoryService, XRequestAnimationFrame, XResize, XReuseStrategyService, XSetData, XSetFlex, XSleep, XStorageService, XStripTags, XThemeService, XToBoolean, XToCssPixelValue, XToCssPx, XToCssRem, XToDataArray, XToDataConvert, XToDate, XToHex, XToNumber, XToRgb, XToString, XWarnIconTypeNotFound, XWarnSVGTagNotFound, X_CONFIG, X_THEME, X_THEME_AMOUNTS, X_THEME_BACKGROUNDS, X_THEME_BLACK_MERGE, X_THEME_BORDERS, X_THEME_COLORS, X_THEME_COLOR_KEYS, X_THEME_DARK_COLORS, X_THEME_EXCHANGES, X_THEME_LIGHT_COLORS, X_THEME_MERGE, X_THEME_PREFIX, X_THEME_TEXTS, X_THEME_VARS, X_THEME_VARS_KEYS };
|
|
2002
|
-
export type { XAffixConfig, XAlertConfig, XAlign, XAnchorConfig, XAsideConfig, XAttachmentsConfig, XAutoCompleteConfig, XAvatarConfig, XBackTopConfig, XBadgeConfgig, XBoolean, XBubbleConfig, XBubblesConfig, XButtonConfig, XButtonsConfig, XCalendarConfig, XCardConfig, XCarouselConfig, XCascadeConfig, XCheckboxConfig, XClassMap, XColConfig, XCollapseConfig, XColorConfig, XColorPickerConfig, XColors, XColorsTheme, XCommentConfig, XComponentConfig, XComponentConfigKey, XConfig, XConfigKey, XContainerConfig, XController, XCorner, XCountdownConfig, XCoversationsConfig, XCrumbComfig, XData, XDataArray, XDate, XDatePickerConfig, XDateRangeConfig, XDescriptionConfig, XDialogConfig, XDirection, XDisplayDirection, XDividerConfig, XDrawerConfig, XDropdownConfig, XEffect, XEmptyConfig, XFileCardConfig, XFilter, XFindConfig, XFit, XFloatLabel, XFooterConfig, XFormConfig, XGroupItem, XHeaderConfig, XHighlightConfig, XIconConfig, XId, XIdentityProperty, XImageConfig, XInnerConfig, XInputConfig, XInputGroupConfig, XInputNumberConfig, XJustify, XKeywordConfig, XLinkConfig, XListConfig, XListOptionConfig, XLoadingConfig, XMenuConfig, XMessageBoxConfig, XMessageConfig, XNotificationConfig, XNumber, XOperation, XOutletConfig, XPageHeaderConfig, XPaginationConfig, XParentIdentityProperty, XPatternConfig, XPlace, XPlacement, XPopconfirmConfig, XPopoverConfig, XPortalConfig, XPosition, XPositionLeftRight, XPositionTopBottom, XProgressConfing, XPromptsConfig, XPropDecorator, XQuery, XRGBColor, XRadioConfig, XRateConfig, XRepositoryInput, XResizeObserver, XResizeObserverEntry, XResponseSize, XResultConfig, XResultList, XRippleConfig, XRouteReuseStorage, XRowConfig, XSelectConfig, XSenderConfig, XShadow, XShape, XSize, XSkeletonConfig, XSliderConfig, XSliderSelectConfig, XSort, XStatisticConfig, XStatus, XStepsConfig, XStyle, XStyleMap, XSuggestionConfig, XSwitchConfig, XTableConfig, XTableViewConfig, XTabsConfig, XTagConfig, XTemplate, XTextAlign, XTextRetractConfig, XTextareaConfig, XTheme, XThemeConfig, XThemeKey, XThoughtChainConfig, XTimeAgoConfig, XTimePickerConfig, XTimeRangeConfig, XTimelineConfig, XTooltipConfig, XTransferConfig, XTreeConfig, XTreeFileConfig, XTreeSelectConfig, XTrigger, XType, XTypeFunc, XUploadConfig, XVariant, XVarsTheme, XWelcomeConfig };
|
|
2030
|
+
export type { XAffixConfig, XAlertConfig, XAlign, XAnchorConfig, XAsideConfig, XAttachmentsConfig, XAutoCompleteConfig, XAvatarConfig, XBackTopConfig, XBadgeConfgig, XBoolean, XBubbleConfig, XBubblesConfig, XButtonConfig, XButtonsConfig, XCalendarConfig, XCardConfig, XCarouselConfig, XCascadeConfig, XCheckboxConfig, XClassMap, XColConfig, XCollapseConfig, XColorConfig, XColorPickerConfig, XColors, XColorsTheme, XCommentConfig, XComponentConfig, XComponentConfigKey, XConfig, XConfigKey, XContainerConfig, XContextmenuConfig, XController, XCorner, XCountdownConfig, XCoversationsConfig, XCrumbComfig, XData, XDataArray, XDate, XDatePickerConfig, XDateRangeConfig, XDescriptionConfig, XDialogConfig, XDirection, XDisplayDirection, XDividerConfig, XDrawerConfig, XDropdownConfig, XEffect, XEmptyConfig, XFileCardConfig, XFilter, XFindConfig, XFit, XFloatLabel, XFooterConfig, XFormConfig, XGroupItem, XHeaderConfig, XHighlightConfig, XIconConfig, XId, XIdentityProperty, XImageConfig, XInnerConfig, XInputConfig, XInputGroupConfig, XInputNumberConfig, XJustify, XKeywordConfig, XLinkConfig, XListConfig, XListOptionConfig, XLoadingConfig, XMenuConfig, XMessageBoxConfig, XMessageConfig, XNotificationConfig, XNumber, XOperation, XOutletConfig, XPageHeaderConfig, XPaginationConfig, XParentIdentityProperty, XPatternConfig, XPlace, XPlacement, XPopconfirmConfig, XPopoverConfig, XPortalConfig, XPosition, XPositionLeftRight, XPositionTopBottom, XProgressConfing, XPromptsConfig, XPropDecorator, XQuery, XRGBColor, XRadioConfig, XRateConfig, XRepositoryInput, XResizeObserver, XResizeObserverEntry, XResponseSize, XResultConfig, XResultList, XRippleConfig, XRouteReuseStorage, XRowConfig, XSelectConfig, XSenderConfig, XShadow, XShape, XSize, XSkeletonConfig, XSliderConfig, XSliderSelectConfig, XSort, XSplitterConfig, XStatisticConfig, XStatus, XStepsConfig, XStyle, XStyleMap, XSuggestionConfig, XSwitchConfig, XTableConfig, XTableViewConfig, XTabsConfig, XTagConfig, XTemplate, XTextAlign, XTextRetractConfig, XTextareaConfig, XTheme, XThemeConfig, XThemeKey, XThoughtChainConfig, XTimeAgoConfig, XTimePickerConfig, XTimeRangeConfig, XTimelineConfig, XTooltipConfig, XTransferConfig, XTreeConfig, XTreeFileConfig, XTreeSelectConfig, XTrigger, XType, XTypeFunc, XUploadConfig, XVariant, XVarsTheme, XWatermarkConfig, XWelcomeConfig };
|
|
@@ -5,7 +5,7 @@ import { TemplateRef, AfterViewInit, OnInit, OnChanges, ComponentRef, SimpleChan
|
|
|
5
5
|
import * as rxjs from 'rxjs';
|
|
6
6
|
import { Subject } from 'rxjs';
|
|
7
7
|
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
|
|
8
|
-
import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XVariant,
|
|
8
|
+
import { XBoolean, XTemplate, XNumber, XAlign, XJustify, XDirection, XSize, XVariant, XPlacement, XData, XIdentityProperty, XFloatLabel, XProperty, XDate } from '@ng-nest/ui/core';
|
|
9
9
|
import { XFormOption } from '@ng-nest/ui/base-form';
|
|
10
10
|
import { XI18nDatePicker, XI18nService } from '@ng-nest/ui/i18n';
|
|
11
11
|
import { XInputComponent, XInputGroupComponent } from '@ng-nest/ui/input';
|
|
@@ -96,7 +96,7 @@ declare class XDatePickerProperty extends XDatePickerProperty_base {
|
|
|
96
96
|
* @zh_CN 展示方位
|
|
97
97
|
* @en_US Display position
|
|
98
98
|
*/
|
|
99
|
-
readonly placement: _angular_core.InputSignal<
|
|
99
|
+
readonly placement: _angular_core.InputSignal<XPlacement>;
|
|
100
100
|
/**
|
|
101
101
|
* @zh_CN 显示边框
|
|
102
102
|
* @en_US Display Border
|
|
@@ -285,7 +285,7 @@ interface XDatePickerOption extends XFormOption {
|
|
|
285
285
|
* @zh_CN 展示方位
|
|
286
286
|
* @en_US Display position
|
|
287
287
|
*/
|
|
288
|
-
placement?:
|
|
288
|
+
placement?: XPlacement;
|
|
289
289
|
/**
|
|
290
290
|
* @zh_CN 显示边框
|
|
291
291
|
* @en_US Display Border
|
|
@@ -500,7 +500,7 @@ declare class XDateRangeProperty extends XDateRangeProperty_base {
|
|
|
500
500
|
* @zh_CN 展示方位
|
|
501
501
|
* @en_US Display position
|
|
502
502
|
*/
|
|
503
|
-
readonly placement: _angular_core.InputSignal<
|
|
503
|
+
readonly placement: _angular_core.InputSignal<XPlacement>;
|
|
504
504
|
/**
|
|
505
505
|
* @zh_CN 显示边框
|
|
506
506
|
* @en_US Display Border
|
|
@@ -674,7 +674,7 @@ interface XDateRangeOption extends XFormOption {
|
|
|
674
674
|
* @zh_CN 展示方位
|
|
675
675
|
* @en_US Display position
|
|
676
676
|
*/
|
|
677
|
-
placement?:
|
|
677
|
+
placement?: XPlacement;
|
|
678
678
|
/**
|
|
679
679
|
* @zh_CN 显示边框
|
|
680
680
|
* @en_US Display Border
|
|
@@ -1420,7 +1420,7 @@ declare class XDatePickerPortalComponent implements AfterViewInit {
|
|
|
1420
1420
|
type: _angular_core.ModelSignal<XDatePickerType>;
|
|
1421
1421
|
preset: _angular_core.InputSignal<XDatePickerPreset[]>;
|
|
1422
1422
|
extraFooter: _angular_core.InputSignal<XTemplate | undefined>;
|
|
1423
|
-
placement: _angular_core.InputSignal<
|
|
1423
|
+
placement: _angular_core.InputSignal<XPlacement | undefined>;
|
|
1424
1424
|
inputCom: _angular_core.InputSignal<XInputComponent | undefined>;
|
|
1425
1425
|
disabledDate: _angular_core.InputSignal<XDatePickerDisabledDate | undefined>;
|
|
1426
1426
|
disabledTime: _angular_core.InputSignal<XDatePickerDisabledTime | undefined>;
|
|
@@ -1829,7 +1829,7 @@ declare class XDateRangePortalComponent implements AfterViewInit {
|
|
|
1829
1829
|
endPicker: _angular_core.Signal<XPickerDateComponent | XPickerMonthComponent | XPickerYearComponent | undefined>;
|
|
1830
1830
|
timePickerFrame: _angular_core.Signal<XTimePickerFrameComponent | undefined>;
|
|
1831
1831
|
value: _angular_core.ModelSignal<(number | null)[]>;
|
|
1832
|
-
placement: _angular_core.InputSignal<
|
|
1832
|
+
placement: _angular_core.InputSignal<XPlacement | undefined>;
|
|
1833
1833
|
type: _angular_core.ModelSignal<XDatePickerType>;
|
|
1834
1834
|
preset: _angular_core.InputSignal<XDateRangePreset[]>;
|
|
1835
1835
|
extraFooter: _angular_core.InputSignal<XTemplate | undefined>;
|
|
@@ -46,6 +46,11 @@ declare class XDropdownProperty extends XDropdownProperty_base {
|
|
|
46
46
|
* @en_US The node already contains child node data
|
|
47
47
|
*/
|
|
48
48
|
readonly children: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
49
|
+
/**
|
|
50
|
+
* @zh_CN 下拉框设置样式名
|
|
51
|
+
* @en_US The style class name of the drop-down box
|
|
52
|
+
*/
|
|
53
|
+
readonly portalClass: _angular_core.InputSignal<string | string[]>;
|
|
49
54
|
/**
|
|
50
55
|
* @zh_CN 弹框的最小宽度
|
|
51
56
|
* @en_US Portal min-width
|
|
@@ -66,6 +71,11 @@ declare class XDropdownProperty extends XDropdownProperty_base {
|
|
|
66
71
|
* @en_US Portal max-height
|
|
67
72
|
*/
|
|
68
73
|
readonly portalMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
|
|
74
|
+
/**
|
|
75
|
+
* @zh_CN 弹框的宽度
|
|
76
|
+
* @en_US The width of the drop-down box
|
|
77
|
+
*/
|
|
78
|
+
readonly portalWidth: _angular_core.InputSignalWithTransform<string, XNumber>;
|
|
69
79
|
/**
|
|
70
80
|
* @zh_CN hover 延迟触发时间,只有 trigger 为 'hover' 生效
|
|
71
81
|
* @en_US Hover delay trigger time, only trigger is the 'hover'
|
|
@@ -92,7 +102,7 @@ declare class XDropdownProperty extends XDropdownProperty_base {
|
|
|
92
102
|
*/
|
|
93
103
|
readonly nodeClick: _angular_core.OutputEmitterRef<XDropdownNode>;
|
|
94
104
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XDropdownProperty, never>;
|
|
95
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDropdownProperty, "x-dropdown-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; "portalMinWidth": { "alias": "portalMinWidth"; "required": false; "isSignal": true; }; "portalMaxWidth": { "alias": "portalMaxWidth"; "required": false; "isSignal": true; }; "portalMinHeight": { "alias": "portalMinHeight"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "activatedId": { "alias": "activatedId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "activatedId": "activatedIdChange"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
105
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XDropdownProperty, "x-dropdown-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "children": { "alias": "children"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "portalMinWidth": { "alias": "portalMinWidth"; "required": false; "isSignal": true; }; "portalMaxWidth": { "alias": "portalMaxWidth"; "required": false; "isSignal": true; }; "portalMinHeight": { "alias": "portalMinHeight"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "activatedId": { "alias": "activatedId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "visible": "visibleChange"; "activatedId": "activatedIdChange"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
96
106
|
}
|
|
97
107
|
/**
|
|
98
108
|
* @zh_CN Dropdown 数据对象
|
|
@@ -119,7 +129,7 @@ declare class XDropdownPortalComponent {
|
|
|
119
129
|
start(): void;
|
|
120
130
|
data: _angular_core.InputSignal<XDropdownNode[]>;
|
|
121
131
|
trigger: _angular_core.InputSignal<_ng_nest_ui_core.XTrigger>;
|
|
122
|
-
placement: _angular_core.InputSignal<
|
|
132
|
+
placement: _angular_core.InputSignal<XPlacement | undefined>;
|
|
123
133
|
size: _angular_core.InputSignal<XSize>;
|
|
124
134
|
minWidth: _angular_core.InputSignal<string | undefined>;
|
|
125
135
|
maxWidth: _angular_core.InputSignal<string | undefined>;
|
|
@@ -297,7 +297,7 @@ declare class XRadioComponent extends XRadioProperty implements OnChanges, OnDes
|
|
|
297
297
|
labelMapSignal: _angular_core.Signal<{
|
|
298
298
|
[x: string]: boolean;
|
|
299
299
|
}>;
|
|
300
|
-
radioType: _angular_core.Signal<"
|
|
300
|
+
radioType: _angular_core.Signal<"initial" | "button" | "icon" | "tag">;
|
|
301
301
|
ngOnChanges(changes: SimpleChanges): void;
|
|
302
302
|
ngOnDestroy(): void;
|
|
303
303
|
radioClick(event: Event, node: XRadioNode): void;
|
|
@@ -205,6 +205,11 @@ declare class XSelectProperty extends XSelectProperty_base {
|
|
|
205
205
|
* @en_US Allow the use of input values as selector values during search
|
|
206
206
|
*/
|
|
207
207
|
readonly allowInput: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
|
|
208
|
+
/**
|
|
209
|
+
* @zh_CN 自定义下拉框中的内容
|
|
210
|
+
* @en_US Custom content in the drop-down box
|
|
211
|
+
*/
|
|
212
|
+
readonly portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
208
213
|
/**
|
|
209
214
|
* @zh_CN 浮动标签
|
|
210
215
|
* @en_US Float label
|
|
@@ -315,8 +320,13 @@ declare class XSelectProperty extends XSelectProperty_base {
|
|
|
315
320
|
* @en_US Enter the verification function
|
|
316
321
|
*/
|
|
317
322
|
readonly inputValidator: _angular_core.InputSignal<((value: any) => boolean) | undefined>;
|
|
323
|
+
/**
|
|
324
|
+
* @zh_CN 输入值变化事件
|
|
325
|
+
* @en_US Input value change event
|
|
326
|
+
*/
|
|
327
|
+
readonly searchChange: _angular_core.OutputEmitterRef<any>;
|
|
318
328
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectProperty, never>;
|
|
319
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectProperty, "x-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "autoMinWidth": { "alias": "autoMinWidth"; "required": false; "isSignal": true; }; "autoMaxWidth": { "alias": "autoMaxWidth"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "async": { "alias": "async"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "maxTagContent": { "alias": "maxTagContent"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, never, never, true, never>;
|
|
329
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectProperty, "x-select-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "autoMinWidth": { "alias": "autoMinWidth"; "required": false; "isSignal": true; }; "autoMaxWidth": { "alias": "autoMaxWidth"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "async": { "alias": "async"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "portalWidth": { "alias": "portalWidth"; "required": false; "isSignal": true; }; "portalClass": { "alias": "portalClass"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; "maxTagContent": { "alias": "maxTagContent"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "allowInput": { "alias": "allowInput"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; "floatLabel": { "alias": "floatLabel"; "required": false; "isSignal": true; }; "floatFixed": { "alias": "floatFixed"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "labelAlign": { "alias": "labelAlign"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "valueTplContext": { "alias": "valueTplContext"; "required": false; "isSignal": true; }; "before": { "alias": "before"; "required": false; "isSignal": true; }; "after": { "alias": "after"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "inputValidator": { "alias": "inputValidator"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; "searchChange": "searchChange"; }, never, never, true, never>;
|
|
320
330
|
}
|
|
321
331
|
/**
|
|
322
332
|
* Select Option
|
|
@@ -419,6 +429,11 @@ interface XSelectOption extends XFormOption {
|
|
|
419
429
|
* @en_US Allow the use of input values as selector values during search
|
|
420
430
|
*/
|
|
421
431
|
allowInput?: boolean;
|
|
432
|
+
/**
|
|
433
|
+
* @zh_CN 自定义下拉框中的内容
|
|
434
|
+
* @en_US Custom content in the drop-down box
|
|
435
|
+
*/
|
|
436
|
+
portalTemp?: TemplateRef<any>;
|
|
422
437
|
/**
|
|
423
438
|
* @zh_CN 浮动标签
|
|
424
439
|
* @en_US Float label
|
|
@@ -562,7 +577,7 @@ declare class XSelectPortalComponent implements OnInit {
|
|
|
562
577
|
private unSubject;
|
|
563
578
|
private destroyRef;
|
|
564
579
|
private i18n;
|
|
565
|
-
list: _angular_core.Signal<XListComponent>;
|
|
580
|
+
list: _angular_core.Signal<XListComponent | undefined>;
|
|
566
581
|
value: _angular_core.ModelSignal<any>;
|
|
567
582
|
data: _angular_core.InputSignal<XSelectNode[] | undefined>;
|
|
568
583
|
placement: _angular_core.InputSignal<XPlacement>;
|
|
@@ -580,6 +595,14 @@ declare class XSelectPortalComponent implements OnInit {
|
|
|
580
595
|
keywordText: _angular_core.InputSignal<any>;
|
|
581
596
|
size: _angular_core.InputSignal<XSize | undefined>;
|
|
582
597
|
showPortal: _angular_core.WritableSignal<boolean>;
|
|
598
|
+
portalTemp: _angular_core.InputSignal<TemplateRef<any> | undefined>;
|
|
599
|
+
portalTempContext: _angular_core.Signal<{
|
|
600
|
+
$implicit: XSelectNode[] | undefined;
|
|
601
|
+
$data: XSelectNode[] | undefined;
|
|
602
|
+
$value: any;
|
|
603
|
+
$close: () => void;
|
|
604
|
+
$nodeClick: (node: XSelectNode) => void;
|
|
605
|
+
}>;
|
|
583
606
|
animating: _angular_core.OutputEmitterRef<boolean>;
|
|
584
607
|
nodeClick: _angular_core.OutputEmitterRef<{
|
|
585
608
|
node: XSelectNode | null;
|
|
@@ -601,7 +624,7 @@ declare class XSelectPortalComponent implements OnInit {
|
|
|
601
624
|
onActive(num: number): void;
|
|
602
625
|
onTabOut(): void;
|
|
603
626
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectPortalComponent, never>;
|
|
604
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectPortalComponent, "x-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
627
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSelectPortalComponent, "x-select-portal", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "inputCom": { "alias": "inputCom"; "required": false; "isSignal": true; }; "portalMaxHeight": { "alias": "portalMaxHeight"; "required": false; "isSignal": true; }; "portalHeight": { "alias": "portalHeight"; "required": false; "isSignal": true; }; "objectArray": { "alias": "objectArray"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllText": { "alias": "selectAllText"; "required": false; "isSignal": true; }; "caseSensitive": { "alias": "caseSensitive"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "keywordText": { "alias": "keywordText"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "portalTemp": { "alias": "portalTemp"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "animating": "animating"; "nodeClick": "nodeClick"; }, never, never, true, never>;
|
|
605
628
|
}
|
|
606
629
|
|
|
607
630
|
declare class XSelectComponent extends XSelectProperty implements OnInit, OnChanges, AfterViewInit, OnDestroy {
|
|
@@ -697,6 +720,8 @@ declare class XSelectComponent extends XSelectProperty implements OnInit, OnChan
|
|
|
697
720
|
setPlacement(): _angular_cdk_overlay.PositionStrategy;
|
|
698
721
|
setPortal(): void;
|
|
699
722
|
onKeydown($event: KeyboardEvent): void;
|
|
723
|
+
portalClose(): void;
|
|
724
|
+
portalNodeClick(node: XSelectNode, value?: XSelectNode[] | (string | number)[]): void;
|
|
700
725
|
onFocus(_event: Event): void;
|
|
701
726
|
onInput(_event: InputEvent): void;
|
|
702
727
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSelectComponent, never>;
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { AfterContentInit } from '@angular/core';
|
|
3
|
+
import * as _ng_nest_ui_core from '@ng-nest/ui/core';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Splitter
|
|
7
|
+
* @selector x-splitter
|
|
8
|
+
* @decorator component
|
|
9
|
+
*/
|
|
10
|
+
declare const XSplitterPrefix = "x-splitter";
|
|
11
|
+
/**
|
|
12
|
+
* Splitter Bar
|
|
13
|
+
* @selector x-splitter-bar
|
|
14
|
+
* @decorator component
|
|
15
|
+
*/
|
|
16
|
+
declare const XSplitterBarPrefix = "x-splitter-bar";
|
|
17
|
+
/**
|
|
18
|
+
* Splitter Panel
|
|
19
|
+
* @selector x-splitter-panel
|
|
20
|
+
* @decorator component
|
|
21
|
+
*/
|
|
22
|
+
declare const XSplitterPanelPrefix = "x-splitter-panel";
|
|
23
|
+
declare const XSplitterProperty_base: new () => {
|
|
24
|
+
config: _ng_nest_ui_core.XSplitterConfig | undefined;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Splitter Property
|
|
28
|
+
*/
|
|
29
|
+
declare class XSplitterProperty extends XSplitterProperty_base {
|
|
30
|
+
/**
|
|
31
|
+
* @zh_CN 分割方向
|
|
32
|
+
* @en_US Split direction
|
|
33
|
+
* @example
|
|
34
|
+
*
|
|
35
|
+
* ```html
|
|
36
|
+
* <x-splitter direction="horizontal">
|
|
37
|
+
* <x-splitter-panel>Panel 1</x-splitter-panel>
|
|
38
|
+
* <x-splitter-panel>Panel 2</x-splitter-panel>
|
|
39
|
+
* </x-splitter>
|
|
40
|
+
* ```
|
|
41
|
+
*
|
|
42
|
+
*/
|
|
43
|
+
readonly direction: _angular_core.InputSignal<XSplitterDirection>;
|
|
44
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSplitterProperty, never>;
|
|
45
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSplitterProperty, "x-splitter-property", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
46
|
+
}
|
|
47
|
+
/**
|
|
48
|
+
* @zh_CN 分割方向
|
|
49
|
+
* @en_US Split direction
|
|
50
|
+
*/
|
|
51
|
+
type XSplitterDirection = 'horizontal' | 'vertical';
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Splitter Panel
|
|
55
|
+
* @selector x-splitter-panel
|
|
56
|
+
* @decorator component
|
|
57
|
+
*/
|
|
58
|
+
declare class XSplitterPanelComponent {
|
|
59
|
+
className: string;
|
|
60
|
+
/**
|
|
61
|
+
* @zh_CN 面板最小尺寸
|
|
62
|
+
* @en_US Panel minimum size
|
|
63
|
+
*/
|
|
64
|
+
readonly min: _angular_core.InputSignal<string | number>;
|
|
65
|
+
/**
|
|
66
|
+
* @zh_CN 面板最大尺寸
|
|
67
|
+
* @en_US Panel maximum size
|
|
68
|
+
*/
|
|
69
|
+
readonly max: _angular_core.InputSignal<string | number>;
|
|
70
|
+
/**
|
|
71
|
+
* @zh_CN 面板默认尺寸
|
|
72
|
+
* @en_US Panel default size
|
|
73
|
+
*/
|
|
74
|
+
readonly size: _angular_core.InputSignal<string | number | undefined>;
|
|
75
|
+
/**
|
|
76
|
+
* @zh_CN 面板当前尺寸
|
|
77
|
+
* @en_US Panel current size
|
|
78
|
+
*/
|
|
79
|
+
readonly currentSize: _angular_core.WritableSignal<string | number | undefined>;
|
|
80
|
+
constructor();
|
|
81
|
+
/**
|
|
82
|
+
* @zh_CN 动态样式绑定
|
|
83
|
+
* @en_US Dynamic style binding
|
|
84
|
+
*/
|
|
85
|
+
get flexStyle(): string;
|
|
86
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSplitterPanelComponent, never>;
|
|
87
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSplitterPanelComponent, "x-splitter-panel", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* Splitter Bar
|
|
92
|
+
* @selector x-splitter-bar
|
|
93
|
+
* @decorator component
|
|
94
|
+
*/
|
|
95
|
+
declare class XSplitterBarComponent {
|
|
96
|
+
className: string;
|
|
97
|
+
/**
|
|
98
|
+
* @zh_CN 拖动开始事件
|
|
99
|
+
* @en_US Drag start event
|
|
100
|
+
*/
|
|
101
|
+
readonly dragStart: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
102
|
+
/**
|
|
103
|
+
* @zh_CN 拖动中事件
|
|
104
|
+
* @en_US Dragging event
|
|
105
|
+
*/
|
|
106
|
+
readonly dragging: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
107
|
+
/**
|
|
108
|
+
* @zh_CN 拖动结束事件
|
|
109
|
+
* @en_US Drag end event
|
|
110
|
+
*/
|
|
111
|
+
readonly dragEnd: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
112
|
+
private document;
|
|
113
|
+
private elementRef;
|
|
114
|
+
ngAfterViewInit(): void;
|
|
115
|
+
private initDrag;
|
|
116
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSplitterBarComponent, never>;
|
|
117
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSplitterBarComponent, "x-splitter-bar", never, {}, { "dragStart": "dragStart"; "dragging": "dragging"; "dragEnd": "dragEnd"; }, never, never, true, never>;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
declare class XSplitterComponent extends XSplitterProperty implements AfterContentInit {
|
|
121
|
+
panels: _angular_core.Signal<readonly XSplitterPanelComponent[]>;
|
|
122
|
+
bars: _angular_core.Signal<readonly XSplitterBarComponent[]>;
|
|
123
|
+
private elementRef;
|
|
124
|
+
private cdr;
|
|
125
|
+
private cachedSplitterRect;
|
|
126
|
+
private cachedBarSize;
|
|
127
|
+
private rafId;
|
|
128
|
+
/**
|
|
129
|
+
* @zh_CN 类名映射
|
|
130
|
+
* @en_US Class map
|
|
131
|
+
*/
|
|
132
|
+
classMap: _angular_core.Signal<{
|
|
133
|
+
[x: string]: boolean;
|
|
134
|
+
}>;
|
|
135
|
+
ngAfterContentInit(): void;
|
|
136
|
+
private initPanelSizes;
|
|
137
|
+
private initBars;
|
|
138
|
+
private onDragStart;
|
|
139
|
+
private onDragging;
|
|
140
|
+
private updatePanelSizes;
|
|
141
|
+
private onDragEnd;
|
|
142
|
+
/**
|
|
143
|
+
* @zh_CN 将尺寸值转换为像素
|
|
144
|
+
* @en_US Convert size value to pixels
|
|
145
|
+
*/
|
|
146
|
+
private parseSizeToPx;
|
|
147
|
+
/**
|
|
148
|
+
* @zh_CN 获取 bar 的尺寸(像素)
|
|
149
|
+
* @en_US Get bar size in pixels
|
|
150
|
+
*/
|
|
151
|
+
private getBarSize;
|
|
152
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSplitterComponent, never>;
|
|
153
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSplitterComponent, "x-splitter", never, {}, {}, ["panels", "bars"], ["*"], true, never>;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
declare class XSplitterModule {
|
|
157
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSplitterModule, never>;
|
|
158
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XSplitterModule, never, [typeof XSplitterComponent, typeof XSplitterPanelComponent, typeof XSplitterBarComponent], [typeof XSplitterComponent, typeof XSplitterPanelComponent, typeof XSplitterBarComponent]>;
|
|
159
|
+
static ɵinj: _angular_core.ɵɵInjectorDeclaration<XSplitterModule>;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
export { XSplitterBarComponent, XSplitterBarPrefix, XSplitterComponent, XSplitterModule, XSplitterPanelComponent, XSplitterPanelPrefix, XSplitterPrefix, XSplitterProperty };
|
|
163
|
+
export type { XSplitterDirection };
|