bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/image/index.js

@@ -4,8 +4,8 @@ import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -40,7 +40,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.getFullscreenRoot, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -62,9 +62,9 @@ const external_vue_types_namespaceObject = external_vue_types_x({ ["toType"]: ()
 
 var FitEnum;
 (function (FitEnum) {
-  FitEnum["FILL"] = "fill";
   FitEnum["CONTAIN"] = "contain";
   FitEnum["COVER"] = "cover";
+  FitEnum["FILL"] = "fill";
   FitEnum["NONE"] = "none";
   FitEnum["SCALE_DOWN"] = "scale-down";
 })(FitEnum || (FitEnum = {}));
@@ -179,8 +179,8 @@ var propsImageViever = {
           return (0,external_vue_namespaceObject.createVNode)("div", {
             "class": "".concat(resolveClassName('image-placeholder'))
           }, [props.fallback ? (0,external_vue_namespaceObject.createVNode)("img", {
-            "src": props.fallback,
-            "alt": "\u56FE\u7247\u52A0\u8F7D\u9519\u8BEF"
+            "alt": "\u56FE\u7247\u52A0\u8F7D\u9519\u8BEF",
+            "src": props.fallback
           }, null) : '', (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("i", {
             "class": "".concat(resolveClassName('icon'), " icon-image-fail")
           }, null), [[(0,external_vue_namespaceObject.resolveDirective)("else")]])]);
@@ -193,12 +193,12 @@ var propsImageViever = {
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(resolveClassName('image'))
       }, [getContent(), preview.value && isShowViewer.value ? (0,external_vue_namespaceObject.createVNode)(image_viewer, {
-        "zIndex": props.zIndex,
-        "maskClose": props.maskClose,
         "is-show-title": props.isShowPreviewTitle,
+        "maskClose": props.maskClose,
         "url-list": props.urlList,
-        "onClose": closeViewer,
-        "onChange": change
+        "zIndex": props.zIndex,
+        "onChange": change,
+        "onClose": closeViewer
       }, null) : '']);
     };
   }
@@ -248,14 +248,14 @@ function _defineProperty(obj, key, value) {
   }
   return obj;
 }
-;// CONCATENATED MODULE: external "lodash/throttle"
-var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var throttle_y = x => () => x
-const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
 ;// CONCATENATED MODULE: external "../directives"
 var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var directives_y = x => () => x
 const directives_namespaceObject = directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.bkTooltips });
+;// CONCATENATED MODULE: external "lodash/throttle"
+var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var throttle_y = x => () => x
+const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
 ;// CONCATENATED MODULE: ../../packages/image/src/image-viewer.tsx
 
 
@@ -524,18 +524,21 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
+      return (0,shared_namespaceObject.getFullscreenRoot)();
+    });
     return function () {
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-        "to": "body"
+        "to": teleportTo.value
       }, {
         "default": function _default() {
           return [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, null, {
             "default": function _default() {
               return [(0,external_vue_namespaceObject.createVNode)("div", {
-                "tabindex": "-1",
                 "ref": "wrapper",
+                "style": wrapStyles.value,
                 "class": "".concat(resolveClassName('image-viewer-wrapper')),
-                "style": wrapStyles.value
+                "tabindex": "-1"
               }, [(0,external_vue_namespaceObject.createVNode)("div", {
                 "class": "".concat(resolveClassName('image-viewer-mask')),
                 "onClick": function onClick() {
@@ -553,11 +556,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
                 "class": "".concat(resolveClassName('image-viewer-close')),
                 "onClick": hide
               }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, null, null)])])]) : '', !isSingle.value ? (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
-                "onClick": prev,
-                "class": "".concat(resolveClassName('image-viewer-btn'), " ").concat(resolveClassName('image-viewer-prev'), " ").concat(!props.loops && isFirst ? 'is-disabled' : '')
+                "class": "".concat(resolveClassName('image-viewer-btn'), " ").concat(resolveClassName('image-viewer-prev'), " ").concat(!props.loops && isFirst ? 'is-disabled' : ''),
+                "onClick": prev
               }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
-                "onClick": next,
-                "class": "".concat(resolveClassName('image-viewer-btn'), " ").concat(resolveClassName('image-viewer-prev'), " ").concat(!props.loops && isLast ? 'is-disabled' : '')
+                "class": "".concat(resolveClassName('image-viewer-btn'), " ").concat(resolveClassName('image-viewer-prev'), " ").concat(!props.loops && isLast ? 'is-disabled' : ''),
+                "onClick": next
               }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
                 "class": "".concat(resolveClassName('image-viewer-actions-inner'))
               }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, {
@@ -589,11 +592,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
                   "ref": function ref(el) {
                     return imgRefs[i] = el;
                   },
-                  "class": "".concat(resolveClassName('image-viewer-img')),
                   "style": imgStyle.value,
+                  "class": "".concat(resolveClassName('image-viewer-img')),
                   "src": url,
-                  "onLoad": handleImgLoad,
                   "onError": handleImgError,
+                  "onLoad": handleImgLoad,
                   "onMousedown": handleMouseDown
                 }, null);
               })])])];

package/lib/index.d.ts

@@ -1,6 +1,6 @@
-export { default } from './preset';
 export * from './components';
+export * from './hooks';
+export { default } from './preset';
+export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export * from './config-provider';
-export * from './hooks';

package/lib/index.js

@@ -24,9 +24,9 @@
  * IN THE SOFTWARE.
  */
 // import './styles';
-export { default } from './preset';
 export * from './components';
+export * from './hooks';
+export { default } from './preset';
+export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export * from './config-provider';
-export * from './hooks';

package/lib/info-box/index.d.ts

@@ -1,7 +1,7 @@
-declare const BkInfoBox: ((config: Partial<import("./info-box").ModalFuncProps>) => {
+declare const BkInfoBox: ((config: Partial<import("./info-box").Props>) => {
     show: () => void;
     hide: () => void;
-    update: (config: Partial<import("./info-box").ModalFuncProps>) => void;
+    update: (config: Partial<import("./info-box").Props>) => void;
     destroy: () => void;
 }) & import("vue").Plugin<any[]>;
 export default BkInfoBox;