@delon/theme 12.4.2 → 13.1.0

package/fesm2020/setting-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"setting-drawer.mjs","sources":["../../../../packages/theme/setting-drawer/setting-drawer-item.component.ts","../../../../packages/theme/setting-drawer/setting-drawer-item.component.html","../../../../packages/theme/setting-drawer/setting-drawer.types.ts","../../../../packages/theme/setting-drawer/setting-drawer.component.ts","../../../../packages/theme/setting-drawer/setting-drawer.component.html","../../../../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","<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","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","<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\">主题色</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\">设置</h3>\n      <nz-tabset>\n        <nz-tab nzTitle=\"顶部\">\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=\"侧边栏\">\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=\"内容\">\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=\"其它\">\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        固定头和侧边栏\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        色弱模式\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\">预览</button>\n    <button (click)=\"reset()\" type=\"button\" nz-button>重置</button>\n    <button (click)=\"copyVar()\" type=\"button\" nz-button>拷贝</button>\n    <nz-alert\n      class=\"mt-md\"\n      nzType=\"warning\"\n      nzMessage=\"配置栏只在开发环境用于预览，生产环境不会展现，请拷贝后手动修改参数配置文件 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","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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"}

package/fesm2020/theme-btn.mjs

@@ -0,0 +1,141 @@
+import * as i7 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, isDevMode, Component, ChangeDetectionStrategy, Inject, Optional, Input, NgModule } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import * as i1 from '@delon/util/config';
+import * as i2 from '@angular/cdk/platform';
+import * as i3 from '@angular/cdk/bidi';
+import * as i4 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import * as i5 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import * as i6 from 'ng-zorro-antd/menu';
+
+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() {
+        this.dir = this.directionality.value;
+        this.directionality.change?.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeBtnComponent, deps: [{ token: i0.Renderer2 }, { token: i1.AlainConfigService }, { token: i2.Platform }, { token: DOCUMENT }, { token: i3.Directionality, optional: true }, { token: ALAIN_THEME_BTN_KEYS }], target: i0.ɵɵFactoryTarget.Component });
+ThemeBtnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ThemeBtnComponent, selector: "theme-btn", inputs: { types: "types", devTips: "devTips", deployUrl: "deployUrl" }, host: { properties: { "class.theme-btn": "true", "class.theme-btn-rtl": "dir === 'rtl'" } }, ngImport: i0, 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", components: [{ type: i4.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }], directives: [{ type: i4.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { type: i5.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }, { type: i6.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NzMenuItemDirective, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeBtnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'theme-btn', host: {
+                        '[class.theme-btn]': `true`,
+                        '[class.theme-btn-rtl]': `dir === 'rtl'`
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.AlainConfigService }, { type: i2.Platform }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i3.Directionality, decorators: [{
+                    type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ALAIN_THEME_BTN_KEYS]
+                }] }]; }, propDecorators: { types: [{
+                type: Input
+            }], devTips: [{
+                type: Input
+            }], deployUrl: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [ThemeBtnComponent];
+class ThemeBtnModule {
+}
+ThemeBtnModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeBtnModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ThemeBtnModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeBtnModule, declarations: [ThemeBtnComponent], imports: [CommonModule, NzDropDownModule, NzToolTipModule], exports: [ThemeBtnComponent] });
+ThemeBtnModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ThemeBtnModule, providers: [
+        {
+            provide: ALAIN_THEME_BTN_KEYS,
+            useValue: 'site-theme'
+        }
+    ], imports: [[CommonModule, NzDropDownModule, NzToolTipModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: 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=theme-btn.mjs.map

package/fesm2020/theme-btn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-btn.mjs","sources":["../../../../packages/theme/theme-btn/theme-btn.component.ts","../../../../packages/theme/theme-btn/theme-btn.component.html","../../../../packages/theme/theme-btn/theme-btn.module.ts","../../../../packages/theme/theme-btn/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","<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","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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"}