@douyinfe/semi-foundation 2.36.0-alpha.0 → 2.36.0

package/lib/cjs/typography/constants.d.ts

@@ -2,6 +2,7 @@ declare const cssClasses: {
     PREFIX: string;
 };
 declare const strings: {
+    readonly WEIGHT: readonly ["light", "regular", "medium", "semibold", "bold", "default"];
     readonly TYPE: readonly ["primary", "secondary", "danger", "warning", "success", "tertiary", "quaternary"];
     readonly SIZE: readonly ["normal", "small"];
     readonly SPACING: readonly ["normal", "extended"];

package/lib/cjs/typography/constants.js

@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
   PREFIX: `${_constants.BASE_CLASS_PREFIX}-typography`
 };
 exports.cssClasses = cssClasses;
 const strings = {
+  WEIGHT: ['light', 'regular', 'medium', 'semibold', 'bold', "default"],
   TYPE: ['primary', 'secondary', 'danger', 'warning', 'success', 'tertiary', 'quaternary'],
   SIZE: ['normal', 'small'],
   SPACING: ['normal', 'extended'],

package/lib/cjs/typography/formatNumeral.d.ts

@@ -1,7 +1,7 @@
 import { strings } from './constants';
-declare type Rule = typeof strings.RULE[number];
-declare type Truncate = typeof strings.TRUNCATE[number];
-declare type Parser = (value: string) => string;
+type Rule = typeof strings.RULE[number];
+type Truncate = typeof strings.TRUNCATE[number];
+type Parser = (value: string) => string;
 export default class FormatNumeral {
     private readonly content;
     private readonly rule;

package/lib/cjs/typography/formatNumeral.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 class FormatNumeral {
   constructor(content, rule, precision, truncate, parser) {
     // A collection of methods for formatting numbers;  Methods key: Rule (strings.RULE);  Not included: 'text' & 'numbers'
@@ -12,23 +11,19 @@ class FormatNumeral {
       'bytes-decimal': value => {
         const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
         let i = 0;
-
         while (value >= 1000) {
           value /= 1000;
           i++;
         }
-
         return `${this.truncatePrecision(value)} ${units[i]}`;
       },
       'bytes-binary': value => {
         const units = ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB'];
         let i = 0;
-
         while (value >= 1024) {
           value /= 1024;
           i++;
         }
-
         return `${this.truncatePrecision(value)} ${units[i]}`;
       },
       percentages: value => {
@@ -40,8 +35,8 @@ class FormatNumeral {
         const vArr = vExponential.split('e');
         return `${this.truncatePrecision(Number(vArr[0]))}e${vArr[1]}`;
       }
-    }; // A collection of methods for truncating numbers; Methods key: Truncate (strings.Truncate);
-
+    };
+    // A collection of methods for truncating numbers; Methods key: Truncate (strings.Truncate);
     this.truncateMethods = {
       ceil: Math.ceil,
       floor: Math.floor,
@@ -53,57 +48,46 @@ class FormatNumeral {
     this.precision = precision;
     this.truncate = truncate;
     this.parser = parser;
-  } // Formatting numbers within a string.
-
-
+  }
+  // Formatting numbers within a string.
   format() {
     // Executed when a custom method exists
     if (this.isDiyParser) {
       return this.parser(this.content);
-    } //  When the `rule` is `text`, only the `truncatePrecision` method is executed for numeric processing.
-
-
+    }
+    //  When the `rule` is `text`, only the `truncatePrecision` method is executed for numeric processing.
     if (this.rule === 'text') {
       return extractNumbers(this.content).map(item => checkIsNumeral(item) ? this.truncatePrecision(item) : item).join('');
-    } // Separate extraction of numbers when `rule` is `numbers`.
-
-
+    }
+    // Separate extraction of numbers when `rule` is `numbers`.
     if (this.rule === 'numbers') {
       return extractNumbers(this.content).filter(item => checkIsNumeral(item)).map(item => this.truncatePrecision(item)).join(',');
-    } // Run formatting methods that exist.
-
-
+    }
+    // Run formatting methods that exist.
     return extractNumbers(this.content).map(item => checkIsNumeral(item) ? this.ruleMethods[this.rule](Number(item)) : item).join('');
   }
-
   truncatePrecision(content) {
     // Truncation and selection of rounding methods for processing. function from: truncateMethods
     const cTruncated = this.truncateMethods[this.truncate](Number(content) * Math.pow(10, this.precision)) / Math.pow(10, this.precision);
-    const cArr = cTruncated.toString().split('.'); // is an integer then the end number is normalised
-
+    const cArr = cTruncated.toString().split('.');
+    // is an integer then the end number is normalised
     if (cArr.length === 1) {
       return cTruncated.toFixed(this.precision);
     }
-
-    const cTLength = cArr[1].length; // Fill in any missing `0` at the end.
-
+    const cTLength = cArr[1].length;
+    // Fill in any missing `0` at the end.
     if (cTLength < this.precision) {
       return `${cArr[0]}.${cArr[1]}${'0'.repeat(this.precision - cTLength)}`;
     }
-
     return cTruncated.toString();
   }
-
-} // Separate numbers from strings, the `-` symbol is a numeric prefix not allowed on its own.
-
-
+}
+// Separate numbers from strings, the `-` symbol is a numeric prefix not allowed on its own.
 exports.default = FormatNumeral;
