@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.
Files changed (41) hide show
  1. package/fesm2022/ng-nest-ui-auto-complete.mjs +10 -2
  2. package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
  3. package/fesm2022/ng-nest-ui-cascade.mjs +9 -1
  4. package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
  5. package/fesm2022/ng-nest-ui-color-picker.mjs +9 -1
  6. package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
  7. package/fesm2022/ng-nest-ui-contextmenu.mjs +441 -0
  8. package/fesm2022/ng-nest-ui-contextmenu.mjs.map +1 -0
  9. package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
  10. package/fesm2022/ng-nest-ui-date-picker.mjs +18 -2
  11. package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
  12. package/fesm2022/ng-nest-ui-dropdown.mjs +15 -3
  13. package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
  14. package/fesm2022/ng-nest-ui-select.mjs +49 -14
  15. package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
  16. package/fesm2022/ng-nest-ui-splitter.mjs +407 -0
  17. package/fesm2022/ng-nest-ui-splitter.mjs.map +1 -0
  18. package/fesm2022/ng-nest-ui-time-picker.mjs +9 -1
  19. package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
  20. package/fesm2022/ng-nest-ui-tree-select.mjs +11 -3
  21. package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
  22. package/fesm2022/ng-nest-ui-watermark.mjs +378 -0
  23. package/fesm2022/ng-nest-ui-watermark.mjs.map +1 -0
  24. package/fesm2022/ng-nest-ui.mjs +3 -0
  25. package/fesm2022/ng-nest-ui.mjs.map +1 -1
  26. package/package.json +13 -1
  27. package/types/ng-nest-ui-auto-complete.d.ts +3 -3
  28. package/types/ng-nest-ui-cascade.d.ts +4 -4
  29. package/types/ng-nest-ui-checkbox.d.ts +1 -1
  30. package/types/ng-nest-ui-color-picker.d.ts +4 -4
  31. package/types/ng-nest-ui-contextmenu.d.ts +176 -0
  32. package/types/ng-nest-ui-core.d.ts +29 -1
  33. package/types/ng-nest-ui-date-picker.d.ts +7 -7
  34. package/types/ng-nest-ui-dropdown.d.ts +12 -2
  35. package/types/ng-nest-ui-radio.d.ts +1 -1
  36. package/types/ng-nest-ui-select.d.ts +28 -3
  37. package/types/ng-nest-ui-splitter.d.ts +163 -0
  38. package/types/ng-nest-ui-time-picker.d.ts +3 -3
  39. package/types/ng-nest-ui-tree-select.d.ts +4 -4
  40. package/types/ng-nest-ui-watermark.d.ts +267 -0
  41. 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, XCorner, XData, XIdentityProperty, XFloatLabel, XProperty, XPositionTopBottom, XDate } from '@ng-nest/ui/core';
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<XCorner>;
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?: XCorner;
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<XCorner>;
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?: XCorner;
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<XPositionTopBottom | undefined>;
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<XPositionTopBottom | undefined>;
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<XPositionTopBottom | undefined>;
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<"button" | "icon" | "tag" | "initial">;
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 };