@delon/theme 12.4.2 → 13.1.0

package/fesm2015/layout-theme-btn.js

@@ -1,129 +0,0 @@
-import { Directionality } from '@angular/cdk/bidi';
-import { Platform } from '@angular/cdk/platform';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { InjectionToken, isDevMode, Component, ChangeDetectionStrategy, Renderer2, Inject, Optional, Input, NgModule } from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { AlainConfigService } from '@delon/util/config';
-import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
-import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
-
-const ALAIN_THEME_BTN_KEYS = new InjectionToken('ALAIN_THEME_BTN_KEYS');
-class ThemeBtnComponent {
-    constructor(renderer, configSrv, platform, doc, directionality, KEYS) {
-        this.renderer = renderer;
-        this.configSrv = configSrv;
-        this.platform = platform;
-        this.doc = doc;
-        this.directionality = directionality;
-        this.KEYS = KEYS;
-        this.theme = 'default';
-        this.isDev = isDevMode();
-        this.types = [
-            { key: 'default', text: 'Default Theme' },
-            { key: 'dark', text: 'Dark Theme' },
-            { key: 'compact', text: 'Compact Theme' }
-        ];
-        this.devTips = `When the dark.css file can't be found, you need to run it once: npm run theme`;
-        this.deployUrl = '';
-        this.destroy$ = new Subject();
-        this.dir = 'ltr';
-    }
-    ngOnInit() {
-        var _a;
-        this.dir = this.directionality.value;
-        (_a = this.directionality.change) === null || _a === void 0 ? void 0 : _a.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
-            this.dir = direction;
-        });
-        this.initTheme();
-    }
-    initTheme() {
-        if (!this.platform.isBrowser) {
-            return;
-        }
-        this.theme = localStorage.getItem(this.KEYS) || 'default';
-        this.updateChartTheme();
-        this.onThemeChange(this.theme);
-    }
-    updateChartTheme() {
-        this.configSrv.set('chart', { theme: this.theme === 'dark' ? 'dark' : '' });
-    }
-    onThemeChange(theme) {
-        if (!this.platform.isBrowser) {
-            return;
-        }
-        this.theme = theme;
-        this.renderer.setAttribute(this.doc.body, 'data-theme', theme);
-        const dom = this.doc.getElementById(this.KEYS);
-        if (dom) {
-            dom.remove();
-        }
-        localStorage.removeItem(this.KEYS);
-        if (theme !== 'default') {
-            const el = this.doc.createElement('link');
-            el.type = 'text/css';
-            el.rel = 'stylesheet';
-            el.id = this.KEYS;
-            el.href = `${this.deployUrl}assets/style.${theme}.css`;
-            localStorage.setItem(this.KEYS, theme);
-            this.doc.body.append(el);
-        }
-        this.updateChartTheme();
-    }
-    ngOnDestroy() {
-        const el = this.doc.getElementById(this.KEYS);
-        if (el != null) {
-            this.doc.body.removeChild(el);
-        }
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-ThemeBtnComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'theme-btn',
-                template: "<div\n  class=\"ant-avatar ant-avatar-circle ant-avatar-icon\"\n  nz-dropdown\n  nzPlacement=\"topCenter\"\n  [nzDropdownMenu]=\"types.length > 0 ? menu : null\"\n>\n  <svg\n    nz-tooltip\n    [nzTooltipTitle]=\"isDev ? devTips : null\"\n    class=\"anticon\"\n    role=\"img\"\n    width=\"21\"\n    height=\"21\"\n    viewBox=\"0 0 21 21\"\n    fill=\"currentColor\"\n  >\n    <g fill-rule=\"evenodd\">\n      <g fill-rule=\"nonzero\">\n        <path\n          d=\"M7.02 3.635l12.518 12.518a1.863 1.863 0 010 2.635l-1.317 1.318a1.863 1.863 0 01-2.635 0L3.068 7.588A2.795 2.795 0 117.02 3.635zm2.09 14.428a.932.932 0 110 1.864.932.932 0 010-1.864zm-.043-9.747L7.75 9.635l9.154 9.153 1.318-1.317-9.154-9.155zM3.52 12.473c.514 0 .931.417.931.931v.932h.932a.932.932 0 110 1.864h-.932v.931a.932.932 0 01-1.863 0l-.001-.931h-.93a.932.932 0 010-1.864h.93v-.932c0-.514.418-.931.933-.931zm15.374-3.727a1.398 1.398 0 110 2.795 1.398 1.398 0 010-2.795zM4.385 4.953a.932.932 0 000 1.317l2.046 2.047L7.75 7 5.703 4.953a.932.932 0 00-1.318 0zM14.701.36a.932.932 0 01.931.932v.931h.932a.932.932 0 010 1.864h-.933l.001.932a.932.932 0 11-1.863 0l-.001-.932h-.93a.932.932 0 110-1.864h.93v-.931a.932.932 0 01.933-.932z\"\n        ></path>\n      </g>\n    </g>\n  </svg>\n  <nz-dropdown-menu #menu=\"nzDropdownMenu\">\n    <ul nz-menu nzSelectable>\n      <li nz-menu-item *ngFor=\"let i of types\" (click)=\"onThemeChange(i.key)\">{{ i.text }}</li>\n    </ul>\n  </nz-dropdown-menu>\n</div>\n",
-                host: {
-                    '[class.theme-btn]': `true`,
-                    '[class.theme-btn-rtl]': `dir === 'rtl'`
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-ThemeBtnComponent.ctorParameters = () => [
-    { type: Renderer2 },
-    { type: AlainConfigService },
-    { type: Platform },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: Directionality, decorators: [{ type: Optional }] },
-    { type: String, decorators: [{ type: Inject, args: [ALAIN_THEME_BTN_KEYS,] }] }
-];
-ThemeBtnComponent.propDecorators = {
-    types: [{ type: Input }],
-    devTips: [{ type: Input }],
-    deployUrl: [{ type: Input }]
-};
-
-const COMPONENTS = [ThemeBtnComponent];
-class ThemeBtnModule {
-}
-ThemeBtnModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, NzDropDownModule, NzToolTipModule],
-                providers: [
-                    {
-                        provide: ALAIN_THEME_BTN_KEYS,
-                        useValue: 'site-theme'
-                    }
-                ],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ALAIN_THEME_BTN_KEYS, ThemeBtnComponent, ThemeBtnModule };
-//# sourceMappingURL=layout-theme-btn.js.map

