bkui-vue 2.0.1-beta.81 → 2.0.1-beta.82

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.81";
+export const version = "2.0.1-beta.82";
 window.__bkui_vue_version__ = version;

package/lib/upload/index.d.ts

@@ -114,14 +114,19 @@ declare const Upload: {
             type: NumberConstructor;
             default: number;
         };
+        isShowPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onError?: (...args: any[]) => any;
         onProgress?: (...args: any[]) => any;
         onDelete?: (...args: any[]) => any;
+        onPreview?: (...args: any[]) => any;
         onDone?: (...args: any[]) => any;
         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<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "preview" | "exceed")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: import("vue").PropType<"formdata" | "binary">;
             default: "formdata" | "binary";
@@ -236,10 +241,15 @@ declare const Upload: {
             type: NumberConstructor;
             default: number;
         };
+        isShowPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onError?: (...args: any[]) => any;
         onProgress?: (...args: any[]) => any;
         onDelete?: (...args: any[]) => any;
+        onPreview?: (...args: any[]) => any;
         onDone?: (...args: any[]) => any;
         onSuccess?: (...args: any[]) => any;
         onExceed?: (...args: any[]) => any;
@@ -266,6 +276,7 @@ declare const Upload: {
         sliceUrl: string;
         mergeUrl: string;
         chunkSize: number;
+        isShowPreview: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -388,10 +399,15 @@ declare const Upload: {
             type: NumberConstructor;
             default: number;
         };
+        isShowPreview: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         onError?: (...args: any[]) => any;
         onProgress?: (...args: any[]) => any;
         onDelete?: (...args: any[]) => any;
+        onPreview?: (...args: any[]) => any;
         onDone?: (...args: any[]) => any;
         onSuccess?: (...args: any[]) => any;
         onExceed?: (...args: any[]) => any;
@@ -418,6 +434,7 @@ declare const Upload: {
         sliceUrl: string;
         mergeUrl: string;
         chunkSize: number;
+        isShowPreview: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -537,14 +554,19 @@ declare const Upload: {
         type: NumberConstructor;
         default: number;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onError?: (...args: any[]) => any;
     onProgress?: (...args: any[]) => any;
     onDelete?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
     onDone?: (...args: any[]) => any;
     onSuccess?: (...args: any[]) => any;
     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", {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "preview" | "exceed")[], "done" | "error" | "progress" | "delete" | "success" | "preview" | "exceed", {
     name: string;
     type: "formdata" | "binary";
     data: import("./upload.type").ExtraFormData | import("./upload.type").ExtraFormData[];
@@ -567,5 +589,6 @@ declare const Upload: {
     sliceUrl: string;
     mergeUrl: string;
     chunkSize: number;
+    isShowPreview: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default Upload;

package/lib/upload/index.js

@@ -1476,6 +1476,11 @@ var types = [ETypes.FORMDATA, ETypes.BINARY];
   chunkSize: {
     type: Number,
     "default": 10
+  },
+  // 是否显示预览按钮
+  isShowPreview: {
+    type: Boolean,
+    "default": true
   }
 });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
@@ -1541,7 +1546,7 @@ function _slicedToArray(arr, i) {
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["ArchiveFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArchiveFill, ["AudioFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AudioFill, ["Del"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Del, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["ImageFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ImageFill, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Plus, ["RightTurnLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightTurnLine, ["TextFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextFill, ["Upload"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Upload, ["VideoFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.VideoFill });
+const icon_namespaceObject = icon_x({ ["ArchiveFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArchiveFill, ["AudioFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AudioFill, ["Del"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Del, ["Done"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Done, ["Eye"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Eye, ["ImageFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ImageFill, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Plus, ["RightTurnLine"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.RightTurnLine, ["TextFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.TextFill, ["Upload"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Upload, ["VideoFill"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.VideoFill });
 ;// CONCATENATED MODULE: external "../progress"
 var progress_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var progress_y = x => () => x
@@ -1596,9 +1601,10 @@ function _isSlot(s) {
     theme: props.theme,
     disabled: props.disabled,
     files: props.files,
-    multiple: props.multiple
+    multiple: props.multiple,
+    isShowPreview: props.isShowPreview
   },
-  emits: ['remove', 'retry'],
+  emits: ['remove', 'preview', 'retry'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
@@ -1608,7 +1614,8 @@ function _isSlot(s) {
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
-      multiple = _toRefs.multiple;
+      multiple = _toRefs.multiple,
+      isShowPreview = _toRefs.isShowPreview;
     var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-list");
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.PICTURE;
@@ -1625,6 +1632,9 @@ function _isSlot(s) {
       var size = value / Math.pow(1024, index);
       return "".concat(size.toFixed(2)).concat(uints[index]);
     }
+    function handleReview(file, e) {
+      emit('preview', file, e);
+    }
     function handleRemove(file, e) {
       emit('remove', file, e);
     }
@@ -1666,7 +1676,12 @@ function _isSlot(s) {
         "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, {
+      }, [isShowPreview.value && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
+        "class": "action-icon",
+        "onClick": function onClick(e) {
+          return handleReview(file, e);
+        }
+      }, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
         "class": "action-icon",
         "onClick": function onClick(e) {
           return handleRemove(file, e);
@@ -1756,10 +1771,10 @@ function _isSlot(s) {
       }, null)])])];
     };
     return function () {
-      var _props$files;
-      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [isSinglePhoto.value ? (slots === null || slots === void 0 ? void 0 : slots.innerTrigger) && (slots === null || slots === void 0 ? void 0 : slots.innerTrigger((_props$files = props.files) === null || _props$files === void 0 ? void 0 : _props$files[0])) : (0,external_vue_namespaceObject.createVNode)("ul", {
+      var _slots$innerTrigger, _props$files, _slots$innerTrigger2;
+      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [isSinglePhoto.value ? slots === null || slots === void 0 || (_slots$innerTrigger = slots.innerTrigger) === null || _slots$innerTrigger === void 0 ? void 0 : _slots$innerTrigger.call(slots, (_props$files = props.files) === null || _props$files === void 0 ? void 0 : _props$files[0]) : (0,external_vue_namespaceObject.createVNode)("ul", {
         "class": classNames.value
-      }, [isPhotowall.value ? Photowall() : Normal(), (slots === null || slots === void 0 ? void 0 : slots.innerTrigger) && (slots === null || slots === void 0 ? void 0 : slots.innerTrigger())])]);
+      }, [isPhotowall.value ? Photowall() : Normal(), slots === null || slots === void 0 || (_slots$innerTrigger2 = slots.innerTrigger) === null || _slots$innerTrigger2 === void 0 ? void 0 : _slots$innerTrigger2.call(slots)])]);
     };
   }
 }));
@@ -1819,9 +1834,10 @@ const button_less_namespaceObject = button_less_x({  });
     file: {
       type: Object
     },
-    selectChange: props.selectChange
+    selectChange: props.selectChange,
+    isShowPreview: props.isShowPreview
   },
-  emits: ['change', 'remove'],
+  emits: ['change', 'remove', 'preview'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
@@ -1833,7 +1849,8 @@ const button_less_namespaceObject = button_less_x({  });
       disabled = _toRefs.disabled,
       file = _toRefs.file,
       multiple = _toRefs.multiple,
-      accept = _toRefs.accept;
+      accept = _toRefs.accept,
+      isShowPreview = _toRefs.isShowPreview;
     var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-trigger");
     var isButton = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.BUTTON;
@@ -1887,6 +1904,11 @@ const button_less_namespaceObject = button_less_x({  });
       e.stopPropagation();
       e.preventDefault();
     }
+    function handleReview(file, e) {
+      emit('preview', file, e);
+      e.stopPropagation();
+      e.preventDefault();
+    }
     var dragover = (0,external_vue_namespaceObject.ref)(false);
     var Dragger = function Dragger() {
       var handleDrop = function handleDrop(e) {
@@ -1952,7 +1974,12 @@ const button_less_namespaceObject = button_less_x({  });
         "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, {
+      }, [isShowPreview.value && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Eye, {
+        "class": "action-icon",
+        "onClick": function onClick(e) {
+          return handleReview(file, e);
+        }
+      }, null), (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
         "class": "action-icon",
         "onClick": function onClick(e) {
           return handleRemove(file, e);
@@ -2651,7 +2678,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,
-  emits: ['exceed', 'progress', 'success', 'error', 'delete', 'done'],
+  emits: ['exceed', 'progress', 'success', 'error', 'delete', 'done', 'preview'],
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit,
@@ -2675,6 +2702,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         multiple: props.multiple,
         disabled: props.disabled,
         accept: props.accept,
+        isShowPreview: props.isShowPreview,
         selectChange: props.selectChange
       };
     });
@@ -2729,6 +2757,9 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
         _iterator.f();
       }
     }
