diff --git a/packages/abc/qr/demo/basic.md b/packages/abc/qr/demo/basic.md
deleted file mode 100644
index 607fc6169c..0000000000
--- a/packages/abc/qr/demo/basic.md
+++ /dev/null
@@ -1,76 +0,0 @@
----
-order: 1
-title:
- zh-CN: 基础样例
- en-US: Basic Usage
----
-
-## zh-CN
-
-最简单的用法。
-
-## en-US
-
-Simplest of usage.
-
-```ts
-import { Component, OnInit } from '@angular/core';
-
-import { QRModule } from '@delon/abc/qr';
-import { NzButtonModule } from 'ng-zorro-antd/button';
-
-@Component({
- selector: 'app-demo',
- template: `
- {{ type }}
-
-
- @for (t of types; track $index) {
-
- }
-
- `,
- standalone: true,
- imports: [QRModule, NzButtonModule]
-})
-export class DemoComponent implements OnInit {
- types = ['url', 'email', 'tel', 'cn', 'vcard'];
- value = '';
- type = '';
- change(type: string): void {
- this.type = type;
- switch (type) {
- case 'url':
- this.value = 'https://ng-alain.com/';
- break;
- case 'email':
- this.value = 'mailto:cipchk@qq.com';
- break;
- case 'tel':
- this.value = 'tel:15900000000';
- break;
- case 'cn':
- this.value = '你好🇨🇳';
- break;
- case 'vcard':
- this.value = `BEGIN:VCARD
-VERSION:4.0
-N:色;卡;;Mr.;
-FN:卡色
-ORG:NG-ALAIN
-TITLE:NG-ALAIN
-PHOTO;MEDIATYPE=image/svg:https://ng-alain.com/assets/img/logo-color.svg
-TEL;TYPE=work,voice;VALUE=uri:tel:15900000000
-ADR;TYPE=WORK;PREF=1;LABEL="中国上海":;;上海;中国
-EMAIL:cipchk@qq.com
-x-qq:94458893
-END:VCARD`;
- break;
- }
- }
-
- ngOnInit(): void {
- this.change('url');
- }
-}
-```
diff --git a/packages/abc/qr/demo/design.md b/packages/abc/qr/demo/design.md
deleted file mode 100644
index 645d43fe1b..0000000000
--- a/packages/abc/qr/demo/design.md
+++ /dev/null
@@ -1,146 +0,0 @@
----
-order: 2
-title:
- zh-CN: 设计器
- en-US: Designer
----
-
-## zh-CN
-
-利用 `change` 可以回调二维码 dataURL 值。
-
-## en-US
-
-Get QR code (dataURL value) via `change`.
-
-```ts
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-import { QRModule } from '@delon/abc/qr';
-import { SEModule } from '@delon/abc/se';
-import { NzButtonModule } from 'ng-zorro-antd/button';
-import { NzGridModule } from 'ng-zorro-antd/grid';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
-import { NzSelectModule } from 'ng-zorro-antd/select';
-
-@Component({
- selector: 'app-demo',
- template: `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- px
-
-
-
- px
-
-
-
-
![]()
- }`,
- host: {
- '[style.display]': `'inline-block'`,
- '[style.height.px]': 'size',
- '[style.width.px]': 'size'
- },
- preserveWhitespaces: false,
- changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
-})
-export class QRComponent implements OnChanges, AfterViewInit, OnDestroy {
- private lazy$?: Subscription;
- private qr: NzSafeAny;
- private cog: AlainQRConfig;
- private option!: QROptions;
- private inited = false;
-
- dataURL!: string;
-
- @Input() background?: string;
- @Input() backgroundAlpha?: number;
- @Input() foreground?: string;
- @Input() foregroundAlpha?: number;
- @Input() level?: string;
- @Input() mime?: string;
- @Input({ transform: (v: unknown) => (v == null ? null : numberAttribute(v)) }) padding?: number;
- @Input({ transform: numberAttribute }) size?: number;
- @Input() value: string | (() => string) = '';
- @Input({ transform: numberAttribute }) delay?: number;
- @Output() readonly change = new EventEmitter();
-
- constructor(
- private cdr: ChangeDetectorRef,
- configSrv: AlainConfigService,
- private lazySrv: LazyService,
- private platform: Platform
- ) {
- this.cog = configSrv.merge('qr', QR_DEFULAT_CONFIG)!;
- Object.assign(this, this.cog);
- }
-
- private init(): void {
- if (!this.inited) {
- return;
- }
-
- if (this.qr == null) {
- this.qr = new (window as NzSafeAny).QRious();
- }
- this.qr.set(this.option);
- this.dataURL = this.qr.toDataURL();
- this.change.emit(this.dataURL);
- this.cdr.detectChanges();
- }
-
- private initDelay(): void {
- this.inited = true;
- setTimeout(() => this.init(), this.delay);
- }
-
- ngAfterViewInit(): void {
- if (!this.platform.isBrowser) {
- return;
- }
- if ((window as NzSafeAny).QRious) {
- this.initDelay();
- return;
- }
- const url = this.cog.lib!;
- this.lazy$ = this.lazySrv.change
- .pipe(filter(ls => ls.length === 1 && ls[0].path === url && ls[0].status === 'ok'))
- .subscribe(() => this.initDelay());
- this.lazySrv.load(url);
- }
-
- ngOnChanges(): void {
- const option: QROptions = {
- background: this.background,
- backgroundAlpha: this.backgroundAlpha,
- foreground: this.foreground,
- foregroundAlpha: this.foregroundAlpha,
- level: this.level as NzSafeAny,
- mime: this.mime,
- padding: this.padding,
- size: this.size,
- value: typeof this.value === 'function' ? this.value() : this.toUtf8ByteArray(this.value)
- };
- this.option = option;
- this.init();
- }
-
- private toUtf8ByteArray(str: string): string {
- str = encodeURI(str);
- const result: number[] = [];
- for (let i = 0; i < str.length; i++) {
- if (str.charAt(i) !== '%') {
- result.push(str.charCodeAt(i));
- } else {
- result.push(parseInt(str.substring(i + 1, 2), 16));
- i += 2;
- }
- }
- return result.map(v => String.fromCharCode(v)).join('');
- }
-
- ngOnDestroy(): void {
- if (this.lazy$) {
- this.lazy$.unsubscribe();
- }
- }
-}
diff --git a/packages/abc/qr/qr.config.ts b/packages/abc/qr/qr.config.ts
deleted file mode 100644
index 273da3c873..0000000000
--- a/packages/abc/qr/qr.config.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { AlainQRConfig } from '@delon/util/config';
-
-export const QR_DEFULAT_CONFIG: AlainQRConfig = {
- lib: `https://cdn.jsdelivr.net/npm/qrious/dist/qrious.min.js`,
- background: 'white',
- backgroundAlpha: 1,
- foreground: 'black',
- foregroundAlpha: 1,
- level: 'L',
- mime: 'image/png',
- padding: 10,
- size: 220,
- delay: 0
-};
diff --git a/packages/abc/qr/qr.module.ts b/packages/abc/qr/qr.module.ts
deleted file mode 100644
index a9b35a7621..0000000000
--- a/packages/abc/qr/qr.module.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { QRComponent } from './qr.component';
-
-const COMPONENTS = [QRComponent];
-
-/**
- * @deprecated Will be removed in 18.0.0, please use [nz-qrcode](https://ng.ant.design/components/qr-code) instead.
- */
-@NgModule({
- imports: [CommonModule],
- declarations: COMPONENTS,
- exports: COMPONENTS
-})
-export class QRModule {}
diff --git a/packages/abc/qr/qr.spec.ts b/packages/abc/qr/qr.spec.ts
deleted file mode 100644
index 45191a0be7..0000000000
--- a/packages/abc/qr/qr.spec.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { Component, DebugElement, ViewChild } from '@angular/core';
-import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { of } from 'rxjs';
-
-import { createTestContext } from '@delon/testing';
-import { NzSafeAny } from 'ng-zorro-antd/core/types';
-
-import { AlainConfigService, LazyService } from '../../util';
-import { QRComponent } from './qr.component';
-import { QRModule } from './qr.module';
-
-describe('abc: qr', () => {
- let fixture: ComponentFixture;
- let dl: DebugElement;
- let context: TestComponent;
- const win: NzSafeAny = window;
-
- class MockQRious {
- set(): jasmine.Spy {
- return jasmine.createSpy('set');
- }
- toDataURL(): jasmine.Spy {
- return jasmine.createSpy('toDataURL');
- }
- }
-
- function createModule(): void {
- TestBed.configureTestingModule({
- imports: [QRModule],
- declarations: [TestComponent]
- });
- }
-
- function mockQRious(): void {
- win.QRious = MockQRious;
- }
-
- afterEach(() => {
- delete win.QRious;
- });
-
- describe('', () => {
- beforeEach(fakeAsync(() => {
- createModule();
- mockQRious();
- ({ fixture, dl, context } = createTestContext(TestComponent));
- fixture.detectChanges();
- spyOn(context, 'change');
- tick(100);
- }));
-
- function getDataURL(): string {
- return (dl.query(By.css('img')).nativeElement as HTMLImageElement).src;
- }
-
- it('should be generate a qr', () => {
- expect(getDataURL().length).toBeGreaterThan(1);
- });
-
- it('should be support unicode value', () => {
- context.value = 'test';
- fixture.detectChanges();
- expect(context.change).toHaveBeenCalled();
- context.value = `中国🇨🇳`;
- fixture.detectChanges();
- expect(context.change).toHaveBeenCalled();
- });
-
- it('should be function value', () => {
- context.value = () => `1`;
- fixture.detectChanges();
- expect(context.change).toHaveBeenCalled();
- });
- });
-
- it('should be lazy load libary', () => {
- createModule();
- const cogSrv = TestBed.inject(AlainConfigService);
- const lazySrv = TestBed.inject(LazyService);
- spyOn(cogSrv, 'merge').and.returnValue({ lib: '1.js' });
- spyOnProperty(lazySrv, 'change').and.returnValue(of([{ path: '1.js', status: 'ok' }]));
- ({ fixture, dl, context } = createTestContext(TestComponent));
- fixture.detectChanges();
- mockQRious();
- spyOn(context, 'change');
- context.value = '11';
- fixture.detectChanges();
- expect(context.change).toHaveBeenCalled();
- });
-});
-
-@Component({
- template: `
-
- `
-})
-class TestComponent {
- @ViewChild('comp', { static: true })
- comp!: QRComponent;
-
- value: string | (() => string) = 'https://ng-alain.com/';
- background = 'white';
- backgroundAlpha = 1.0;
- foreground = 'black';
- foregroundAlpha = 1.0;
- level = 'L';
- mime = 'image/png';
- padding = 10;
- size = 220;
-
- change(): void {}
-}
diff --git a/packages/abc/qr/qr.types.ts b/packages/abc/qr/qr.types.ts
deleted file mode 100644
index 4b3b086000..0000000000
--- a/packages/abc/qr/qr.types.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { AlainQRConfig } from '@delon/util/config';
-
-export interface QROptions extends AlainQRConfig {
- value: string;
-}
diff --git a/packages/util/config/abc/index.ts b/packages/util/config/abc/index.ts
index 863cc374c9..de36e34b05 100644
--- a/packages/util/config/abc/index.ts
+++ b/packages/util/config/abc/index.ts
@@ -4,7 +4,6 @@ export * from './date-picker.type';
export * from './loading.type';
export * from './lodop.type';
export * from './page-header.type';
-export * from './qr.type';
export * from './se.type';
export * from './sv.type';
export * from './sg.type';
diff --git a/packages/util/config/abc/qr.type.ts b/packages/util/config/abc/qr.type.ts
deleted file mode 100644
index 69667b5530..0000000000
--- a/packages/util/config/abc/qr.type.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export interface AlainQRConfig {
- /**
- * [qrious](https://github.com/neocotic/qrious) 外网地址，默认：`https://cdn.jsdelivr.net/npm/qrious/dist/qrious.min.js`
- *
- * 若在 `angular.json` 配置 `"scripts": [ "node_modules/qrious/dist/qrious.min.js" ]` 则优先使用
- */
- lib?: string;
- /** 背景，默认：`white` */
- background?: string;
- /** 背景透明级别，范围：`0-1` 之间，默认：`1` */
- backgroundAlpha?: number;
- /** 前景，默认：`black` */
- foreground?: string;
- /** 前景透明级别，范围：`0-1` 之间，默认：`1` */
- foregroundAlpha?: number;
- /** 误差校正级别，默认：`L` */
- level?: 'L' | 'M' | 'Q' | 'H';
- /** 二维码输出图片MIME类型，默认：`image/png` */
- mime?: string;
- /** 内边距（单位：px），默认：`10` */
- padding?: number;
- /** 大小（单位：px），默认：`220` */
- size?: number;
- delay?: number;
-}
diff --git a/packages/util/config/config.types.ts b/packages/util/config/config.types.ts
index 85a3880555..0ef50735c4 100644
--- a/packages/util/config/config.types.ts
+++ b/packages/util/config/config.types.ts
@@ -12,7 +12,6 @@ import {
AlainOnboardingConfig,
AlainPageHeaderConfig,
AlainPdfConfig,
- AlainQRConfig,
AlainSEConfig,
AlainSGConfig,
AlainSTConfig,
@@ -40,7 +39,6 @@ export interface AlainConfig {
onboarding?: AlainOnboardingConfig;
lodop?: AlainLodopConfig;
pageHeader?: AlainPageHeaderConfig;
- qr?: AlainQRConfig;
se?: AlainSEConfig;
sg?: AlainSGConfig;
sv?: AlainSVConfig;
diff --git a/scripts/site/route-paths.txt b/scripts/site/route-paths.txt
index c690461877..1abc811d36 100644
--- a/scripts/site/route-paths.txt
+++ b/scripts/site/route-paths.txt
@@ -117,8 +117,6 @@
/components/page-header/zh
/components/pdf/en
/components/pdf/zh
-/components/qr/en
-/components/qr/zh
/components/quick-menu/en
/components/quick-menu/zh
/components/result/en
@@ -344,4 +342,4 @@
/util/pipes-format/en
/util/pipes-format/zh
/util/token/en
-/util/token/zh
\ No newline at end of file
+/util/token/zh