ngx-tethys 18.2.4 → 18.2.6

package/fesm2022/ngx-tethys-watermark.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys-watermark.mjs","sources":["../../../src/watermark/config.ts","../../../src/watermark/watermark.directive.ts","../../../src/watermark/watermark.module.ts","../../../src/watermark/ngx-tethys-watermark.ts"],"sourcesContent":["export const DEFAULT_WATERMARK_CONFIG = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    opacity: '0.8',\n    'background-repeat': 'repeat',\n    'pointer-events': 'none',\n    'z-index': 2147483647,\n    'background-image': ''\n};\n\nexport const DEFAULT_CANVAS_CONFIG = {\n    degree: 15,\n    color: ['rgba(51, 51, 51, 0.12)', 'rgb(60, 65, 74)'],\n    fontSize: 12,\n    textLineHeight: 20,\n    gutter: [250, 200]\n};\n","import { Directive, Input, ElementRef, OnInit, SimpleChanges, OnChanges, inject, DestroyRef, effect } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { DEFAULT_WATERMARK_CONFIG, DEFAULT_CANVAS_CONFIG } from './config';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { ThyThemeStore } from 'ngx-tethys/core';\n\n/**\n * @public\n * 水印样式配置\n */\nexport interface ThyCanvasConfigType {\n    /**\n     * 偏移角度\n     */\n    degree?: number;\n    /**\n     * 字体颜色。如果传的是数组，第一个为默认主题的字体颜色，第二个为黑暗主题的字体颜色\n     */\n    color?: string | string[];\n    /**\n     * 字体大小\n     */\n    fontSize?: number | string;\n    /**\n     * 文本行高\n     */\n    textLineHeight?: number;\n    /**\n     * 横纵间距\n     */\n    gutter?: number[];\n}\n\n/**\n * 水印指令\n * @name thyWatermark\n */\n@Directive({\n    selector: '[thyWatermark]',\n    standalone: true\n})\nexport class ThyWatermarkDirective implements OnInit, OnChanges {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    thyDisabled: boolean = false;\n\n    content: string;\n    /**\n     * 水印内容\n     */\n    @Input()\n    set thyWatermark(value: string) {\n        value = value?.replace(/^\\\"|\\\"$/g, '');\n        this.content = !!value ? value : '';\n    }\n\n    /**\n     * 水印样式配置\n     */\n    @Input() thyCanvasConfig: ThyCanvasConfigType;\n\n    private createWatermark$ = new Subject<string>();\n\n    private observer: MutationObserver;\n\n    private canvas: HTMLCanvasElement;\n\n    private wmDiv: HTMLElement;\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    private thyThemeStore = inject(ThyThemeStore);\n\n    constructor() {\n        effect(() => {\n            if (!this.thyDisabled && this.thyThemeStore.theme()) {\n                this.refreshWatermark();\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.thyDisabled) {\n            this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                this.observeAttributes()\n                    .pipe(takeUntilDestroyed(this.destroyRef))\n                    .subscribe(() => {});\n            });\n\n            this.createWatermark();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        const { thyWatermark, thyDisabled } = changes;\n        const thyWatermarkChange = () => {\n            if (thyWatermark.firstChange) return;\n            if (thyWatermark.currentValue) {\n                this.refreshWatermark();\n            }\n        };\n        const thyDisabledChange = () => {\n            if (thyDisabled.firstChange) return;\n            thyDisabled?.currentValue ? this.removeWatermark() : this.refreshWatermark();\n        };\n        thyWatermark && thyWatermarkChange();\n        thyDisabled && thyDisabledChange();\n    }\n\n    private refreshWatermark() {\n        this.removeWatermark();\n        this.createWatermark();\n    }\n\n    private removeWatermark() {\n        if (this.wmDiv) {\n            this.wmDiv.remove();\n            this.wmDiv = null;\n        }\n    }\n\n    createCanvas() {\n        let { gutter, fontSize, color, degree, textLineHeight } = {\n            ...DEFAULT_CANVAS_CONFIG,\n            ...(this.thyCanvasConfig || {})\n        };\n        color = this.thyThemeStore.normalizeColor(color);\n\n        const [xGutter, yGutter] = gutter;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d');\n\n        const getFakeSize = () => {\n            const fakeBox = document.createElement('div');\n            const fakeBoxStyle = {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'inline-block',\n                'font-size': `${parseFloat('' + fontSize)}px`,\n                'word-wrap': 'break-word',\n                'font-family': 'inherit',\n                'white-space': 'pre-line'\n            };\n            const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');\n            fakeBox.setAttribute('style', styleStr);\n\n            fakeBox.innerHTML = this.content.replace(/(\\\\n)/gm, '</br>');\n            document.querySelector('body').insertBefore(fakeBox, document.querySelector('body').firstChild);\n            const { width, height } = fakeBox.getBoundingClientRect();\n            fakeBox.remove();\n            return { width, height };\n        };\n        const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();\n\n        const angle = (degree * Math.PI) / 180;\n        const contentArr = this.content.split('\\\\n');\n        const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;\n\n        let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));\n        const canvasWidth = start + fakeBoxWidth;\n        canvas.setAttribute('width', '' + (canvasWidth + xGutter));\n        canvas.setAttribute('height', '' + (canvasHeight + yGutter));\n\n        ctx.font = `${parseFloat('' + fontSize)}px microsoft yahei`;\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'top';\n        ctx.fillStyle = color;\n        ctx.rotate(0 - (degree * Math.PI) / 180);\n        contentArr.map((k, i) => {\n            ctx.fillText(k, -start + Math.ceil(canvasWidth / 2), Math.sin(angle) * canvasWidth + textLineHeight * i);\n            start += Math.sin(angle) * textLineHeight;\n        });\n        this.canvas = canvas;\n        return canvas;\n    }\n\n    private createWatermark(isRefresh = true) {\n        const watermarkDiv = this.wmDiv || document.createElement('div');\n\n        const background = !isRefresh ? this.canvas.toDataURL() : this.createCanvas().toDataURL();\n        const watermarkStyle = {\n            ...DEFAULT_WATERMARK_CONFIG,\n            'background-image': `url(${background})`\n        };\n\n        const styleStr = Object.keys(watermarkStyle).reduce((pre, next) => ((pre += `${next}:${watermarkStyle[next]};`), pre), '');\n        watermarkDiv.setAttribute('style', styleStr);\n\n        if (!this.wmDiv) {\n            const parentNode = this.el.nativeElement;\n            watermarkDiv.classList.add(`_vm`);\n            this.wmDiv = watermarkDiv;\n            parentNode.insertBefore(watermarkDiv, parentNode.firstChild);\n        }\n        this.createWatermark$.next('');\n    }\n\n    private observeAttributes() {\n        this.observer?.disconnect();\n        return new Observable(observe => {\n            const stream = new Subject<MutationRecord[]>();\n            this.observer = new MutationObserverFactory().create(mutations => stream.next(mutations));\n            if (this.observer) {\n                this.observer.observe(this.wmDiv, {\n                    attributes: true\n                });\n            }\n            stream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                if (this.wmDiv) {\n                    this?.observer?.disconnect();\n                    this.createWatermark(false);\n                }\n            });\n            observe.next(stream);\n            return () => {\n                this.observer?.disconnect();\n            };\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyWatermarkDirective } from './watermark.directive';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyWatermarkDirective],\n    exports: [ThyWatermarkDirective],\n    providers: []\n})\nexport class ThyWatermarkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-tethys-watermark.mjs","sources":["../../../src/watermark/config.ts","../../../src/watermark/watermark.directive.ts","../../../src/watermark/watermark.module.ts","../../../src/watermark/ngx-tethys-watermark.ts"],"sourcesContent":["export const DEFAULT_WATERMARK_CONFIG = {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: '100%',\n    height: '100%',\n    opacity: '0.8',\n    'background-repeat': 'repeat',\n    'pointer-events': 'none',\n    'z-index': 2147483647,\n    'background-image': ''\n};\n\nexport const DEFAULT_CANVAS_CONFIG = {\n    degree: 15,\n    color: ['rgba(51, 51, 51, 0.12)', 'rgb(60, 65, 74)'],\n    fontSize: 12,\n    textLineHeight: 20,\n    gutter: [250, 200]\n};\n","import { Directive, Input, ElementRef, OnInit, SimpleChanges, OnChanges, inject, DestroyRef, effect } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { DEFAULT_WATERMARK_CONFIG, DEFAULT_CANVAS_CONFIG } from './config';\nimport { MutationObserverFactory } from '@angular/cdk/observers';\nimport { coerceBooleanProperty } from 'ngx-tethys/util';\nimport { ThyThemeStore } from 'ngx-tethys/core';\n\n/**\n * @public\n * 水印样式配置\n */\nexport interface ThyCanvasConfigType {\n    /**\n     * 偏移角度\n     */\n    degree?: number;\n    /**\n     * 字体颜色。如果传的是数组，第一个为默认主题的字体颜色，第二个为黑暗主题的字体颜色\n     */\n    color?: string | string[];\n    /**\n     * 字体大小\n     */\n    fontSize?: number | string;\n    /**\n     * 文本行高\n     */\n    textLineHeight?: number;\n    /**\n     * 横纵间距\n     */\n    gutter?: number[];\n}\n\n/**\n * 水印指令\n * @name thyWatermark\n */\n@Directive({\n    selector: '[thyWatermark]',\n    standalone: true\n})\nexport class ThyWatermarkDirective implements OnInit, OnChanges {\n    private el = inject(ElementRef);\n\n    /**\n     * 是否禁用，默认为 false\n     */\n    @Input({ transform: coerceBooleanProperty })\n    thyDisabled: boolean = false;\n\n    content: string;\n    /**\n     * 水印内容\n     */\n    @Input()\n    set thyWatermark(value: string) {\n        value = value?.replace(/^\\\"|\\\"$/g, '');\n        this.content = !!value ? value : '';\n    }\n\n    /**\n     * 水印样式配置\n     */\n    @Input() thyCanvasConfig: ThyCanvasConfigType;\n\n    private createWatermark$ = new Subject<string>();\n\n    private observer: MutationObserver;\n\n    private canvas: HTMLCanvasElement;\n\n    private wmDiv: HTMLElement;\n\n    private readonly destroyRef = inject(DestroyRef);\n\n    private thyThemeStore = inject(ThyThemeStore);\n\n    constructor() {\n        effect(() => {\n            if (!this.thyDisabled && this.thyThemeStore.theme()) {\n                this.refreshWatermark();\n            }\n        });\n    }\n\n    ngOnInit() {\n        if (!this.thyDisabled) {\n            this.createWatermark$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                this.observeAttributes()\n                    .pipe(takeUntilDestroyed(this.destroyRef))\n                    .subscribe(() => {});\n            });\n\n            this.createWatermark();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        const { thyWatermark, thyDisabled } = changes;\n        const thyWatermarkChange = () => {\n            if (thyWatermark.firstChange) return;\n            if (thyWatermark.currentValue) {\n                this.refreshWatermark();\n            }\n        };\n        const thyDisabledChange = () => {\n            if (thyDisabled.firstChange) return;\n            thyDisabled?.currentValue ? this.removeWatermark() : this.refreshWatermark();\n        };\n        thyWatermark && thyWatermarkChange();\n        thyDisabled && thyDisabledChange();\n    }\n\n    private refreshWatermark() {\n        this.removeWatermark();\n        this.createWatermark();\n    }\n\n    private removeWatermark() {\n        if (this.wmDiv) {\n            this.wmDiv.remove();\n            this.wmDiv = null;\n        }\n    }\n\n    createCanvas() {\n        let { gutter, fontSize, color, degree, textLineHeight } = {\n            ...DEFAULT_CANVAS_CONFIG,\n            ...(this.thyCanvasConfig || {})\n        };\n        color = this.thyThemeStore.normalizeColor(color);\n\n        const [xGutter, yGutter] = gutter;\n        const canvas = document.createElement('canvas');\n        const ctx = canvas.getContext('2d');\n\n        const getFakeSize = () => {\n            const fakeBox = document.createElement('div');\n            const fakeBoxStyle = {\n                position: 'absolute',\n                top: 0,\n                left: 0,\n                display: 'inline-block',\n                'font-size': `${parseFloat('' + fontSize)}px`,\n                'word-wrap': 'break-word',\n                'font-family': 'inherit',\n                'white-space': 'pre-line'\n            };\n            const styleStr = Object.keys(fakeBoxStyle).reduce((pre, next) => ((pre += `${next}:${fakeBoxStyle[next]};`), pre), '');\n            fakeBox.setAttribute('style', styleStr);\n\n            fakeBox.innerHTML = this.content.replace(/(\\\\n)/gm, '</br>');\n            document.querySelector('body').insertBefore(fakeBox, document.querySelector('body').firstChild);\n            const { width, height } = fakeBox.getBoundingClientRect();\n            fakeBox.remove();\n            return { width, height };\n        };\n        const { width: fakeBoxWidth, height: fakeBoxHeight } = getFakeSize();\n\n        const angle = (degree * Math.PI) / 180;\n        const contentArr = this.content.split('\\\\n');\n        const canvasHeight = Math.sin(angle) * fakeBoxWidth + fakeBoxHeight;\n\n        let start = Math.ceil(Math.sin(angle) * fakeBoxWidth * Math.sin(angle));\n        const canvasWidth = start + fakeBoxWidth;\n        canvas.setAttribute('width', '' + (canvasWidth + xGutter));\n        canvas.setAttribute('height', '' + (canvasHeight + yGutter));\n\n        ctx.font = `${parseFloat('' + fontSize)}px microsoft yahei`;\n        ctx.textAlign = 'center';\n        ctx.textBaseline = 'top';\n        ctx.fillStyle = color;\n        ctx.rotate(0 - (degree * Math.PI) / 180);\n        contentArr.map((k, i) => {\n            ctx.fillText(k, -start + Math.ceil(canvasWidth / 2), Math.sin(angle) * canvasWidth + textLineHeight * i);\n            start += Math.sin(angle) * textLineHeight;\n        });\n        this.canvas = canvas;\n        return canvas;\n    }\n\n    private createWatermark(isRefresh = true) {\n        const watermarkDiv = this.wmDiv || document.createElement('div');\n\n        const background = !isRefresh ? this.canvas.toDataURL() : this.createCanvas().toDataURL();\n        const watermarkStyle = {\n            ...DEFAULT_WATERMARK_CONFIG,\n            'background-image': `url(${background})`\n        };\n\n        const styleStr = Object.keys(watermarkStyle).reduce((pre, next) => ((pre += `${next}:${watermarkStyle[next]};`), pre), '');\n        watermarkDiv.setAttribute('style', styleStr);\n\n        if (!this.wmDiv) {\n            const parentNode = this.el.nativeElement;\n            watermarkDiv.classList.add(`_vm`);\n            this.wmDiv = watermarkDiv;\n            parentNode.insertBefore(watermarkDiv, parentNode.firstChild);\n        }\n        this.createWatermark$.next('');\n    }\n\n    private observeAttributes() {\n        this.observer?.disconnect();\n        return new Observable(observe => {\n            const stream = new Subject<MutationRecord[]>();\n            this.observer = new MutationObserverFactory().create(mutations => stream.next(mutations));\n            if (this.observer) {\n                this.observer.observe(this.wmDiv, {\n                    attributes: true\n                });\n            }\n            stream.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {\n                if (this.wmDiv) {\n                    this?.observer?.disconnect();\n                    this.createWatermark(false);\n                }\n            });\n            observe.next(stream);\n            return () => {\n                this.observer?.disconnect();\n            };\n        });\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ThySharedModule } from 'ngx-tethys/shared';\nimport { ThyWatermarkDirective } from './watermark.directive';\n\n@NgModule({\n    imports: [CommonModule, ThySharedModule, ThyWatermarkDirective],\n    exports: [ThyWatermarkDirective],\n    providers: []\n})\nexport class ThyWatermarkModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-tethys.mjs

@@ -1,6 +1,6 @@
 import { Version } from '@angular/core';
 
-const VERSION = new Version('18.2.4');
+const VERSION = new Version('18.2.6');
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/ngx-tethys.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('18.2.4');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}
+{"version":3,"file":"ngx-tethys.mjs","sources":["../../../src/version.ts","../../../src/ngx-tethys.ts"],"sourcesContent":["import { Version } from '@angular/core';\n\nexport const VERSION = new Version('18.2.6');\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAEa,OAAO,GAAG,IAAI,OAAO,CAAC,QAAQ;;ACF3C;;AAEG;;;;"}

package/nav/styles/nav.scss

@@ -90,6 +90,7 @@
     .thy-nav-item {
         display: flex;
         align-items: center;
+        position: relative;
         padding: 12px 20px;
         margin-right: 0;
         border: 1px solid transparent;
@@ -115,17 +116,32 @@
                 border-bottom-color: variables.$bg-default;
                 border-bottom-width: 2px;
                 border-radius: 8px 8px 0 0;
+
+                &:first-child {
+                    margin-left: 20px;
+                }
+
+                &::before,
+                &::after {
+                    border: 1px solid variables.$border-color;
+                    position: absolute;
+                    bottom: -2px;
+                    width: 8px;
+                    height: 8px;
+                    content: '';
+                }
+
                 &::before {
                     left: -8px;
                     border-bottom-right-radius: 8px;
                     border-width: 0 1px 1px 0;
-                    box-shadow: 1px 2px 0 variables.$white;
+                    box-shadow: 1px 2px 0 variables.$bg-default;
                 }
                 &::after {
                     right: -8px;
                     border-bottom-left-radius: 8px;
                     border-width: 0 0 1px 1px;
-                    box-shadow: -1px 2px 0 variables.$white;
+                    box-shadow: -1px 2px 0 variables.$bg-default;
                 }
             }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-tethys",
-  "version": "18.2.4",
+  "version": "18.2.6",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/atinc/ngx-tethys.git"
@@ -531,7 +531,8 @@
     "@angular/core": "^18.0.0",
     "@angular/cdk": "^18.0.0",
     "@tethys/cdk": "^18.0.0-next.1",
-    "date-fns": "^2.6.0",
+    "date-fns": "4.1.0",
+    "@date-fns/tz": "1.2.0",
     "@tethys/icons": "^1.4.23",
     "rxjs": "^6.5.4 || ^7.0.0"
   },

package/schematics/ng-add/index.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.main = void 0;
-const tslib_1 = require("tslib");
 const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
 const workspace_1 = require("@schematics/angular/utility/workspace");
@@ -35,7 +34,7 @@ function addIconToWorkspace(projectName) {
     });
 }
 function main(options = {}) {
-    return (host, context) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+    return async (host, context) => {
         for (const pkg of Object.keys(dependencies_1.DEPENDENCIES)) {
             (0, utils_1.addPackageToPackageJson)(host, pkg, dependencies_1.DEPENDENCIES[pkg]);
         }
@@ -50,6 +49,6 @@ function main(options = {}) {
         }
         context.addTask(new tasks_1.NodePackageInstallTask());
         return (0, schematics_1.chain)([options.icon ? addIconToWorkspace(options.project) : (0, schematics_1.noop)(), addStyleToWorkspace(options.project)]);
-    });
+    };
 }
 exports.main = main;

