@douyinfe/semi-foundation 2.53.3 → 2.54.0-alpha.1

package/cascader/constants.ts

@@ -16,6 +16,8 @@ const strings = {
     LEAF_ONLY_MERGE_TYPE: 'leafOnly',
     AUTO_MERGE_VALUE_MERGE_TYPE: 'autoMergeValue',
     NONE_MERGE_TYPE: 'none',
+    SEARCH_POSITION_TRIGGER: 'trigger',
+    SEARCH_POSITION_CUSTOM: 'custom',
 } as const;
 
 const numbers = {};

package/descriptions/constants.ts

@@ -6,7 +6,8 @@ const cssClasses = {
 
 const strings = {
     ALIGN_SET: ['left', 'justify', 'plain', 'center'],
-    SIZE_SET: ['small', 'medium', 'large']
+    SIZE_SET: ['small', 'medium', 'large'],
+    LAYOUT_SET: ['horizontal', 'vertical']
 };
 
 const numbers = {};

package/descriptions/descriptions.scss

@@ -151,6 +151,20 @@ $module: #{$prefix}-descriptions;
             }
         }
     }
+
+    &-horizontal {
+        table {
+            table-layout: fixed;
+        }
+        table, tbody {
+            width: 100%;
+        }
+    }
+
+    &-horizontal &-item {
+        flex: 0;
+    }
+
 }
 
 @import "./rtl.scss";

package/descriptions/foundation.ts

@@ -0,0 +1,36 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+
+export interface DescriptionsAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {}
+
+export default class DescriptionsFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<DescriptionsAdapter<P, S>, P, S> {
+    constructor(adapter: DescriptionsAdapter<P, S>) {
+        super({ ...adapter });
+    }
+
+    getHorizontalList() {
+        const { column, data, children } = this.getProps();
+        let columns;
+        if (data?.length) {
+            columns = data || [];
+        } else {
+            columns =
+                children?.map(item => ({
+                    value: item.props.children,
+                    ...item.props,
+                })) || [];
+        }
+        const horizontalList = [];
+        const curSpan = { totalSpan: 0, itemList: [] };
+        for (const item of columns) {
+            curSpan.totalSpan += item.span || 1;
+            curSpan.itemList.push(item);
+            if (curSpan.totalSpan >= column) {
+                horizontalList.push(curSpan.itemList);
+                curSpan.itemList = [];
+                curSpan.totalSpan = 0;
+            }
+        }
+        if (curSpan.itemList.length != 0) horizontalList.push(curSpan.itemList);
+        return horizontalList;
+    }
+}

package/image/previewInnerFoundation.ts

@@ -14,6 +14,7 @@ export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string,
     notifyRatioChange: (type: RatioType) => void;
     notifyRotateChange: (angle: number) => void;
     notifyDownload: (src: string, index: number) => void;
+    notifyDownloadError: (src: string) => void;
     registerKeyDownListener: () => void;
     unregisterKeyDownListener: () => void;
     disabledBodyScroll: () => void;
@@ -173,7 +174,7 @@ export default class PreviewInnerFoundation<P = Record<string, any>, S = Record<
         const setDownloadName = this._adapter.getSetDownloadFunc();
         const downloadSrc = imgSrc[currentIndex];
         const downloadName = setDownloadName ? setDownloadName(downloadSrc) : downloadSrc.slice(downloadSrc.lastIndexOf("/") + 1).split('?')[0];
-        downloadImage(downloadSrc, downloadName);
+        downloadImage(downloadSrc, downloadName, this._adapter.notifyDownloadError);
         this._adapter.notifyDownload(downloadSrc, currentIndex);
     }
 

package/image/utils.ts

@@ -12,26 +12,24 @@ export const isTargetEmit = (event, targetClasses): boolean => {
     return isTarget;
 };
 
