bkui-vue 0.0.1-beta.3 → 0.0.1-beta.30

package/lib/rate/index.d.ts

@@ -0,0 +1,113 @@
+declare const BkRate: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            modelValue: number;
+            editable: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            editable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "modelValue" | "editable">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "change" | "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            editable: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
+            modelValue: number;
+            editable: boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        size: import("vue-types").VueTypeDef<string>;
+        editable: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    editable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
+    modelValue: number;
+    editable: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkRate;

package/lib/rate/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,t,r){"use strict";var o=t.defineComponent({name:"BkStar",props:{rate:r.PropTypes.number.def(0),width:r.PropTypes.number.def(15),height:r.PropTypes.number.def(16),editable:r.PropTypes.bool.def(!0),hoverRate:r.PropTypes.number.def(0),max:r.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,o){var n=o.emit,a=function(t){return r.classes({"bk-is-select":t<Math.floor(i.value),"bk-is-edit":e.editable,"bk-rate-star":!0})},i=t.computed((function(){return e.hoverRate||e.rate})),s={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return t.createVNode("p",{class:"bk-rate-stars"},[Array(e.max).fill(1).map((function(r,o){return t.createVNode("svg",{class:a(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&n("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&n("changeHover",t+1)}(o)}},[t.createVNode("g",{transform:"translate(-143.000000, -635.000000)"},[t.createVNode("g",{transform:"translate(83.000000, 114.000000)"},[t.createVNode("g",{transform:"translate(15.000000, 384.000000)"},[t.createVNode("g",{transform:"translate(29.000000, 137.000000)"},[t.createVNode("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),n=t.defineComponent({name:"BkRate",components:{star:o},props:{modelValue:r.PropTypes.number.def(0),size:r.PropTypes.size(),editable:r.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(e,n){var a=n.emit,i=t.ref(0),s=function(t){e.editable&&(a("update:modelValue",t),a("change",t))},l=function(e){i.value=e},u=r.classes({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},c=t.computed((function(){var t=Math.floor(e.modelValue),r=(d.width+3)*t,o=d.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),p={width:d.width,height:d.height};return function(){return t.createVNode("p",{class:u},[e.editable?t.createVNode(o,t.mergeProps({rate:e.modelValue,"hover-rate":i.value,onChooseRate:s,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):t.createVNode(t.Fragment,null,[t.createVNode(o,t.mergeProps({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),t.createVNode(o,t.mergeProps({rate:0,editable:!1},p),null)])])}}});n.install=function(e){e.component(n.name,n)},e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue")):"function"==typeof define&&define.amd?define(["exports","../shared","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue)}(this,(function(e,t,r){"use strict";var o=r.defineComponent({name:"Star",props:{rate:t.PropTypes.number.def(0),width:t.PropTypes.number.def(15),height:t.PropTypes.number.def(16),editable:t.PropTypes.bool.def(!0),hoverRate:t.PropTypes.number.def(0),max:t.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,o){var a=o.emit,n=function(r){return t.classes({"bk-is-select":r<Math.floor(i.value),"bk-is-edit":e.editable,"bk-rate-star":!0})},i=r.computed((function(){return e.hoverRate||e.rate})),s={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return r.createVNode("p",{class:"bk-rate-stars"},[Array(e.max).fill(1).map((function(t,o){return r.createVNode("svg",{class:n(o),style:s,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&a("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&a("changeHover",t+1)}(o)}},[r.createVNode("g",{transform:"translate(-143.000000, -635.000000)"},[r.createVNode("g",{transform:"translate(83.000000, 114.000000)"},[r.createVNode("g",{transform:"translate(15.000000, 384.000000)"},[r.createVNode("g",{transform:"translate(29.000000, 137.000000)"},[r.createVNode("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),a=r.defineComponent({name:"Rate",components:{star:o},props:{modelValue:t.PropTypes.number.def(0),size:t.PropTypes.size(),editable:t.PropTypes.bool.def(!0)},emits:["change","update:modelValue"],setup:function(e,a){var n=a.emit,i=r.ref(0),s=function(t){e.editable&&(n("update:modelValue",t),n("change",t))},l=function(e){i.value=e},u=t.classes({"bk-rate":!0}),d={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},c=r.computed((function(){var t=Math.floor(e.modelValue),r=(d.width+3)*t,o=d.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),p={width:d.width,height:d.height};return function(){return r.createVNode("p",{class:u},[e.editable?r.createVNode(o,r.mergeProps({rate:e.modelValue,"hover-rate":i.value,onChooseRate:s,onChangeHover:l,onMouseleave:function(){return l(0)}},p),null):r.createVNode(r.Fragment,null,[r.createVNode(o,r.mergeProps({rate:5,style:c.value,class:"bk-score-real",editable:!1},p),null),r.createVNode(o,r.mergeProps({rate:0,editable:!1},p),null)])])}}}),n=t.withInstall(a);e.default=n,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/rate/rate.d.ts

@@ -10,16 +10,19 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    size?: unknown;
-    editable?: unknown;
-} & {
-    modelValue: number;
-    editable: boolean;
-} & {
-    size?: string;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    editable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {

package/lib/rate/star.d.ts

@@ -29,29 +29,46 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chooseRate" | "changeHover")[], "chooseRate" | "changeHover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    rate?: unknown;
-    width?: unknown;
-    height?: unknown;
-    editable?: unknown;
-    hoverRate?: unknown;
-    max?: unknown;
-} & {
-    width: number;
-    height: number;
-    max: number;
-    rate: number;
-    editable: boolean;
-    hoverRate: number;
-} & {}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("chooseRate" | "changeHover")[], "chooseRate" | "changeHover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    rate: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    editable: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    hoverRate: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    max: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>> & {
     onChooseRate?: (...args: any[]) => any;
     onChangeHover?: (...args: any[]) => any;
 }, {
     width: number;
     height: number;
+    editable: boolean;
     max: number;
     rate: number;
-    editable: boolean;
     hoverRate: number;
 }>;
 export default _default;

package/lib/resize-layout/index.d.ts

@@ -0,0 +1,336 @@
+declare const BkResizeLayout: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            placement: string;
+            border: boolean;
+            disabled: boolean;
+            max: number;
+            min: number;
+            collapsible: boolean;
+            triggerWidth: number;
+            triggerOffset: number;
+            initialDivide: string | number;
+            immediate: boolean;
+            autoMinimize: number | boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            min: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            max: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            initialDivide: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+                default: number | boolean;
+            };
+            border: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            "onBefore-resize"?: (...args: any[]) => any;
+            onResizing?: (...args: any[]) => any;
+            "onAfter-resize"?: (...args: any[]) => any;
+            "onCollapse-change"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "border" | "disabled" | "max" | "min" | "collapsible" | "triggerWidth" | "triggerOffset" | "initialDivide" | "immediate" | "autoMinimize">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "before-resize" | "resizing" | "after-resize" | "collapse-change", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            placement: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            min: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            max: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            initialDivide: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
+            autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+                default: number | boolean;
+            };
+            border: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            "onBefore-resize"?: (...args: any[]) => any;
+            onResizing?: (...args: any[]) => any;
+            "onAfter-resize"?: (...args: any[]) => any;
+            "onCollapse-change"?: (...args: any[]) => any;
+        }, {
+            collapsed: import("vue").Ref<boolean>;
+            asideContentVisible: import("vue").Ref<boolean>;
+            minimized: import("vue").Ref<boolean>;
+            limitMax: any;
+            state: any;
+            vertical: import("vue").ComputedRef<boolean>;
+            cssPropKey: import("vue").ComputedRef<"height" | "width">;
+            bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
+            resizeProxyRef: import("vue").Ref<HTMLElement>;
+            resizeMaskRef: import("vue").Ref<HTMLElement>;
+            asideRef: import("vue").Ref<HTMLElement>;
+            triggerStyle: import("vue").ComputedRef<{
+                [x: string]: string;
+            }>;
+            asideStyle: import("vue").ComputedRef<{
+                [x: string]: string;
+            }>;
+            handleMousedown: (event: any) => void;
+            setCollapse: (collapse: any) => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], string, {
+            placement: string;
+            border: boolean;
+            disabled: boolean;
+            max: number;
+            min: number;
+            collapsible: boolean;
+            triggerWidth: number;
+            triggerOffset: number;
+            initialDivide: string | number;
+            immediate: boolean;
+            autoMinimize: number | boolean;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        placement: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        min: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        max: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        initialDivide: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
+        autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+            default: number | boolean;
+        };
+        border: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        "onBefore-resize"?: (...args: any[]) => any;
+        onResizing?: (...args: any[]) => any;
+        "onAfter-resize"?: (...args: any[]) => any;
+        "onCollapse-change"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        collapsed: import("vue").Ref<boolean>;
+        asideContentVisible: import("vue").Ref<boolean>;
+        minimized: import("vue").Ref<boolean>;
+        limitMax: any;
+        state: any;
+        vertical: import("vue").ComputedRef<boolean>;
+        cssPropKey: import("vue").ComputedRef<"height" | "width">;
+        bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
+        resizeProxyRef: import("vue").Ref<HTMLElement>;
+        resizeMaskRef: import("vue").Ref<HTMLElement>;
+        asideRef: import("vue").Ref<HTMLElement>;
+        triggerStyle: import("vue").ComputedRef<{
+            [x: string]: string;
+        }>;
+        asideStyle: import("vue").ComputedRef<{
+            [x: string]: string;
+        }>;
+        handleMousedown: (event: any) => void;
+        setCollapse: (collapse: any) => void;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    placement: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    min: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    max: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    triggerWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    triggerOffset: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    initialDivide: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    immediate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    disabled: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    collapsible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    autoMinimize: import("vue-types").VueTypeDef<number | boolean> & {
+        default: number | boolean;
+    };
+    border: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    "onBefore-resize"?: (...args: any[]) => any;
+    onResizing?: (...args: any[]) => any;
+    "onAfter-resize"?: (...args: any[]) => any;
+    "onCollapse-change"?: (...args: any[]) => any;
+}, {
+    collapsed: import("vue").Ref<boolean>;
+    asideContentVisible: import("vue").Ref<boolean>;
+    minimized: import("vue").Ref<boolean>;
+    limitMax: any;
+    state: any;
+    vertical: import("vue").ComputedRef<boolean>;
+    cssPropKey: import("vue").ComputedRef<"height" | "width">;
+    bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
+    resizeProxyRef: import("vue").Ref<HTMLElement>;
+    resizeMaskRef: import("vue").Ref<HTMLElement>;
+    asideRef: import("vue").Ref<HTMLElement>;
+    triggerStyle: import("vue").ComputedRef<{
+        [x: string]: string;
+    }>;
+    asideStyle: import("vue").ComputedRef<{
+        [x: string]: string;
+    }>;
+    handleMousedown: (event: any) => void;
+    setCollapse: (collapse: any) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("before-resize" | "resizing" | "after-resize" | "collapse-change")[], "before-resize" | "resizing" | "after-resize" | "collapse-change", {
+    placement: string;
+    border: boolean;
+    disabled: boolean;
+    max: number;
+    min: number;
+    collapsible: boolean;
+    triggerWidth: number;
+    triggerOffset: number;
+    initialDivide: string | number;
+    immediate: boolean;
+    autoMinimize: number | boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkResizeLayout;

package/lib/resize-layout/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,a,i){"use strict";function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var u=l(n.exports),o=a.defineComponent({name:"ResizeLayout",props:{placement:t.PropTypes.placement().def("left"),min:t.PropTypes.number.def(3),max:t.PropTypes.number.def(1/0),triggerWidth:t.PropTypes.number.def(5),triggerOffset:t.PropTypes.number.def(3),initialDivide:t.PropTypes.oneOfType([String,Number]).def("20%"),immediate:t.PropTypes.bool,disabled:t.PropTypes.bool,collapsible:t.PropTypes.bool,autoMinimize:t.PropTypes.oneOfType([Boolean,Number]).def(!1),border:t.PropTypes.bool.def(!0)},emits:["before-resize","resizing","after-resize","collapse-change"],setup:function(e,t){var i=t.emit,l=a.toRefs(e),n=l.placement,o=l.initialDivide,s=l.triggerOffset,r=l.triggerWidth,c=l.max,v=l.min,d=l.immediate,f=l.autoMinimize,p=a.ref(!1),m=a.ref(!0),b=a.ref(!1),y=a.ref(null),h=a.ref({}),g=a.ref(null),z=a.ref(null),k=a.ref(null),x=a.ref(null),w=a.computed((function(){return["left","right"].includes(n.value)})),M=a.computed((function(){return w.value?"width":"height"})),P=a.computed((function(){var e=o.value;return"number"==typeof e&&(e="".concat(e,"px")),u({},M.value,e)})),R=a.computed((function(){var e;return u(e={},"margin-".concat(n.value),"".concat(s.value-r.value,"px")),u(e,M.value,"".concat(r.value,"px")),e})),T=a.computed((function(){return f.value?"boolean"==typeof f.value?50:f.value:0})),V=new ResizeObserver((function(){var e=g.value.getBoundingClientRect();y.value=w.value?e.width:e.height})),C=function(){if(!f.value)return!1;var e=x.value.getBoundingClientRect();if(b.value=p.value=e[M.value]<=T.value,!b.value)return m.value=!0,!1;L(),a.nextTick((function(){x.value.setAttribute("data-".concat(M.value),P.value[M.value])}))},L=function(){var e=x.value.getBoundingClientRect();N(!p.value),p.value?(x.value.setAttribute("data-".concat(M.value),"".concat(e[M.value],"px")),x.value.style[M.value]="5px"):(m.value=!0,x.value.style[M.value]=x.value.getAttribute("data-".concat(M.value)))},N=function(e){x.value.addEventListener("transitionend",(function t(){m.value=e,x.value.style.transition="",x.value.removeEventListener("transitionend",t)})),x.value.style.transition="".concat(M.value," cubic-bezier(0.4, 0, 0.2, 1) .3s")};return a.onMounted((function(){V.observe(g.value)})),a.onBeforeUnmount((function(){V.unobserve(g.value)})),{collapsed:p,asideContentVisible:m,minimized:b,limitMax:y,state:h,vertical:w,cssPropKey:M,bkResizeLayoutRef:g,resizeProxyRef:z,resizeMaskRef:k,asideRef:x,triggerStyle:R,asideStyle:P,handleMousedown:function(e){i("before-resize",e);var t=x.value.getBoundingClientRect();h.value=Object.freeze({mouse:{clientX:e.clientX,clientY:e.clientY},aside:{width:t.width,height:t.height}}),k.value.style.display="block",k.value.style.cursor=w.value?"col-resize":"row-resize",d.value||function(){switch(z.value.style.visibility="visible",n.value){case"left":z.value.style.inset="0 auto auto ".concat(h.value.aside.width,"px");break;case"right":z.value.style.inset="0  ".concat(h.value.aside.width,"px auto auto");break;case"top":z.value.style.inset="".concat(h.value.aside.height,"px auto auto 0");break;case"bottom":z.value.style.inset="auto auto ".concat(h.value.aside.height,"px 0")}}(),document.onselectstart=function(){return!1},document.ondragstart=function(){return!1};var l=function(e){var t;switch(n.value){case"top":t=e.clientY-h.value.mouse.clientY;break;case"right":t=h.value.mouse.clientX-e.clientX;break;case"bottom":t=h.value.mouse.clientY-e.clientY;break;case"left":t=e.clientX-h.value.mouse.clientX}var a=function(e){return Math.min(c.value,Math.max(v.value,e),y.value-r.value)}(h.value.aside[M.value]+t)+s.value,l="".concat(a,"px");d.value?x.value.style[M.value]=l:z.value.style[n.value]=l,i("resizing",a)};document.addEventListener("mousemove",l),document.addEventListener("mouseup",(function e(){if(z.value.style.visibility="hidden",k.value.style.display="none",document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",e),document.onselectstart=null,document.ondragstart=null,a.nextTick((function(){C(),i("after-resize",parseFloat(z.value.style[n.value]))})),d.value)return!1;x.value.style[M.value]=z.value.style[n.value]}))},setCollapse:function(e){p.value="boolean"==typeof e?e:!p.value,L(),i("collapse-change",p.value)}}},render:function(){var e,t,l,n,u,o,s=["bk-resize-layout","bk-resize-layout-".concat(this.placement),{"bk-resize-layout-collapsed":this.collapsed,"bk-resize-layout-border":this.border}];return a.createVNode("div",{ref:"bkResizeLayoutRef",class:s},[a.createVNode("aside",{class:"bk-resize-layout-aside",ref:"asideRef",style:this.asideStyle},[a.withDirectives(a.createVNode("div",{class:"bk-resize-layout-aside-content"},[null===(t=(e=this.$slots).aside)||void 0===t?void 0:t.call(e)]),[[a.vShow,this.asideContentVisible]]),a.withDirectives(a.createVNode("i",{class:"bk-resize-trigger",style:this.triggerStyle,onMousedown:a.withModifiers(this.handleMousedown,["left"])},null),[[a.vShow,!this.disabled&&(!this.collapsed||this.autoMinimize)]]),a.withDirectives(a.createVNode("i",{class:["bk-resize-proxy",this.placement],ref:"resizeProxyRef"},null),[[a.vShow,!this.collapsed||this.autoMinimize]]),this.collapsible&&((null===(n=(l=this.$slots)["collapse-trigger"])||void 0===n?void 0:n.call(l))||a.createVNode(i.AngleLeft,{class:"bk-resize-collapse",onClick:this.setCollapse},null))]),a.createVNode("main",{class:"bk-resize-layout-main"},[null===(o=(u=this.$slots).main)||void 0===o?void 0:o.call(u)]),a.createVNode("div",{class:"bk-resize-mask",ref:"resizeMaskRef"},null)])}}),s=t.withInstall(o);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));