package/fesm2015/layout-theme-btn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-theme-btn.js","sources":["../../../../packages/theme/theme-btn/theme-btn.component.ts","../../../../packages/theme/theme-btn/theme-btn.module.ts","../../../../packages/theme/theme-btn/layout-theme-btn.ts"],"sourcesContent":["import { Direction, Directionality } from '@angular/cdk/bidi';\nimport { Platform } from '@angular/cdk/platform';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Inject,\n  InjectionToken,\n  Input,\n  isDevMode,\n  OnDestroy,\n  OnInit,\n  Optional,\n  Renderer2\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { AlainConfigService } from '@delon/util/config';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nexport interface ThemeBtnType {\n  key: string;\n  text: string;\n}\n\nexport const ALAIN_THEME_BTN_KEYS = new InjectionToken<string>('ALAIN_THEME_BTN_KEYS');\n\n@Component({\n  selector: 'theme-btn',\n  templateUrl: './theme-btn.component.html',\n  host: {\n    '[class.theme-btn]': `true`,\n    '[class.theme-btn-rtl]': `dir === 'rtl'`\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ThemeBtnComponent implements OnInit, OnDestroy {\n  private theme = 'default';\n  isDev = isDevMode();\n  @Input() types: ThemeBtnType[] = [\n    { key: 'default', text: 'Default Theme' },\n    { key: 'dark', text: 'Dark Theme' },\n    { key: 'compact', text: 'Compact Theme' }\n  ];\n  @Input() devTips = `When the dark.css file can't be found, you need to run it once: npm run theme`;\n  @Input() deployUrl = '';\n  private destroy$ = new Subject<void>();\n  dir: Direction = 'ltr';\n\n  constructor(\n    private renderer: Renderer2,\n    private configSrv: AlainConfigService,\n    private platform: Platform,\n    @Inject(DOCUMENT) private doc: NzSafeAny,\n    @Optional() private directionality: Directionality,\n    @Inject(ALAIN_THEME_BTN_KEYS) private KEYS: string\n  ) {}\n\n  ngOnInit(): void {\n    this.dir = this.directionality.value;\n    this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction: Direction) => {\n      this.dir = direction;\n    });\n    this.initTheme();\n  }\n\n  private initTheme(): void {\n    if (!this.platform.isBrowser) {\n      return;\n    }\n    this.theme = localStorage.getItem(this.KEYS) || 'default';\n    this.updateChartTheme();\n    this.onThemeChange(this.theme);\n  }\n\n  private updateChartTheme(): void {\n    this.configSrv.set('chart', { theme: this.theme === 'dark' ? 'dark' : '' });\n  }\n\n  onThemeChange(theme: string): void {\n    if (!this.platform.isBrowser) {\n      return;\n    }\n    this.theme = theme;\n    this.renderer.setAttribute(this.doc.body, 'data-theme', theme);\n    const dom = this.doc.getElementById(this.KEYS);\n    if (dom) {\n      dom.remove();\n    }\n    localStorage.removeItem(this.KEYS);\n    if (theme !== 'default') {\n      const el = this.doc.createElement('link');\n      el.type = 'text/css';\n      el.rel = 'stylesheet';\n      el.id = this.KEYS;\n      el.href = `${this.deployUrl}assets/style.${theme}.css`;\n\n      localStorage.setItem(this.KEYS, theme);\n      this.doc.body.append(el);\n    }\n    this.updateChartTheme();\n  }\n\n  ngOnDestroy(): void {\n    const el = this.doc.getElementById(this.KEYS);\n    if (el != null) {\n      this.doc.body.removeChild(el);\n    }\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { NzDropDownModule } from 'ng-zorro-antd/dropdown';\nimport { NzToolTipModule } from 'ng-zorro-antd/tooltip';\n\nimport { ALAIN_THEME_BTN_KEYS, ThemeBtnComponent } from './theme-btn.component';\n\nconst COMPONENTS = [ThemeBtnComponent];\n\n@NgModule({\n  imports: [CommonModule, NzDropDownModule, NzToolTipModule],\n  providers: [\n    {\n      provide: ALAIN_THEME_BTN_KEYS,\n      useValue: 'site-theme'\n    }\n  ],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class ThemeBtnModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2015/setting-drawer.js

@@ -1,448 +0,0 @@
-import { Component, Input, isDevMode, ChangeDetectionStrategy, ChangeDetectorRef, NgZone, Inject, Optional, NgModule } from '@angular/core';
-import { __awaiter, __decorate } from 'tslib';
-import { Directionality } from '@angular/cdk/bidi';
-import { DOCUMENT, CommonModule } from '@angular/common';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { SettingsService } from '@delon/theme';
-import { copy } from '@delon/util/browser';
-import { InputBoolean, ZoneOutside } from '@delon/util/decorator';
-import { deepCopy, LazyService } from '@delon/util/other';
-import { NzMessageService } from 'ng-zorro-antd/message';
-import { FormsModule } from '@angular/forms';
-import { NzAlertModule } from 'ng-zorro-antd/alert';
-import { NzButtonModule } from 'ng-zorro-antd/button';
-import { NzDividerModule } from 'ng-zorro-antd/divider';
-import { NzDrawerModule } from 'ng-zorro-antd/drawer';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-import { NzInputModule } from 'ng-zorro-antd/input';
-import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
-import { NzSwitchModule } from 'ng-zorro-antd/switch';
-import { NzTabsModule } from 'ng-zorro-antd/tabs';
-import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
-
-class SettingDrawerItemComponent {
-    constructor() {
-        this.i = {};
-        this.pxVal = 0;
-        this.format = (value) => `${value} px`;
-    }
-    set data(val) {
-        this.i = val;
-        if (val.type === 'px') {
-            this.pxVal = +val.value.replace('px', '');
-        }
-    }
-    pxChange(val) {
-        this.i.value = `${val}px`;
-    }
-}
-SettingDrawerItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'setting-drawer-item',
-                template: "<span>\n  {{ i.label }}\n  <span class=\"pl-sm text-grey\">{{ i.tip }}</span>\n</span>\n<div [ngSwitch]=\"i.type\">\n  <ng-container *ngSwitchCase=\"'color'\">\n    <input\n      nz-input\n      type=\"color\"\n      style=\"min-width: 88px\"\n      [(ngModel)]=\"i.value\"\n      [ngModelOptions]=\"{ standalone: true }\"\n    />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'input'\">\n    <input nz-input style=\"min-width: 88px\" [(ngModel)]=\"i.value\" [ngModelOptions]=\"{ standalone: true }\" />\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'px'\">\n    <nz-input-number\n      [(ngModel)]=\"pxVal\"\n      (ngModelChange)=\"pxChange($event)\"\n      [nzMin]=\"i.min\"\n      [nzMax]=\"i.max\"\n      [nzStep]=\"i.step || 2\"\n      [nzFormatter]=\"format\"\n    ></nz-input-number>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"'switch'\">\n    <nz-switch nzSize=\"small\" [(ngModel)]=\"i.value\" [ngModelOptions]=\"{ standalone: true }\"></nz-switch>\n  </ng-container>\n  <ng-container *ngSwitchDefault>\n    <ng-template nzDrawerContent></ng-template>\n  </ng-container>\n</div>\n",
-                host: {
-                    '[class.setting-drawer__body-item]': 'true'
-                }
-            },] }
-];
-SettingDrawerItemComponent.propDecorators = {
-    data: [{ type: Input }]
-};
-
-const ALAINDEFAULTVAR = 'alain-default-vars';
-const DEFAULT_COLORS = [
-    {
-        key: 'dust',
-        color: '#F5222D'
-    },
-    {
-        key: 'volcano',
-        color: '#FA541C'
-    },
-    {
-        key: 'sunset',
-        color: '#FAAD14'
-    },
-    {
-        key: 'cyan',
-        color: '#13C2C2'
-    },
-    {
-        key: 'green',
-        color: '#52C41A'
-    },
-    {
-        key: 'daybreak',
-        color: '#1890ff'
-    },
-    {
-        key: 'geekblue',
-        color: '#2F54EB'
-    },
-    {
-        key: 'purple',
-        color: '#722ED1'
-    },
-    {
-        key: 'black',
-        color: '#001529'
-    }
-];
-const DEFAULT_VARS = {
-    'primary-color': { label: '主颜色', type: 'color', default: '#1890ff' },
-    'alain-default-header-hg': {
-        label: '高',
-        type: 'px',
-        default: '64px',
-        max: 300,
-        min: 24
-    },
-    'alain-default-header-bg': {
-        label: '背景色',
-        type: 'color',
-        default: '@primary-color',
-        tip: '默认同主色系'
-    },
-    'alain-default-header-padding': {
-        label: '顶部左右内边距',
-        type: 'px',
-        default: '16px'
-    },
-    // 侧边栏
-    'alain-default-aside-wd': { label: '宽度', type: 'px', default: '200px' },
-    'alain-default-aside-bg': {
-        label: '背景',
-        type: 'color',
-        default: '#ffffff'
-    },
-    'alain-default-aside-collapsed-wd': {
-        label: '收缩宽度',
-        type: 'px',
-        default: '64px'
-    },
-    'alain-default-aside-nav-padding-top-bottom': {
-        label: '项上下内边距',
-        type: 'px',
-        default: '8px',
-        step: 8
-    },
-    // 主菜单
-    'alain-default-aside-nav-fs': {
-        label: '菜单字号',
-        type: 'px',
-        default: '14px',
-        min: 14,
-        max: 30
-    },
-    'alain-default-aside-collapsed-nav-fs': {
-        label: '收缩菜单字号',
-        type: 'px',
-        default: '24px',
-        min: 24,
-        max: 32
-    },
-    'alain-default-aside-nav-item-height': {
-        label: '菜单项高度',
-        type: 'px',
-        default: '38px',
-        min: 24,
-        max: 64
-    },
-    'alain-default-aside-nav-text-color': {
-        label: '菜单文本颜色',
-        type: 'color',
-        default: 'rgba(0, 0, 0, 0.65)',
-        rgba: true
-    },
-    'alain-default-aside-nav-text-hover-color': {
-        label: '菜单文本悬停颜色',
-        type: 'color',
-        default: '@primary-color',
-        tip: '默认同主色系'
-    },
-    'alain-default-aside-nav-group-text-color': {
-        label: '菜单分组文本颜色',
-        type: 'color',
-        default: 'rgba(0, 0, 0, 0.43)',
-        rgba: true
-    },
-    'alain-default-aside-nav-selected-text-color': {
-        label: '菜单激活时文本颜色',
-        type: 'color',
-        default: '@primary-color',
-        tip: '默认同主色系'
-    },
-    'alain-default-aside-nav-selected-bg': {
-        label: '菜单激活时背景颜色',
-        type: 'color',
-        default: '#fcfcfc'
-    },
-    // 内容
-    'alain-default-content-bg': {
-        label: '背景色',
-        type: 'color',
-        default: '#f5f7fa'
-    },
-    'alain-default-content-heading-bg': {
-        label: '标题背景色',
-        type: 'color',
-        default: '#fafbfc'
-    },
-    'alain-default-content-heading-border': {
-        label: '标题底部边框色',
-        type: 'color',
-        default: '#efe3e5'
-    },
-    'alain-default-content-padding': {
-        label: '内边距',
-        type: 'px',
-        default: '24px',
-        min: 0,
-        max: 128,
-        step: 8
-    },
-    // zorro组件修正
-    'form-state-visual-feedback-enabled': {
-        label: '开启表单元素的视觉反馈',
-        type: 'switch',
-        default: true
-    },
-    'preserve-white-spaces-enabled': {
-        label: '开启 preserveWhitespaces',
-        type: 'switch',
-        default: true
-    },
-    'nz-table-img-radius': {
-        label: '表格中：图片圆角',
-        type: 'px',
-        default: '4px',
-        min: 0,
-        max: 128
-    },
-    'nz-table-img-margin-right': {
-        label: '表格中：图片右外边距',
-        type: 'px',
-        default: '4px',
-        min: 0,
-        max: 128
-    },
-    'nz-table-img-max-width': {
-        label: '表格中：图片最大宽度',
-        type: 'px',
-        default: '32px',
-        min: 8,
-        max: 128
-    },
-    'nz-table-img-max-height': {
-        label: '表格中：图片最大高度',
-        type: 'px',
-        default: '32px',
-        min: 8,
-        max: 128
-    }
-};
-
-class SettingDrawerComponent {
-    constructor(cdr, msg, settingSrv, lazy, ngZone, doc, directionality) {
-        this.cdr = cdr;
-        this.msg = msg;
-        this.settingSrv = settingSrv;
-        this.lazy = lazy;
-        this.ngZone = ngZone;
-        this.doc = doc;
-        this.directionality = directionality;
-        this.autoApplyColor = true;
-        this.compilingText = 'Compiling...';
-        this.devTips = `When the color can't be switched, you need to run it once: npm run color-less`;
-        this.loadedLess = false;
-        this.destroy$ = new Subject();
-        this.dir = 'ltr';
-        this.isDev = isDevMode();
-        this.collapse = false;
-        this.data = {};
-        this.colors = DEFAULT_COLORS;
-        this.color = this.cachedData['@primary-color'] || this.DEFAULT_PRIMARY;
-        this.resetData(this.cachedData, false);
-    }
-    get layout() {
-        return this.settingSrv.layout;
-    }
-    get cachedData() {
-        return this.settingSrv.layout[ALAINDEFAULTVAR] || {};
-    }
-    get DEFAULT_PRIMARY() {
-        return DEFAULT_VARS['primary-color'].default;
-    }
-    ngOnInit() {
-        var _a;
-        this.dir = this.directionality.value;
-        (_a = this.directionality.change) === null || _a === void 0 ? void 0 : _a.pipe(takeUntil(this.destroy$)).subscribe((direction) => {
-            this.dir = direction;
-        });
-        if (this.autoApplyColor && this.color !== this.DEFAULT_PRIMARY) {
-            this.changeColor(this.color);
-            this.runLess();
-        }
-    }
-    loadLess() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.loadedLess) {
-                return Promise.resolve();
-            }
-            return this.lazy
-                .loadStyle('./assets/color.less', 'stylesheet/less')
-                .then(() => {
-                const lessConfigNode = this.doc.createElement('script');
-                lessConfigNode.innerHTML = `
-          window.less = {
-            async: true,
-            env: 'production',
-            javascriptEnabled: true
-          };
-        `;
-                this.doc.body.appendChild(lessConfigNode);
-            })
-                .then(() => this.lazy.loadScript('https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js'))
-                .then(() => {
-                this.loadedLess = true;
-            });
-        });
-    }
-    genVars() {
-        const { data, color, validKeys } = this;
-        const vars = {
-            [`@primary-color`]: color
-        };
-        validKeys.filter(key => key !== 'primary-color').forEach(key => (vars[`@${key}`] = data[key].value));
-        this.setLayout(ALAINDEFAULTVAR, vars);
-        return vars;
-    }
-    runLess() {
-        const { ngZone, msg, cdr } = this;
-        const msgId = msg.loading(this.compilingText, { nzDuration: 0 }).messageId;
-        setTimeout(() => {
-            this.loadLess().then(() => {
-                window.less.modifyVars(this.genVars()).then(() => {
-                    msg.success('成功');
-                    msg.remove(msgId);
-                    ngZone.run(() => cdr.detectChanges());
-                });
-            });
-        }, 200);
-    }
-    toggle() {
-        this.collapse = !this.collapse;
-    }
-    changeColor(color) {
-        this.color = color;
-        Object.keys(DEFAULT_VARS)
-            .filter(key => DEFAULT_VARS[key].default === '@primary-color')
-            .forEach(key => delete this.cachedData[`@${key}`]);
-        this.resetData(this.cachedData, false);
-    }
-    setLayout(name, value) {
-        this.settingSrv.setLayout(name, value);
-    }
-    resetData(nowData, run = true) {
-        nowData = nowData || {};
-        const data = deepCopy(DEFAULT_VARS);
-        Object.keys(data).forEach(key => {
-            const value = nowData[`@${key}`] || data[key].default || '';
-            data[key].value = value === `@primary-color` ? this.color : value;
-        });
-        this.data = data;
-        if (run) {
-            this.cdr.detectChanges();
-            this.runLess();
-        }
-    }
-    get validKeys() {
-        return Object.keys(this.data).filter(key => this.data[key].value !== this.data[key].default);
-    }
-    apply() {
-        this.runLess();
-    }
-    reset() {
-        this.color = this.DEFAULT_PRIMARY;
-        this.settingSrv.setLayout(ALAINDEFAULTVAR, {});
-        this.resetData({});
-    }
-    copyVar() {
-        const vars = this.genVars();
-        const copyContent = Object.keys(vars)
-            .map(key => `${key}: ${vars[key]};`)
-            .join('\n');
-        copy(copyContent);
-        this.msg.success('Copy success');
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}
-SettingDrawerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'setting-drawer',
-                template: "<nz-drawer\n  [nzVisible]=\"collapse\"\n  [nzPlacement]=\"dir === 'rtl' ? 'left' : 'right'\"\n  [nzWidth]=\"500\"\n  (nzOnClose)=\"toggle()\"\n>\n  <div *nzDrawerContent class=\"setting-drawer__content\">\n    <div class=\"setting-drawer__body setting-drawer__theme\">\n      <h3 class=\"setting-drawer__title\">\u4E3B\u9898\u8272</h3>\n      <span\n        *ngFor=\"let c of colors\"\n        [style]=\"{ 'background-color': c.color }\"\n        (click)=\"changeColor(c.color)\"\n        nz-tooltip\n        [nzTooltipTitle]=\"c.key\"\n        class=\"setting-drawer__theme-tag\"\n      >\n        <i *ngIf=\"color === c.color\" nz-icon nzType=\"check\"></i>\n      </span>\n    </div>\n    <nz-divider></nz-divider>\n    <div class=\"setting-drawer__body\">\n      <h3 class=\"setting-drawer__title\">\u8BBE\u7F6E</h3>\n      <nz-tabset>\n        <nz-tab nzTitle=\"\u9876\u90E8\">\n          <div class=\"setting-drawer__body\">\n            <setting-drawer-item [data]=\"data['alain-default-header-hg']\"></setting-drawer-item>\n            <setting-drawer-item [data]=\"data['alain-default-header-bg']\"></setting-drawer-item>\n            <setting-drawer-item [data]=\"data['alain-default-header-padding']\"></setting-drawer-item>\n          </div>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u4FA7\u8FB9\u680F\">\n          <setting-drawer-item [data]=\"data['alain-default-aside-wd']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-collapsed-wd']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-aside-nav-padding-top-bottom']\"></setting-drawer-item>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u5185\u5BB9\">\n          <setting-drawer-item [data]=\"data['alain-default-content-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-heading-bg']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-heading-border']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['alain-default-content-padding']\"></setting-drawer-item>\n        </nz-tab>\n        <nz-tab nzTitle=\"\u5176\u5B83\">\n          <setting-drawer-item [data]=\"data['form-state-visual-feedback-enabled']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['preserve-white-spaces-enabled']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-radius']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-margin-right']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-max-width']\"></setting-drawer-item>\n          <setting-drawer-item [data]=\"data['nz-table-img-max-height']\"></setting-drawer-item>\n        </nz-tab>\n      </nz-tabset>\n    </div>\n    <nz-divider></nz-divider>\n    <div class=\"setting-drawer__body\">\n      <div class=\"setting-drawer__body-item\">\n        \u56FA\u5B9A\u5934\u548C\u4FA7\u8FB9\u680F\n        <nz-switch\n          nzSize=\"small\"\n          [(ngModel)]=\"layout.fixed\"\n          (ngModelChange)=\"setLayout('fixed', layout.fixed)\"\n        ></nz-switch>\n      </div>\n      <div class=\"setting-drawer__body-item\">\n        \u8272\u5F31\u6A21\u5F0F\n        <nz-switch\n          nzSize=\"small\"\n          [(ngModel)]=\"layout.colorWeak\"\n          (ngModelChange)=\"setLayout('colorWeak', layout.colorWeak)\"\n        ></nz-switch>\n      </div>\n    </div>\n    <nz-divider></nz-divider>\n    <button (click)=\"apply()\" type=\"button\" nz-button nzType=\"primary\">\u9884\u89C8</button>\n    <button (click)=\"reset()\" type=\"button\" nz-button>\u91CD\u7F6E</button>\n    <button (click)=\"copyVar()\" type=\"button\" nz-button>\u62F7\u8D1D</button>\n    <nz-alert\n      class=\"mt-md\"\n      nzType=\"warning\"\n      nzMessage=\"\u914D\u7F6E\u680F\u53EA\u5728\u5F00\u53D1\u73AF\u5883\u7528\u4E8E\u9884\u89C8\uFF0C\u751F\u4EA7\u73AF\u5883\u4E0D\u4F1A\u5C55\u73B0\uFF0C\u8BF7\u62F7\u8D1D\u540E\u624B\u52A8\u4FEE\u6539\u53C2\u6570\u914D\u7F6E\u6587\u4EF6 src/styles/theme.less\"\n    ></nz-alert>\n  </div>\n</nz-drawer>\n<div\n  class=\"setting-drawer__handle\"\n  [ngClass]=\"{ 'setting-drawer__handle-opened': collapse }\"\n  (click)=\"toggle()\"\n  nz-tooltip\n  [nzTooltipTitle]=\"isDev ? devTips : null\"\n>\n  <i nz-icon [nzType]=\"!collapse ? 'setting' : 'close'\" class=\"setting-drawer__handle-icon\"></i>\n</div>\n",
-                host: {
-                    '[class.setting-drawer]': 'true',
-                    '[class.setting-drawer-rtl]': `dir === 'rtl'`
-                },
-                changeDetection: ChangeDetectionStrategy.OnPush
-            },] }
-];
-SettingDrawerComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef },
-    { type: NzMessageService },
-    { type: SettingsService },
-    { type: LazyService },
-    { type: NgZone },
-    { type: undefined, decorators: [{ type: Inject, args: [DOCUMENT,] }] },
-    { type: Directionality, decorators: [{ type: Optional }] }
-];
-SettingDrawerComponent.propDecorators = {
-    autoApplyColor: [{ type: Input }],
-    compilingText: [{ type: Input }],
-    devTips: [{ type: Input }]
-};
-__decorate([
-    InputBoolean()
-], SettingDrawerComponent.prototype, "autoApplyColor", void 0);
-__decorate([
-    ZoneOutside()
-], SettingDrawerComponent.prototype, "loadLess", null);
-__decorate([
-    ZoneOutside()
-], SettingDrawerComponent.prototype, "runLess", null);
-
-const COMPONENTS = [SettingDrawerItemComponent, SettingDrawerComponent];
-class SettingDrawerModule {
-}
-SettingDrawerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    NzDrawerModule,
-                    NzToolTipModule,
-                    NzDividerModule,
-                    NzTabsModule,
-                    NzSwitchModule,
-                    NzAlertModule,
-                    NzIconModule,
-                    NzInputModule,
-                    NzInputNumberModule,
-                    NzButtonModule
-                ],
-                declarations: COMPONENTS,
-                exports: COMPONENTS
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { SettingDrawerComponent, SettingDrawerItemComponent, SettingDrawerModule };
-//# sourceMappingURL=setting-drawer.js.map