package/schematics/ng-add/index.spec.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const testing_1 = require("@angular-devkit/schematics/testing");
 const dependencies_1 = require("../dependencies");
 const testing_2 = require("../testing");
@@ -11,11 +10,11 @@ describe('ng-add Schematic', () => {
     const baseOptions = { project: 'ngx-tethys-example' };
     const schematicRunner = new testing_1.SchematicTestRunner(baseOptions.project, require.resolve('../collection.json'));
     let workspaceTree;
-    beforeEach(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        tree = yield (0, testing_2.createTestApp)(schematicRunner, { name: baseOptions.project });
-    }));
-    it('should update package.json', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('ng-add', baseOptions, tree);
+    beforeEach(async () => {
+        tree = await (0, testing_2.createTestApp)(schematicRunner, { name: baseOptions.project });
+    });
+    it('should update package.json', async () => {
+        workspaceTree = await schematicRunner.runSchematic('ng-add', baseOptions, tree);
         const packageJson = (0, testing_2.getJsonFileContent)(workspaceTree, '/package.json');
         const dependencies = packageJson.dependencies;
         expect(dependencies['date-fns']).toEqual(dependencies_1.DEPENDENCIES['date-fns']);
@@ -23,31 +22,31 @@ describe('ng-add Schematic', () => {
         expect(dependencies['@angular/cdk']).toEqual(dependencies_1.DEPENDENCIES['@angular/cdk']);
         expect(dependencies['ngx-tethys']).toEqual(version_1.VERSION);
         expect(schematicRunner.tasks.some(task => task.name === 'node-package')).toBe(true);
-    }));
-    it('should respect version range from CLI ng-add command', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    });
+    it('should respect version range from CLI ng-add command', async () => {
         // Simulates the behavior of the CLI `ng add` command. The command inserts the
         // requested package version into the `package.json` before the actual schematic runs.
         (0, utils_1.addPackageToPackageJson)(tree, 'ngx-tethys', '^9.0.0');
-        workspaceTree = yield schematicRunner.runSchematic('ng-add', baseOptions, tree);
+        workspaceTree = await schematicRunner.runSchematic('ng-add', baseOptions, tree);
         const packageJson = (0, testing_2.getJsonFileContent)(workspaceTree, '/package.json');
         const dependencies = packageJson.dependencies;
         expect(dependencies['ngx-tethys']).toBe('^9.0.0');
         expect(schematicRunner.tasks.some(task => task.name === 'node-package')).toBe(true);
-    }));
-    it(`should add styles`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('ng-add', baseOptions, tree);
+    });
+    it(`should add styles`, async () => {
+        workspaceTree = await schematicRunner.runSchematic('ng-add', baseOptions, tree);
         const workspace = (0, testing_2.getJsonFileContent)(workspaceTree, '/angular.json');
         const existStyle = workspace.projects[baseOptions.project].architect.build.options.styles.includes('./node_modules/ngx-tethys/styles/index.scss');
         expect(existStyle).toBe(true);
-    }));
-    it(`should add styles in [ngx-tethys-chen] project`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('ng-add', baseOptions, tree);
+    });
+    it(`should add styles in [ngx-tethys-chen] project`, async () => {
+        workspaceTree = await schematicRunner.runSchematic('ng-add', baseOptions, tree);
         const workspace = (0, testing_2.getJsonFileContent)(workspaceTree, '/angular.json');
         const existStyle = workspace.projects[baseOptions.project].architect.build.options.styles.includes('./node_modules/ngx-tethys/styles/index.scss');
         expect(existStyle).toBe(true);
-    }));
-    it(`should add icons`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('ng-add', Object.assign(Object.assign({}, baseOptions), { icon: true }), tree);
+    });
+    it(`should add icons`, async () => {
+        workspaceTree = await schematicRunner.runSchematic('ng-add', { ...baseOptions, icon: true }, tree);
         const workspace = (0, testing_2.getJsonFileContent)(workspaceTree, '/angular.json');
         const existIcon = workspace.projects[baseOptions.project].architect.build.options.assets.find(a => typeof a === 'object' && a.input === './node_modules/@tethys/icons');
         expect(existIcon).toEqual({
@@ -55,9 +54,9 @@ describe('ng-add Schematic', () => {
             input: './node_modules/@tethys/icons',
             output: '/assets/icons/'
         });
-    }));
-    it(`should not icons`, () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('ng-add', Object.assign(Object.assign({}, baseOptions), { icon: false }), tree);
+    });
+    it(`should not icons`, async () => {
+        workspaceTree = await schematicRunner.runSchematic('ng-add', { ...baseOptions, icon: false }, tree);
         const workspace = (0, testing_2.getJsonFileContent)(workspaceTree, '/angular.json');
         const existIcon = workspace.projects[baseOptions.project].architect.build.options.assets.find(a => typeof a === 'object' && a.input === './node_modules/@tethys/icons');
         expect(existIcon).not.toEqual({
@@ -65,5 +64,5 @@ describe('ng-add Schematic', () => {
             input: './node_modules/@tethys/icons',
             output: '/assets/icons/'
         });
-    }));
+    });
 });