-
 function extractNumbers(content) {
   const reg = /(-?[0-9]*\.?[0-9]+([eE]-?[0-9]+)?)|([^-\d\.]+)/g;
   return content.match(reg) || [];
 }
-
 function checkIsNumeral(str) {
   return !(isNaN(Number(str)) || str.replace(/\s+/g, '') === '');
 }

package/lib/cjs/typography/typography.css

@@ -146,6 +146,26 @@ h1.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h1.semi-typography.semi-typography-h1-weight-light,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
+  font-weight: 200;
+}
+h1.semi-typography.semi-typography-h1-weight-regular,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
+  font-weight: 400;
+}
+h1.semi-typography.semi-typography-h1-weight-medium,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
+  font-weight: 500;
+}
+h1.semi-typography.semi-typography-h1-weight-semibold,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
+  font-weight: 600;
+}
+h1.semi-typography.semi-typography-h1-weight-bold,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
+  font-weight: 700;
+}
 
 h2.semi-typography,
 .semi-typography-h2.semi-typography {
@@ -155,6 +175,26 @@ h2.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h2.semi-typography.semi-typography-h2-weight-light,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
+  font-weight: 200;
+}
+h2.semi-typography.semi-typography-h2-weight-regular,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
+  font-weight: 400;
+}
+h2.semi-typography.semi-typography-h2-weight-medium,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
+  font-weight: 500;
+}
+h2.semi-typography.semi-typography-h2-weight-semibold,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
+  font-weight: 600;
+}
+h2.semi-typography.semi-typography-h2-weight-bold,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
+  font-weight: 700;
+}
 
 h3.semi-typography,
 .semi-typography-h3.semi-typography {
@@ -164,6 +204,26 @@ h3.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h3.semi-typography.semi-typography-h3-weight-light,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
+  font-weight: 200;
+}
+h3.semi-typography.semi-typography-h3-weight-regular,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
+  font-weight: 400;
+}
+h3.semi-typography.semi-typography-h3-weight-medium,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
+  font-weight: 500;
+}
+h3.semi-typography.semi-typography-h3-weight-semibold,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
+  font-weight: 600;
+}
+h3.semi-typography.semi-typography-h3-weight-bold,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
+  font-weight: 700;
+}
 
 h4.semi-typography,
 .semi-typography-h4.semi-typography {
@@ -173,6 +233,26 @@ h4.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h4.semi-typography.semi-typography-h4-weight-light,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
+  font-weight: 200;
+}
+h4.semi-typography.semi-typography-h4-weight-regular,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
+  font-weight: 400;
+}
+h4.semi-typography.semi-typography-h4-weight-medium,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
+  font-weight: 500;
+}
+h4.semi-typography.semi-typography-h4-weight-semibold,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
+  font-weight: 600;
+}
+h4.semi-typography.semi-typography-h4-weight-bold,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
+  font-weight: 700;
+}
 
 h5.semi-typography,
 .semi-typography-h5.semi-typography {
@@ -182,6 +262,26 @@ h5.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h5.semi-typography.semi-typography-h5-weight-light,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
+  font-weight: 200;
+}
+h5.semi-typography.semi-typography-h5-weight-regular,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
+  font-weight: 400;
+}
+h5.semi-typography.semi-typography-h5-weight-medium,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
+  font-weight: 500;
+}
+h5.semi-typography.semi-typography-h5-weight-semibold,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
+  font-weight: 600;
+}
+h5.semi-typography.semi-typography-h5-weight-bold,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
+  font-weight: 700;
+}
 
 h6.semi-typography,
 .semi-typography-h6.semi-typography {
@@ -191,6 +291,26 @@ h6.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h6.semi-typography.semi-typography-h6-weight-light,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
+  font-weight: 200;
+}
+h6.semi-typography.semi-typography-h6-weight-regular,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
+  font-weight: 400;
+}
+h6.semi-typography.semi-typography-h6-weight-medium,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
+  font-weight: 500;
+}
+h6.semi-typography.semi-typography-h6-weight-semibold,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
+  font-weight: 600;
+}
+h6.semi-typography.semi-typography-h6-weight-bold,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
+  font-weight: 700;
+}
 
 p.semi-typography-extended,
 .semi-typography-paragraph.semi-typography-extended {

package/lib/cjs/typography/typography.scss

@@ -177,49 +177,174 @@ $module: #{$prefix}-typography;
     &-paragraph {
         margin: $spacing-typography_title_paragraph-margin;
     }
+
 }
 
 // ============ Title ============
 h1.#{$module},
 .#{$module}-h1.#{$module} {
     @include font-size-header-1;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title1-fontWeight;
     margin: $spacing-typography_title_h1-margin;
