@ng-nest/ui 20.3.5 → 20.3.6

package/icon/examples/zh_CN/default/material-design/readme.md

@@ -1,11 +0,0 @@
----
-order: 5
-label: 'Material Design'
----
-
-- 提供二种主题风格，对应到 `x-icon` 写法如下：
-
-| 主题     | 对应关键字 | 写法         |
-| -------- | ---------- | ------------ |
-| Outlined | mdo        | mdo-shopping |
-| Filled   | mdf        | mdf-shopping |

package/icon/examples/zh_CN/default/readme.md

@@ -1,4 +0,0 @@
----
-order: 1
-label: 'HTML'
----

package/icon/icon.component.html

@@ -1 +0,0 @@
-

package/icon/icon.component.spec.ts

@@ -1,87 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { Component, provideZonelessChangeDetection, signal } from '@angular/core';
-import { By } from '@angular/platform-browser';
-import { XIconComponent, XIconPrefix } from '@ng-nest/ui/icon';
-import { provideAnimations } from '@angular/platform-browser/animations';
-import { provideHttpClient, withFetch } from '@angular/common/http';
-import { XComputedStyle, XSleep } from '@ng-nest/ui/core';
-
-@Component({
-  imports: [XIconComponent],
-  template: ` <x-icon></x-icon> `
-})
-class XTestIconComponent {}
-
-@Component({
-  imports: [XIconComponent],
-  template: ` <x-icon [href]="href()" [type]="type()" [color]="color()" [spin]="spin()"> </x-icon> `
-})
-class XTestIconPropertyComponent {
-  href = signal('https://ngnest.com/static/icons/');
-  type = signal('');
-  color = signal('');
-  spin = signal(false);
-}
-
-xdescribe(XIconPrefix, () => {
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [XTestIconComponent, XTestIconPropertyComponent],
-      providers: [provideAnimations(), provideHttpClient(withFetch()), provideZonelessChangeDetection()],
-      teardown: { destroyAfterEach: false }
-    }).compileComponents();
-  });
-  xdescribe('default.', () => {
-    let fixture: ComponentFixture<XTestIconComponent>;
-    beforeEach(() => {
-      fixture = TestBed.createComponent(XTestIconComponent);
-      fixture.detectChanges();
-    });
-    it('define.', () => {
-      const com = fixture.debugElement.query(By.directive(XIconComponent));
-      expect(com).toBeDefined();
-    });
-  });
-  xdescribe(`input.`, async () => {
-    let fixture: ComponentFixture<XTestIconPropertyComponent>;
-    let component: XTestIconPropertyComponent;
-    beforeEach(async () => {
-      fixture = TestBed.createComponent(XTestIconPropertyComponent);
-      component = fixture.componentInstance;
-      fixture.detectChanges();
-    });
-    it('href.', async () => {
-      // href can be specified as empty, copy icon resources to the local asset directory
-      // icon resources: https://github.com/NG-NEST/ng-nest-icon
-      component.type.set('fto-user');
-      fixture.detectChanges();
-      await XSleep(300);
-      const icon = fixture.debugElement.query(By.css('x-icon'));
-      expect(icon.nativeElement).toHaveClass('fto-user');
-      expect(icon.nativeElement.firstChild.localName).toBe('svg');
-    });
-    it('type.', async () => {
-      component.type.set('fto-user');
-      fixture.detectChanges();
-      await XSleep(300);
-      const icon = fixture.debugElement.query(By.css('x-icon'));
-      expect(icon.nativeElement).toHaveClass('fto-user');
-      expect(icon.nativeElement.firstChild.localName).toBe('svg');
-    });
-    it('color.', async () => {
-      component.color.set('rgb(255, 255, 0)');
-      component.type.set('fto-user');
-      fixture.detectChanges();
-      const icon = fixture.debugElement.query(By.css('x-icon'));
-      const color = XComputedStyle(icon.nativeElement, 'color');
-      expect(color).toBe('rgb(255, 255, 0)');
-    });
-    it('spin.', () => {
-      component.type.set('fto-settings');
-      component.spin.set(true);
-      fixture.detectChanges();
-      const icon = fixture.debugElement.query(By.css('x-icon'));
-      expect(icon.nativeElement).toHaveClass('x-icon-spin');
-    });
-  });
-});

package/icon/icon.component.ts