package/schematics/ng-update/update-18/index.spec.js

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const testing_1 = require("@angular-devkit/schematics/testing");
 const testing_2 = require("../../testing");
 describe('ng-update v18 Schematic', () => {
     let tree;
     const schematicRunner = new testing_1.SchematicTestRunner('migrations', require.resolve('../migration-collection.json'));
     let workspaceTree;
-    beforeEach(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+    beforeEach(async () => {
         const factory = (0, testing_2.createTestWorkspaceFactory)(schematicRunner);
-        yield factory.create();
-        yield factory.addApplication({ name: 'update-18-test' });
+        await factory.create();
+        await factory.addApplication({ name: 'update-18-test' });
         tree = factory.getTree();
-    }));
-    it('should update to ng v18', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('migration-v18', undefined, tree);
+    });
+    it('should update to ng v18', async () => {
+        workspaceTree = await schematicRunner.runSchematic('migration-v18', undefined, tree);
         const file = workspaceTree.get('package.json');
         expect(file.content.toString()).toBeTruthy();
         const packageJSON = JSON.parse(file.content.toString());
         expect(packageJSON['dependencies']['@angular/core']).toContain('^18.');
-    }));
+    });
 });

package/schematics/testing/test-app.js

@@ -1,12 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTestApp = void 0;
-const tslib_1 = require("tslib");
 const test_project_1 = require("./test-project");
 /** Create a base app used for testing. */
