@delon/abc 13.4.1 → 13.5.1

package/st/st-data-source.d.ts

@@ -2,6 +2,7 @@ import { DecimalPipe } from '@angular/common';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Observable } from 'rxjs';
 import { DatePipe, YNPipe, _HttpClient } from '@delon/theme';
+import type { AlainSTConfig } from '@delon/util/config';
 import { CurrencyService } from '@delon/util/format';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { STCustomRequestOptions, STData, STMultiSort, STMultiSortResultType, STPage, STReq, STRes, STRowClassName, STSingleSort, STStatisticalResults } from './st.interfaces';
@@ -43,8 +44,10 @@ export declare class STDataSource {
     private numberPipe;
     private currencySrv;
     private dom;
+    private cog;
     private sortTick;
     constructor(http: _HttpClient, datePipe: DatePipe, ynPipe: YNPipe, numberPipe: DecimalPipe, currencySrv: CurrencyService, dom: DomSanitizer);
+    setCog(val: AlainSTConfig): void;
     process(options: STDataSourceOptions): Observable<STDataSourceResult>;
     private get;
     private getByRemote;
@@ -55,6 +58,7 @@ export declare class STDataSource {
     }): STData[];
     getNoIndex(item: STData, col: _STColumn, idx: number): number;
     private genButtons;
+    private fixMaxMultiple;
     private getValidSort;
     private getSorterFn;
     get nextSortTick(): number;

package/st/st.interfaces.d.ts

@@ -253,6 +253,14 @@ export interface STColumn<T extends STData = any> {
      * 按钮组
      */
     buttons?: Array<STColumnButton<T>>;
+    /**
+     * Max button option can be showed, and the extra part are auto generated under `more`
+     *
+     * 配置最多显示多少个按钮，多余部分自动生成至 `更多` 下面
+     *
+     * > 注意：若在 `buttons` 下配置过按钮组会导致其失效
+     */
+    maxMultipleButton?: STColumnMaxMultipleButton | number;
     /**
      * 自定义渲染ID
      *
@@ -712,6 +720,16 @@ export interface STColumnButton<T extends STData = any> {
     className?: NgClassType;
     [key: string]: any;
 }
+export interface STColumnMaxMultipleButton {
+    /**
+     * 更多按钮文本，默认：`更多`
+     */
+    text?: string;
+    /**
+     * 超出数量自动合并，默认：`2`
+     */
+    count?: number;
+}
 export declare type IifBehaviorType = 'hide' | 'disabled';
 export interface STColumnButtonModal<T extends STData = any> extends ModalHelperOptions {
     /**

package/st/st.types.d.ts

@@ -1,12 +1,21 @@
 import { TemplateRef } from '@angular/core';
 import { SafeHtml } from '@angular/platform-browser';
 import { STColumn, STColumnButton, STColumnSafeType, STData, STSortMap } from './st.interfaces';
+/**
+ * @inner
+ */
 export declare type _STTdNotifyType = 'checkbox' | 'radio';
+/**
+ * @inner
+ */
 export interface _STTdNotify {
     type: _STTdNotifyType;
     item: STData;
     col: _STColumn;
 }
+/**
+ * @inner
+ */
 export interface _STColumn extends STColumn {
     children?: _STColumn[];
     indexKey?: string;
@@ -29,6 +38,9 @@ export interface _STColumn extends STColumn {
     __renderTitle?: TemplateRef<any>;
     __render?: TemplateRef<any>;
 }
+/**
+ * @inner
+ */
 export interface _STHeader {
     /**
      * 是否有子列
@@ -38,10 +50,16 @@ export interface _STHeader {
     rowSpan: number;
     column: _STColumn;
 }
+/**
+ * @inner
+ */
 export interface _STColumnButton<T extends STData = any> extends STColumnButton<T> {
     _text?: string;
     children?: Array<_STColumnButton<T>>;
 }
+/**
+ * @inner
+ */
 export interface _STDataValue {
     text: string;
     _text: SafeHtml;

package/tag-select/style/index.less

@@ -1,10 +1,12 @@
 @import '../../../theme/theme-default.less';
 @tag-select-prefix: ~'.tag-select';
+@tag-select-height: @tag-line-height + 2px; // 2px is top & bottom border width
 
 @{tag-select-prefix} {
   position: relative;
   display: block;
-  max-height: 24px;
+  max-height: @tag-select-height + @tag-select-margin;
+  margin-top: -@tag-select-margin;
   margin-left: -8px;
   overflow: hidden;
   line-height: @line-height-base;
@@ -20,18 +22,23 @@
     padding-right: 50px;
   }
   .@{ant-prefix}-tag {
-    margin-right: 24px;
-    padding: 0 8px;
+    margin-top: @tag-select-margin;
+    margin-right: @tag-select-item-margin-right;
   }
 
   &__trigger {
     position: absolute;
     top: 0;
     right: 0;
+    display: flex;
+    align-items: center;
+    margin-right: 0 !important;
+    color: @primary-color;
 
-    &-icon {
-      margin-left: 8px;
-      font-size: 12px;
+    > .anticon {
+      margin-left: 2px;
+      font-size: 8px;
+      transition: transform .24s;
     }
   }
 }

package/theme-compact.less

@@ -8,3 +8,8 @@
 @footer-toolbar-padding: 0 16px;
 
 @reuse-tab-height: 44px;
+
+// tag-select
+// --
+@tag-select-margin: 8px;
+@tag-select-item-margin-right: 12px;

package/theme-default.less

@@ -97,3 +97,8 @@
 @onboarding-light-ant-color: rgb(255, 255, 255);
 @onboarding-changing-ant: all 0.3s ease-out;
 @onboarding-zindex: 99999;
+
+// tag-select
+// --
+@tag-select-margin: 16px;
+@tag-select-item-margin-right: 24px;