@@ -1,185 +0,0 @@
-import {
-  Component,
-  ViewEncapsulation,
-  ChangeDetectionStrategy,
-  ElementRef,
-  Renderer2,
-  HostBinding,
-  inject,
-  effect,
-  computed,
-  ChangeDetectorRef,
-  signal
-} from '@angular/core';
-import { XIconPrefix, XIconProperty } from './icon.property';
-import { XIconService } from './icon.service';
-import { XWarnIconTypeNotFound, XIsEmpty, XHasIn, XWarnSVGTagNotFound } from '@ng-nest/ui/core';
-import { DOCUMENT } from '@angular/common';
-
-// 来源路径对应
-export const XSouceUrl: { [property: string]: string } = {
-  adf: `ant-design/fill/`,
-  ado: `ant-design/outline/`,
-  adt: `ant-design/twotone/`,
-  eaf: `eva/fill/`,
-  eao: `eva/outline/`,
-  fto: `feather/`,
-  fab: `font-awesome/brands/`,
-  far: `font-awesome/regular/`,
-  fas: `font-awesome/solid/`,
-  mdf: `material-design/fill/`,
-  mdo: `material-design/outline/`
-};
-
-export const XViewBox = [
-  // { souces: ["adf", "ado", "adt"], value: "0 0 1024 1024" },
-  // { souces: ["eaf", "eao"], value: "0 0 24 24" },
-  // { souces: ["fto"], value: "0 0 24 24" }
-];
-
-@Component({
-  selector: `${XIconPrefix}`,
-  templateUrl: './icon.component.html',
-  styleUrls: ['./style/index.scss'],
-  encapsulation: ViewEncapsulation.None,
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class XIconComponent extends XIconProperty {
-  private svgElement!: HTMLElement;
-  private document = inject(DOCUMENT);
-  private elementRef = inject(ElementRef);
-  private renderer = inject(Renderer2);
-  private cdr = inject(ChangeDetectorRef);
-  private iconService = inject(XIconService);
-  private beforeClass = signal('');
-
-  @HostBinding('class.x-icon') hostClass = true;
-
-  @HostBinding('class.x-icon-spin') get getSpin() {
-    return this.spin();
-  }
-
-  @HostBinding('style.color') get getColor() {
-    return this.color();
-  }
-
-  inSource = computed(() => {
-    const type = this.type();
-    if (typeof type === 'undefined' || type === '' || type === null) return false;
-    const split = type.split('-');
-    const souce = split.shift();
-    if (typeof souce === 'undefined') return false;
-    const souceUrl = XSouceUrl[souce];
-    return souceUrl ? true : false;
-  });
-
-  sourceUrl = computed(() => {
-    if (!this.inSource()) return '';
-    const split = this.type()!.split('-');
-    const souce = split.shift();
-    const souceUrl = XSouceUrl[souce!];
-    const fileName = split.join('-');
-    if (!souceUrl || !fileName) {
-      XWarnIconTypeNotFound();
-    }
-    return `${souceUrl}${fileName}`;
-  });
-
-  isCustom = computed(() => {
-    return !this.inSource() && XHasIn(this.iconService.customIcon, this.type()!);
-  });
-
-  constructor() {
-    super();
-    effect(() => {
-      if (this.isCustom()) {
-        this.iconService.getSvg('', this.iconService.customIcon[this.type()!], true).subscribe((x) => this.setSvgs(x));
-      } else if (this.inSource()) {
-        this.iconService.getSvg(this.href(), this.sourceUrl()).subscribe((x) => this.setSvgs(x));
-      }
-    });
-    effect(() => {
-      if (this.elementRef.nativeElement && this.type()) {
-        if (this.beforeClass()) {
-          this.renderer.removeClass(this.elementRef.nativeElement, this.beforeClass());
-        }
-        this.renderer.addClass(this.elementRef.nativeElement, this.type()!);
-        this.beforeClass.set(this.type()!);
-      }
-    });
-  }
-
-  setSvgs(svg: string) {
-    if (XIsEmpty(svg)) return;
-    if (this.svgElement) {
-      this.renderer.removeChild(this.elementRef.nativeElement, this.svgElement);
-    }
-    if (this.isCustom()) {
-      const parser = new DOMParser();
-      const svgDoc = parser.parseFromString(svg, 'image/svg+xml');
-      let firstChild = this.elementRef.nativeElement.firstChild;
-      if (firstChild) {
-        this.renderer.removeChild(this.elementRef.nativeElement, firstChild);
-      }
-      this.svgElement = svgDoc.documentElement;
-    } else if (this.inSource()) {
-      this.svgElement = this.buildSvg(svg)!;
-    }
-    if (!this.svgElement) return;
-    this.setAttributes(this.svgElement);
-    this.renderer.appendChild(this.elementRef.nativeElement, this.svgElement);
-    // TODO: use zoneless, renderer removeChild will not take effect immediately
-    this.cdr.markForCheck();
-  }
-
-  buildSvg(svgStr: string): HTMLElement | undefined {
-    const result = this.document.createElementNS('http://www.w3.org/2000/svg', 'svg') as any;
-    const svg = this.createSvg(svgStr);
-    if (!svg) return;
-    svg.children.forEach((x) => {
-      x.removeAttribute('class');
-      if (x.tagName === 'rect') {
-        x.setAttribute('fill', 'none');
-      }
-      result.appendChild(x);
-    });
-    this.setAttribute(result, svg.ele, 'viewBox');
-    this.setAttribute(result, svg.ele, 'fill', 'currentColor');
-    this.setAttribute(result, svg.ele, 'stroke');
-    this.setAttribute(result, svg.ele, 'stroke-width');
-    this.setAttribute(result, svg.ele, 'stroke-linecap');
-    this.setAttribute(result, svg.ele, 'stroke-linejoin');
-    if (!result) {
-      XWarnSVGTagNotFound();
-    }
-
-    return result;
-  }
-
-  createSvg(svgStr: string) {
-    const div = this.document.createElement('div');
-    div.innerHTML = svgStr;
-    let svgEle = div.querySelector('svg') as SVGElement;
-    if (!svgEle) return null;
-    return {
-      ele: svgEle,
-      children: svgEle.querySelectorAll('path, polyline, polygon, circle, line, rect')
-    };
-  }
-
-  setAttributes(svgEle: HTMLElement) {
-    if (svgEle) {
-      this.renderer.setAttribute(svgEle, 'width', '1em');
-      this.renderer.setAttribute(svgEle, 'height', '1em');
-    }
-  }
-
-  setAttribute(svg: SVGElement, svgEle: SVGElement, attribute: string, def?: string) {
-    let attr = svgEle.getAttribute(attribute);
-    if (attr) {
-      svg.setAttribute(attribute, attr);
-    } else if (def) {
-      svg.setAttribute(attribute, def);
-    }
-  }
-}

package/icon/icon.module.ts

@@ -1,8 +0,0 @@
-import { NgModule } from '@angular/core';
-import { XIconComponent } from './icon.component';
-
-@NgModule({
-  exports: [XIconComponent],
-  imports: [XIconComponent]
-})
-export class XIconModule {}

package/icon/icon.property.ts

@@ -1,64 +0,0 @@
-import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';
-import { Component, input } from '@angular/core';
-import type { XBoolean } from '@ng-nest/ui/core';
-
-/**
- * Icon
- * @selector x-icon
- * @decorator component
- */
-export const XIconPrefix = 'x-icon';
-const X_ICON_CONFIG_NAME = 'icon';
-
-/**
- * Icon Property
- */
-@Component({ selector: `${XIconPrefix}-property`, template: '' })
-export class XIconProperty extends XPropertyFunction(X_ICON_CONFIG_NAME) {
-  /**
-   * @zh_CN SVG 图标根路径地址，可以通过全局只配置一次，所有图标资源在 github 上的 ng-nest-icon 中
-   * @en_US The root address of the SVG icon can be configured only once globally. All icon resources are in ng-nest-icon on github
-   */
-  readonly href = input<string>(this.config?.href ?? 'https://ngnest.com/static/icons/');
-  /**
-   * @zh_CN 图标类型
-   * @en_US Icon type
-   * @example
-   *
-   * ```html
-   * <x-icon type="fto-activity"></x-icon>
-   * <x-icon type="fto-airplay"></x-icon>
-   * <x-icon type="fto-anchor"></x-icon>
-   * ```
-   *
-   */
-  readonly type = input<string>();
-  /**
-   * @zh_CN 图标颜色
-   * @en_US Icon color
-   * @example
-   *
-   * ```html
-   * <x-icon color="red" type="fto-activity"></x-icon>
-   * ```
-   *
-   */
-  readonly color = input<string>();
-  /**
-   * @zh_CN loading效果（图标一直旋转）
-   * @en_US Loading effect (icon keeps rotating)
-   * @example
-   *
-   * ```html
-   * <x-icon spin="true" type="fto-loader"></x-icon>
-   * ```
-   *
-   */
-  readonly spin = input<boolean, XBoolean>(false, { transform: XToBoolean });
-}
-
-/**
- * @zh_CN 图标来源
- * @en_US Icon source
- */
-export type XIconSource = 'ant-design' | 'eva' | 'feather' | 'font-awesome' | 'material-design';

package/icon/icon.service.ts

@@ -1,100 +0,0 @@
-import { Injectable, SecurityContext, inject } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { HttpClient } from '@angular/common/http';
-import { Observable, Subscriber } from 'rxjs';
-import { XHasIn, XIsEmpty } from '@ng-nest/ui/core';
-import { XIconPrefix } from './icon.property';
-
-type Task<T> = {
-  name: string;
-  observable: Observable<T>;
-  callback: Function;
-};
-
-@Injectable({ providedIn: 'root' })
-export class XIconService {
-  caches: { [property: string]: any } = {};
-  queue: Task<any>[] = [];
-  activeTaskXm: number = 0;
-  isRunningTask = false;
-  limit: number = 10;
-  sanitizer = inject(DomSanitizer);
-  http = inject(HttpClient, { optional: true })!;
-  customIcon: { [property: string]: string } = {};
-
-  constructor() {
-    if (!this.http) {
-      throw new Error(`${XIconPrefix}: Not found 'HttpClient', You can import 'HttpClientModule' in your root module.`);
-    }
-  }
-
-  public addTask<T>(task: Task<T>) {
-    this.queue.push(task);
-    this.runTask();
-  }
-
-  private execute<T>(task: Task<T>) {
-    this.isRunningTask = true;
-    if (XHasIn(this.caches, task.name)) {
-      task.callback(this.caches[task.name]);
-      this.activeTaskXm--;
-      this.isRunningTask = false;
-      this.runTask();
-      return;
-    }
-    return task.observable.subscribe({
-      next: (result) => {
-        this.caches[task.name] = result;
-        task.callback(result);
-        return result;
-      },
-      error: (error) => {
-        console.error(error);
-        this.activeTaskXm--;
-        this.isRunningTask = false;
-        this.runTask();
-      },
-      complete: () => {
-        this.activeTaskXm--;
-        this.isRunningTask = false;
-        this.runTask();
-      }
-    });
-  }
-
-  private runTask() {
-    if (!this.isRunningTask && this.activeTaskXm < this.limit && this.queue.length > 0) {
-      const task = this.queue.shift();
-      this.activeTaskXm++;
-      this.execute(task!);
-    }
-  }
-
-  getSvg(root: string, icon: string, isCustom = false): Observable<string> {
-    return new Observable((subscriber: Subscriber<string>) => {
-      if (XIsEmpty(icon)) {
-        subscriber.next('');
-        subscriber.complete();
-        return;
-      }
-      this.addTask({
-        name: icon,
-        observable: this.getSvgElement(root, icon, isCustom),
-        callback: (svg: string) => {
-          subscriber.next(svg);
-          subscriber.complete();
-        }
-      });
-    });
-  }
-
-  getSvgElement(root: string, icon: string, isCustom = false): Observable<string> {
-    const url = isCustom ? `${root}${icon}` : `${root}${icon}.svg`;
-    const safeUrl = this.sanitizer.sanitize(SecurityContext.URL, url);
-    return this.http.get(safeUrl as string, { responseType: 'text' });
-  }
-
-  register(icon: string, url: string) {
-    this.customIcon[icon] = url;
-  }
-}

package/icon/index.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/icon/ng-package.json

@@ -1,5 +0,0 @@
-{
-  "lib": {
-    "entryFile": "./public-api.ts"
-  }
-}

package/icon/public-api.ts

@@ -1,4 +0,0 @@
-export * from './icon.component';
-export * from './icon.service';
-export * from './icon.module';
-export * from './icon.property';

package/icon/style/index.scss

@@ -1,16 +0,0 @@
-// Icon
-
-@use '../../style/mixins/reset.scss' as *;
-@use './mixin.scss' as *;
-@use './param.scss' as *;
-
-.#{$x-icon-prefix} {
-  @include icon();
-}
-
-#{$x-icon-prefix} {
-  display: inline-block;
-  line-height: 0;
-  text-align: center;
-  vertical-align: -0.125em;
-}