-function createTestApp(runner_1) {
-    return tslib_1.__awaiter(this, arguments, void 0, function* (runner, appOptions = {}, tree) {
-        return (0, test_project_1.createTestProject)(runner, 'application', appOptions, tree);
-    });
+async function createTestApp(runner, appOptions = {}, tree) {
+    return (0, test_project_1.createTestProject)(runner, 'application', appOptions, tree);
 }
 exports.createTestApp = createTestApp;

package/schematics/testing/test-project.js

@@ -8,16 +8,13 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTestProject = void 0;
-const tslib_1 = require("tslib");
 /** Create a base project used for testing. */
-function createTestProject(runner_1, projectType_1) {
-    return tslib_1.__awaiter(this, arguments, void 0, function* (runner, projectType, appOptions = {}, tree) {
-        const workspaceTree = yield runner.runExternalSchematic('@schematics/angular', 'workspace', {
-            name: 'workspace',
-            version: '6.0.0',
-            newProjectRoot: 'projects'
-        }, tree);
-        return runner.runExternalSchematic('@schematics/angular', projectType, Object.assign({ name: 'ngx-tethys' }, appOptions), workspaceTree);
-    });
+async function createTestProject(runner, projectType, appOptions = {}, tree) {
+    const workspaceTree = await runner.runExternalSchematic('@schematics/angular', 'workspace', {
+        name: 'workspace',
+        version: '6.0.0',
+        newProjectRoot: 'projects'
+    }, tree);
+    return runner.runExternalSchematic('@schematics/angular', projectType, { name: 'ngx-tethys', ...appOptions }, workspaceTree);
 }
 exports.createTestProject = createTestProject;

package/schematics/testing/test-workspace.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="node" />
+/// <reference types="node" />
 import { SchematicTestRunner, UnitTestTree } from '@angular-devkit/schematics/testing';
 export declare class TestWorkspaceFactory {
     runner: SchematicTestRunner;

package/schematics/testing/test-workspace.js

@@ -10,23 +10,22 @@ class TestWorkspaceFactory {
         this.runner = runner;
         this.hostTree = new schematics_1.HostTree();
     }
-    create(options) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this.tree = yield this.runner.runExternalSchematic('@schematics/angular', 'workspace', Object.assign({ name: 'test-workspace', version: '9.0.0', newProjectRoot: 'projects' }, options), this.hostTree);
-            return this.tree;
-        });
+    async create(options) {
+        this.tree = await this.runner.runExternalSchematic('@schematics/angular', 'workspace', {
+            name: 'test-workspace',
+            version: '9.0.0',
+            newProjectRoot: 'projects',
+            ...options
+        }, this.hostTree);
+        return this.tree;
     }
-    addApplication(options) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this.tree = yield this.runner.runExternalSchematic('@schematics/angular', 'application', options, this.tree);
-            return this.tree;
-        });
+    async addApplication(options) {
+        this.tree = await this.runner.runExternalSchematic('@schematics/angular', 'application', options, this.tree);
+        return this.tree;
     }