+    function handlePreview(file) {
+      emit('preview', file);
+    }
     function handleRetry(file) {
       send(file.raw);
     }
@@ -2862,6 +2893,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       });
     });
     expose({
+      handlePreview: handlePreview,
       handleRemove: handleRemove,
       handleRetry: handleRetry
     });
@@ -2875,8 +2907,10 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       }, [props.tip]), (0,external_vue_namespaceObject.createVNode)(upload_list, {
         "disabled": props.disabled,
         "files": fileList.value,
+        "isShowPreview": props.isShowPreview,
         "multiple": props.multiple,
         "theme": props.theme,
+        "onPreview": handlePreview,
         "onRemove": handleRemove,
         "onRetry": handleRetry
       }, {
@@ -2884,6 +2918,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
           return isPhotowall.value && (0,external_vue_namespaceObject.createVNode)(upload_trigger, (0,external_vue_namespaceObject.mergeProps)(triggerProps.value, {
             "file": file,
             "onChange": handleFiles,
+            "onPreview": handlePreview,
             "onRemove": handleRemove
           }), slots);
         },

package/lib/upload/props.d.ts

@@ -115,5 +115,9 @@ declare const _default: {
         type: NumberConstructor;
         default: number;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };
 export default _default;

package/lib/upload/upload-list.d.ts

@@ -17,7 +17,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove" | "retry")[], "remove" | "retry", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("remove" | "preview" | "retry")[], "remove" | "preview" | "retry", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: import("vue").PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -35,13 +39,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onRemove?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
     onRetry?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     theme: "button" | "picture" | "draggable";
     multiple: boolean;
     files: UploadFile[];
+    isShowPreview: boolean;
 }, {}>;
 export default _default;