package/icon/style/mixin.scss

@@ -1,22 +0,0 @@
-// Icon
-
-@use '../../style/params/index.scss' as *;
-@use './param.scss' as *;
-
-@keyframes x-icon-spin {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@mixin icon {
-  &-spin {
-    animation: 1s linear infinite x-icon-spin;
-  }
-  &[left] {
-    margin-right: 0.25rem;
-  }
-  &[right] {
-    margin-left: 0.25rem;
-  }
-}

package/icon/style/param.scss

@@ -1,4 +0,0 @@
-// Icon style paramters
-@use '../../style/params/index.scss' as *;
-
-$x-icon-prefix: $x-prefix + '-icon';

package/image/docs/readme.en_US.md

@@ -1,20 +0,0 @@
----
-label: 'Image'
-category: 'Data'
----
-
-# Image
-
-For picture preview.
-
-## Used alone
-
-{{ __component }}
-
-## Sample code
-
-{{ __examples }}
-
-## API
-
-{{ __api }}

package/image/docs/readme.zh_CN.md

@@ -1,20 +0,0 @@
----
-label: 'Image 图片'
-category: 'Data'
----
-
-# Image 图片
-
-用于图片预览展示
-
-## 单独引入此组件
-
-{{ __component }}
-
-## 示例代码
-
-{{ __examples }}
-
-## API
-
-{{ __api }}

package/image/examples/en_US/default/custom/custom.component.html

@@ -1,15 +0,0 @@
-<x-button (click)="preview()">Preview</x-button>
-
-<x-image
-  width="100px"
-  height="100px"
-  src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
-  [previewTpl]="previewTpl"
-></x-image>
-
-<ng-template #previewTpl let-image="$image">
-  <div class="btns">
-    <x-icon type="fto-eye" title="preview"></x-icon>
-    <x-icon type="fto-trash-2" title="delete"></x-icon>
-  </div>
-</ng-template>

package/image/examples/en_US/default/custom/custom.component.scss

@@ -1,7 +0,0 @@
-:host {
-  .btns {
-    display: flex;
-    gap: 1rem;
-    color: var(--x-white);
-  }
-}

package/image/examples/en_US/default/custom/custom.component.ts

@@ -1,27 +0,0 @@
-import { Component } from '@angular/core';
-import { XButtonComponent } from '@ng-nest/ui/button';
-import { XDialogService } from '@ng-nest/ui/dialog';
-import { XImageComponent, XImagePreviewComponent } from '@ng-nest/ui/image';
-import { XIconComponent } from '@ng-nest/ui/icon';
-
-@Component({
-  selector: 'ex-custom',
-  imports: [XButtonComponent, XImageComponent, XIconComponent],
-  templateUrl: './custom.component.html',
-  styleUrl: './custom.component.scss'
-})
-export class ExCustomComponent {
-  constructor(private dialogSewrvice: XDialogService) {}
-  preview() {
-    this.dialogSewrvice.create(XImagePreviewComponent, {
-      width: '100%',
-      height: '100%',
-      className: 'x-image-preview-portal',
-      data: [
-        {
-          src: 'https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png'
-        }
-      ]
-    });
-  }
-}

package/image/examples/en_US/default/custom/readme.md

@@ -1,6 +0,0 @@
----
-order: 5
-label: 'Dialog'
----
-
-Use how to pop up the preview interface.

package/image/examples/en_US/default/default/default.component.html

@@ -1,5 +0,0 @@
-<x-image
-  width="100px"
-  height="100px"
-  src="https://ngnest.com/static/docs/course/rbac/1-introduction/demo/1__ng-nest-admin/light.png"
-></x-image>

package/image/examples/en_US/default/default/default.component.ts

@@ -1,9 +0,0 @@
-import { Component } from '@angular/core';
-import { XImageComponent } from '@ng-nest/ui/image';
-
-@Component({
-  selector: 'ex-default',
-  imports: [XImageComponent],
-  templateUrl: './default.component.html'
-})
-export class ExDefaultComponent {}

package/image/examples/en_US/default/default/readme.md

@@ -1,6 +0,0 @@
----
-order: 1
-label: 'Base'
----
-
-Use the `src` to set the picture address.

package/image/examples/en_US/default/fallback/fallback.component.html

@@ -1,6 +0,0 @@
-<x-image
-  width="100px"
-  height="100px"
-  src="error"
-  fallback="data:image/png;base64,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"
-></x-image>