package/fesm2015/setting-drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setting-drawer.js","sources":["../../../../packages/theme/setting-drawer/setting-drawer-item.component.ts","../../../../packages/theme/setting-drawer/setting-drawer.types.ts","../../../../packages/theme/setting-drawer/setting-drawer.component.ts","../../../../packages/theme/setting-drawer/setting-drawer.module.ts","../../../../packages/theme/setting-drawer/setting-drawer.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\n@Component({\n  selector: 'setting-drawer-item',\n  templateUrl: './setting-drawer-item.component.html',\n  host: {\n    '[class.setting-drawer__body-item]': 'true'\n  }\n})\nexport class SettingDrawerItemComponent {\n  i: NzSafeAny = {};\n\n  @Input()\n  set data(val: NzSafeAny) {\n    this.i = val;\n    if (val.type === 'px') {\n      this.pxVal = +val.value.replace('px', '');\n    }\n  }\n\n  pxVal = 0;\n\n  pxChange(val: number): void {\n    this.i.value = `${val}px`;\n  }\n\n  format = (value: number): string => `${value} px`;\n}\n","import type { NzSafeAny } from 'ng-zorro-antd/core/types';\n\nexport const ALAINDEFAULTVAR = 'alain-default-vars';\nexport const DEFAULT_COLORS = [\n  {\n    key: 'dust',\n    color: '#F5222D'\n  },\n  {\n    key: 'volcano',\n    color: '#FA541C'\n  },\n  {\n    key: 'sunset',\n    color: '#FAAD14'\n  },\n  {\n    key: 'cyan',\n    color: '#13C2C2'\n  },\n  {\n    key: 'green',\n    color: '#52C41A'\n  },\n  {\n    key: 'daybreak',\n    color: '#1890ff'\n  },\n  {\n    key: 'geekblue',\n    color: '#2F54EB'\n  },\n  {\n    key: 'purple',\n    color: '#722ED1'\n  },\n  {\n    key: 'black',\n    color: '#001529'\n  }\n];\nexport const DEFAULT_VARS: { [key: string]: NzSafeAny } = {\n  'primary-color': { label: '主颜色', type: 'color', default: '#1890ff' },\n  'alain-default-header-hg': {\n    label: '高',\n    type: 'px',\n    default: '64px',\n    max: 300,\n    min: 24\n  },\n  'alain-default-header-bg': {\n    label: '背景色',\n    type: 'color',\n    default: '@primary-color',\n    tip: '默认同主色系'\n  },\n  'alain-default-header-padding': {\n    label: '顶部左右内边距',\n    type: 'px',\n    default: '16px'\n  },\n  // 侧边栏\n  'alain-default-aside-wd': { label: '宽度', type: 'px', default: '200px' },\n  'alain-default-aside-bg': {\n    label: '背景',\n    type: 'color',\n    default: '#ffffff'\n  },\n  'alain-default-aside-collapsed-wd': {\n    label: '收缩宽度',\n    type: 'px',\n    default: '64px'\n  },\n  'alain-default-aside-nav-padding-top-bottom': {\n    label: '项上下内边距',\n    type: 'px',\n    default: '8px',\n    step: 8\n  },\n  // 主菜单\n  'alain-default-aside-nav-fs': {\n    label: '菜单字号',\n    type: 'px',\n    default: '14px',\n    min: 14,\n    max: 30\n  },\n  'alain-default-aside-collapsed-nav-fs': {\n    label: '收缩菜单字号',\n    type: 'px',\n    default: '24px',\n    min: 24,\n    max: 32\n  },\n  'alain-default-aside-nav-item-height': {\n    label: '菜单项高度',\n    type: 'px',\n    default: '38px',\n    min: 24,\n    max: 64\n  },\n  'alain-default-aside-nav-text-color': {\n    label: '菜单文本颜色',\n    type: 'color',\n    default: 'rgba(0, 0, 0, 0.65)',\n    rgba: true\n  },\n  'alain-default-aside-nav-text-hover-color': {\n    label: '菜单文本悬停颜色',\n    type: 'color',\n    default: '@primary-color',\n    tip: '默认同主色系'\n  },\n  'alain-default-aside-nav-group-text-color': {\n    label: '菜单分组文本颜色',\n    type: 'color',\n    default: 'rgba(0, 0, 0, 0.43)',\n    rgba: true\n  },\n  'alain-default-aside-nav-selected-text-color': {\n    label: '菜单激活时文本颜色',\n    type: 'color',\n    default: '@primary-color',\n    tip: '默认同主色系'\n  },\n  'alain-default-aside-nav-selected-bg': {\n    label: '菜单激活时背景颜色',\n    type: 'color',\n    default: '#fcfcfc'\n  },\n  // 内容\n  'alain-default-content-bg': {\n    label: '背景色',\n    type: 'color',\n    default: '#f5f7fa'\n  },\n  'alain-default-content-heading-bg': {\n    label: '标题背景色',\n    type: 'color',\n    default: '#fafbfc'\n  },\n  'alain-default-content-heading-border': {\n    label: '标题底部边框色',\n    type: 'color',\n    default: '#efe3e5'\n  },\n  'alain-default-content-padding': {\n    label: '内边距',\n    type: 'px',\n    default: '24px',\n    min: 0,\n    max: 128,\n    step: 8\n  },\n  // zorro组件修正\n  'form-state-visual-feedback-enabled': {\n    label: '开启表单元素的视觉反馈',\n    type: 'switch',\n    default: true\n  },\n  'preserve-white-spaces-enabled': {\n    label: '开启 preserveWhitespaces',\n    type: 'switch',\n    default: true\n  },\n  'nz-table-img-radius': {\n    label: '表格中：图片圆角',\n    type: 'px',\n    default: '4px',\n    min: 0,\n    max: 128\n  },\n  'nz-table-img-margin-right': {\n    label: '表格中：图片右外边距',\n    type: 'px',\n    default: '4px',\n    min: 0,\n    max: 128\n  },\n  'nz-table-img-max-width': {\n    label: '表格中：图片最大宽度',\n    type: 'px',\n    default: '32px',\n    min: 8,\n    max: 128\n  },\n  'nz-table-img-max-height': {\n    label: '表格中：图片最大高度',\n    type: 'px',\n    default: '32px',\n    min: 8,\n    max: 128\n  }\n};\n","import { Direction, Directionality } from '@angular/cdk/bidi';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Inject,\n  Input,\n  isDevMode,\n  NgZone,\n  OnDestroy,\n  OnInit,\n  Optional\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { Layout, SettingsService } from '@delon/theme';\nimport { copy } from '@delon/util/browser';\nimport { InputBoolean, ZoneOutside } from '@delon/util/decorator';\nimport { deepCopy, LazyService } from '@delon/util/other';\nimport type { NzSafeAny } from 'ng-zorro-antd/core/types';\nimport { NzMessageService } from 'ng-zorro-antd/message';\n\nimport { ALAINDEFAULTVAR, DEFAULT_COLORS, DEFAULT_VARS } from './setting-drawer.types';\n\n@Component({\n  selector: 'setting-drawer',\n  templateUrl: './setting-drawer.component.html',\n  host: {\n    '[class.setting-drawer]': 'true',\n    '[class.setting-drawer-rtl]': `dir === 'rtl'`\n  },\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SettingDrawerComponent implements OnInit, OnDestroy {\n  @Input() @InputBoolean() autoApplyColor = true;\n  @Input() compilingText = 'Compiling...';\n  @Input() devTips = `When the color can't be switched, you need to run it once: npm run color-less`;\n\n  private loadedLess = false;\n  private destroy$ = new Subject<void>();\n  dir: Direction = 'ltr';\n  isDev = isDevMode();\n  collapse = false;\n  get layout(): Layout {\n    return this.settingSrv.layout;\n  }\n  data: NzSafeAny = {};\n  color: string;\n  colors = DEFAULT_COLORS;\n\n  constructor(\n    private cdr: ChangeDetectorRef,\n    private msg: NzMessageService,\n    private settingSrv: SettingsService,\n    private lazy: LazyService,\n    private ngZone: NgZone,\n    @Inject(DOCUMENT) private doc: NzSafeAny,\n    @Optional() private directionality: Directionality\n  ) {\n    this.color = this.cachedData['@primary-color'] || this.DEFAULT_PRIMARY;\n    this.resetData(this.cachedData, false);\n  }\n\n  private get cachedData(): { [key: string]: NzSafeAny } {\n    return this.settingSrv.layout[ALAINDEFAULTVAR] || {};\n  }\n\n  private get DEFAULT_PRIMARY(): string {\n    return DEFAULT_VARS['primary-color'].default;\n  }\n\n  ngOnInit(): void {\n    this.dir = this.directionality.value;\n    this.directionality.change?.pipe(takeUntil(this.destroy$)).subscribe((direction: Direction) => {\n      this.dir = direction;\n    });\n    if (this.autoApplyColor && this.color !== this.DEFAULT_PRIMARY) {\n      this.changeColor(this.color);\n      this.runLess();\n    }\n  }\n\n  @ZoneOutside()\n  private async loadLess(): Promise<void> {\n    if (this.loadedLess) {\n      return Promise.resolve();\n    }\n    return this.lazy\n      .loadStyle('./assets/color.less', 'stylesheet/less')\n      .then(() => {\n        const lessConfigNode = this.doc.createElement('script');\n        lessConfigNode.innerHTML = `\n          window.less = {\n            async: true,\n            env: 'production',\n            javascriptEnabled: true\n          };\n        `;\n        this.doc.body.appendChild(lessConfigNode);\n      })\n      .then(() => this.lazy.loadScript('https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js'))\n      .then(() => {\n        this.loadedLess = true;\n      });\n  }\n\n  private genVars(): NzSafeAny {\n    const { data, color, validKeys } = this;\n    const vars: { [key: string]: string } = {\n      [`@primary-color`]: color\n    };\n    validKeys.filter(key => key !== 'primary-color').forEach(key => (vars[`@${key}`] = data[key].value));\n    this.setLayout(ALAINDEFAULTVAR, vars);\n    return vars;\n  }\n\n  @ZoneOutside()\n  private runLess(): void {\n    const { ngZone, msg, cdr } = this;\n    const msgId = msg.loading(this.compilingText, { nzDuration: 0 }).messageId;\n    setTimeout(() => {\n      this.loadLess().then(() => {\n        (window as NzSafeAny).less.modifyVars(this.genVars()).then(() => {\n          msg.success('成功');\n          msg.remove(msgId);\n          ngZone.run(() => cdr.detectChanges());\n        });\n      });\n    }, 200);\n  }\n\n  toggle(): void {\n    this.collapse = !this.collapse;\n  }\n\n  changeColor(color: string): void {\n    this.color = color;\n    Object.keys(DEFAULT_VARS)\n      .filter(key => DEFAULT_VARS[key].default === '@primary-color')\n      .forEach(key => delete this.cachedData[`@${key}`]);\n    this.resetData(this.cachedData, false);\n  }\n\n  setLayout(name: string, value: NzSafeAny): void {\n    this.settingSrv.setLayout(name, value);\n  }\n\n  private resetData(nowData?: { [key: string]: NzSafeAny }, run: boolean = true): void {\n    nowData = nowData || {};\n    const data = deepCopy(DEFAULT_VARS);\n    Object.keys(data).forEach(key => {\n      const value = nowData![`@${key}`] || data[key].default || '';\n      data[key].value = value === `@primary-color` ? this.color : value;\n    });\n    this.data = data;\n    if (run) {\n      this.cdr.detectChanges();\n      this.runLess();\n    }\n  }\n\n  private get validKeys(): string[] {\n    return Object.keys(this.data).filter(key => this.data[key].value !== this.data[key].default);\n  }\n\n  apply(): void {\n    this.runLess();\n  }\n\n  reset(): void {\n    this.color = this.DEFAULT_PRIMARY;\n    this.settingSrv.setLayout(ALAINDEFAULTVAR, {});\n    this.resetData({});\n  }\n\n  copyVar(): void {\n    const vars = this.genVars();\n    const copyContent = Object.keys(vars)\n      .map(key => `${key}: ${vars[key]};`)\n      .join('\\n');\n    copy(copyContent);\n    this.msg.success('Copy success');\n  }\n\n  ngOnDestroy(): void {\n    this.destroy$.next();\n    this.destroy$.complete();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\n\nimport { NzAlertModule } from 'ng-zorro-antd/alert';\nimport { NzButtonModule } from 'ng-zorro-antd/button';\nimport { NzDividerModule } from 'ng-zorro-antd/divider';\nimport { NzDrawerModule } from 'ng-zorro-antd/drawer';\nimport { NzIconModule } from 'ng-zorro-antd/icon';\nimport { NzInputModule } from 'ng-zorro-antd/input';\nimport { NzInputNumberModule } from 'ng-zorro-antd/input-number';\nimport { NzSwitchModule } from 'ng-zorro-antd/switch';\nimport { NzTabsModule } from 'ng-zorro-antd/tabs';\nimport { NzToolTipModule } from 'ng-zorro-antd/tooltip';\n\nimport { SettingDrawerItemComponent } from './setting-drawer-item.component';\nimport { SettingDrawerComponent } from './setting-drawer.component';\n\nconst COMPONENTS = [SettingDrawerItemComponent, SettingDrawerComponent];\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    NzDrawerModule,\n    NzToolTipModule,\n    NzDividerModule,\n    NzTabsModule,\n    NzSwitchModule,\n    NzAlertModule,\n    NzIconModule,\n    NzInputModule,\n    NzInputNumberModule,\n    NzButtonModule\n  ],\n  declarations: COMPONENTS,\n  exports: COMPONENTS\n})\nexport class SettingDrawerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}