bkui-vue 1.0.3-beta.7 → 1.0.3-beta.70

package/lib/select/type.d.ts

@@ -15,15 +15,14 @@ export interface ISelectContext {
     activeOptionValue: any;
     showSelectedIcon: boolean;
     selectedStyle: SelectedTypeEnum;
-    isShowAll: Boolean;
-    allOptionId: any;
+    curSearchValue: string;
+    highlightKeyword: boolean;
     register(key: any, option: OptionInstanceType): any;
     unregister(key: any): any;
     registerGroup(key: any, option: GroupInstanceType): any;
     unregisterGroup(key: any): any;
     handleOptionSelected(option: OptionInstanceType): void;
     handleGetLabelByValue(value: any): string | number;
-    handleToggleAll(): void;
 }
 export interface IOptionGroupContext {
     disabled: boolean;

package/lib/shared/index.js

@@ -56,6 +56,7 @@ __webpack_require__.d(__webpack_exports__, {
   TagThemeEnum: () => (/* reexport */ TagThemeEnum),
   TagThemeType: () => (/* reexport */ TagThemeType),
   ThemeEnum: () => (/* reexport */ ThemeEnum),
+  TimelineNodeTypeEnum: () => (/* reexport */ TimelineNodeTypeEnum),
   TriggerEnum: () => (/* reexport */ TriggerEnum),
   alignType: () => (/* reexport */ alignType),
   arrayEqual: () => (/* binding */ arrayEqual),
@@ -72,6 +73,7 @@ __webpack_require__.d(__webpack_exports__, {
   finiteOrDefault: () => (/* reexport */ finiteOrDefault),
   formItemKey: () => (/* reexport */ formItemKey),
   formKey: () => (/* reexport */ formKey),
+  getFullscreenRoot: () => (/* reexport */ getFullscreenRoot),
   getPopContainerId: () => (/* reexport */ getPopContainerId),
   hasOverflowEllipsis: () => (/* reexport */ hasOverflowEllipsis),
   isArray: () => (/* reexport */ isArray),
@@ -79,6 +81,7 @@ __webpack_require__.d(__webpack_exports__, {
   isEmpty: () => (/* reexport */ isEmpty),
   isEmptyObj: () => (/* binding */ isEmptyObj),
   isFinite: () => (/* reexport */ isNumberFinite),
+  isFullScreenContainsElement: () => (/* reexport */ isFullScreenContainsElement),
   isFunction: () => (/* reexport */ isFunction),
   isNullOrUndef: () => (/* reexport */ isNullOrUndef),
   isObject: () => (/* reexport */ isObject),
@@ -1231,6 +1234,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
  * IN THE SOFTWARE.
  */
 
+
 var lowerStr = 'abcdefghijklmnopqrstuvwxyz0123456789';
 /**
  * 生成n位长度的字符串
@@ -1315,6 +1319,46 @@ function checkOverflow(el) {
   }
   return isOverflow;
 }
+/**
+ * 判定是否在全屏模式下包含指定元素
+ * @param target
+ * @returns
+ */
+var isFullScreenContainsElement = function isFullScreenContainsElement(target) {
+  var _document$fullscreenE, _document$fullscreenE2;
+  if ((_document$fullscreenE = document.fullscreenElement) !== null && _document$fullscreenE !== void 0 && _document$fullscreenE.shadowRoot) {
+    return document.fullscreenElement.shadowRoot.contains(target);
+  }
+  return (_document$fullscreenE2 = document.fullscreenElement) === null || _document$fullscreenE2 === void 0 ? void 0 : _document$fullscreenE2.contains(target);
+};
+/**
+ * 当全屏模式开启，获取指定选择器下面的全屏元素
+ * 如果是启用了webcomponent组件，则返回shadowRoot内指定的目标元素
+ * @returns
+ */
+var getFullscreenRoot = function getFullscreenRoot(selector) {
+  if (!selector) {
+    return 'body';
+  }
+  if (helper_isElement(selector)) {
+    if (isFullScreenContainsElement(selector)) {
+      return selector;
+    }
+  }
+  if (typeof selector === 'string') {
+    var target = document.body.querySelector(selector);
+    return getFullscreenRoot(target);
+  }
+  if (document.fullscreenElement) {
+    var _document$fullscreenE3;
+    if ((_document$fullscreenE3 = document.fullscreenElement) !== null && _document$fullscreenE3 !== void 0 && _document$fullscreenE3.shadowRoot) {
+      var _document$fullscreenE4;
+      return (_document$fullscreenE4 = document.fullscreenElement) === null || _document$fullscreenE4 === void 0 ? void 0 : _document$fullscreenE4.shadowRoot;
+    }
+    return document.fullscreenElement;
+  }
+  return helper_isElement(document.body) ? document.body : 'body';
+};
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
 function _assertThisInitialized(self) {
   if (self === void 0) {
@@ -1551,6 +1595,11 @@ var SwitcherThemeEnum;
   SwitcherThemeEnum["SUCCESS"] = "success";
   SwitcherThemeEnum["PRIMARY"] = "primary";
 })(SwitcherThemeEnum || (SwitcherThemeEnum = {}));
+var TimelineNodeTypeEnum;
+(function (TimelineNodeTypeEnum) {
+  TimelineNodeTypeEnum["TEMPLATE"] = "template";
+  TimelineNodeTypeEnum["VNODE"] = "vnode";
+})(TimelineNodeTypeEnum || (TimelineNodeTypeEnum = {}));
 function SwitcherThemeType() {
   return (0,external_vue_types_namespaceObject.toType)('switcherTheme', {}).def(SwitcherThemeEnum.SUCCESS);
 }
@@ -1648,6 +1697,19 @@ var PropTypes = /*#__PURE__*/function (_propTypesNS) {
         }
       });
     }
+  }, {
+    key: "timelineNodeType",
+    value: function timelineNodeType() {
+      var types = ['template', 'vnode'];
+      return (0,external_vue_types_namespaceObject.toType)('TimelineNodeType', {
+        validator: function validator(val) {
+          if (!val || types.includes(val)) {
+            return true;
+          }
+          return false;
+        }
+      });
+    }
   }]);
   return PropTypes;
 }(propTypesNS);
