bkui-vue 3.0.4 → 3.0.6

package/lib/affix/affix.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-affix {
   position: fixed;

package/lib/alert/alert.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-alert {
   position: relative;

package/lib/backtop/backtop.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/badge/badge.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-badge-main {
   position: relative;

package/lib/breadcrumb/breadcrumb.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/button/button.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-button {
   display: inline-flex;

package/lib/card/card.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/cascader/cascader.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/checkbox/checkbox.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-checkbox-group {
   display: inline-flex;

package/lib/code-diff/code-diff.variable.css

@@ -129,6 +129,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 /* stylelint-disable declaration-no-important */
 .bk-code-diff {

package/lib/collapse/collapse.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-collapse-item {
   display: flex;

package/lib/collapse/index.js

@@ -399,7 +399,7 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
     var localActiveItems = __WEBPACK_EXTERNAL_MODULE_vue_ref__([]);
     // 以保证当前的设置生效
     __WEBPACK_EXTERNAL_MODULE_vue_watch__(function () {
-      return [props.modelValue];
+      return props.modelValue;
     }, function () {
       var value = props.modelValue;
       if (Array.isArray(value)) {
@@ -410,6 +410,7 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
         localActiveItems.value = [];
       }
     }, {
+      deep: true,
       immediate: true
     });
     var handleItemClick = function handleItemClick(item) {

package/lib/collapse-transition/collapse-transition.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-collapse-transitioncollapse-transition {
   transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;

package/lib/color-picker/color-picker.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-color-picker {
   position: relative;

package/lib/{packages/components.d.ts → components.d.ts}

@@ -21,6 +21,8 @@ export { default as Dropdown } from './dropdown';
 export { default as Exception } from './exception';
 export { default as FixedNavbar } from './fixed-navbar';
 export { default as Form } from './form';
+export type { ImageItem, ImageLoadingStatus, ImagePreviewMeta } from './image';
+export { default as Image, BkImagePreview as ImagePreview, BkImagePreviewGroup as ImagePreviewGroup, } from './image';
 export { default as InfoBox } from './info-box';
 export { default as Input } from './input';
 export { default as Link } from './link';

package/lib/components.js

@@ -45,6 +45,7 @@ export { default as Dropdown } from './dropdown';
 export { default as Exception } from './exception';
 export { default as FixedNavbar } from './fixed-navbar';
 export { default as Form } from './form';
+export { default as Image, BkImagePreview as ImagePreview, BkImagePreviewGroup as ImagePreviewGroup, } from './image';
 export { default as InfoBox } from './info-box';
 export { default as Input } from './input';
 export { default as Link } from './link';

package/lib/config-provider/config-provider.variable.css

@@ -128,4 +128,15 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }

package/lib/{packages/config-provider → config-provider}/token.d.ts

@@ -132,6 +132,16 @@ export declare const defaultRootConfig: {
             noData: string;
             emptyText: string;
         };
+        image: {
+            zoomIn: string;
+            zoomOut: string;
+            rotate: string;
+            reset: string;
+            download: string;
+            reload: string;
+            loadFailed: string;
+            width: string;
+        };
         versionLog: {
             current: string;
         };

package/lib/container/container.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/date-picker/date-picker.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-time-picker-header {
   height: 46px;

package/lib/dialog/dialog.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-infobox {
   font-size: 12px;

package/lib/divider/divider.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-divider {
   position: relative;

package/lib/dropdown/dropdown.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-popover.bk-pop2-content {
   position: absolute;

package/lib/exception/exception.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-exception {
   position: relative;

package/lib/fixed-navbar/fixed-navbar.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 .bk-fixed-navbar {
   position: fixed;

package/lib/form/form.variable.css

@@ -128,6 +128,17 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
   --sub-title-bg-color: #f5f6fa;
+  --image-mask-bg: rgba(0, 0, 0, 0.6);
+  --image-toolbar-bg: rgba(0, 0, 0, 0.5);
+  --image-toolbar-hover-bg: rgba(255, 255, 255, 0.2);
+  --image-toolbar-color: #dcdee5;
+  --image-toolbar-tooltip-bg: #4d4f56;
+  --image-error-bg: #f5f7fa;
+  --image-error-border: #eaebf0;
+  --image-error-icon-color: #c4c6cc;
+  --image-error-text-color: #979ba5;
+  --image-fab-bg: rgba(0, 0, 0, 0.2);
+  --image-fab-hover-bg: rgba(0, 0, 0, 0.3);
 }
 @keyframes form-error-appear-animation {
   from {

package/lib/icon/index.d.ts

@@ -0,0 +1,87 @@
+export { default as AngleDoubleDownLine } from '../icon/angle-double-down-line';
+export { default as AngleDoubleLeft } from '../icon/angle-double-left';
+export { default as AngleDoubleLeftLine } from '../icon/angle-double-left-line';
+export { default as AngleDoubleRight } from '../icon/angle-double-right';
+export { default as AngleDoubleRightLine } from '../icon/angle-double-right-line';
+export { default as AngleDoubleUpLine } from '../icon/angle-double-up-line';
+export { default as AngleDown } from '../icon/angle-down';
+export { default as AngleDownFill } from '../icon/angle-down-fill';
+export { default as AngleDownLine } from '../icon/angle-down-line';
+export { default as AngleLeft } from '../icon/angle-left';
+export { default as AngleRight } from '../icon/angle-right';
+export { default as AngleUp } from '../icon/angle-up';
+export { default as AngleUpFill } from '../icon/angle-up-fill';
+export { default as ArchiveFill } from '../icon/archive-fill';
+export { default as ArrowsLeft } from '../icon/arrows-left';
+export { default as ArrowsRight } from '../icon/arrows-right';
+export { default as Assistant } from '../icon/assistant';
+export { default as AudioFill } from '../icon/audio-fill';
+export { default as Bk } from '../icon/bk';
+export { default as Circle } from '../icon/circle';
+export { default as Close } from '../icon/close';
+export { default as CloseLine } from '../icon/close-line';
+export { default as Code } from '../icon/code';
+export { default as CogShape } from '../icon/cog-shape';
+export { default as CollapseLeft } from '../icon/collapse-left';
+export { default as Copy } from '../icon/copy';
+export { default as CopyShape } from '../icon/copy-shape';
+export { default as DataShape } from '../icon/data-shape';
+export { default as Del } from '../icon/del';
+export { default as DocFill } from '../icon/doc-fill';
+export { default as Done } from '../icon/done';
+export { default as DownShape } from '../icon/down-shape';
+export { default as DownSmall } from '../icon/down-small';
+export { default as EditLine } from '../icon/edit-line';
+export { default as Ellipsis } from '../icon/ellipsis';
+export { default as EnlargeLine } from '../icon/enlarge-line';
+export { default as Error } from '../icon/error';
+export { default as ExcelFill } from '../icon/excel-fill';
+export { default as ExclamationCircleShape } from '../icon/exclamation-circle-shape';
+export { default as Eye } from '../icon/eye';
+export { default as FilliscreenLine } from '../icon/filliscreen-line';
+export { default as FixLine } from '../icon/fix-line';
+export { default as FixShape } from '../icon/fix-shape';
+export { default as Folder } from '../icon/folder';
+export { default as FolderOpen } from '../icon/folder-open';
+export { default as FolderShape } from '../icon/folder-shape';
+export { default as FolderShapeOpen } from '../icon/folder-shape-open';
+export { default as Funnel } from '../icon/funnel';
+export { default as GragFill } from '../icon/grag-fill';
+export { default as Help } from '../icon/help';
+export { default as HelpDocumentFill } from '../icon/help-document-fill';
+export { default as HelpFill } from '../icon/help-fill';
+export { default as ImageFill } from '../icon/image-fill';
+export { default as ImgError } from '../icon/img-error';
+export { default as ImgPlacehoulder } from '../icon/img-placehoulder';
+export { default as Info } from '../icon/info';
+export { default as InfoLine } from '../icon/info-line';
+export { default as LeftShape } from '../icon/left-shape';
+export { default as LeftTurnLine } from '../icon/left-turn-line';
+export { default as Loading } from '../icon/loading';
+export { default as NarrowLine } from '../icon/narrow-line';
+export { default as Original } from '../icon/original';
+export { default as PdfFill } from '../icon/pdf-fill';
+export { default as PlayShape } from '../icon/play-shape';
+export { default as Plus } from '../icon/plus';
+export { default as PptFill } from '../icon/ppt-fill';
+export { default as Qq } from '../icon/qq';
+export { default as RightShape } from '../icon/right-shape';
+export { default as RightTurnLine } from '../icon/right-turn-line';
+export { default as Search } from '../icon/search';
+export { default as Share } from '../icon/share';
+export { default as Spinner } from '../icon/spinner';
+export { default as Success } from '../icon/success';
+export { default as SwitcherLoading } from '../icon/switcher-loading';
+export { default as TextAll } from '../icon/text-all';
+export { default as TextFile } from '../icon/text-file';
+export { default as TextFill } from '../icon/text-fill';
+export { default as Transfer } from '../icon/transfer';
+export { default as TreeApplicationShape } from '../icon/tree-application-shape';
+export { default as UnfullScreen } from '../icon/unfull-screen';
+export { default as Unvisible } from '../icon/unvisible';
+export { default as UpShape } from '../icon/up-shape';
+export { default as Upload } from '../icon/upload';
+export { default as VideoFill } from '../icon/video-fill';
+export { default as Warn } from '../icon/warn';
+export { default as Weixin } from '../icon/weixin';
+export { default as WeixinPro } from '../icon/weixin-pro';

package/lib/image/icons.d.ts

@@ -0,0 +1,5 @@
+import { FunctionalComponent, SVGAttributes } from 'vue';
+export declare const DownloadIcon: FunctionalComponent<SVGAttributes>;
+export declare const ReloadIcon: FunctionalComponent<SVGAttributes>;
+export declare const ImageBrokenIcon: FunctionalComponent<SVGAttributes>;
+export declare const ImageSizeIcon: FunctionalComponent<SVGAttributes>;

package/lib/image/image-preview-group.d.ts

@@ -0,0 +1,29 @@
+import type { ImageItem } from './types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    maskClosable: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    showInfo: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    onDownload: {
+        type: import("vue").PropType<(url: string, item: ImageItem) => void>;
+        default: any;
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    maskClosable: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    showInfo: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    onDownload: {
+        type: import("vue").PropType<(url: string, item: ImageItem) => void>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    showInfo: boolean;
+    onDownload: (url: string, item: ImageItem) => void;
+    maskClosable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/image/image-preview.d.ts

@@ -0,0 +1,62 @@
+import type { ImageItem } from './types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    current: import("vue-types").VueTypeValidableDef<number, import("vue-types/dist/shared/vue-types.d8e57a80").b<number>> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    images: {
+        type: import("vue").PropType<(File | ImageItem | string)[]>;
+        default: () => any[];
+    };
+    maskClosable: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    showInfo: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    onDownload: {
+        type: import("vue").PropType<(url: string, item: ImageItem) => void>;
+        default: any;
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (val: boolean) => boolean;
+    'update:current': (val: number) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    current: import("vue-types").VueTypeValidableDef<number, import("vue-types/dist/shared/vue-types.d8e57a80").b<number>> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    images: {
+        type: import("vue").PropType<(File | ImageItem | string)[]>;
+        default: () => any[];
+    };
+    maskClosable: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    showInfo: import("vue-types").VueTypeValidableDef<boolean, import("vue-types/dist/shared/vue-types.d8e57a80").b<boolean>> & {
+        default: boolean;
+    };
+    onDownload: {
+        type: import("vue").PropType<(url: string, item: ImageItem) => void>;
+        default: any;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (val: boolean) => any;
+    "onUpdate:current"?: (val: number) => any;
+}>, {
+    modelValue: boolean;
+    current: number;
+    showInfo: boolean;
+    onDownload: (url: string, item: ImageItem) => void;
+    images: (string | ImageItem | File)[];
+    maskClosable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;