@delon/abc 14.1.1 → 14.3.0

package/notice-icon/style/index.less

@@ -17,22 +17,16 @@
     &-bar {
       margin-bottom: 4px;
     }
+  }
 
-    &-nav {
-      .@{ant-prefix}-tabs-tab {
-        margin-right: 32px;
-        padding: 12px 16px;
-
-        &:last-child {
-          margin-right: 0;
-        }
-      }
-
-      &-scroll {
-        text-align: center;
+  &__tab-left {
+    .@{ant-prefix}-tabs-nav-list {
+      .@{ant-prefix}-tabs-tab:first-child {
+        margin-left: @tabs-horizontal-gutter;
       }
     }
   }
+
   .@{ant-prefix}-list {
     max-height: 400px;
     overflow: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@delon/abc",
-  "version": "14.1.1",
+  "version": "14.3.0",
   "author": "cipchk<cipchk@qq.com>",
   "license": "MIT",
   "repository": {
@@ -27,10 +27,11 @@
     "xlsx": "^0.18.5",
     "plyr": "^3.7.2",
     "pdfjs-dist": "^2.15.349",
+    "@github/hotkey": "^2.0.1",
     "ngx-countdown": "^14.0.0",
-    "@delon/theme": "^14.1.1",
-    "@delon/util": "^14.1.1",
-    "@delon/acl": "^14.1.1",
+    "@delon/theme": "^14.3.0",
+    "@delon/util": "^14.3.0",
+    "@delon/acl": "^14.3.0",
     "tslib": "^2.3.0"
   },
   "module": "fesm2015/abc.mjs",
@@ -139,6 +140,14 @@
       "node": "./fesm2015/global-footer.mjs",
       "default": "./fesm2020/global-footer.mjs"
     },
+    "./hotkey": {
+      "types": "./hotkey/index.d.ts",
+      "esm2020": "./esm2020/hotkey/hotkey.mjs",
+      "es2020": "./fesm2020/hotkey.mjs",
+      "es2015": "./fesm2015/hotkey.mjs",
+      "node": "./fesm2015/hotkey.mjs",
+      "default": "./fesm2020/hotkey.mjs"
+    },
     "./let": {
       "types": "./let/index.d.ts",
       "esm2020": "./esm2020/let/let.mjs",

package/st/st.component.d.ts

@@ -3,7 +3,7 @@ import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnChanges,
 import { Router } from '@angular/router';
 import { Observable } from 'rxjs';
 import { AlainI18NService, DelonLocaleService, DrawerHelper, LocaleData, ModalHelper } from '@delon/theme';
-import { AlainConfigService } from '@delon/util/config';
+import { AlainConfigService, AlainSTConfig } from '@delon/util/config';
 import { BooleanInput, NumberInput } from '@delon/util/decorator';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { NzContextMenuService, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
@@ -40,7 +40,7 @@ export declare class STComponent implements AfterViewInit, OnChanges, OnDestroy
     private destroy$;
     private data$?;
     private totalTpl;
-    private cog;
+    cog: AlainSTConfig;
     private _req;
     private _res;
     private _page;
@@ -68,7 +68,7 @@ export declare class STComponent implements AfterViewInit, OnChanges, OnDestroy
     get page(): STPage;
     set page(value: STPage);
     data: string | STData[] | Observable<STData[]>;
-    columns: STColumn[];
+    columns?: STColumn[] | null;
     contextmenu?: STContextmenuFn | null;
     ps: number;
     pi: number;
@@ -123,6 +123,7 @@ export declare class STComponent implements AfterViewInit, OnChanges, OnDestroy
      * Get the data of the current page
      */
     get list(): STData[];
+    get noColumns(): boolean;
     constructor(i18nSrv: AlainI18NService, cdr: ChangeDetectorRef, el: ElementRef, exportSrv: STExport, doc: NzSafeAny, columnSource: STColumnSource, dataSource: STDataSource, delonI18n: DelonLocaleService, configSrv: AlainConfigService, cms: NzContextMenuService);
     private setCog;
     cd(): this;

package/st/st.interfaces.d.ts

@@ -74,7 +74,7 @@ export interface STReq {
      */
     allInBody?: boolean;
     /**
-     * 是否延迟加载数据，即渲染结束后不会主动发起请求，默认：`false`
+     * 是否延迟加载数据，即渲染结束后不会主动发起请求，在适当的时机调用 `resetColumns` 来渲染，默认：`false`
      */
     lazyLoad?: boolean;
     /**

package/st/st.types.d.ts

@@ -30,6 +30,9 @@ export interface _STColumn extends STColumn {
     _className?: string | string[] | Set<string> | {
         [klass: string]: any;
     } | null;
+    _classNameInHeader?: string | string[] | Set<string> | {
+        [klass: string]: any;
+    } | null | undefined;
     _sort: STSortMap;
     _width?: number;
     _left?: string | boolean;

package/st/style/index.less

@@ -80,9 +80,34 @@
     }
   }
   // Title
-  .@{ant-prefix}-table-column-title {
-    display: flex;
-    align-items: center;
+  &__has-filter {
+    @st-th-icon-width: 12px;
+    @st-filter-and-sort-gutter: 4px;
+    @st-filter-icon-size: @st-th-icon-width + @st-filter-and-sort-gutter;
+    @st-sort-size: @st-th-icon-width + @st-filter-and-sort-gutter;
+
+    .@{ant-prefix}-table-column-sorters {
+      padding-right: @st-filter-icon-size;
+    }
+    @{st-prefix}__filter {
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      display: flex;
+      align-items: center;
+      justify-items: center;
+    }
+
+    .@{ant-prefix}-table-filter-trigger {
+      height: 100%;
+    }
+
+    &.@{ant-prefix}-table-column-has-sorters {
+      @{st-prefix}__filter {
+        right: -(@st-sort-size + @st-filter-icon-size);
+      }
+    }
   }
 
   &__head {
@@ -114,8 +139,10 @@
       }
     }
   }
-  // 修复无法显示阴影问题
-  .@{ant-prefix}-table {
+  // 若 `widthMode` 为 `truncate` 会导致固定列的阴影失效，其他情况不存在此情况
+  // 这里使用 `text-truncate` 来区分
+  // https://github.com/ng-alain/ng-alain/issues/2336
+  .text-truncate.@{ant-prefix}-table {
     &-cell-fix-left-first::after,
     &-cell-fix-left-last::after {
       transform: translateX(80%);
@@ -127,6 +154,16 @@
     }
   }
 
+  &__no-column {
+    .@{ant-prefix}-table {
+      height: @st-no-column-height;
+
+      &-content {
+        display: none;
+      }
+    }
+  }
+
   @media screen and (min-width: @nz-table-rep-min-width) {
     &__width {
       &-strict {

package/sv/sv.component.d.ts

@@ -10,6 +10,7 @@ export declare class SVComponent implements AfterViewInit, OnChanges {
     static ngAcceptInputType_col: NumberInput;
     static ngAcceptInputType_default: BooleanInput;
     static ngAcceptInputType_noColon: BooleanInput;
+    static ngAcceptInputType_hideLabel: BooleanInput;
     private conEl;
     private el;
     private clsMap;
@@ -23,6 +24,7 @@ export declare class SVComponent implements AfterViewInit, OnChanges {
     default?: boolean | null;
     type?: 'primary' | 'success' | 'danger' | 'warning';
     noColon?: boolean | null;
+    hideLabel: boolean;
     get paddingValue(): number;
     get labelWidth(): number | null | undefined;
     constructor(el: ElementRef, parent: SVContainerComponent, rep: ResponsiveService, ren: Renderer2);
@@ -31,5 +33,5 @@ export declare class SVComponent implements AfterViewInit, OnChanges {
     ngOnChanges(): void;
     checkContent(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SVComponent, [null, { optional: true; host: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SVComponent, "sv, [sv]", ["sv"], { "optional": "optional"; "optionalHelp": "optionalHelp"; "optionalHelpColor": "optionalHelpColor"; "label": "label"; "unit": "unit"; "col": "col"; "default": "default"; "type": "type"; "noColon": "noColon"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SVComponent, "sv, [sv]", ["sv"], { "optional": "optional"; "optionalHelp": "optionalHelp"; "optionalHelpColor": "optionalHelpColor"; "label": "label"; "unit": "unit"; "col": "col"; "default": "default"; "type": "type"; "noColon": "noColon"; "hideLabel": "hideLabel"; }, {}, never, ["*"], false>;
 }

package/theme-default.less

@@ -5,6 +5,7 @@
 @st-resizable-handle-width: 1px;
 @st-resizable-handle-height: 60%;
 @st-resizable-handle-color: @border-color-base;
+@st-no-column-height: 100px;
 
 // sv
 // --