bkui-vue 2.0.1-beta.5 → 2.0.1-beta.50

package/lib/tree/use-node-attribute.d.ts

@@ -1,45 +1,53 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 declare const _default: (flatData: {
-    data: any[];
-    schema: WeakMap<Object, any>;
+    data: TreeNode[];
+    schema: WeakMap<TreeNode, unknown>;
 }, props?: TreePropTypes) => {
-    getSchemaVal: (node: any) => any;
-    getNodeAttr: (node: any, attr: string) => any;
-    getNodeId: (node: any) => any;
-    getNodeById: (id: any) => any;
-    getNodeParentId: (node: any) => any;
-    getParentNodeData: (node: any) => any;
+    getSchemaVal: (node: TreeNode) => unknown;
+    getNodeAttr: (node: TreeNode, attr: string) => any;
+    getNodeId: (node: TreeNode) => any;
+    getNodeById: (id: string | unknown) => TreeNode;
+    getNodeParentId: (node: TreeNode) => any;
+    getParentNodeData: (node: TreeNode | string) => any;
     getNodePathById: (id: string) => any;
     getNodeAttrById: (id: string, attr: string) => any;
     getNodeParentIdById: (id: string) => any;
-    getParentNodeAttr: (node: any, attrName: string) => any;
-    getParentNode: (node: any) => any;
-    setNodeAttr: (node: any, attr: string, val: any, id?: any) => void;
-    setNodeAttrById: (id: any, attr: string, val: any) => void;
-    getNodePath: (node: any) => any;
-    isRootNode: (node: any | string) => any;
-    isNodeOpened: (node: any) => any;
-    hasChildNode: (node: any) => any;
-    isItemOpen: (item: any) => any;
-    isNodeChecked: (node: any) => any;
-    isNodeMatched: (node: any) => any;
-    isNodeLoading: (node: any) => any;
-    checkNodeIsOpen: (node: any) => any;
-    getSourceNodeByPath: (path: string, uid?: string) => any;
-    getSourceNodeByUID: (uid: string) => any;
-    isMatchedNode: (node: any) => any;
-    resolveScopedSlotParam: (item: any) => {
+    getParentNodeAttr: (node: TreeNode, attrName: string) => any;
+    getParentNode: (node: TreeNode) => any;
+    setNodeAttr: (node: TreeNode, attr: string, val: unknown, id?: any) => void;
+    setNodeAttrById: (id: unknown, attr: string, val: unknown) => void;
+    getNodePath: (node: TreeNode) => any;
+    isRootNode: (node: TreeNode | string) => any;
+    isNodeOpened: (node: TreeNode) => any;
+    hasChildNode: (node: TreeNode) => any;
+    isItemOpen: (item: TreeNode) => any;
+    isNodeChecked: (node: TreeNode) => any;
+    isNodeMatched: (node: TreeNode) => any;
+    isNodeLoading: (node: TreeNode) => any;
+    checkNodeIsOpen: (node: TreeNode) => any;
+    getSourceNodeByPath: (path: string, uid?: string) => any[];
+    getSourceNodeByUID: (uid: string) => TreeNode;
+    isMatchedNode: (node: TreeNode) => any;
+    resolveScopedSlotParam: (item: TreeNode) => {
         [x: string]: any;
         fullPath: any;
         uuid: any;
         parent: any;
         parentId: any;
     };
-    setTreeNodeLoading: (node: any, value: boolean) => void;
-    extendNodeAttr: (item: any) => any;
-    getChildNodes: (node: any) => any;
-    extendNodeScopedData: (item: any) => {
-        data: any;
+    setTreeNodeLoading: (node: TreeNode, value: boolean) => void;
+    extendNodeAttr: (item: TreeNode) => TreeNode & {
+        __attr__: {
+            [x: string]: any;
+            fullPath: any;
+            uuid: any;
+            parent: any;
+            parentId: any;
+        };
+    };
+    getChildNodes: (node: TreeNode) => TreeNode[];
+    extendNodeScopedData: (item: TreeNode) => {
+        data: TreeNode;
         attributes: {
             [x: string]: any;
             fullPath: any;
@@ -48,12 +56,12 @@ declare const _default: (flatData: {
             parentId: any;
         };
     };
-    getIntersectionResponse: (target: HTMLElement | Record<string, any>) => {
+    getIntersectionResponse: (target: HTMLElement | TreeNode) => {
         level: any;
-        target: HTMLElement | Record<string, any>;
+        target: HTMLElement | TreeNode;
         index: any;
         parent: any;
-        node: HTMLElement | Record<string, any>;
+        node: HTMLElement | TreeNode;
         isRoot: any;
     };
 };

package/lib/tree/use-search.d.ts

@@ -1,6 +1,6 @@
 import { SearchOption, TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
-    searchFn: (itemValue: string | number, item: any) => any;
+    searchFn: (itemValue: unknown, item: unknown) => boolean;
     refSearch: import("vue").Ref<string | number | boolean | SearchOption>;
     isSearchActive: import("vue").ComputedRef<boolean>;
     isSearchDisabled: boolean;

package/lib/tree/use-tree-init.d.ts

@@ -1,13 +1,16 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
     flatData: {
-        data: any[];
-        schema: WeakMap<Object, any> & Omit<WeakMap<Object, any>, keyof WeakMap<any, any>>;
+        data: {
+            [x: string]: unknown;
+            children?: any[];
+        }[];
+        schema: WeakMap<TreeNode, Record<string, unknown>> & Omit<WeakMap<TreeNode, Record<string, unknown>>, keyof WeakMap<any, any>>;
         levelLineSchema: {};
     };
-    asyncNodeClick: (item: any) => Promise<any>;
+    asyncNodeClick: (item: TreeNode) => Promise<boolean> | Promise<void | Record<string, unknown>>;
     deepAutoOpen: () => void;
-    afterDataUpdate: (callFn: (d: any) => any) => void;
+    afterDataUpdate: (callFn: (d: any) => void) => void;
     registerNextLoop: (key: string, event: any, reset?: boolean) => void;
     onSelected: (event: (d: any) => void) => void;
 };

package/lib/tree/util.d.ts

@@ -1,22 +1,22 @@
-import { TreePropTypes } from './props';
+import { TreeNode, TreePropTypes } from './props';
 export type IFlatData = {
-    data: any[];
-    schema: WeakMap<Object, any>;
+    data: TreeNode[];
+    schema: WeakMap<TreeNode, Record<string, unknown>>;
 };
 /**
  * 获取当前节点显示Label
  * @param item 当前节点
  * @param props Props
  */
-export declare const getLabel: (item: any, props: TreePropTypes) => any;
+export declare const getLabel: (item: TreeNode, props: TreePropTypes) => unknown;
 /**
  * 根据Props获取Tree样式设置
  * @param item
  * @param props
  * @returns
  */
-export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
-    '--level-line': any;
+export declare const getTreeStyle: (item: TreeNode, props: TreePropTypes) => {
+    '--level-line': unknown;
     '--lineHeight': string;
     '--indent': string;
     '--offset-left': string;
@@ -27,16 +27,16 @@ export declare const getTreeStyle: (item: any, props: TreePropTypes) => {
  * @param props
  * @returns
  */
-export declare const getNodeItemStyle: any;
+export declare const getNodeItemStyle: (item: TreeNode, props: TreePropTypes, flatData: IFlatData, showTree?: boolean) => {};
 /**
  * 获取当前渲染节点Class List
  * @param item
  * @returns
  */
-export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>, props: TreePropTypes, showTree?: boolean) => {
-    'is-root': any;
-    'bk-tree-node': boolean;
-    'is-open': any;
+export declare const getNodeItemClass: (item: TreeNode, schema: WeakMap<TreeNode, Record<string, unknown>>, props: TreePropTypes, showTree?: boolean) => {
+    [x: string]: unknown;
+    'is-root': unknown;
+    'is-open': unknown;
     'is-virtual-render': boolean;
     'level-line': boolean;
 };
@@ -45,12 +45,12 @@ export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>,
  * @param item
  * @returns
  */
-export declare const getNodeRowClass: (item: any, schema: WeakMap<Object, any>) => {
-    [x: string]: any;
-    'is-checked': any;
-    'is-selected': any;
-    'node-folder': any;
-    'node-leaf': any;
+export declare const getNodeRowClass: (item: TreeNode, schema: WeakMap<TreeNode, Record<string, unknown>>) => {
+    [x: string]: unknown;
+    'is-checked': unknown;
+    'is-selected': unknown;
+    'node-folder': unknown;
+    'node-leaf': unknown;
 };
 /**
  * 根据路径更新指定节点Child-Data
@@ -60,7 +60,7 @@ export declare const getNodeRowClass: (item: any, schema: WeakMap<Object, any>)
  * @param nodekey 节点key
  * @param nodeValue 节点值
  */
-export declare const updateTreeNode: (path: string, treeData: any[], childKey: string, nodekey: string, nodeValue: any) => void;
+export declare const updateTreeNode: (path: string, treeData: TreeNode[], childKey: string, nodekey: string, nodeValue: Record<string, unknown>[]) => void;
 /**
  * 根据路径更新指定节点Child-Data
  * @param path 节点路径
@@ -68,7 +68,7 @@ export declare const updateTreeNode: (path: string, treeData: any[], childKey: s
  * @param childKey Child Key
  * @param assignVal value
  */
-export declare const assignTreeNode: (path: string, treeData: any[], childKey: string, assignVal: any) => void;
-export declare const resolveNodeItem: (node: any) => any;
+export declare const assignTreeNode: (path: string, treeData: TreeNode[], childKey: string, assignVal: Record<string, unknown>) => void;
+export declare const resolveNodeItem: (node: TreeNode) => TreeNode;
 export declare const resolvePropIsMatched: (node: any, prop: any, id: any) => any;
-export declare const showCheckbox: (props: TreePropTypes, node?: any) => any;
+export declare const showCheckbox: (props: TreePropTypes, node?: TreeNode) => any;

package/lib/upload/index.d.ts

@@ -1,5 +1,10 @@
 declare const Upload: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"formdata" | "binary">;
+            default: "formdata" | "binary";
+            validator: (val: import("./upload.type").ETypes) => boolean;
+        };
         theme: {
             type: import("vue").PropType<"button" | "picture" | "draggable">;
             default: "button" | "picture" | "draggable";
@@ -117,6 +122,11 @@ declare const Upload: {
         onSuccess?: (...args: any[]) => any;
         onExceed?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "exceed")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"formdata" | "binary">;
+            default: "formdata" | "binary";
+            validator: (val: import("./upload.type").ETypes) => boolean;
+        };
         theme: {
             type: import("vue").PropType<"button" | "picture" | "draggable">;
             default: "button" | "picture" | "draggable";
@@ -235,6 +245,7 @@ declare const Upload: {
         onExceed?: (...args: any[]) => any;
     }, {
         name: string;
+        type: "formdata" | "binary";
         data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
         header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
         extCls: string;
@@ -263,6 +274,11 @@ declare const Upload: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"formdata" | "binary">;
+            default: "formdata" | "binary";
+            validator: (val: import("./upload.type").ETypes) => boolean;
+        };
         theme: {
             type: import("vue").PropType<"button" | "picture" | "draggable">;
             default: "button" | "picture" | "draggable";
@@ -381,6 +397,7 @@ declare const Upload: {
         onExceed?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         name: string;
+        type: "formdata" | "binary";
         data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
         header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
         extCls: string;
@@ -406,6 +423,11 @@ declare const Upload: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: import("vue").PropType<"formdata" | "binary">;
+        default: "formdata" | "binary";
+        validator: (val: import("./upload.type").ETypes) => boolean;
+    };
     theme: {
         type: import("vue").PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -524,6 +546,7 @@ declare const Upload: {
     onExceed?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "exceed")[], "done" | "error" | "progress" | "delete" | "success" | "exceed", {
     name: string;
+    type: "formdata" | "binary";
     data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
     header: import("./upload.type").HeaderDataAttr | import("./upload.type").HeaderDataAttr[];
     extCls: string;

package/lib/upload/index.js

@@ -1255,6 +1255,10 @@ const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBP
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+;// CONCATENATED MODULE: external "../config-provider"
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
 ;// CONCATENATED MODULE: ../../packages/upload/src/upload.type.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -1281,20 +1285,26 @@ var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-var CLASS_PREFIX = 'bk-upload';
+var CLASS_PREFIX = 'upload';
 var EThemes;
 (function (EThemes) {
   EThemes["BUTTON"] = "button";
   EThemes["DRAGGABLE"] = "draggable";
   EThemes["PICTURE"] = "picture";
 })(EThemes || (EThemes = {}));
+var ETypes;
+(function (ETypes) {
+  ETypes["FORMDATA"] = "formdata";
+  ETypes["BINARY"] = "binary";
+})(ETypes || (ETypes = {}));
 var EUploadStatus;
 (function (EUploadStatus) {
+  EUploadStatus["FAIL"] = "fail";
   EUploadStatus["NEW"] = "new";
-  EUploadStatus["UPLOADING"] = "uploading";
   EUploadStatus["SUCCESS"] = "success";
-  EUploadStatus["FAIL"] = "fail";
+  EUploadStatus["UPLOADING"] = "uploading";
 })(EUploadStatus || (EUploadStatus = {}));
+;
 ;// CONCATENATED MODULE: ../../packages/upload/src/props.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -1323,7 +1333,19 @@ var EUploadStatus;
  */
 
 var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
+var types = [ETypes.FORMDATA, ETypes.BINARY];
 /* harmony default export */ const props = ({
+  type: {
+    type: String,
+    "default": 'formdata',
+    validator: function validator(val) {
+      if (!val || types.includes(val)) {
+        return true;
+      }
+      console.error("invalid type, ".concat(val, ", the type must be one of \u3010").concat(types.join(' | '), "\u3011"));
+      return false;
+    }
+  },
   theme: {
     type: String,
     "default": 'draggable',
@@ -1517,10 +1539,6 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale });
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
@@ -1586,11 +1604,13 @@ function _isSlot(s) {
     var slots = _ref.slots,
       emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('upload');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
       multiple = _toRefs.multiple;
-    var classBlock = "".concat(CLASS_PREFIX, "-list");
+    var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-list");
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.PICTURE;
     });
@@ -1632,19 +1652,19 @@ function _isSlot(s) {
     };
     var PhotoItem = function PhotoItem(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-item-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!disabled.value && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-item-actions")
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
@@ -1698,9 +1718,9 @@ function _isSlot(s) {
       return [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-icon")
       }, [file.isPic ? (0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null) : FileIcon(file)]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-summary")
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -1713,8 +1733,8 @@ function _isSlot(s) {
         "class": "".concat(classBlock, "__item-message-success-icon")
       }, null), file.statusText || t.value.uploadSuccess]), file.status === 'fail' && (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.statusText || t.value.uploadFailed])]), file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
         "class": "".concat(classBlock, "__item-progress"),
-        "showText": false,
         "percent": file.percentage,
+        "showText": false,
         "size": "small"
       }, null), file.status !== 'fail' && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-speed")
@@ -1807,13 +1827,15 @@ const button_less_namespaceObject = button_less_x({  });
     var slots = _ref.slots,
       emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('upload');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
       file = _toRefs.file,
       multiple = _toRefs.multiple,
       accept = _toRefs.accept;
-    var classBlock = "".concat(CLASS_PREFIX, "-trigger");
+    var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-trigger");
     var isButton = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.BUTTON;
     });
@@ -1891,9 +1913,9 @@ const button_less_namespaceObject = button_less_x({  });
       var classNames = (0,shared_namespaceObject.classes)(_defineProperty({}, "".concat(classBlock, "__draggable"), true));
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": classNames,
-        "onDrop": handleDrop,
+        "onDragleave": handleDragleave,
         "onDragover": handleDragover,
-        "onDragleave": handleDragleave
+        "onDrop": handleDrop
       }, [slots["default"] ? slots["default"]() : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Upload, {
         "class": "".concat(classBlock, "__draggable-icon")
       }, null), (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1916,19 +1938,19 @@ const button_less_namespaceObject = button_less_x({  });
     };
     var SinglePicture = function SinglePicture(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!props.disabled && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-actions")
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
@@ -1966,12 +1988,12 @@ const button_less_namespaceObject = button_less_x({  });
       }, [slots.trigger ? [slots.trigger(), slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)] : Trigger(), (0,external_vue_namespaceObject.createVNode)("input", {
         "ref": inputEl,
         "class": "".concat(classBlock, "__input-file"),
-        "tabindex": "-1",
-        "onChange": handleFileChange,
         "accept": acceptTypes.value,
-        "multiple": multiple.value,
         "disabled": disabled.value,
-        "type": "file"
+        "multiple": multiple.value,
+        "tabindex": "-1",
+        "type": "file",
+        "onChange": handleFileChange
       }, null)]);
     };
   }