package/lib/upload/upload-trigger.d.ts

@@ -23,7 +23,11 @@ declare const _default: import("vue").DefineComponent<{
     selectChange: {
         type: PropType<(event: Event) => boolean | void>;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "remove")[], "change" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "remove" | "preview")[], "change" | "remove" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: PropType<"button" | "picture" | "draggable">;
         default: "button" | "picture" | "draggable";
@@ -46,12 +50,18 @@ declare const _default: import("vue").DefineComponent<{
     selectChange: {
         type: PropType<(event: Event) => boolean | void>;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     onRemove?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     theme: "button" | "picture" | "draggable";
     multiple: boolean;
+    isShowPreview: boolean;
 }, {}>;
 export default _default;

package/lib/upload/upload.d.ts

@@ -114,7 +114,11 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "exceed")[], "done" | "error" | "progress" | "delete" | "success" | "exceed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("done" | "error" | "progress" | "delete" | "success" | "preview" | "exceed")[], "done" | "error" | "progress" | "delete" | "success" | "preview" | "exceed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: import("vue").PropType<"formdata" | "binary">;
         default: "formdata" | "binary";
@@ -229,10 +233,15 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    isShowPreview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onError?: (...args: any[]) => any;
     onProgress?: (...args: any[]) => any;
     onDelete?: (...args: any[]) => any;
+    onPreview?: (...args: any[]) => any;
     onDone?: (...args: any[]) => any;
     onSuccess?: (...args: any[]) => any;
     onExceed?: (...args: any[]) => any;
@@ -259,5 +268,6 @@ declare const _default: import("vue").DefineComponent<{
     sliceUrl: string;
     mergeUrl: string;
     chunkSize: number;
+    isShowPreview: boolean;
 }, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.81",
+  "version": "2.0.1-beta.82",
   "workspaces": [
     "packages/**",
     "scripts/cli",