+
+    &.#{$module}-h1-weight-light {
+        font-weight: $font-typography_title1-light-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-regular {
+        font-weight: $font-typography_title1-regular-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-medium {
+        font-weight: $font-typography_title1-medium-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-semibold {
+        font-weight: $font-typography_title1-semibold-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-bold {
+        font-weight: $font-typography_title1-bold-fontWeight;
+    }
+
 }
 
 h2.#{$module},
 .#{$module}-h2.#{$module} {
     @include font-size-header-2;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title2-fontWeight;
     margin: $spacing-typography_title_h2-margin;
+
+    &.#{$module}-h2-weight-light {
+        font-weight: $font-typography_title2-light-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-regular {
+        font-weight: $font-typography_title2-regular-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-medium {
+        font-weight: $font-typography_title2-medium-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-semibold {
+        font-weight: $font-typography_title2-semibold-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-bold {
+        font-weight: $font-typography_title2-bold-fontWeight;
+    }
+
 }
 
 h3.#{$module},
 .#{$module}-h3.#{$module} {
     @include font-size-header-3;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title3-fontWeight;
     margin: $spacing-typography_title_h3-margin;
+
+    &.#{$module}-h3-weight-light {
+        font-weight: $font-typography_title3-light-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-regular {
+        font-weight: $font-typography_title3-regular-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-medium {
+        font-weight: $font-typography_title3-medium-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-semibold {
+        font-weight: $font-typography_title3-semibold-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-bold {
+        font-weight: $font-typography_title3-bold-fontWeight;
+    }
+
 }
 
 h4.#{$module},
 .#{$module}-h4.#{$module} {
     @include font-size-header-4;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title4-fontWeight;
     margin: $spacing-typography_title_h4-margin;
+
+    &.#{$module}-h4-weight-light {
+        font-weight: $font-typography_title4-light-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-regular {
+        font-weight: $font-typography_title4-regular-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-medium {
+        font-weight: $font-typography_title4-medium-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-semibold {
+        font-weight: $font-typography_title4-semibold-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-bold {
+        font-weight: $font-typography_title4-bold-fontWeight;
+    }
 }
 
 h5.#{$module},
 .#{$module}-h5.#{$module} {
     @include font-size-header-5;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title5-fontWeight;
     margin: $spacing-typography_title_h5-margin;
+
+    &.#{$module}-h5-weight-light {
+        font-weight: $font-typography_title5-light-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-regular {
+        font-weight: $font-typography_title5-regular-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-medium {
+        font-weight: $font-typography_title5-medium-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-semibold {
+        font-weight: $font-typography_title5-semibold-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-bold {
+        font-weight: $font-typography_title5-bold-fontWeight;
+    }
 }
 
 h6.#{$module},
 .#{$module}-h6.#{$module} {
     @include font-size-header-6;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title6-fontWeight;
     margin: $spacing-typography_title_h6-margin;
+
+    &.#{$module}-h6-weight-light {
+        font-weight: $font-typography_title6-light-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-regular {
+        font-weight: $font-typography_title6-regular-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-medium {
+        font-weight: $font-typography_title6-medium-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-semibold {
+        font-weight: $font-typography_title6-semibold-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-bold {
+        font-weight: $font-typography_title6-bold-fontWeight;
+    }
+
 }
 
 // ============ Paragraph ============

package/lib/cjs/typography/variables.scss

@@ -27,6 +27,54 @@ $font-typography_link-fontWeight: $font-weight-bold; // 链接文本字重
 $font-typography_strong-fontWeight: $font-weight-bold; // 强调文本字重
 $font-typography_paragraph_extended-lineHeight: 24px; // 宽松行距段落文本行高
 
+$font-typography_title1-fontWeight: $font-typography_title-fontWeight; // 一级标题文本字重
+$font-typography_title2-fontWeight: $font-typography_title-fontWeight; // 二级标题文本字重
+$font-typography_title3-fontWeight: $font-typography_title-fontWeight; // 三级标题文本字重
+$font-typography_title4-fontWeight: $font-typography_title-fontWeight; // 四级标题文本字重
+$font-typography_title5-fontWeight: $font-typography_title-fontWeight; // 五级标题文本字重
+$font-typography_title6-fontWeight: $font-typography_title-fontWeight; // 六级标题文本字重
+
+
+
+
+$font-typography_title1-light-fontWeight: 200; // 一级标题文本字重 - 细
+$font-typography_title2-light-fontWeight: 200; // 二级标题文本字重 - 细
+$font-typography_title3-light-fontWeight: 200; // 三级标题文本字重 - 细
+$font-typography_title4-light-fontWeight: 200; // 四级标题文本字重 - 细
+$font-typography_title5-light-fontWeight: 200; // 五级标题文本字重 - 细
+$font-typography_title6-light-fontWeight: 200; // 六级标题文本字重 - 细
+
+$font-typography_title1-regular-fontWeight: 400; // 一级标题文本字重 - 正常
+$font-typography_title2-regular-fontWeight: 400; // 二级标题文本字重 - 正常
+$font-typography_title3-regular-fontWeight: 400; // 三级标题文本字重 - 正常
+$font-typography_title4-regular-fontWeight: 400; // 四级标题文本字重 - 正常
+$font-typography_title5-regular-fontWeight: 400; // 五级标题文本字重 - 正常
+$font-typography_title6-regular-fontWeight: 400; // 六级标题文本字重 - 正常
+
+$font-typography_title1-medium-fontWeight: 500; // 一级标题文本字重 - 中等
+$font-typography_title2-medium-fontWeight: 500; // 二级标题文本字重 - 中等
+$font-typography_title3-medium-fontWeight: 500; // 三级标题文本字重 - 中等
+$font-typography_title4-medium-fontWeight: 500; // 四级标题文本字重 - 中等
+$font-typography_title5-medium-fontWeight: 500; // 五级标题文本字重 - 中等
+$font-typography_title6-medium-fontWeight: 500; // 六级标题文本字重 - 中等
+
+$font-typography_title1-semibold-fontWeight: 600; // 一级标题文本字重 - 半粗
+$font-typography_title2-semibold-fontWeight: 600; // 二级标题文本字重 - 半粗
+$font-typography_title3-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+$font-typography_title4-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+$font-typography_title5-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+$font-typography_title6-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+
+$font-typography_title1-bold-fontWeight: 700; // 一级标题文本字重 - 粗
+$font-typography_title2-bold-fontWeight: 700; // 二级标题文本字重 - 粗
+$font-typography_title3-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+$font-typography_title4-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+$font-typography_title5-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+$font-typography_title6-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+
+
+
+
 $spacing-typography_iconPrefix-marginRight: 4px; // 带前缀文本图标右侧外边距
 $spacing-typography_expandText-marginLeft: 8px; // 支持展开文本展开按钮左侧外边距
 $spacing-typography_copyIcon-marginLeft: 4px; // 可复制文本复制图标左侧外边距

package/lib/cjs/upload/constants.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const PREFIX = `${_constants.BASE_CLASS_PREFIX}-upload`;
 const FILE_LIST_PIC = 'picture';
 const FILE_LIST_DEFAULT = 'list';

package/lib/cjs/upload/foundation.d.ts

@@ -4,7 +4,7 @@ export interface XhrError extends Error {
     method: string;
     url: string;
 }
-export declare type FileItemStatus = 'success' | 'uploadFail' | 'validateFail' | 'validating' | 'uploading' | 'wait';
+export type FileItemStatus = 'success' | 'uploadFail' | 'validateFail' | 'validating' | 'uploading' | 'wait';
 export interface BaseFileItem {
     showReplace?: boolean;
     showRetry?: boolean;
@@ -126,16 +126,16 @@ declare class UploadFoundation<P = Record<string, any>, S = Record<string, any>>
     handleBeforeUploadResultInObject(buResult: Partial<BeforeUploadObjectResult>, file: BaseFileItem): void;
     post(file: BaseFileItem): void;
     handleProgress({ e, fileInstance }: {
-        e: ProgressEvent;
+        e?: ProgressEvent;
         fileInstance: File;
     }): void;
     handleOnLoad({ e, xhr, fileInstance }: {
-        e: ProgressEvent;
+        e?: ProgressEvent;
         xhr: XMLHttpRequest;
         fileInstance: File;
     }): void;
     handleSuccess({ e, fileInstance, isCustomRequest, xhr, response }: {
-        e: ProgressEvent;
+        e?: ProgressEvent;
         fileInstance: CustomFile;
         isCustomRequest?: boolean;
         xhr?: XMLHttpRequest;
@@ -144,7 +144,7 @@ declare class UploadFoundation<P = Record<string, any>, S = Record<string, any>>
     _getFileIndex(file: CustomFile | BaseFileItem, fileList: Array<BaseFileItem>): number;
     handleRemove(file: BaseFileItem): void;
     handleError({ e, xhr, fileInstance }: {
-        e: ProgressEvent;
+        e?: ProgressEvent;
         xhr: XMLHttpRequest;
         fileInstance: CustomFile;
     }): void;