@ng-nest/ui 20.3.5 → 20.3.6

package/fesm2022/ng-nest-ui-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-theme.mjs","sources":["../../../../lib/ng-nest/ui/theme/theme.property.ts","../../../../lib/ng-nest/ui/theme/theme.component.ts","../../../../lib/ng-nest/ui/theme/theme.component.html","../../../../lib/ng-nest/ui/theme/theme.module.ts","../../../../lib/ng-nest/ui/theme/ng-nest-ui-theme.ts"],"sourcesContent":["import { XColorsTheme, XBoolean, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Component, input, model, output } from '@angular/core';\r\nimport { XFormControlFunction } from '@ng-nest/ui/base-form';\r\n\r\n/**\r\n * Theme\r\n * @selector x-theme\r\n * @decorator component\r\n */\r\nexport const XThemePrefix = 'x-theme';\r\nconst X_THEME_CONFIG_NAME = 'theme';\r\n\r\n/**\r\n * @zh_CN 混合的颜色占比\r\n * @en_US Proportion of mixed colors\r\n */\r\nexport const XThemeAmounts = [\r\n  -0.1, -0.2, -0.3, -0.4, -0.5, -0.6, -0.7, -0.8, -0.9, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9\r\n];\r\n\r\n/**\r\n * Theme Property\r\n */\r\n@Component({ selector: `${XThemePrefix}-property`, template: '' })\r\nexport class XThemeProperty extends XFormControlFunction(X_THEME_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 参数前缀\r\n   * @en_US Parameter prefix\r\n   */\r\n  readonly prefix = input<string>('--x-');\r\n  /**\r\n   * @zh_CN 混合的颜色占比\r\n   * @en_US Proportion of mixed colors\r\n   */\r\n  readonly amounts = input<number[]>(this.config?.amounts ?? XThemeAmounts);\r\n  /**\r\n   * @zh_CN 显示暗黑模式的设置\r\n   * @en_US Show dark mode settings\r\n   */\r\n  readonly showDark = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 详细设置\r\n   * @en_US Detailed settings\r\n   */\r\n  readonly showDetail = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 暗黑模式\r\n   * @en_US Dark mode\r\n   */\r\n  readonly dark = model(false);\r\n  /**\r\n   * @zh_CN 初始化默认值事件\r\n   * @en_US Initialize default value event\r\n   */\r\n  readonly defaultClick = output<XColorsTheme>();\r\n}\r\n","import {\r\n  Component,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  OnDestroy,\r\n  inject,\r\n  AfterViewInit,\r\n  signal,\r\n  effect\r\n} from '@angular/core';\r\nimport { XThemeProperty } from './theme.property';\r\nimport {\r\n  XConfigService,\r\n  XColorsTheme,\r\n  XTheme,\r\n  X_THEME_COLOR_KEYS,\r\n  X_THEME_COLORS,\r\n  X_THEME_DARK_COLORS\r\n} from '@ng-nest/ui/core';\r\nimport { FormsModule, ReactiveFormsModule, UntypedFormGroup } from '@angular/forms';\r\nimport { XControl, XFormComponent } from '@ng-nest/ui/form';\r\nimport { debounceTime, takeUntil, map } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\nimport { XI18nService, XI18nTheme, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { XValueAccessor } from '@ng-nest/ui/base-form';\r\nimport { XSwitchComponent } from '@ng-nest/ui/switch';\r\nimport { XButtonComponent } from '@ng-nest/ui/button';\r\nimport { XColComponent, XRowComponent } from '@ng-nest/ui/layout';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\n\r\n@Component({\r\n  selector: 'x-theme',\r\n  imports: [\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    XSwitchComponent,\r\n    XButtonComponent,\r\n    XRowComponent,\r\n    XColComponent,\r\n    XFormComponent\r\n  ],\r\n  templateUrl: './theme.component.html',\r\n  styleUrls: ['./style/index.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [XValueAccessor(XThemeComponent)]\r\n})\r\nexport class XThemeComponent extends XThemeProperty implements OnInit, AfterViewInit, OnDestroy {\r\n  public i18n = inject(XI18nService);\r\n  configService = inject(XConfigService);\r\n  themeService = this.configService.themeService;\r\n\r\n  formGroup = signal(new UntypedFormGroup({}));\r\n  theme = signal<XTheme>({ colors: {} });\r\n  width = signal('45rem');\r\n  beforeColors = signal<XColorsTheme>({});\r\n  currentColors = signal<XColorsTheme>({});\r\n  darkBeforeColors = signal<XColorsTheme>({});\r\n  controls = signal<XControl[]>([\r\n    { control: 'color-picker', id: 'primary', label: '主色', span: 5 },\r\n    { control: 'color-picker', id: 'success', label: '成功', span: 5 },\r\n    { control: 'color-picker', id: 'warning', label: '警告', span: 5 },\r\n    { control: 'color-picker', id: 'danger', label: '危险', span: 5 },\r\n    { control: 'color-picker', id: 'info', label: '信息', span: 5 },\r\n    { control: 'color-picker', id: 'background', label: '背景', span: 5 },\r\n    { control: 'color-picker', id: 'border', label: '边框', span: 5 },\r\n    { control: 'color-picker', id: 'text', label: '文字', span: 5 }\r\n  ]);\r\n\r\n  override value = signal<XColorsTheme>({});\r\n\r\n  locale = toSignal(this.i18n.localeChange.pipe(map((x) => x.theme as XI18nTheme)), { initialValue: zh_CN.theme });\r\n\r\n  private unSubject = new Subject<void>();\r\n\r\n  override writeValue(value: XColorsTheme) {\r\n    this.value.set(value);\r\n    if (this.value() && Object.keys(this.value()).length > 0) {\r\n      this.theme.set({\r\n        colors: this.themeService.getDefineColors(\r\n          Object.assign({}, X_THEME_COLORS, this.value()),\r\n          '',\r\n          this.dark() as boolean\r\n        )\r\n      });\r\n      this.formGroup().patchValue(this.theme().colors as XColorsTheme);\r\n    }\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => this.setControlsLabel());\r\n    effect(() => {\r\n      if (this.dark()) {\r\n        this.themeService.changed.next('dark');\r\n      } else {\r\n        this.themeService.changed.next('light');\r\n      }\r\n    });\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.theme.set(this.configService.getTheme(true));\r\n    this.setControls();\r\n    this.setDefaultColors();\r\n    this.controls.update((controls) => {\r\n      controls.map((x: XControl) => {\r\n        x.value = (this.theme().colors as XColorsTheme)[x.id];\r\n      });\r\n      return [...controls];\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.formGroup()\r\n      .valueChanges.pipe(debounceTime(100), takeUntil(this.unSubject))\r\n      .subscribe((x: XColorsTheme) => {\r\n        this.beforeColors.set(this.currentColors());\r\n        let changes = this.getChanges(x);\r\n        if (this.isOneAndInColorKeys(changes)) {\r\n          let [key, value] = Object.entries(changes)[0];\r\n          let colors = !this.dark()\r\n            ? this.themeService.setColorRoot(key, value, '')\r\n            : this.themeService.setDarkColorRoot(key, value, '');\r\n          Object.assign(x, colors);\r\n          this.currentColors.set(x);\r\n          this.formGroup().patchValue(x);\r\n        } else {\r\n          this.currentColors.set(x);\r\n          this.value.set(x);\r\n          this.configService.setTheme({ colors: x });\r\n        }\r\n      });\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.unSubject.next();\r\n    this.unSubject.complete();\r\n  }\r\n\r\n  setControlsLabel() {\r\n    Object.keys(this.locale()).forEach((x) => {\r\n      let control = this.controls().find((y) => y.id === x);\r\n      if (control) {\r\n        control.label = (this.locale() as any)[x];\r\n        control.change && control.change();\r\n      }\r\n    });\r\n  }\r\n\r\n  setDefaultColors() {\r\n    this.beforeColors.set(this.theme().colors as XColorsTheme);\r\n    this.currentColors.set(this.beforeColors());\r\n    this.darkBeforeColors = this.beforeColors;\r\n  }\r\n\r\n  setControls() {\r\n    [...this.controls()].forEach((control, index) => {\r\n      let addControls: XControl[] = [];\r\n      control.span = !this.showDetail() ? 6 : 5;\r\n      this.width.set(!this.showDetail() ? '36rem' : '45rem');\r\n      for (let amount of this.amounts()) {\r\n        addControls.push({\r\n          control: 'color-picker',\r\n          id: `${control.id}${this.themeService.getSuffix(amount)}`,\r\n          label: '',\r\n          hidden: !this.showDetail\r\n        });\r\n      }\r\n      this.controls.update((x) => {\r\n        x.splice(index * this.amounts().length + index + 1, 0, ...addControls);\r\n        return [...x];\r\n      });\r\n    });\r\n  }\r\n\r\n  default() {\r\n    this.dark.set(false);\r\n    let colors = this.themeService.getDefineColors(Object.assign({}, X_THEME_COLORS), '', this.dark());\r\n    this.beforeColors.set(colors);\r\n    this.currentColors.set(colors);\r\n    this.formGroup().patchValue(colors);\r\n    this.defaultClick.emit(colors);\r\n  }\r\n\r\n  isOneAndInColorKeys(colors: XColorsTheme) {\r\n    const keys = Object.keys(colors);\r\n    if (keys.length === 1 && X_THEME_COLOR_KEYS.includes(keys[0])) {\r\n      return true;\r\n    }\r\n    return false;\r\n  }\r\n\r\n  getChanges(colors: XColorsTheme) {\r\n    let result: XColorsTheme = {};\r\n    for (let color in colors) {\r\n      if (colors[color] !== this.beforeColors()[color]) {\r\n        result[color] = colors[color];\r\n      }\r\n    }\r\n    return result;\r\n  }\r\n\r\n  darkChanges() {\r\n    let colors = this.darkBeforeColors();\r\n    if (this.dark()) {\r\n      this.beforeColors.set(this.formGroup().value);\r\n      this.darkBeforeColors.set(this.formGroup().value);\r\n      colors = this.themeService.getDefineColors(\r\n        Object.assign({}, this.themeService.getColorsInProperty(X_THEME_COLORS), X_THEME_DARK_COLORS),\r\n        '',\r\n        this.dark()\r\n      );\r\n    }\r\n    this.formGroup().patchValue(colors);\r\n  }\r\n}\r\n","<div class=\"x-theme\">\r\n  <x-row>\r\n    @if (showDark()) {\r\n      <x-col [style.width.rem]=\"8\">\r\n        <x-switch\r\n          direction=\"row\"\r\n          [label]=\"locale().darkMode!\"\r\n          [(ngModel)]=\"dark\"\r\n          (ngModelChange)=\"darkChanges()\"\r\n        ></x-switch>\r\n      </x-col>\r\n    }\r\n    <x-col [style.width.rem]=\"8\">\r\n      <x-button (click)=\"default()\">{{ locale().initDefault }}</x-button>\r\n    </x-col>\r\n  </x-row>\r\n  <x-form [formGroup]=\"formGroup()\" [controls]=\"controls()\" [width]=\"width()\" span=\"2\" space=\"1\"></x-form>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XThemeComponent } from './theme.component';\r\n\r\n@NgModule({\r\n  exports: [XThemeComponent],\r\n  imports: [XThemeComponent]\r\n})\r\nexport class XThemeModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-thought-chain.mjs

@@ -0,0 +1,121 @@
+import * as i0 from '@angular/core';
+import { model, input, Component, inject, ChangeDetectorRef, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
+import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';
+import { XTimelineComponent } from '@ng-nest/ui/timeline';
+import { XOutletDirective } from '@ng-nest/ui/outlet';
+import { XIconComponent } from '@ng-nest/ui/icon';
+import { XLoadingComponent } from '@ng-nest/ui/loading';
+import * as i1 from '@ng-nest/ui/collapse';
+import { XCollapseModule } from '@ng-nest/ui/collapse';
+
+/**
+ * ThoughtChain
+ * @selector x-thought-chain
+ * @decorator component
+ */
+const XThoughtChainPrefix = 'x-thought-chain';
+const X_THOUGHT_CHAIN_CONFIG_NAME = 'thoughtChain';
+/**
+ * ThoughtChain Property
+ */
+class XThoughtChainProperty extends XPropertyFunction(X_THOUGHT_CHAIN_CONFIG_NAME) {
+    constructor() {
+        super(...arguments);
+        /**
+         * @zh_CN 思维链节点数据
+         * @en_US ThoughtChain items
+         */
+        this.data = model([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+        /**
+         * @zh_CN 显示序号
+         * @en_US Show number
+         */
+        this.showNumber = input(this.config?.showNumber ?? true, ...(ngDevMode ? [{ debugName: "showNumber", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+        /**
+         * @zh_CN 尺寸
+         * @en_US Size
+         */
+        this.size = input(this.config?.size ?? 'medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
+        /**
+         * @zh_CN 自定义内容模板
+         * @en_US Content template
+         */
+        this.wrapper = input(...(ngDevMode ? [undefined, { debugName: "wrapper" }] : []));
+        /**
+         * @zh_CN 自定义图标模板
+         * @en_US Icon template
+         */
+        this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
+        /**
+         * @zh_CN 节点标题右侧额外的内容模板
+         * @en_US Node extra content
+         */
+        this.extra = input(...(ngDevMode ? [undefined, { debugName: "extra" }] : []));
+        /**
+         * @zh_CN 节点详细内容模板
+         * @en_US Node detail content
+         */
+        this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+        /**
+         * @zh_CN 详细内容是否可折叠
+         * @en_US Collapsible detail content
+         */
+        this.collapsible = input(this.config?.collapsible ?? false, ...(ngDevMode ? [{ debugName: "collapsible", transform: XToBoolean }] : [{ transform: XToBoolean }]));
+        /**
+         * @zh_CN loading 的类型样式
+         * @en_US Loading type style
+         */
+        this.loadingType = input(this.config?.loadingType ?? 'circular', ...(ngDevMode ? [{ debugName: "loadingType" }] : []));
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.5", type: XThoughtChainProperty, isStandalone: true, selector: "x-thought-chain-property", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, showNumber: { classPropertyName: "showNumber", publicName: "showNumber", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, wrapper: { classPropertyName: "wrapper", publicName: "wrapper", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, extra: { classPropertyName: "extra", publicName: "extra", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, loadingType: { classPropertyName: "loadingType", publicName: "loadingType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { data: "dataChange" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainProperty, decorators: [{
+            type: Component,
+            args: [{ selector: `${XThoughtChainPrefix}-property`, template: '' }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }, { type: i0.Output, args: ["dataChange"] }], showNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "showNumber", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], wrapper: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrapper", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], extra: [{ type: i0.Input, args: [{ isSignal: true, alias: "extra", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], loadingType: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingType", required: false }] }] } });
+
+class XThoughtChainComponent extends XThoughtChainProperty {
+    constructor() {
+        super(...arguments);
+        this.cdr = inject(ChangeDetectorRef);
+    }
+    addNode(node) {
+        this.data.update((x) => [...x, node]);
+    }
+    updateNode(node) {
+        const nd = this.data().find((x) => x.id === node.id);
+        if (nd)
+            Object.assign(nd, node);
+        this.cdr.detectChanges();
+    }
+    removeNode(node) {
+        this.data.update((x) => [...x.filter((y) => y.id !== node.id)]);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.5", type: XThoughtChainComponent, isStandalone: true, selector: "x-thought-chain", usesInheritance: true, ngImport: i0, template: "<div class=\"x-thought-chain\">\r\n  <x-timeline\r\n    [data]=\"data()\"\r\n    [showNumber]=\"showNumber()\"\r\n    [icon]=\"iconTpl\"\r\n    [wrapper]=\"wrapper() ?? wrapperTpl\"\r\n    [size]=\"size()\"\r\n  ></x-timeline>\r\n\r\n  <ng-template #iconTpl let-node=\"$node\" let-index=\"$index\">\r\n    <div\r\n      class=\"x-thought-chain-icon\"\r\n      [class.x-thought-chain-success]=\"node.status === 'success'\"\r\n      [class.x-thought-chain-error]=\"node.status === 'error'\"\r\n      [class.x-thought-chain-pending]=\"node.status === 'pending'\"\r\n      [style.backgroundColor]=\"node.color\"\r\n    >\r\n      @if (showNumber() && !node.icon && !node.loading && node.status !== 'pending') {\r\n        {{ index + 1 }}\r\n      }\r\n      @if (node.icon && !node.loading && node.status !== 'pending') {\r\n        <x-icon [type]=\"node.icon\"></x-icon>\r\n      }\r\n      @if (node.loading || node.status === 'pending') {\r\n        <x-loading inline [x-loading]=\"true\" [size]=\"size()\" [type]=\"loadingType()\"></x-loading>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template #wrapperTpl let-node=\"$node\" let-index=\"$index\">\r\n    @if (collapsible()) {\r\n      <x-collapse class=\"x-thought-chain-collapse\" ghost iconPosition=\"left\">\r\n        <x-collapse-panel [label]=\"labelTpl\">\r\n          <ng-container *xOutlet=\"contentTpl\"></ng-container>\r\n        </x-collapse-panel>\r\n      </x-collapse>\r\n    } @else {\r\n      <ng-container *xOutlet=\"labelTpl\"></ng-container>\r\n      <ng-container *xOutlet=\"contentTpl\"></ng-container>\r\n    }\r\n    <ng-template #labelTpl>\r\n      <div class=\"x-thought-chain-wrapper\">\r\n        <div class=\"x-thought-chain-inner\">\r\n          <div class=\"x-thought-chain-label\">{{ node.label }}</div>\r\n          <div class=\"x-thought-chain-description\">{{ node.description }}</div>\r\n        </div>\r\n        <div class=\"x-thought-chain-extra\">\r\n          <ng-container *xOutlet=\"extra(); context: { $node: node, $index: index }\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #contentTpl>\r\n      @if (node.content || content()) {\r\n        @if (content()) {\r\n          <div class=\"x-thought-chain-content\">\r\n            <ng-container *xOutlet=\"content(); context: { $node: node, $index: index }\"></ng-container>\r\n          </div>\r\n        } @else {\r\n          <div class=\"x-thought-chain-content\" [innerHTML]=\"node.content\"></div>\r\n        }\r\n      }\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".x-thought-chain{margin:0;padding:0}.x-thought-chain-wrapper{display:flex}.x-thought-chain-inner{flex:1;display:flex;flex-direction:column}.x-thought-chain-label{font-weight:600}.x-thought-chain-description{color:var(--x-text-400)}.x-thought-chain-content{position:relative;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-white)}.x-thought-chain-collapse .x-collapse-panel-header{padding:0;align-items:flex-start}.x-thought-chain-icon{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.x-thought-chain-success{background-color:var(--x-success)}.x-thought-chain-error{background-color:var(--x-danger)}.x-thought-chain .x-timeline-big .x-thought-chain-label{line-height:calc(var(--x-height-big) - .5rem)}.x-thought-chain .x-timeline-big .x-thought-chain-content{line-height:calc(var(--x-height-big) - .75rem);padding:var(--x-padding-big)}.x-thought-chain .x-timeline-big .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-big) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-big .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-big) * .5) 0}.x-thought-chain .x-timeline-large .x-thought-chain-label{line-height:calc(var(--x-height-large) - .5rem)}.x-thought-chain .x-timeline-large .x-thought-chain-content{line-height:calc(var(--x-height-large) - .75rem);padding:var(--x-padding-large)}.x-thought-chain .x-timeline-large .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-large) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-large .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-large) * .5) 0}.x-thought-chain .x-timeline-medium .x-thought-chain-label{line-height:calc(var(--x-height-medium) - .5rem)}.x-thought-chain .x-timeline-medium .x-thought-chain-content{line-height:calc(var(--x-height-medium) - .75rem);padding:var(--x-padding-medium)}.x-thought-chain .x-timeline-medium .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-medium) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-medium .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-medium) * .5) 0}.x-thought-chain .x-timeline-small .x-thought-chain-label{line-height:calc(var(--x-height-small) - .5rem)}.x-thought-chain .x-timeline-small .x-thought-chain-content{line-height:calc(var(--x-height-small) - .75rem);padding:var(--x-padding-small)}.x-thought-chain .x-timeline-small .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-small) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-small .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-small) * .5) 0}.x-thought-chain .x-timeline-mini .x-thought-chain-label{line-height:calc(var(--x-height-mini) - .5rem)}.x-thought-chain .x-timeline-mini .x-thought-chain-content{line-height:calc(var(--x-height-mini) - .75rem);padding:var(--x-padding-mini)}.x-thought-chain .x-timeline-mini .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-mini) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-mini .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-mini) * .5) 0}\n"], dependencies: [{ kind: "component", type: XTimelineComponent, selector: "x-timeline" }, { kind: "directive", type: XOutletDirective, selector: "[xOutlet]", inputs: ["xOutletContext", "xOutlet"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }, { kind: "component", type: XLoadingComponent, selector: "x-loading, [x-loading]" }, { kind: "ngmodule", type: XCollapseModule }, { kind: "component", type: i1.XCollapseComponent, selector: "x-collapse" }, { kind: "component", type: i1.XCollapsePanelComponent, selector: "x-collapse-panel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'x-thought-chain', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [XTimelineComponent, XOutletDirective, XIconComponent, XLoadingComponent, XCollapseModule], template: "<div class=\"x-thought-chain\">\r\n  <x-timeline\r\n    [data]=\"data()\"\r\n    [showNumber]=\"showNumber()\"\r\n    [icon]=\"iconTpl\"\r\n    [wrapper]=\"wrapper() ?? wrapperTpl\"\r\n    [size]=\"size()\"\r\n  ></x-timeline>\r\n\r\n  <ng-template #iconTpl let-node=\"$node\" let-index=\"$index\">\r\n    <div\r\n      class=\"x-thought-chain-icon\"\r\n      [class.x-thought-chain-success]=\"node.status === 'success'\"\r\n      [class.x-thought-chain-error]=\"node.status === 'error'\"\r\n      [class.x-thought-chain-pending]=\"node.status === 'pending'\"\r\n      [style.backgroundColor]=\"node.color\"\r\n    >\r\n      @if (showNumber() && !node.icon && !node.loading && node.status !== 'pending') {\r\n        {{ index + 1 }}\r\n      }\r\n      @if (node.icon && !node.loading && node.status !== 'pending') {\r\n        <x-icon [type]=\"node.icon\"></x-icon>\r\n      }\r\n      @if (node.loading || node.status === 'pending') {\r\n        <x-loading inline [x-loading]=\"true\" [size]=\"size()\" [type]=\"loadingType()\"></x-loading>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template #wrapperTpl let-node=\"$node\" let-index=\"$index\">\r\n    @if (collapsible()) {\r\n      <x-collapse class=\"x-thought-chain-collapse\" ghost iconPosition=\"left\">\r\n        <x-collapse-panel [label]=\"labelTpl\">\r\n          <ng-container *xOutlet=\"contentTpl\"></ng-container>\r\n        </x-collapse-panel>\r\n      </x-collapse>\r\n    } @else {\r\n      <ng-container *xOutlet=\"labelTpl\"></ng-container>\r\n      <ng-container *xOutlet=\"contentTpl\"></ng-container>\r\n    }\r\n    <ng-template #labelTpl>\r\n      <div class=\"x-thought-chain-wrapper\">\r\n        <div class=\"x-thought-chain-inner\">\r\n          <div class=\"x-thought-chain-label\">{{ node.label }}</div>\r\n          <div class=\"x-thought-chain-description\">{{ node.description }}</div>\r\n        </div>\r\n        <div class=\"x-thought-chain-extra\">\r\n          <ng-container *xOutlet=\"extra(); context: { $node: node, $index: index }\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #contentTpl>\r\n      @if (node.content || content()) {\r\n        @if (content()) {\r\n          <div class=\"x-thought-chain-content\">\r\n            <ng-container *xOutlet=\"content(); context: { $node: node, $index: index }\"></ng-container>\r\n          </div>\r\n        } @else {\r\n          <div class=\"x-thought-chain-content\" [innerHTML]=\"node.content\"></div>\r\n        }\r\n      }\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n", styles: [".x-thought-chain{margin:0;padding:0}.x-thought-chain-wrapper{display:flex}.x-thought-chain-inner{flex:1;display:flex;flex-direction:column}.x-thought-chain-label{font-weight:600}.x-thought-chain-description{color:var(--x-text-400)}.x-thought-chain-content{position:relative;border:var(--x-border-width) var(--x-border-style) var(--x-border);border-radius:var(--x-border-radius);background-color:var(--x-white)}.x-thought-chain-collapse .x-collapse-panel-header{padding:0;align-items:flex-start}.x-thought-chain-icon{width:100%;height:100%;border-radius:50%;display:flex;justify-content:center;align-items:center}.x-thought-chain-success{background-color:var(--x-success)}.x-thought-chain-error{background-color:var(--x-danger)}.x-thought-chain .x-timeline-big .x-thought-chain-label{line-height:calc(var(--x-height-big) - .5rem)}.x-thought-chain .x-timeline-big .x-thought-chain-content{line-height:calc(var(--x-height-big) - .75rem);padding:var(--x-padding-big)}.x-thought-chain .x-timeline-big .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-big) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-big .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-big) * .5) 0}.x-thought-chain .x-timeline-large .x-thought-chain-label{line-height:calc(var(--x-height-large) - .5rem)}.x-thought-chain .x-timeline-large .x-thought-chain-content{line-height:calc(var(--x-height-large) - .75rem);padding:var(--x-padding-large)}.x-thought-chain .x-timeline-large .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-large) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-large .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-large) * .5) 0}.x-thought-chain .x-timeline-medium .x-thought-chain-label{line-height:calc(var(--x-height-medium) - .5rem)}.x-thought-chain .x-timeline-medium .x-thought-chain-content{line-height:calc(var(--x-height-medium) - .75rem);padding:var(--x-padding-medium)}.x-thought-chain .x-timeline-medium .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-medium) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-medium .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-medium) * .5) 0}.x-thought-chain .x-timeline-small .x-thought-chain-label{line-height:calc(var(--x-height-small) - .5rem)}.x-thought-chain .x-timeline-small .x-thought-chain-content{line-height:calc(var(--x-height-small) - .75rem);padding:var(--x-padding-small)}.x-thought-chain .x-timeline-small .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-small) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-small .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-small) * .5) 0}.x-thought-chain .x-timeline-mini .x-thought-chain-label{line-height:calc(var(--x-height-mini) - .5rem)}.x-thought-chain .x-timeline-mini .x-thought-chain-content{line-height:calc(var(--x-height-mini) - .75rem);padding:var(--x-padding-mini)}.x-thought-chain .x-timeline-mini .x-thought-chain-collapse .x-collapse-panel-header>.x-icon{height:calc(var(--x-height-mini) - .5rem);display:flex;align-items:center}.x-thought-chain .x-timeline-mini .x-thought-chain-collapse .x-collapse-panel-content{padding:calc(var(--x-padding-mini) * .5) 0}\n"] }]
+        }] });
+
+class XThoughtChainModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainModule, imports: [XThoughtChainComponent], exports: [XThoughtChainComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainModule, imports: [XThoughtChainComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XThoughtChainModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [XThoughtChainComponent],
+                    imports: [XThoughtChainComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XThoughtChainComponent, XThoughtChainModule, XThoughtChainPrefix, XThoughtChainProperty };
+//# sourceMappingURL=ng-nest-ui-thought-chain.mjs.map

package/fesm2022/ng-nest-ui-thought-chain.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-thought-chain.mjs","sources":["../../../../lib/ng-nest/ui/thought-chain/thought-chain.property.ts","../../../../lib/ng-nest/ui/thought-chain/thought-chain.component.ts","../../../../lib/ng-nest/ui/thought-chain/thought-chain.component.html","../../../../lib/ng-nest/ui/thought-chain/thought-chain.module.ts","../../../../lib/ng-nest/ui/thought-chain/ng-nest-ui-thought-chain.ts"],"sourcesContent":["import { Component, input, model } from '@angular/core';\r\nimport { XPropertyFunction, XBoolean, XToBoolean, XSize, XTemplate } from '@ng-nest/ui/core';\r\nimport { XTimelineNode } from '@ng-nest/ui/timeline';\r\nimport type { XLoadingType } from '@ng-nest/ui/loading';\r\n\r\n/**\r\n * ThoughtChain\r\n * @selector x-thought-chain\r\n * @decorator component\r\n */\r\nexport const XThoughtChainPrefix = 'x-thought-chain';\r\nconst X_THOUGHT_CHAIN_CONFIG_NAME = 'thoughtChain';\r\n\r\n/**\r\n * ThoughtChain Property\r\n */\r\n@Component({ selector: `${XThoughtChainPrefix}-property`, template: '' })\r\nexport class XThoughtChainProperty extends XPropertyFunction(X_THOUGHT_CHAIN_CONFIG_NAME) {\r\n  /**\r\n   * @zh_CN 思维链节点数据\r\n   * @en_US ThoughtChain items\r\n   */\r\n  readonly data = model<XThoughtChainNode[]>([]);\r\n  /**\r\n   * @zh_CN 显示序号\r\n   * @en_US Show number\r\n   */\r\n  readonly showNumber = input<boolean, XBoolean>(this.config?.showNumber ?? true, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN 尺寸\r\n   * @en_US Size\r\n   */\r\n  readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n  /**\r\n   * @zh_CN 自定义内容模板\r\n   * @en_US Content template\r\n   */\r\n  readonly wrapper = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 自定义图标模板\r\n   * @en_US Icon template\r\n   */\r\n  readonly icon = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 节点标题右侧额外的内容模板\r\n   * @en_US Node extra content\r\n   */\r\n  readonly extra = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 节点详细内容模板\r\n   * @en_US Node detail content\r\n   */\r\n  readonly content = input<XTemplate>();\r\n  /**\r\n   * @zh_CN 详细内容是否可折叠\r\n   * @en_US Collapsible detail content\r\n   */\r\n  readonly collapsible = input<boolean, XBoolean>(this.config?.collapsible ?? false, { transform: XToBoolean });\r\n  /**\r\n   * @zh_CN loading 的类型样式\r\n   * @en_US Loading type style\r\n   */\r\n  readonly loadingType = input<XLoadingType>(this.config?.loadingType ?? 'circular');\r\n}\r\n\r\n/**\r\n * @zh_CN 思维链节点\r\n * @en_US Thought chain node\r\n */\r\nexport interface XThoughtChainNode extends XTimelineNode {\r\n  /**\r\n   * @zh_CN 节点描述\r\n   * @en_US Node description\r\n   */\r\n  description?: string;\r\n  /**\r\n   * @zh_CN 节点状态\r\n   * @en_US Node status\r\n   */\r\n  status?: XThoughtChainNodeStatus;\r\n}\r\n\r\n/**\r\n * @zh_CN 节点状态\r\n * @en_US Node status\r\n */\r\nexport type XThoughtChainNodeStatus = 'success' | 'error' | 'pending';\r\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, ViewEncapsulation } from '@angular/core';\r\nimport { XThoughtChainNode, XThoughtChainProperty } from './thought-chain.property';\r\nimport { XTimelineComponent } from '@ng-nest/ui/timeline';\r\nimport { XOutletDirective } from '@ng-nest/ui/outlet';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\nimport { XLoadingComponent } from '@ng-nest/ui/loading';\r\nimport { XCollapseModule } from '@ng-nest/ui/collapse';\r\n\r\n@Component({\r\n  selector: 'x-thought-chain',\r\n  templateUrl: './thought-chain.component.html',\r\n  styleUrls: ['./thought-chain.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [XTimelineComponent, XOutletDirective, XIconComponent, XLoadingComponent, XCollapseModule]\r\n})\r\nexport class XThoughtChainComponent extends XThoughtChainProperty {\r\n  cdr = inject(ChangeDetectorRef);\r\n  addNode(node: XThoughtChainNode) {\r\n    this.data.update((x) => [...x, node]);\r\n  }\r\n\r\n  updateNode(node: XThoughtChainNode) {\r\n    const nd = this.data().find((x) => x.id === node.id);\r\n    if (nd) Object.assign(nd, node);\r\n    this.cdr.detectChanges();\r\n  }\r\n\r\n  removeNode(node: XThoughtChainNode) {\r\n    this.data.update((x) => [...x.filter((y) => y.id !== node.id)]);\r\n  }\r\n}\r\n","<div class=\"x-thought-chain\">\r\n  <x-timeline\r\n    [data]=\"data()\"\r\n    [showNumber]=\"showNumber()\"\r\n    [icon]=\"iconTpl\"\r\n    [wrapper]=\"wrapper() ?? wrapperTpl\"\r\n    [size]=\"size()\"\r\n  ></x-timeline>\r\n\r\n  <ng-template #iconTpl let-node=\"$node\" let-index=\"$index\">\r\n    <div\r\n      class=\"x-thought-chain-icon\"\r\n      [class.x-thought-chain-success]=\"node.status === 'success'\"\r\n      [class.x-thought-chain-error]=\"node.status === 'error'\"\r\n      [class.x-thought-chain-pending]=\"node.status === 'pending'\"\r\n      [style.backgroundColor]=\"node.color\"\r\n    >\r\n      @if (showNumber() && !node.icon && !node.loading && node.status !== 'pending') {\r\n        {{ index + 1 }}\r\n      }\r\n      @if (node.icon && !node.loading && node.status !== 'pending') {\r\n        <x-icon [type]=\"node.icon\"></x-icon>\r\n      }\r\n      @if (node.loading || node.status === 'pending') {\r\n        <x-loading inline [x-loading]=\"true\" [size]=\"size()\" [type]=\"loadingType()\"></x-loading>\r\n      }\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-template #wrapperTpl let-node=\"$node\" let-index=\"$index\">\r\n    @if (collapsible()) {\r\n      <x-collapse class=\"x-thought-chain-collapse\" ghost iconPosition=\"left\">\r\n        <x-collapse-panel [label]=\"labelTpl\">\r\n          <ng-container *xOutlet=\"contentTpl\"></ng-container>\r\n        </x-collapse-panel>\r\n      </x-collapse>\r\n    } @else {\r\n      <ng-container *xOutlet=\"labelTpl\"></ng-container>\r\n      <ng-container *xOutlet=\"contentTpl\"></ng-container>\r\n    }\r\n    <ng-template #labelTpl>\r\n      <div class=\"x-thought-chain-wrapper\">\r\n        <div class=\"x-thought-chain-inner\">\r\n          <div class=\"x-thought-chain-label\">{{ node.label }}</div>\r\n          <div class=\"x-thought-chain-description\">{{ node.description }}</div>\r\n        </div>\r\n        <div class=\"x-thought-chain-extra\">\r\n          <ng-container *xOutlet=\"extra(); context: { $node: node, $index: index }\"></ng-container>\r\n        </div>\r\n      </div>\r\n    </ng-template>\r\n\r\n    <ng-template #contentTpl>\r\n      @if (node.content || content()) {\r\n        @if (content()) {\r\n          <div class=\"x-thought-chain-content\">\r\n            <ng-container *xOutlet=\"content(); context: { $node: node, $index: index }\"></ng-container>\r\n          </div>\r\n        } @else {\r\n          <div class=\"x-thought-chain-content\" [innerHTML]=\"node.content\"></div>\r\n        }\r\n      }\r\n    </ng-template>\r\n  </ng-template>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XThoughtChainComponent } from './thought-chain.component';\r\n\r\n@NgModule({\r\n  exports: [XThoughtChainComponent],\r\n  imports: [XThoughtChainComponent]\r\n})\r\nexport class XThoughtChainModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ng-nest-ui-time-ago.mjs

@@ -0,0 +1,96 @@
+import * as i0 from '@angular/core';
+import { inject, Pipe, NgModule } from '@angular/core';
+import { XToDate } from '@ng-nest/ui/core';
+import { DatePipe } from '@angular/common';
+import { XI18nService, zh_CN } from '@ng-nest/ui/i18n';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { map } from 'rxjs';
+
+/**
+ * TimeAgo
+ * @selector xTimeAgo
+ * @decorator pipe
+ */
+const XTimeAgoPrefix = 'xTimeAgo';
+
+class XTimeAgoPipe extends DatePipe {
+    constructor() {
+        super(...arguments);
+        this.i18n = inject(XI18nService);
+        this.localeI18n = toSignal(this.i18n.localeChange.pipe(map((x) => x.timeAgo)), { initialValue: zh_CN.timeAgo });
+    }
+    transform(input) {
+        if (!input)
+            return '';
+        const date = XToDate(input);
+        if (isNaN(date.valueOf())) {
+            return input;
+        }
+        const content = this.getDiff(date);
+        if (this.catchContent !== content) {
+            this.catchContent = content;
+        }
+        return this.catchContent;
+    }
+    getDiff(date) {
+        const time = date.getTime();
+        const second = 1000;
+        const minute = 1000 * 60;
+        const hour = minute * 60;
+        const day = hour * 24;
+        const now = new Date();
+        const diffValue = now.getTime() - time;
+        if (diffValue < 0) {
+            return '';
+        }
+        const dayDiff = diffValue / day;
+        const hourDiff = diffValue / hour;
+        const minDiff = diffValue / minute;
+        const secondDiff = diffValue / second;
+        let result = '';
+        if (date.getFullYear() !== now.getFullYear()) {
+            result = super.transform(time, 'yyyy-MM-dd');
+        }
+        else if (dayDiff >= 1) {
+            result = super.transform(time, 'MM-dd HH:mm');
+        }
+        else if (hourDiff >= 1) {
+            result = `${Math.floor(hourDiff)}${this.localeI18n()?.hoursAgo}`;
+        }
+        else if (minDiff >= 1) {
+            result = `${Math.floor(minDiff)}${this.localeI18n()?.minutesAgo}`;
+        }
+        else if (secondDiff >= 1) {
+            result = `${Math.floor(secondDiff)}${this.localeI18n()?.secondsAgo}`;
+        }
+        else
+            result = this.localeI18n()?.just;
+        return result;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoPipe, deps: null, target: i0.ɵɵFactoryTarget.Pipe }); }
+    /** @nocollapse */ static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoPipe, isStandalone: true, name: "xTimeAgo" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: `${XTimeAgoPrefix}` }]
+        }] });
+
+class XTimeAgoModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoModule, imports: [XTimeAgoPipe], exports: [XTimeAgoPipe] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.5", ngImport: i0, type: XTimeAgoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [XTimeAgoPipe],
+                    imports: [XTimeAgoPipe]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { XTimeAgoModule, XTimeAgoPipe, XTimeAgoPrefix };
+//# sourceMappingURL=ng-nest-ui-time-ago.mjs.map

package/fesm2022/ng-nest-ui-time-ago.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-nest-ui-time-ago.mjs","sources":["../../../../lib/ng-nest/ui/time-ago/time-ago.property.ts","../../../../lib/ng-nest/ui/time-ago/time-ago.pipe.ts","../../../../lib/ng-nest/ui/time-ago/time-ago.module.ts","../../../../lib/ng-nest/ui/time-ago/ng-nest-ui-time-ago.ts"],"sourcesContent":["/**\r\n * TimeAgo\r\n * @selector xTimeAgo\r\n * @decorator pipe\r\n */\r\nexport const XTimeAgoPrefix = 'xTimeAgo';\r\n","import { Pipe, PipeTransform, inject } from '@angular/core';\r\nimport { XToDate } from '@ng-nest/ui/core';\r\nimport { DatePipe } from '@angular/common';\r\nimport { XTimeAgoPrefix } from './time-ago.property';\r\nimport { XI18nService, zh_CN } from '@ng-nest/ui/i18n';\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { map } from 'rxjs';\r\n\r\n@Pipe({ name: `${XTimeAgoPrefix}` })\r\nexport class XTimeAgoPipe extends DatePipe implements PipeTransform {\r\n  private i18n = inject(XI18nService);\r\n  private catchContent: any;\r\n\r\n  localeI18n = toSignal(this.i18n.localeChange.pipe(map((x) => x.timeAgo)), { initialValue: zh_CN.timeAgo });\r\n\r\n  override transform(input?: any): any {\r\n    if (!input) return '';\r\n    const date = XToDate(input);\r\n    if (isNaN(date.valueOf())) {\r\n      return input as string;\r\n    }\r\n    const content = this.getDiff(date);\r\n    if (this.catchContent !== content) {\r\n      this.catchContent = content;\r\n    }\r\n    return this.catchContent;\r\n  }\r\n\r\n  getDiff(date: Date): string {\r\n    const time = date.getTime();\r\n    const second = 1000;\r\n    const minute = 1000 * 60;\r\n    const hour = minute * 60;\r\n    const day = hour * 24;\r\n    const now = new Date();\r\n    const diffValue = now.getTime() - time;\r\n    if (diffValue < 0) {\r\n      return '';\r\n    }\r\n    const dayDiff = diffValue / day;\r\n    const hourDiff = diffValue / hour;\r\n    const minDiff = diffValue / minute;\r\n    const secondDiff = diffValue / second;\r\n    let result = '';\r\n    if (date.getFullYear() !== now.getFullYear()) {\r\n      result = super.transform(time, 'yyyy-MM-dd') as string;\r\n    } else if (dayDiff >= 1) {\r\n      result = super.transform(time, 'MM-dd HH:mm') as string;\r\n    } else if (hourDiff >= 1) {\r\n      result = `${Math.floor(hourDiff)}${this.localeI18n()?.hoursAgo}`;\r\n    } else if (minDiff >= 1) {\r\n      result = `${Math.floor(minDiff)}${this.localeI18n()?.minutesAgo}`;\r\n    } else if (secondDiff >= 1) {\r\n      result = `${Math.floor(secondDiff)}${this.localeI18n()?.secondsAgo}`;\r\n    } else result = this.localeI18n()?.just as string;\r\n    return result;\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { XTimeAgoPipe } from './time-ago.pipe';\r\n\r\n@NgModule({\r\n  exports: [XTimeAgoPipe],\r\n  imports: [XTimeAgoPipe]\r\n})\r\nexport class XTimeAgoModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;AAAA;;;;AAIG;AACI,MAAM,cAAc,GAAG;;ACIxB,MAAO,YAAa,SAAQ,QAAQ,CAAA;AAD1C,IAAA,WAAA,GAAA;;AAEU,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC;AAGnC,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC;AA4C3G,IAAA;AA1CU,IAAA,SAAS,CAAC,KAAW,EAAA;AAC5B,QAAA,IAAI,CAAC,KAAK;AAAE,YAAA,OAAO,EAAE;AACrB,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC;QAC3B,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE;AACzB,YAAA,OAAO,KAAe;QACxB;QACA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAClC,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,EAAE;AACjC,YAAA,IAAI,CAAC,YAAY,GAAG,OAAO;QAC7B;QACA,OAAO,IAAI,CAAC,YAAY;IAC1B;AAEA,IAAA,OAAO,CAAC,IAAU,EAAA;AAChB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;QAC3B,MAAM,MAAM,GAAG,IAAI;AACnB,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAE;AACxB,QAAA,MAAM,IAAI,GAAG,MAAM,GAAG,EAAE;AACxB,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAAE;AACrB,QAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE;QACtB,MAAM,SAAS,GAAG,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI;AACtC,QAAA,IAAI,SAAS,GAAG,CAAC,EAAE;AACjB,YAAA,OAAO,EAAE;QACX;AACA,QAAA,MAAM,OAAO,GAAG,SAAS,GAAG,GAAG;AAC/B,QAAA,MAAM,QAAQ,GAAG,SAAS,GAAG,IAAI;AACjC,QAAA,MAAM,OAAO,GAAG,SAAS,GAAG,MAAM;AAClC,QAAA,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM;QACrC,IAAI,MAAM,GAAG,EAAE;QACf,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,EAAE;YAC5C,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,YAAY,CAAW;QACxD;AAAO,aAAA,IAAI,OAAO,IAAI,CAAC,EAAE;YACvB,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,aAAa,CAAW;QACzD;AAAO,aAAA,IAAI,QAAQ,IAAI,CAAC,EAAE;AACxB,YAAA,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA,EAAG,IAAI,CAAC,UAAU,EAAE,EAAE,QAAQ,EAAE;QAClE;AAAO,aAAA,IAAI,OAAO,IAAI,CAAC,EAAE;AACvB,YAAA,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA,EAAG,IAAI,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE;QACnE;AAAO,aAAA,IAAI,UAAU,IAAI,CAAC,EAAE;AAC1B,YAAA,MAAM,GAAG,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA,EAAG,IAAI,CAAC,UAAU,EAAE,EAAE,UAAU,EAAE;QACtE;;AAAO,YAAA,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,EAAE,IAAc;AACjD,QAAA,OAAO,MAAM;IACf;iIA/CW,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAAA;+HAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,IAAI;AAAC,YAAA,IAAA,EAAA,CAAA,EAAE,IAAI,EAAE,CAAA,EAAG,cAAc,EAAE,EAAE;;;MCDtB,cAAc,CAAA;iIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;kIAAd,cAAc,EAAA,OAAA,EAAA,CAFf,YAAY,CAAA,EAAA,OAAA,EAAA,CADZ,YAAY,CAAA,EAAA,CAAA,CAAA;kIAGX,cAAc,EAAA,CAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,YAAY;AACvB,iBAAA;;;ACND;;AAEG;;;;"}