-    addLibrary(options) {
-        return tslib_1.__awaiter(this, void 0, void 0, function* () {
-            this.tree = yield this.runner.runExternalSchematic('@schematics/angular', 'library', options, this.tree);
-            return this.tree;
-        });
+    async addLibrary(options) {
+        this.tree = await this.runner.runExternalSchematic('@schematics/angular', 'library', options, this.tree);
+        return this.tree;
     }
     addNewFile(templatePath, content) {
         this.hostTree.create(templatePath, content);

package/schematics/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "outDir": "../dist/tethys/schematics",
     "rootDir": "./",
-    "target": "ES2015",
+    "target": "ES2020",
     "module": "commonjs",
     "declaration": true,
     "strict": false,

package/schematics/utils/get-workspace-tsconfig.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getWorkspaceAllTsconfig = void 0;
 function getWorkspaceAllTsconfig(json) {
-    var _a, _b, _c, _d;
     if (!json || !json.projects) {
         throw new Error('error angular.json');
     }
@@ -10,29 +9,29 @@ function getWorkspaceAllTsconfig(json) {
     for (const projectName in json.projects) {
         if (Object.prototype.hasOwnProperty.call(json.projects, projectName)) {
             const projectConfig = json.projects[projectName];
-            const buildConfig = (_a = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.architect) === null || _a === void 0 ? void 0 : _a.build;
-            if ((_b = buildConfig === null || buildConfig === void 0 ? void 0 : buildConfig.options) === null || _b === void 0 ? void 0 : _b.tsConfig) {
+            const buildConfig = projectConfig?.architect?.build;
+            if (buildConfig?.options?.tsConfig) {
                 list.push(buildConfig.options.tsConfig);
             }
-            if (buildConfig === null || buildConfig === void 0 ? void 0 : buildConfig.configurations) {
+            if (buildConfig?.configurations) {
                 for (const configName in buildConfig.configurations) {
                     if (Object.prototype.hasOwnProperty.call(buildConfig.configurations, configName)) {
                         const element = buildConfig.configurations[configName];
-                        if (element === null || element === void 0 ? void 0 : element.tsConfig) {
+                        if (element?.tsConfig) {
                             list.push(element.tsConfig);
                         }
                     }
                 }
             }
-            const testConfig = (_c = projectConfig === null || projectConfig === void 0 ? void 0 : projectConfig.architect) === null || _c === void 0 ? void 0 : _c.test;
-            if ((_d = testConfig === null || testConfig === void 0 ? void 0 : testConfig.options) === null || _d === void 0 ? void 0 : _d.tsConfig) {
+            const testConfig = projectConfig?.architect?.test;
+            if (testConfig?.options?.tsConfig) {
                 list.push(testConfig.options.tsConfig);
             }
-            if (testConfig === null || testConfig === void 0 ? void 0 : testConfig.configurations) {
+            if (testConfig?.configurations) {
                 for (const configName in testConfig.configurations) {
                     if (Object.prototype.hasOwnProperty.call(testConfig.configurations, configName)) {
                         const element = testConfig.configurations[configName];
-                        if (element === null || element === void 0 ? void 0 : element.tsConfig) {
+                        if (element?.tsConfig) {
                             list.push(element.tsConfig);
                         }
                     }

package/schematics/utils/package-config.js

@@ -29,11 +29,10 @@ function addPackageToPackageJson(host, pkg, version) {
 exports.addPackageToPackageJson = addPackageToPackageJson;
 /** Gets the version of the specified package by looking at the package.json in the given tree. */
 function getPackageVersionFromPackageJson(tree, name) {
-    var _a, _b;
     if (!tree.exists('package.json')) {
         return null;
     }
     const packageJson = JSON.parse(tree.read('package.json').toString('utf8'));
-    return (_b = (_a = packageJson.dependencies) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : null;
+    return packageJson.dependencies?.[name] ?? null;
 }
 exports.getPackageVersionFromPackageJson = getPackageVersionFromPackageJson;

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "18.2.4";
+export declare const VERSION = "18.2.6";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '18.2.4';
+exports.VERSION = '18.2.6';

package/time-picker/inner/inner-time-picker.store.d.ts

@@ -1,5 +1,5 @@
 import { MiniStore } from 'ngx-tethys/core';
-import { TimeChangeEvent, TimePickerComponentState, Time, TimePickerControls } from './inner-time-picker.class';
+import { Time, TimeChangeEvent, TimePickerComponentState, TimePickerControls } from './inner-time-picker.class';
 import * as i0 from "@angular/core";
 export interface TimePickerState {
     value: Date;

package/util/date/functions.d.ts

@@ -7,6 +7,9 @@ export declare const differenceInWeeks: typeof dateFns.differenceInWeeks;
 export declare const differenceInHours: typeof dateFns.differenceInHours;
 export declare const differenceInMinutes: typeof dateFns.differenceInMinutes;
 export declare const differenceInSeconds: typeof dateFns.differenceInSeconds;
+export declare const differenceInDays: typeof dateFns.differenceInDays;
+export declare const differenceInMonths: typeof dateFns.differenceInMonths;
+export declare const differenceInYears: typeof dateFns.differenceInYears;
 export declare const isSameDay: typeof dateFns.isSameDay;
 export declare const isSameHour: typeof dateFns.isSameHour;
 export declare const isSameMinute: typeof dateFns.isSameMinute;
@@ -17,12 +20,14 @@ export declare const isSameQuarter: typeof dateFns.isSameQuarter;
 export declare const isToday: typeof dateFns.isToday;
 export declare const isTomorrow: typeof dateFns.isTomorrow;
 export declare const isValid: typeof dateFns.isValid;
+export declare const isAfter: typeof dateFns.isAfter;
 export declare const setYear: typeof dateFns.setYear;
 export declare const startOfMonth: typeof dateFns.startOfMonth;
 export declare const startOfWeek: typeof dateFns.startOfWeek;
 export declare const addMonths: typeof dateFns.addMonths;
 export declare const addYears: typeof dateFns.addYears;
 export declare const setDay: typeof dateFns.setDay;
+export declare const setDate: typeof dateFns.setDate;
 export declare const setMonth: typeof dateFns.setMonth;
 export declare const setQuarter: typeof dateFns.setQuarter;
 export declare const getUnixTime: typeof dateFns.getUnixTime;
@@ -30,7 +35,15 @@ export declare const startOfDay: typeof dateFns.startOfDay;
 export declare const endOfDay: typeof dateFns.endOfDay;
 export declare const fromUnixTime: typeof dateFns.fromUnixTime;
 export declare const isWeekend: typeof dateFns.isWeekend;
+export declare const getTime: typeof dateFns.getTime;
+export declare const getDay: typeof dateFns.getDay;
 export declare const getWeek: typeof dateFns.getWeek;
+export declare const getMonth: typeof dateFns.getMonth;
+export declare const getYear: typeof dateFns.getYear;
+export declare const getDate: typeof dateFns.getDate;
+export declare const getHours: typeof dateFns.getHours;
+export declare const getMinutes: typeof dateFns.getMinutes;
+export declare const getSeconds: typeof dateFns.getSeconds;
 export declare const getDaysInMonth: typeof dateFns.getDaysInMonth;
 export declare const addSeconds: typeof dateFns.addSeconds;
 export declare const addMinutes: typeof dateFns.addMinutes;
@@ -39,10 +52,16 @@ export declare const addWeeks: typeof dateFns.addWeeks;
 export declare const addQuarters: typeof dateFns.addQuarters;
 export declare const startOfQuarter: typeof dateFns.startOfQuarter;
 export declare const startOfYear: typeof dateFns.startOfYear;
+export declare const startOfMinute: typeof dateFns.startOfMinute;
+export declare const startOfHour: typeof dateFns.startOfHour;
+export declare const startOfISOWeek: typeof dateFns.startOfISOWeek;
+export declare const endOfMinute: typeof dateFns.endOfMinute;
+export declare const endOfHour: typeof dateFns.endOfHour;
 export declare const endOfWeek: typeof dateFns.endOfWeek;
 export declare const endOfMonth: typeof dateFns.endOfMonth;
 export declare const endOfQuarter: typeof dateFns.endOfQuarter;
 export declare const endOfYear: typeof dateFns.endOfYear;
+export declare const endOfISOWeek: typeof dateFns.endOfISOWeek;
 export declare const format: typeof dateFns.format;
 export declare const getQuarter: typeof dateFns.getQuarter;
 export declare const addDays: typeof dateFns.addDays;
@@ -56,3 +75,9 @@ export declare const subWeeks: typeof dateFns.subWeeks;
 export declare const subMonths: typeof dateFns.subMonths;
 export declare const subQuarters: typeof dateFns.subQuarters;
 export declare const subYears: typeof dateFns.subYears;
+export declare const eachDayOfInterval: typeof dateFns.eachDayOfInterval;
+export declare const eachWeekOfInterval: typeof dateFns.eachWeekOfInterval;
+export declare const eachMonthOfInterval: typeof dateFns.eachMonthOfInterval;
+export declare const eachYearOfInterval: typeof dateFns.eachYearOfInterval;
+export declare const eachHourOfInterval: typeof dateFns.eachHourOfInterval;
+export declare const setDefaultOptions: typeof dateFns.setDefaultOptions;

package/util/date/tiny-date.d.ts

@@ -1,17 +1,24 @@
-import { Locale } from 'date-fns';
+import { FirstWeekContainsDate, Locale } from 'date-fns';
 export type TinyDateCompareGrain = 'decade' | 'year' | 'quarter' | 'month' | 'week' | 'day' | 'hour' | 'minute' | 'second';
 export type WeekDayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export type TinyDateType = TinyDate | Date | null;
 export declare function sortRangeValue(rangeValue: TinyDate[]): TinyDate[];
+export declare const DEFAULT_TIMEZONE = "Asia/Shanghai";
 export declare class TinyDate implements Record<string, any> {
     nativeDate: Date;
-    constructor(date?: Date | string | number);
-    static fromUnixTime(unixTime: number): TinyDate;
+    private useTimeZone;
+    protected static defaultTimeZone: string;
+    constructor(date?: Date | string | number, zone?: string);
+    static setDefaultTimeZone(zone: string): void;
+    static utcToZonedTime(value: Date | number, timeZone?: string): Date;
+    static createDateInTimeZone(year: number, month: number, day: number, hours: number, minutes: number, seconds: number, timeZone?: string): Date;
+    static fromUnixTime(unixTime: number, timeZone?: string): TinyDate;
     getTime(): number;
     getDate(): number;
     getYear(): number;
     getQuarter(): number;
     getMonth(): number;
+    getFullYear(): number;
     getWeek(options?: {
         locale?: Locale;
         weekStartsOn?: WeekDayIndex;
@@ -31,6 +38,9 @@ export declare class TinyDate implements Record<string, any> {
     setDay(day: number, options?: {
         weekStartsOn: WeekDayIndex;
     }): TinyDate;
+    setHours(hours: number): TinyDate;
+    setMinutes(minutes: number): TinyDate;
+    setSeconds(seconds: number): TinyDate;
     addYears(amount: number): TinyDate;
     addQuarters(amount: number): TinyDate;
     addMonths(amount: number): TinyDate;
@@ -86,7 +96,7 @@ export declare class TinyDate implements Record<string, any> {
     format(mat: string, options?: {
         locale?: Locale;
         weekStartsOn?: WeekDayIndex;
-        firstWeekContainsDate?: number;
+        firstWeekContainsDate?: FirstWeekContainsDate;
         useAdditionalWeekYearTokens?: boolean;
         useAdditionalDayOfYearTokens?: boolean;
     }): string;
@@ -97,4 +107,10 @@ export declare class TinyDate implements Record<string, any> {
     getUnixTime(): number;
     compare(date: TinyDateType, grain?: TinyDateCompareGrain, isBefore?: boolean): boolean;
     private toNativeDate;
+    startOfISOWeek(): TinyDate;
+    endOfISOWeek(): TinyDate;
+    differenceInDays(date: Date): number;
+    differenceInHours(date: Date): number;
+    subWeeks(amount: number): TinyDate;
+    subDays(amount: number): TinyDate;
 }