@@ -1730,8 +1792,7 @@ var BKZIndexManager = /*#__PURE__*/function () {
         this.storageLayerIndexValue[type] = this.storageLayerIndexValue[type] + 1;
         return this.storageLayerIndexValue[type];
       }
-      this.storageLayerIndexValue[BKLAYERTYPE.MODAL] = this.storageLayerIndexValue[BKLAYERTYPE.MODAL] + 1;
-      return this.storageLayerIndexValue[BKLAYERTYPE.MODAL];
+      this.getNextIndex(BKLAYERTYPE.MODAL);
     }
     /** 获取弹窗类型最新zIndex的值 */
   }, {
@@ -2017,6 +2078,7 @@ var __webpack_exports__SwitcherThemeType = __webpack_exports__.SwitcherThemeType
 var __webpack_exports__TagThemeEnum = __webpack_exports__.TagThemeEnum;
 var __webpack_exports__TagThemeType = __webpack_exports__.TagThemeType;
 var __webpack_exports__ThemeEnum = __webpack_exports__.ThemeEnum;
+var __webpack_exports__TimelineNodeTypeEnum = __webpack_exports__.TimelineNodeTypeEnum;
 var __webpack_exports__TriggerEnum = __webpack_exports__.TriggerEnum;
 var __webpack_exports__alignType = __webpack_exports__.alignType;
 var __webpack_exports__arrayEqual = __webpack_exports__.arrayEqual;
@@ -2033,6 +2095,7 @@ var __webpack_exports__filterProperty = __webpack_exports__.filterProperty;
 var __webpack_exports__finiteOrDefault = __webpack_exports__.finiteOrDefault;
 var __webpack_exports__formItemKey = __webpack_exports__.formItemKey;
 var __webpack_exports__formKey = __webpack_exports__.formKey;
+var __webpack_exports__getFullscreenRoot = __webpack_exports__.getFullscreenRoot;
 var __webpack_exports__getPopContainerId = __webpack_exports__.getPopContainerId;
 var __webpack_exports__hasOverflowEllipsis = __webpack_exports__.hasOverflowEllipsis;
 var __webpack_exports__isArray = __webpack_exports__.isArray;
@@ -2040,6 +2103,7 @@ var __webpack_exports__isElement = __webpack_exports__.isElement;
 var __webpack_exports__isEmpty = __webpack_exports__.isEmpty;
 var __webpack_exports__isEmptyObj = __webpack_exports__.isEmptyObj;
 var __webpack_exports__isFinite = __webpack_exports__.isFinite;
+var __webpack_exports__isFullScreenContainsElement = __webpack_exports__.isFullScreenContainsElement;
 var __webpack_exports__isFunction = __webpack_exports__.isFunction;
 var __webpack_exports__isNullOrUndef = __webpack_exports__.isNullOrUndef;
 var __webpack_exports__isObject = __webpack_exports__.isObject;
@@ -2072,4 +2136,4 @@ var __webpack_exports__useFormItem = __webpack_exports__.useFormItem;
 var __webpack_exports__valueOrDefault = __webpack_exports__.valueOrDefault;
 var __webpack_exports__withInstall = __webpack_exports__.withInstall;
 var __webpack_exports__withInstallProps = __webpack_exports__.withInstallProps;
-export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };
+export { __webpack_exports__AlignEnum as AlignEnum, __webpack_exports__BKLAYERD_INDEX_EFAULT_VALUE as BKLAYERD_INDEX_EFAULT_VALUE, __webpack_exports__BKLAYERTYPE as BKLAYERTYPE, __webpack_exports__BKPopover as BKPopover, __webpack_exports__DialogTypeEnum as DialogTypeEnum, __webpack_exports__DirectionEnum as DirectionEnum, __webpack_exports__EMPTY_OBJ as EMPTY_OBJ, __webpack_exports__InputBehaviorEnum as InputBehaviorEnum, __webpack_exports__InputBehaviorType as InputBehaviorType, __webpack_exports__LineStyleEnum as LineStyleEnum, __webpack_exports__PlacementEnum as PlacementEnum, __webpack_exports__Placements as Placements, __webpack_exports__ProgressEnum as ProgressEnum, __webpack_exports__ProgressStrokeLineCapEnum as ProgressStrokeLineCapEnum, __webpack_exports__ProgressStrokeLineCapType as ProgressStrokeLineCapType, __webpack_exports__ProgressType as ProgressType, __webpack_exports__PropTypes as PropTypes, __webpack_exports__RenderDirectiveEnum as RenderDirectiveEnum, __webpack_exports__RenderType as RenderType, __webpack_exports__SelectedType as SelectedType, __webpack_exports__SelectedTypeEnum as SelectedTypeEnum, __webpack_exports__SizeEnum as SizeEnum, __webpack_exports__SwitcherThemeEnum as SwitcherThemeEnum, __webpack_exports__SwitcherThemeType as SwitcherThemeType, __webpack_exports__TagThemeEnum as TagThemeEnum, __webpack_exports__TagThemeType as TagThemeType, __webpack_exports__ThemeEnum as ThemeEnum, __webpack_exports__TimelineNodeTypeEnum as TimelineNodeTypeEnum, __webpack_exports__TriggerEnum as TriggerEnum, __webpack_exports__alignType as alignType, __webpack_exports__arrayEqual as arrayEqual, __webpack_exports__bkZIndexManager as bkZIndexManager, __webpack_exports__capitalize as capitalize, __webpack_exports__checkOverflow as checkOverflow, __webpack_exports__classes as classes, __webpack_exports__clone as clone, __webpack_exports__debounce as debounce, __webpack_exports__dialogTypeUnion as dialogTypeUnion, __webpack_exports__directionType as directionType, __webpack_exports__elementsEqual as elementsEqual, __webpack_exports__filterProperty as filterProperty, __webpack_exports__finiteOrDefault as finiteOrDefault, __webpack_exports__formItemKey as formItemKey, __webpack_exports__formKey as formKey, __webpack_exports__getFullscreenRoot as getFullscreenRoot, __webpack_exports__getPopContainerId as getPopContainerId, __webpack_exports__hasOverflowEllipsis as hasOverflowEllipsis, __webpack_exports__isArray as isArray, __webpack_exports__isElement as isElement, __webpack_exports__isEmpty as isEmpty, __webpack_exports__isEmptyObj as isEmptyObj, __webpack_exports__isFinite as isFinite, __webpack_exports__isFullScreenContainsElement as isFullScreenContainsElement, __webpack_exports__isFunction as isFunction, __webpack_exports__isNullOrUndef as isNullOrUndef, __webpack_exports__isObject as isObject, __webpack_exports__isPromise as isPromise, __webpack_exports__isString as isString, __webpack_exports__isSymbol as isSymbol, __webpack_exports__lineStyleType as lineStyleType, __webpack_exports__mask as mask, __webpack_exports__maybeShowTooltip as maybeShowTooltip, __webpack_exports__merge as merge, __webpack_exports__mergeIf as mergeIf, __webpack_exports__mergerFn as mergerFn, __webpack_exports__mergerIfFn as mergerIfFn, __webpack_exports__noop as noop, __webpack_exports__observerResize as observerResize, __webpack_exports__off as off, __webpack_exports__on as on, __webpack_exports__placementType as placementType, __webpack_exports__random as random, __webpack_exports__renderDirectiveType as renderDirectiveType, __webpack_exports__renderEmptyVNode as renderEmptyVNode, __webpack_exports__renderType as renderType, __webpack_exports__resolveClassName as resolveClassName, __webpack_exports__scrollTop as scrollTop, __webpack_exports__scrollbarWidth as scrollbarWidth, __webpack_exports__stringEnum as stringEnum, __webpack_exports__triggerType as triggerType, __webpack_exports__useForm as useForm, __webpack_exports__useFormItem as useFormItem, __webpack_exports__valueOrDefault as valueOrDefault, __webpack_exports__withInstall as withInstall, __webpack_exports__withInstallProps as withInstallProps };