-export const downloadImage = (src: string, filename: string): void => {
-    const image = new Image();
-    image.src = src;
-    image.crossOrigin = "anonymous";
-    image.onload = (e): void => {
-        const eleLink = document.createElement("a");
-        eleLink.download = filename;
-        eleLink.style.display = "none";
-        eleLink.download = filename;
-        eleLink.href = src;
-        const canvas = document.createElement("canvas");
-        canvas.width = image.width;
-        canvas.height = image.height;
-        const context = canvas.getContext("2d");
-        context.drawImage(image, 0, 0, image.width, image.height);
-        eleLink.href = canvas.toDataURL("image/jpeg");
-        document.body.appendChild(eleLink);
-        eleLink.click();
-        document.body.removeChild(eleLink);
-    };
+export const downloadImage = async (src: string, filename: string, downloadErrorCb: (src: string) => void ) => {
+    try {
+        const response = await fetch(src);
+        if (response.ok) {
+            const blob = await response.blob();
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = filename;
+            link.click();
+            URL.revokeObjectURL(url);
+            link.remove();
+        } else {
+            downloadErrorCb(src);
+        }
+    } catch (error) {
+        downloadErrorCb(src);
+    }
 };
 
 export const crossMerge = (leftArr = [], rightArr = []) => {

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

@@ -12,6 +12,8 @@ declare const strings: {
     readonly LEAF_ONLY_MERGE_TYPE: "leafOnly";
     readonly AUTO_MERGE_VALUE_MERGE_TYPE: "autoMergeValue";
     readonly NONE_MERGE_TYPE: "none";
+    readonly SEARCH_POSITION_TRIGGER: "trigger";
+    readonly SEARCH_POSITION_CUSTOM: "custom";
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };

package/lib/cjs/cascader/constants.js

@@ -20,7 +20,9 @@ const strings = {
   /* Merge Type */
   LEAF_ONLY_MERGE_TYPE: 'leafOnly',
   AUTO_MERGE_VALUE_MERGE_TYPE: 'autoMergeValue',
-  NONE_MERGE_TYPE: 'none'
+  NONE_MERGE_TYPE: 'none',
+  SEARCH_POSITION_TRIGGER: 'trigger',
+  SEARCH_POSITION_CUSTOM: 'custom'
 };
 exports.strings = strings;
 const numbers = {};

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

@@ -4,6 +4,7 @@ declare const cssClasses: {
 declare const strings: {
     ALIGN_SET: string[];
     SIZE_SET: string[];
+    LAYOUT_SET: string[];
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };

package/lib/cjs/descriptions/constants.js

@@ -11,7 +11,8 @@ const cssClasses = {
 exports.cssClasses = cssClasses;
 const strings = {
   ALIGN_SET: ['left', 'justify', 'plain', 'center'],
-  SIZE_SET: ['small', 'medium', 'large']
+  SIZE_SET: ['small', 'medium', 'large'],
+  LAYOUT_SET: ['horizontal', 'vertical']
 };
 exports.strings = strings;
 const numbers = {};

package/lib/cjs/descriptions/descriptions.css

@@ -120,6 +120,15 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 28px;
 }
+.semi-descriptions-horizontal table {
+  table-layout: fixed;
+}
+.semi-descriptions-horizontal table, .semi-descriptions-horizontal tbody {
+  width: 100%;
+}
+.semi-descriptions-horizontal .semi-descriptions-item {
+  flex: 0;
+}
 
 .semi-rtl .semi-descriptions,
 .semi-portal-rtl .semi-descriptions {

package/lib/cjs/descriptions/descriptions.scss

@@ -151,6 +151,20 @@ $module: #{$prefix}-descriptions;
             }
         }
     }
+
+    &-horizontal {
+        table {
+            table-layout: fixed;
+        }
+        table, tbody {
+            width: 100%;
+        }
+    }
+
+    &-horizontal &-item {
+        flex: 0;
+    }
+
 }
 
 @import "./rtl.scss";

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

@@ -0,0 +1,7 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface DescriptionsAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+}
+export default class DescriptionsFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<DescriptionsAdapter<P, S>, P, S> {
+    constructor(adapter: DescriptionsAdapter<P, S>);
+    getHorizontalList(): any[];
+}

package/lib/cjs/descriptions/foundation.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _foundation = _interopRequireDefault(require("../base/foundation"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class DescriptionsFoundation extends _foundation.default {
+  constructor(adapter) {
+    super(Object.assign({}, adapter));
+  }
+  getHorizontalList() {
+    const {
+      column,
+      data,
+      children
+    } = this.getProps();
+    let columns;
+    if (data === null || data === void 0 ? void 0 : data.length) {
+      columns = data || [];
+    } else {
+      columns = (children === null || children === void 0 ? void 0 : children.map(item => Object.assign({
+        value: item.props.children
+      }, item.props))) || [];
+    }
+    const horizontalList = [];
+    const curSpan = {
+      totalSpan: 0,
+      itemList: []
+    };
+    for (const item of columns) {
+      curSpan.totalSpan += item.span || 1;
+      curSpan.itemList.push(item);
+      if (curSpan.totalSpan >= column) {
+        horizontalList.push(curSpan.itemList);
+        curSpan.itemList = [];
+        curSpan.totalSpan = 0;
+      }
+    }
+    if (curSpan.itemList.length != 0) horizontalList.push(curSpan.itemList);
+    return horizontalList;
+  }
+}
+exports.default = DescriptionsFoundation;

package/lib/cjs/image/previewInnerFoundation.d.ts

@@ -10,6 +10,7 @@ export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string,
     notifyRatioChange: (type: RatioType) => void;
     notifyRotateChange: (angle: number) => void;
     notifyDownload: (src: string, index: number) => void;
+    notifyDownloadError: (src: string) => void;
     registerKeyDownListener: () => void;
     unregisterKeyDownListener: () => void;
     disabledBodyScroll: () => void;

package/lib/cjs/image/previewInnerFoundation.js

@@ -173,7 +173,7 @@ class PreviewInnerFoundation extends _foundation.default {
       const setDownloadName = this._adapter.getSetDownloadFunc();
       const downloadSrc = imgSrc[currentIndex];
       const downloadName = setDownloadName ? setDownloadName(downloadSrc) : downloadSrc.slice(downloadSrc.lastIndexOf("/") + 1).split('?')[0];
-      (0, _utils.downloadImage)(downloadSrc, downloadName);
+      (0, _utils.downloadImage)(downloadSrc, downloadName, this._adapter.notifyDownloadError);
       this._adapter.notifyDownload(downloadSrc, currentIndex);
     };
     this.handlePreviewClose = e => {

package/lib/cjs/image/utils.d.ts

@@ -1,4 +1,4 @@
 export declare const isTargetEmit: (event: any, targetClasses: any) => boolean;
-export declare const downloadImage: (src: string, filename: string) => void;
+export declare const downloadImage: (src: string, filename: string, downloadErrorCb: (src: string) => void) => Promise<void>;
 export declare const crossMerge: (leftArr?: any[], rightArr?: any[]) => any[];
 export declare const getPreloadImagArr: (imgSrc: string[], currentIndex: number, preLoadGap: number, infinite: boolean) => any[];

package/lib/cjs/image/utils.js

@@ -4,6 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isTargetEmit = exports.getPreloadImagArr = exports.downloadImage = exports.crossMerge = void 0;
+var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 const isTargetEmit = (event, targetClasses) => {
   // event.path usage is discouraged, use event.composedPath() as it's standard and is more future-proof
   // path is the event-triggered bubbling path, which stores each node through which bubbling passes.
@@ -18,27 +45,25 @@ const isTargetEmit = (event, targetClasses) => {
   return isTarget;
 };
 exports.isTargetEmit = isTargetEmit;
-const downloadImage = (src, filename) => {
-  const image = new Image();
-  image.src = src;
-  image.crossOrigin = "anonymous";
-  image.onload = e => {
-    const eleLink = document.createElement("a");
-    eleLink.download = filename;
-    eleLink.style.display = "none";
-    eleLink.download = filename;
-    eleLink.href = src;
-    const canvas = document.createElement("canvas");
-    canvas.width = image.width;
-    canvas.height = image.height;
-    const context = canvas.getContext("2d");
-    context.drawImage(image, 0, 0, image.width, image.height);
-    eleLink.href = canvas.toDataURL("image/jpeg");
-    document.body.appendChild(eleLink);
-    eleLink.click();
-    document.body.removeChild(eleLink);
-  };
-};
+const downloadImage = (src, filename, downloadErrorCb) => __awaiter(void 0, void 0, void 0, function* () {
+  try {
+    const response = yield fetch(src);
+    if (response.ok) {
+      const blob = yield response.blob();
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = filename;
+      link.click();
+      URL.revokeObjectURL(url);
+      link.remove();
+    } else {
+      downloadErrorCb(src);
+    }
+  } catch (error) {
+    downloadErrorCb(src);
+  }
+});
 exports.downloadImage = downloadImage;
 const crossMerge = function () {
   let leftArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];

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

@@ -2,7 +2,7 @@ declare const cssClasses: {
     PREFIX: string;
 };
 declare const strings: {
-    BOUNDARY_SET: ("end" | "start")[];
+    BOUNDARY_SET: ("start" | "end")[];
     POSITION_SET: string[];
     MODE_SET: string[];
     MODE_MAP: {

package/lib/cjs/slider/foundation.js

@@ -458,7 +458,8 @@ class SliderFoundation extends _foundation.default {
     this.onHandleLeave = () => {
       // this._adapter.setEventDefault(e);
       const disabled = this._adapter.getState('disabled');
-      if (!disabled && this.getStates()['focusPos'] === "") {
+      const isDrag = this._adapter.getState('isDrag');
+      if (!disabled && !isDrag) {
         this._adapter.onHandleLeave();
       }
     };

package/lib/cjs/toast/toastFoundation.d.ts

@@ -9,6 +9,7 @@ export interface ConfigProps {
     right?: number | string;
     duration?: number;
     zIndex?: number;
+    theme?: ToastTheme;
     getPopupContainer?: () => HTMLElement | null;
 }
 export interface ToastProps extends ConfigProps {
@@ -20,7 +21,6 @@ export interface ToastProps extends ConfigProps {
     className?: string;
     showClose?: boolean;
     icon?: any;
-    theme?: ToastTheme;
     direction?: Directions;
     close?: (id: string) => void;
     stack?: boolean;

package/lib/cjs/tree/tree.css

@@ -245,64 +245,64 @@
 .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
   background-color: transparent;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
   padding-left: 8px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
   padding-left: 28px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
   padding-left: 48px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
   padding-left: 68px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
   padding-left: 88px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
   padding-left: 108px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
   padding-left: 128px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
   padding-left: 148px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
   padding-left: 168px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
   padding-left: 188px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
   padding-left: 208px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
   padding-left: 228px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
   padding-left: 248px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
   padding-left: 268px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
   padding-left: 288px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
   padding-left: 308px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
   padding-left: 328px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
   padding-left: 348px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
   padding-left: 368px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
   padding-left: 388px;
 }
 .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {

package/lib/cjs/tree/tree.scss

@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
     }
 
     @for $i from 1 through 20 {
-        li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+        .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
             padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
         }
     }

package/lib/cjs/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

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

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("auto" | "custom")[];
+    UPLOAD_TRIGGER: ("custom" | "auto")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

package/lib/es/cascader/constants.d.ts

@@ -12,6 +12,8 @@ declare const strings: {
     readonly LEAF_ONLY_MERGE_TYPE: "leafOnly";
     readonly AUTO_MERGE_VALUE_MERGE_TYPE: "autoMergeValue";
     readonly NONE_MERGE_TYPE: "none";
+    readonly SEARCH_POSITION_TRIGGER: "trigger";
+    readonly SEARCH_POSITION_CUSTOM: "custom";
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };

package/lib/es/cascader/constants.js

@@ -13,7 +13,9 @@ const strings = {
   /* Merge Type */
   LEAF_ONLY_MERGE_TYPE: 'leafOnly',
   AUTO_MERGE_VALUE_MERGE_TYPE: 'autoMergeValue',
-  NONE_MERGE_TYPE: 'none'
+  NONE_MERGE_TYPE: 'none',
+  SEARCH_POSITION_TRIGGER: 'trigger',
+  SEARCH_POSITION_CUSTOM: 'custom'
 };
 const numbers = {};
 export { cssClasses, strings, numbers };

package/lib/es/descriptions/constants.d.ts

@@ -4,6 +4,7 @@ declare const cssClasses: {
 declare const strings: {
     ALIGN_SET: string[];
     SIZE_SET: string[];
+    LAYOUT_SET: string[];
 };
 declare const numbers: {};
 export { cssClasses, strings, numbers };

package/lib/es/descriptions/constants.js

@@ -4,7 +4,8 @@ const cssClasses = {
 };
 const strings = {
   ALIGN_SET: ['left', 'justify', 'plain', 'center'],
-  SIZE_SET: ['small', 'medium', 'large']
+  SIZE_SET: ['small', 'medium', 'large'],
+  LAYOUT_SET: ['horizontal', 'vertical']
 };
 const numbers = {};
 export { cssClasses, strings, numbers };

package/lib/es/descriptions/descriptions.css

@@ -120,6 +120,15 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 28px;
 }
+.semi-descriptions-horizontal table {
+  table-layout: fixed;
+}
+.semi-descriptions-horizontal table, .semi-descriptions-horizontal tbody {
+  width: 100%;
+}
+.semi-descriptions-horizontal .semi-descriptions-item {
+  flex: 0;
+}
 
 .semi-rtl .semi-descriptions,
 .semi-portal-rtl .semi-descriptions {

package/lib/es/descriptions/descriptions.scss

@@ -151,6 +151,20 @@ $module: #{$prefix}-descriptions;
             }
         }
     }
+
+    &-horizontal {
+        table {
+            table-layout: fixed;
+        }
+        table, tbody {
+            width: 100%;
+        }
+    }
+
+    &-horizontal &-item {
+        flex: 0;
+    }
+
 }
 
 @import "./rtl.scss";

package/lib/es/descriptions/foundation.d.ts

@@ -0,0 +1,7 @@
+import BaseFoundation, { DefaultAdapter } from '../base/foundation';
+export interface DescriptionsAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+}
+export default class DescriptionsFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<DescriptionsAdapter<P, S>, P, S> {
+    constructor(adapter: DescriptionsAdapter<P, S>);
+    getHorizontalList(): any[];
+}

package/lib/es/descriptions/foundation.js

@@ -0,0 +1,37 @@
+import BaseFoundation from '../base/foundation';
+export default class DescriptionsFoundation extends BaseFoundation {
+  constructor(adapter) {
+    super(Object.assign({}, adapter));
+  }
+  getHorizontalList() {
+    const {
+      column,
+      data,
+      children
+    } = this.getProps();
+    let columns;
+    if (data === null || data === void 0 ? void 0 : data.length) {
+      columns = data || [];
+    } else {
+      columns = (children === null || children === void 0 ? void 0 : children.map(item => Object.assign({
+        value: item.props.children
+      }, item.props))) || [];
+    }
+    const horizontalList = [];
+    const curSpan = {
+      totalSpan: 0,
+      itemList: []
+    };
+    for (const item of columns) {
+      curSpan.totalSpan += item.span || 1;
+      curSpan.itemList.push(item);
+      if (curSpan.totalSpan >= column) {
+        horizontalList.push(curSpan.itemList);
+        curSpan.itemList = [];
+        curSpan.totalSpan = 0;
+      }
+    }
+    if (curSpan.itemList.length != 0) horizontalList.push(curSpan.itemList);
+    return horizontalList;
+  }
+}

package/lib/es/image/previewInnerFoundation.d.ts

@@ -10,6 +10,7 @@ export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string,
     notifyRatioChange: (type: RatioType) => void;
     notifyRotateChange: (angle: number) => void;
     notifyDownload: (src: string, index: number) => void;
+    notifyDownloadError: (src: string) => void;
     registerKeyDownListener: () => void;
     unregisterKeyDownListener: () => void;
     disabledBodyScroll: () => void;

package/lib/es/image/previewInnerFoundation.js

@@ -166,7 +166,7 @@ export default class PreviewInnerFoundation extends BaseFoundation {
       const setDownloadName = this._adapter.getSetDownloadFunc();
       const downloadSrc = imgSrc[currentIndex];
       const downloadName = setDownloadName ? setDownloadName(downloadSrc) : downloadSrc.slice(downloadSrc.lastIndexOf("/") + 1).split('?')[0];
-      downloadImage(downloadSrc, downloadName);
+      downloadImage(downloadSrc, downloadName, this._adapter.notifyDownloadError);
       this._adapter.notifyDownload(downloadSrc, currentIndex);
     };
     this.handlePreviewClose = e => {

package/lib/es/image/utils.d.ts

@@ -1,4 +1,4 @@
 export declare const isTargetEmit: (event: any, targetClasses: any) => boolean;
-export declare const downloadImage: (src: string, filename: string) => void;
+export declare const downloadImage: (src: string, filename: string, downloadErrorCb: (src: string) => void) => Promise<void>;
 export declare const crossMerge: (leftArr?: any[], rightArr?: any[]) => any[];
 export declare const getPreloadImagArr: (imgSrc: string[], currentIndex: number, preLoadGap: number, infinite: boolean) => any[];

package/lib/es/image/utils.js

@@ -1,3 +1,30 @@
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 export const isTargetEmit = (event, targetClasses) => {
   // event.path usage is discouraged, use event.composedPath() as it's standard and is more future-proof
   // path is the event-triggered bubbling path, which stores each node through which bubbling passes.
@@ -11,27 +38,25 @@ export const isTargetEmit = (event, targetClasses) => {
   });
   return isTarget;
 };
-export const downloadImage = (src, filename) => {
-  const image = new Image();
-  image.src = src;
-  image.crossOrigin = "anonymous";
-  image.onload = e => {
-    const eleLink = document.createElement("a");
-    eleLink.download = filename;
-    eleLink.style.display = "none";
-    eleLink.download = filename;
-    eleLink.href = src;
-    const canvas = document.createElement("canvas");
-    canvas.width = image.width;
-    canvas.height = image.height;
-    const context = canvas.getContext("2d");
-    context.drawImage(image, 0, 0, image.width, image.height);
-    eleLink.href = canvas.toDataURL("image/jpeg");
-    document.body.appendChild(eleLink);
-    eleLink.click();
-    document.body.removeChild(eleLink);
-  };
-};
+export const downloadImage = (src, filename, downloadErrorCb) => __awaiter(void 0, void 0, void 0, function* () {
+  try {
+    const response = yield fetch(src);
+    if (response.ok) {
+      const blob = yield response.blob();
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement('a');
+      link.href = url;
+      link.download = filename;
+      link.click();
+      URL.revokeObjectURL(url);
+      link.remove();
+    } else {
+      downloadErrorCb(src);
+    }
+  } catch (error) {
+    downloadErrorCb(src);
+  }
+});
 export const crossMerge = function () {
   let leftArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let rightArr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];

package/lib/es/overflowList/constants.d.ts

@@ -2,7 +2,7 @@ declare const cssClasses: {
     PREFIX: string;
 };
 declare const strings: {
-    BOUNDARY_SET: ("end" | "start")[];
+    BOUNDARY_SET: ("start" | "end")[];
     POSITION_SET: string[];
     MODE_SET: string[];
     MODE_MAP: {

package/lib/es/slider/foundation.js

@@ -451,7 +451,8 @@ export default class SliderFoundation extends BaseFoundation {
     this.onHandleLeave = () => {
       // this._adapter.setEventDefault(e);
       const disabled = this._adapter.getState('disabled');
-      if (!disabled && this.getStates()['focusPos'] === "") {
+      const isDrag = this._adapter.getState('isDrag');
+      if (!disabled && !isDrag) {
         this._adapter.onHandleLeave();
       }
     };

package/lib/es/toast/toastFoundation.d.ts

@@ -9,6 +9,7 @@ export interface ConfigProps {
     right?: number | string;
     duration?: number;
     zIndex?: number;
+    theme?: ToastTheme;
     getPopupContainer?: () => HTMLElement | null;
 }
 export interface ToastProps extends ConfigProps {
@@ -20,7 +21,6 @@ export interface ToastProps extends ConfigProps {
     className?: string;
     showClose?: boolean;
     icon?: any;
-    theme?: ToastTheme;
     direction?: Directions;
     close?: (id: string) => void;
     stack?: boolean;

package/lib/es/tree/tree.css

@@ -245,64 +245,64 @@
 .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:hover, .semi-tree-option-list li.semi-tree-option-draggable.semi-tree-option .semi-tree-option-selected:active {
   background-color: transparent;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-1 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-1 {
   padding-left: 8px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-2 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-2 {
   padding-left: 28px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-3 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-3 {
   padding-left: 48px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-4 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-4 {
   padding-left: 68px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-5 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-5 {
   padding-left: 88px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-6 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-6 {
   padding-left: 108px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-7 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-7 {
   padding-left: 128px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-8 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-8 {
   padding-left: 148px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-9 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-9 {
   padding-left: 168px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-10 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-10 {
   padding-left: 188px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-11 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-11 {
   padding-left: 208px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-12 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-12 {
   padding-left: 228px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-13 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-13 {
   padding-left: 248px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-14 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-14 {
   padding-left: 268px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-15 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-15 {
   padding-left: 288px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-16 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-16 {
   padding-left: 308px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-17 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-17 {
   padding-left: 328px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-18 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-18 {
   padding-left: 348px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-19 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-19 {
   padding-left: 368px;
 }
-.semi-tree-option-list li.semi-tree-option.semi-tree-option-fullLabel-level-20 {
+.semi-tree-option-list .semi-tree-option.semi-tree-option-fullLabel-level-20 {
   padding-left: 388px;
 }
 .semi-tree-option-list .semi-tree-option-empty:hover, .semi-tree-option-list .semi-tree-option-empty:active {

package/lib/es/tree/tree.scss

@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
     }
 
     @for $i from 1 through 20 {
-        li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+        .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
             padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
         }
     }

package/lib/es/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/lib/es/upload/constants.d.ts

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("auto" | "custom")[];
+    UPLOAD_TRIGGER: ("custom" | "auto")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.53.3",
+    "version": "2.54.0-alpha.1",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.53.3",
+        "@douyinfe/semi-animation": "2.54.0-alpha.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "185222a3eca3ca40b81f143de74d980c12565406",
+    "gitHead": "9d5d3e56181ea19f6a412904c685356a8e91dcbd",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/slider/foundation.ts

@@ -550,7 +550,8 @@ export default class SliderFoundation extends BaseFoundation<SliderAdapter> {
     onHandleLeave = () => {
         // this._adapter.setEventDefault(e);
         const disabled = this._adapter.getState('disabled');
-        if (!disabled && this.getStates()['focusPos'] === "") {
+        const isDrag = this._adapter.getState('isDrag');
+        if (!disabled && !isDrag) {
             this._adapter.onHandleLeave();
         }
     };

package/toast/toastFoundation.ts

@@ -13,6 +13,7 @@ export interface ConfigProps {
     right?: number | string;
     duration?: number;
     zIndex?: number;
+    theme?: ToastTheme;
     getPopupContainer?: () => HTMLElement | null
 }
 export interface ToastProps extends ConfigProps {
@@ -24,7 +25,6 @@ export interface ToastProps extends ConfigProps {
     className?: string;
     showClose?: boolean;
     icon?: any;
-    theme?: ToastTheme;
     direction?: Directions;
     close?: (id: string) => void;
     stack?: boolean

package/tree/tree.scss

@@ -330,7 +330,7 @@ $module: #{$prefix}-tree;
     }
 
     @for $i from 1 through 20 {
-        li.#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
+        .#{$module}-option.#{$module}-option-fullLabel-level-#{$i} {
             padding-left: $spacing-tree_option_level-paddingLeft * ($i - 1) + $spacing-tree_option_level1-paddingLeft;
         }
     }