@@ -2048,7 +2070,9 @@ var ajaxUpload = function ajaxUpload(option) {
     throw new Error('XMLHttpRequest is undefined');
   }
   var xhr = new XMLHttpRequest();
-  var action = option.action;
+  var action = option.action,
+    type = option.type;
+  var isFormdata = type === 'formdata';
   if (xhr.upload) {
     xhr.upload.addEventListener('progress', function (event) {
       var progressEvent = event;
@@ -2057,7 +2081,7 @@ var ajaxUpload = function ajaxUpload(option) {
     });
   }
   var formData = new FormData();
-  if (option.data) {
+  if (isFormdata && option.data) {
     var appendData = option.data;
     if (!Array.isArray(appendData)) {
       appendData = [appendData];
@@ -2071,7 +2095,7 @@ var ajaxUpload = function ajaxUpload(option) {
       }
     });
   }
-  if (option.formDataAttributes) {
+  if (isFormdata && option.formDataAttributes) {
     var _appendData = option.formDataAttributes;
     if (!Array.isArray(_appendData)) {
       _appendData = [_appendData];
@@ -2080,7 +2104,9 @@ var ajaxUpload = function ajaxUpload(option) {
       if (Array.isArray(item.value)) formData.append.apply(formData, [item.name].concat(_toConsumableArray(item.value)));else formData.append(item.name, item.value);
     });
   }
-  formData.append(option.filename, option.file, option.file.name);
+  if (isFormdata) {
+    formData.append(option.filename, option.file, option.file.name);
+  }
   xhr.addEventListener('error', function () {
     option.onError(new Error('An error occurred during upload'));
   });
@@ -2124,7 +2150,7 @@ var ajaxUpload = function ajaxUpload(option) {
       xhr.setRequestHeader(key, String(value));
     }
   }
-  xhr.send(formData);
+  xhr.send(isFormdata ? formData : option.file);
   return xhr;
 };
 // 该方法用于在不同的浏览器使用不同的方式