package/lib/shared/utils.d.ts

@@ -23,3 +23,15 @@ export declare const capitalize: (str: any) => any;
  * @returns
  */
 export declare function checkOverflow(el: any): boolean;
+/**
+ * 判定是否在全屏模式下包含指定元素
+ * @param target
+ * @returns
+ */
+export declare const isFullScreenContainsElement: (target: HTMLElement) => boolean;
+/**
+ * 当全屏模式开启，获取指定选择器下面的全屏元素
+ * 如果是启用了webcomponent组件，则返回shadowRoot内指定的目标元素
+ * @returns
+ */
+export declare const getFullscreenRoot: (selector?: HTMLElement | string) => any;

package/lib/shared/vue-types.d.ts

@@ -217,6 +217,10 @@ export declare enum SwitcherThemeEnum {
     SUCCESS = "success",
     PRIMARY = "primary"
 }
+export declare enum TimelineNodeTypeEnum {
+    TEMPLATE = "template",
+    VNODE = "vnode"
+}
 export declare function SwitcherThemeType(): VueTypeDef<"success" | "primary"> & {
     default: "success" | "primary";
 };
@@ -236,6 +240,7 @@ export declare class PropTypes extends propTypesNS {
     static style(): VueTypeDef<CSSProperties>;
     static position(positions?: string[]): VueTypeDef<string>;
     static infoType(): VueTypeDef<"loading" | "success" | "warning" | "danger">;
+    static timelineNodeType(): VueTypeDef<"template" | "vnode">;
 }
 export declare enum SelectedTypeEnum {
     CHECKBOX = "checkbox",

package/lib/sideslider/index.d.ts

@@ -85,19 +85,29 @@ declare const BkSideslider: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         direction: {
             type: StringConstructor;
             default: string;
@@ -183,15 +193,25 @@ declare const BkSideslider: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
@@ -208,14 +228,16 @@ declare const BkSideslider: {
         transfer: string | boolean | HTMLElement;
         direction: string;
         renderDirective: "show" | "if";
-        quickClose: boolean;
         scrollable: boolean;
         showMask: boolean;
         closeIcon: boolean;
         escClose: boolean;
         fullscreen: boolean;
+        quickClose: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
+        hiddenDelay: number;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -309,15 +331,25 @@ declare const BkSideslider: {
             default: boolean;
         };
         infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+        bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+            default: () => unknown[];
+        });
         left: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
         top: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
+        hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
     }>> & {
-        onShown?: (...args: any[]) => any;
         onHidden?: (...args: any[]) => any;
+        onShown?: (...args: any[]) => any;
         onClosed?: (...args: any[]) => any;
         "onUpdate:isShow"?: (...args: any[]) => any;
         "onAnimation-end"?: (...args: any[]) => any;
@@ -334,14 +366,16 @@ declare const BkSideslider: {
         transfer: string | boolean | HTMLElement;
         direction: string;
         renderDirective: "show" | "if";
-        quickClose: boolean;
         scrollable: boolean;
         showMask: boolean;
         closeIcon: boolean;
         escClose: boolean;
         fullscreen: boolean;
+        quickClose: boolean;
         animateType: string;
         multiInstance: boolean;
+        bodyClass: string | unknown[];
+        hiddenDelay: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -432,19 +466,29 @@ declare const BkSideslider: {
         default: boolean;
     };
     infoType: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
+    bodyClass: (import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    }) | (import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    });
     left: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
     top: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    hiddenDelay: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
 }>> & {
-    onShown?: (...args: any[]) => any;
     onHidden?: (...args: any[]) => any;
+    onShown?: (...args: any[]) => any;
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
     "onAnimation-end"?: (...args: any[]) => any;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("shown" | "hidden" | "closed" | "update:isShow" | "animation-end")[], "shown" | "hidden" | "closed" | "update:isShow" | "animation-end", {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hidden" | "shown" | "closed" | "update:isShow" | "animation-end")[], "hidden" | "shown" | "closed" | "update:isShow" | "animation-end", {
     title: string;
     width: string | number;
     height: string | number;
@@ -457,13 +501,15 @@ declare const BkSideslider: {
     transfer: string | boolean | HTMLElement;
     direction: string;
     renderDirective: "show" | "if";
-    quickClose: boolean;
     scrollable: boolean;
     showMask: boolean;
     closeIcon: boolean;
     escClose: boolean;
     fullscreen: boolean;
+    quickClose: boolean;
     animateType: string;
     multiInstance: boolean;
+    bodyClass: string | unknown[];
+    hiddenDelay: number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkSideslider;

package/lib/sideslider/index.js

@@ -504,7 +504,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
@@ -583,24 +583,21 @@ sliderPops.height["default"] = '100%';
   setup: function setup(props, _ref) {
     var slots = _ref.slots,
       emit = _ref.emit;
+    var refRoot = (0,external_vue_namespaceObject.ref)(null);
     var handleClose = /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
         return regenerator_default().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               // 这里无需处理 beforeClose，在 modal 中会处理
-              // let shouldClose = true;
-              // if (typeof props.beforeClose === 'function') {
-              //   shouldClose = await props.beforeClose();
-              // }
-              // if (shouldClose) {
               emit('update:isShow', false);
               emit('closed');
               setTimeout(function () {
+                var _refRoot$value, _refRoot$value$close;
                 // 有动画，推迟发布事件
                 emit('animation-end');
-              }, 250);
-              // }
+                (_refRoot$value = refRoot.value) === null || _refRoot$value === void 0 || (_refRoot$value$close = _refRoot$value.close) === null || _refRoot$value$close === void 0 || _refRoot$value$close.call(_refRoot$value);
+              }, props.hiddenDelay);
             case 3:
             case "end":
               return _context.stop();
@@ -626,7 +623,7 @@ sliderPops.height["default"] = '100%';
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
-      var dialogSlot = {
+      var modelSlot = {
         header: function header() {
           var _slots$header, _slots$header2;
           return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -634,36 +631,40 @@ sliderPops.height["default"] = '100%';
           }, [(0,external_vue_namespaceObject.createVNode)("div", {
             "class": "".concat(resolveClassName('sideslider-close'), " ").concat(props.direction),
             "onClick": function onClick() {
-              handleClose();
+              return handleClose();
             }
           }, null), (0,external_vue_namespaceObject.createVNode)("div", {
             "class": "".concat(resolveClassName('sideslider-title'), " ").concat(props.direction)
           }, [(_slots$header = (_slots$header2 = slots.header) === null || _slots$header2 === void 0 ? void 0 : _slots$header2.call(slots)) !== null && _slots$header !== void 0 ? _slots$header : props.title])])]);
         },
         "default": function _default() {
-          var _slots$default, _slots$default2;
-          return (_slots$default = (_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : 'Content';
-        },
-        footer: function footer() {
-          if (slots.footer) {
+          var _slots$default;
+          return (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "".concat(resolveClassName('sideslider-content'))
+          }, [(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)]);
+        }
+      };
+      if (slots.footer) {
+        Object.assign(modelSlot, {
+          footer: function footer() {
             return (0,external_vue_namespaceObject.createVNode)("div", {
               "class": "".concat(resolveClassName('sideslider-footer'))
             }, [slots.footer()]);
           }
-          return null;
-        }
-      };
-      var className = "".concat(resolveClassName('sideslider-wrapper'), " ").concat(props.scrollable ? 'scroll-able' : '', " ").concat(props.extCls);
-      var maxHeight = slots.footer ? 'calc(100vh - 106px)' : 'calc(100vh - 52px)';
-      return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(props, {
-        "maxHeight": maxHeight,
-        "class": className,
+        });
+      }
+      return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
+        "ref": refRoot
+      }, props, {
+        "class": _defineProperty(_defineProperty({}, resolveClassName('sideslider'), true), resolveClassName('sideslider-wrapper'), true),
+        "extCls": props.extCls,
+        "closeIcon": false,
         "onHidden": handleHidden,
         "onShown": handleShown,
         "onClose": handleClose
-      }), _isSlot(dialogSlot) ? dialogSlot : {
+      }), _isSlot(modelSlot) ? modelSlot : {
         "default": function _default() {
-          return [dialogSlot];
+          return [modelSlot];
         }
       });
     };

