@ng-nest/ui 19.0.9 → 20.0.0

package/skeleton/index.d.ts

@@ -1,5 +1,134 @@
+import * as i0 from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XStyle, XBoolean } from '@ng-nest/ui/core';
+
 /**
- * Generated bundle index. Do not edit.
+ * Skeleton
+ * @selector x-skeleton
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/skeleton" />
-export * from './public-api';
+declare const XSkeletonPrefix = "x-skeleton";
+/**
+ * @zh_CN 骨架默认数据
+ * @en_US Skeleton default data
+ */
+declare const XSkeletonData: XSkeletonRow[];
+declare const XSkeletonProperty_base: new () => {
+    config: _ng_nest_ui_core.XSkeletonConfig | undefined;
+};
+/**
+ * Skeleton Property
+ */
+declare class XSkeletonProperty extends XSkeletonProperty_base {
+    /**
+     * @zh_CN 骨架数据
+     * @en_US Skeleton data
+     */
+    readonly data: i0.InputSignal<XSkeletonRow[]>;
+    /**
+     * @zh_CN 加载中
+     * @en_US Loading
+     */
+    readonly loading: i0.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 激活动画
+     * @en_US Activate animation
+     */
+    readonly active: i0.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 显示边框
+     * @en_US Show border
+     */
+    readonly border: i0.InputSignalWithTransform<boolean, XBoolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeletonProperty, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSkeletonProperty, "x-skeleton-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+/**
+ * @zh_CN 行
+ * @en_US Row
+ */
+interface XSkeletonRow {
+    /**
+     * @zh_CN 列
+     * @en_US Column
+     */
+    cols?: XSkeletonCol[];
+    /**
+     * @zh_CN flex 布局
+     * @en_US flex layout
+     */
+    flex?: boolean;
+    /**
+     * @zh_CN 列间距
+     * @en_US Column spacing
+     */
+    space?: string;
+    /**
+     * @zh_CN 外边距
+     * @en_US Margin
+     */
+    margin?: string;
+    /**
+     * @zh_CN 样式
+     * @en_US Style
+     */
+    style?: XStyle;
+}
+/**
+ * @zh_CN 列
+ * @en_US Column
+ */
+interface XSkeletonCol {
+    /**
+     * @zh_CN 24栅格布局，列占的宽度
+     * @en_US 24 grid layout, column width
+     */
+    span?: number;
+    /**
+     * @zh_CN 宽度
+     * @en_US Width
+     */
+    width?: string;
+    /**
+     * @zh_CN 高度
+     * @en_US Height
+     */
+    height?: string;
+    /**
+     * @zh_CN 列类型
+     * @en_US Column type
+     */
+    type?: XSkeletonType;
+    /**
+     * @zh_CN 子集
+     * @en_US Rows
+     */
+    rows?: XSkeletonRow[];
+    /**
+     * @zh_CN 样式
+     * @en_US Style
+     */
+    style?: XStyle;
+}
+/**
+ * @zh_CN 列类型
+ * @en_US Column type
+ */
+type XSkeletonType = 'title' | 'img' | 'avatar' | 'transparent';
+
+declare class XSkeletonComponent extends XSkeletonProperty {
+    private document;
+    private fontSize;
+    toCssPx(value: string): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeletonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XSkeletonComponent, "x-skeleton", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class XSkeletonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XSkeletonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<XSkeletonModule, never, [typeof XSkeletonComponent], [typeof XSkeletonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<XSkeletonModule>;
+}
+
+export { XSkeletonComponent, XSkeletonData, XSkeletonModule, XSkeletonPrefix, XSkeletonProperty };
+export type { XSkeletonCol, XSkeletonRow, XSkeletonType };

package/slider/index.d.ts

@@ -1,5 +1,190 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnDestroy, AfterViewInit, ElementRef } from '@angular/core';
+import * as _ng_nest_ui_core from '@ng-nest/ui/core';
+import { XIdentityProperty, XTemplate, XDataArray, XBoolean, XTrigger, XJustify, XSize, XNumber, XPosition } from '@ng-nest/ui/core';
+import { Subject } from 'rxjs';
+
 /**
- * Generated bundle index. Do not edit.
+ * Slider
+ * @selector x-slider
+ * @decorator component
  */
-/// <amd-module name="@ng-nest/ui/slider" />
-export * from './public-api';
+declare const XSliderPrefix = "x-slider";
+declare const XSliderProperty_base: new () => {
+    config: _ng_nest_ui_core.XSliderConfig | undefined;
+};
+/**
+ * Slider Property
+ */
+declare class XSliderProperty extends XSliderProperty_base {
+    /**
+     * @zh_CN 节点数据
+     * @en_US Node data
+     */
+    readonly data: _angular_core.InputSignalWithTransform<XSliderNode[], XDataArray<XSliderNode>>;
+    /**
+     * @zh_CN 滑动动画
+     * @en_US Sliding animation
+     */
+    readonly animated: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 当前激活的索引
+     * @en_US Currently active index
+     */
+    readonly activatedIndex: _angular_core.ModelSignal<number>;
+    /**
+     * @zh_CN 触发方式
+     * @en_US Trigger mode
+     */
+    readonly trigger: _angular_core.InputSignal<XTrigger>;
+    /**
+     * @zh_CN 排列方式
+     * @en_US Arrangement
+     */
+    readonly layout: _angular_core.InputSignal<XSliderLayout>;
+    /**
+     * @zh_CN 对齐方式
+     * @en_US Alignment
+     */
+    readonly justify: _angular_core.InputSignal<XJustify>;
+    /**
+     * @zh_CN 节点文字对齐方式
+     * @en_US Node text alignment
+     */
+    readonly nodeJustify: _angular_core.InputSignal<XJustify>;
+    /**
+     * @zh_CN 节点自定义模板
+     * @en_US Node custom template
+     */
+    readonly nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
+    /**
+     * @zh_CN 尺寸
+     * @en_US Size
+     */
+    readonly size: _angular_core.InputSignal<XSize>;
+    /**
+     * @zh_CN 节点显示不下的时候显示展开所有的按钮，排列方式为 row 的时候生效
+     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
+     */
+    readonly showExpand: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 节点显示不下的时候显示左右/上下的箭头
+     * @en_US Nodes can't show the show about/of the up and down arrow
+     */
+    readonly autoShowArrow: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 展开所有弹框的最大高度
+     * @en_US Expand the maximum height of all bomb frames
+     */
+    readonly expandMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
+    /**
+     * @zh_CN 显示描点
+     * @en_US Show anchor
+     */
+    readonly showAnchor: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
+    /**
+     * @zh_CN 激活节点改变事件
+     * @en_US Activate node change event
+     */
+    readonly indexChange: _angular_core.OutputEmitterRef<number>;
+    /**
+     * @zh_CN 激活节点改变事件
+     * @en_US Activate node change event
+     */
+    readonly nodeChange: _angular_core.OutputEmitterRef<XSliderNode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderProperty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSliderProperty, "x-slider-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "activatedIndex": { "alias": "activatedIndex"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "nodeJustify": { "alias": "nodeJustify"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "autoShowArrow": { "alias": "autoShowArrow"; "required": false; "isSignal": true; }; "expandMaxHeight": { "alias": "expandMaxHeight"; "required": false; "isSignal": true; }; "showAnchor": { "alias": "showAnchor"; "required": false; "isSignal": true; }; }, { "activatedIndex": "activatedIndexChange"; "indexChange": "indexChange"; "nodeChange": "nodeChange"; }, never, never, true, never>;
+}
+/**
+ * @zh_CN Slider 数据对象
+ * @en_US Slider data object
+ */
+interface XSliderNode extends XIdentityProperty {
+    /**
+     * @zh_CN 标题，支持模板
+     * @en_US Title, support template
+     */
+    label?: XTemplate;
+    /**
+     * @zh_CN 禁用节点
+     * @en_US Node disabled
+     */
+    disabled?: boolean;
+}
+/**
+ * @zh_CN 触发方式
+ * @en_US Trigger method
+ */
+type XSliderTrigger = XTrigger;
+/**
+ * @zh_CN 布局方式
+ * @en_US Layout
+ */
+type XSliderLayout = 'row' | 'column';
+
+declare class XSliderComponent extends XSliderProperty implements OnDestroy, AfterViewInit {
+    sliderScroll: _angular_core.Signal<ElementRef<any>>;
+    sliderNodes: _angular_core.Signal<ElementRef<any>>;
+    activated: _angular_core.WritableSignal<XSliderNode | null>;
+    showArrow: _angular_core.WritableSignal<boolean>;
+    activatedId: _angular_core.WritableSignal<string>;
+    timeoutHide: any;
+    hoverDelay: number;
+    hoverDelayUnsub: Subject<void>;
+    offset: _angular_core.WritableSignal<number>;
+    transform: _angular_core.Signal<string>;
+    direction: _angular_core.WritableSignal<XPosition>;
+    maxOffset: _angular_core.WritableSignal<number>;
+    dir: _angular_core.Signal<"X" | "Y">;
+    sizeName: _angular_core.Signal<"Width" | "Height">;
+    highlightBox: _angular_core.Signal<{
+        width?: undefined;
+        height?: undefined;
+        left?: undefined;
+        top?: undefined;
+    } | {
+        width: string;
+        height: string;
+        left: string;
+        top: string;
+    }>;
+    resizeChanged: _angular_core.WritableSignal<DOMRectReadOnly | null>;
+    private unSubject;
+    private resizeObserver;
+    elementRef: ElementRef<any>;
+    classMap: _angular_core.Signal<{
+        [x: string]: boolean;
+        "x-slider-show-arrow": boolean;
+    }>;
+    scrollClassMap: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    nodeClassMap: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    ngOnDestroy(): void;
+    ngAfterViewInit(): void;
+    setSubscribe(): void;
+    onEnter(event: Event | null, node: XSliderNode, index: number): void;
+    onLeave(node: XSliderNode): void;
+    nodeClick(event: Event | null, node: XSliderNode, index: number): void;
+    dropdownClick(node: XSliderNode): void;
+    scrollPrev(): void;
+    scrollNext(): void;
+    setDirection(index: number, before: number): XPosition;
+    setTranslate(): void;
+    sizeChecked(): void;
+    setActivated(): void;
+    getActivated(index: number): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XSliderComponent, "x-slider", never, {}, {}, never, never, true, never>;
+}
+
+declare class XSliderModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XSliderModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XSliderModule, never, [typeof XSliderComponent], [typeof XSliderComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XSliderModule>;
+}
+
+export { XSliderComponent, XSliderModule, XSliderPrefix, XSliderProperty };
+export type { XSliderLayout, XSliderNode, XSliderTrigger };