@@ -2189,7 +2215,6 @@ var ajaxSliceUpload = /*#__PURE__*/function () {
 // 请求分片上传，保存在progressList中
 var sliceSend = function sliceSend(option, file, blockCount, hash, progressList, chunkSize) {
   var _loop = function _loop(i) {
-    // eslint-disable-next-line no-loop-func
     var pooltask = new Promise(function (resolve, reject) {
       var start = i * chunkSize;
       var end = Math.min(file.size, start + chunkSize);
@@ -2601,6 +2626,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
 
 
 
+
 /* harmony default export */ const upload = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Upload',
   props: props,
@@ -2609,6 +2635,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
     var slots = _ref.slots,
       emit = _ref.emit,
       expose = _ref.expose;
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var requests = (0,external_vue_namespaceObject.shallowRef)({});
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return props.theme === EThemes.PICTURE;
@@ -2618,7 +2646,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
     });
     var classNames = (0,external_vue_namespaceObject.computed)(function () {
       var _props$extCls;
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CLASS_PREFIX, true), "".concat(CLASS_PREFIX, "--").concat(props.theme), true), "".concat(CLASS_PREFIX, "--disabled"), props.disabled), "".concat(CLASS_PREFIX, "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
+      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName(CLASS_PREFIX)), true), "".concat(resolveClassName(CLASS_PREFIX), "--").concat(props.theme), true), "".concat(resolveClassName(CLASS_PREFIX), "--disabled"), props.disabled), "".concat(resolveClassName(CLASS_PREFIX), "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
     });
     var triggerProps = (0,external_vue_namespaceObject.computed)(function () {
       return {
@@ -2727,7 +2755,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       return _upload.apply(this, arguments);
     }
     function send(file, sendFiles) {
-      var headers = props.headers,
+      var type = props.type,
+        headers = props.headers,
         header = props.header,
         data = props.data,
         formDataAttributes = props.formDataAttributes,
@@ -2741,6 +2770,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         customRequest = props.customRequest;
       var uid = file.uid;
       var options = {
+        type: type,
         headers: headers,
         header: header,
         withCredentials: withCredentials,
@@ -2820,12 +2850,12 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       }, [!isPhotowall.value && (0,external_vue_namespaceObject.createVNode)(upload_trigger, (0,external_vue_namespaceObject.mergeProps)(triggerProps.value, {
         "onChange": handleFiles
       }), slots), slots.tip ? slots.tip() : props.tip && (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(CLASS_PREFIX, "__tip")
+        "class": "".concat(resolveClassName(CLASS_PREFIX), "__tip")
       }, [props.tip]), (0,external_vue_namespaceObject.createVNode)(upload_list, {
-        "files": fileList.value,
-        "theme": props.theme,
         "disabled": props.disabled,
+        "files": fileList.value,
         "multiple": props.multiple,
+        "theme": props.theme,
         "onRemove": handleRemove,
         "onRetry": handleRetry
       }, {

package/lib/upload/props.d.ts

@@ -1,6 +1,11 @@
+import { APIResponse, EThemes, ETypes, ExtraFormData, FormDataAttr, HeaderDataAttr, MaxSize, UploadFile, UploadRawFile, UploadRequestHandler } from './upload.type';
 import type { PropType } from 'vue';
-import { APIResponse, EThemes, ExtraFormData, FormDataAttr, HeaderDataAttr, MaxSize, UploadFile, UploadRawFile, UploadRequestHandler } from './upload.type';
 declare const _default: {
+    type: {
+        type: PropType<"formdata" | "binary">;
+        default: "formdata" | "binary";
+        validator: (val: ETypes) => boolean;
+    };
     theme: {
         type: PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";