package/lib/sideslider/sideslider.css

@@ -5,56 +5,29 @@
   bottom: 0;
   left: 0;
 }
-/* fade-center */
-/* slide过渡动画 */
-.slide-enter-active,
-.slide-leave-active,
-.bk-modal-body {
-  transform: translateX(0);
-  transition: transform 0.25s;
-}
-.slide-enter-active {
-  animation: slider-fade-in 0.25s;
-}
-.slide-leave-active {
-  animation: slider-fade-in 0.25s reverse;
-}
-.slide-enter-from.left,
-.slide-leave-to.left {
-  transform: translateX(-100%);
-  transition: transform 0.25s;
-}
-.slide-enter-from.right,
-.slide-leave-to.right {
-  transform: translateX(100%);
-  transition: transform 0.25s;
-}
-@keyframes slider-fade-in {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper {
+.bk-sideslider .bk-modal-wrapper {
   position: absolute;
   top: 0;
   bottom: 0;
   left: auto;
   transform: initial;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper.scroll-able .bk-modal-content {
+.bk-sideslider .bk-modal-wrapper.scroll-able .bk-modal-content {
   overflow: auto;
-  height: 100%;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header {
+.bk-sideslider .bk-modal-footer.is-fixed .bk-sideslider-footer {
+  height: 54px;
+  margin: 0;
+  border-top: 1px solid transparent;
+  box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
+}
+.bk-sideslider-header {
   width: 100%;
   height: 52px;
   background: #fff;
   border-bottom: 1px solid #dcdee5;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close {
+.bk-sideslider-close {
   position: absolute;
   top: 0;
   width: 30px;
@@ -66,10 +39,10 @@
   cursor: pointer;
   background-color: #3a84ff;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.right {
+.bk-sideslider-close.right {
   left: 0;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.right::before {
+.bk-sideslider-close.right::before {
   top: 50%;
   left: 50%;
   display: inline-block;
@@ -80,10 +53,10 @@
   content: '';
   transform: translate(-50%, -50%) rotate(45deg);
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.left {
+.bk-sideslider-close.left {
   right: 0;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-close.left::before {
+.bk-sideslider-close.left::before {
   top: 50%;
   left: 50%;
   display: inline-block;
@@ -94,7 +67,7 @@
   content: '';
   transform: translate(50%, -50%) rotate(-45deg);
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-title {
+.bk-sideslider-title {
   display: flex;
   height: 52px;
   padding-left: 30px;
@@ -102,16 +75,48 @@
   color: #313238;
   align-items: center;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-header .bk-sideslider-title.right {
+.bk-sideslider-title.right {
   width: 100%;
   padding: 0 0 0 46px;
 }
-.bk-modal-ctx.bk-sideslider-wrapper .bk-modal-wrapper .bk-sideslider-footer {
+.bk-sideslider-footer {
   display: flex;
   width: 100%;
   height: 54px;
+  padding: 0 24px;
+  margin-top: 24px;
   background: #fff;
-  border-top: 1px solid transparent;
   align-items: center;
-  box-shadow: rgba(0, 0, 0, 0.06) 0 -2px 4px 0;
+}
+/* fade-center */
+/* slide过渡动画 */
+.slide-enter-active,
+.slide-leave-active,
+.bk-modal-body {
+  transform: translateX(0);
+  transition: transform 0.25s;
+}
+.slide-enter-active {
+  animation: slider-fade-in 0.25s;
+}
+.slide-leave-active {
+  animation: slider-fade-in 0.25s reverse;
+}
+.slide-enter-from.left,
+.slide-leave-to.left {
+  transform: translateX(-100%);
+  transition: transform 0.25s;
+}
+.slide-enter-from.right,
+.slide-leave-to.right {
+  transform: translateX(100%);
+  transition: transform 0.25s;
+}
+@keyframes slider-fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }