bkui-vue 0.0.1-beta.54 → 0.0.1-beta.57

package/lib/badge/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,o)=>(()=>{"use strict";var t={4212:o=>{o.exports=e},748:e=>{e.exports=o}},r={};function n(e){var o=r[e];if(void 0!==o)return o.exports;var s=r[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.d=(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},n.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{default:()=>i});var e=n(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=n(748);const r=(0,t.defineComponent)({name:"Badge",props:{theme:e.PropTypes.string.def("primary"),count:e.PropTypes.number,position:e.PropTypes.string.def("top-right"),radius:e.PropTypes.string,valLength:e.PropTypes.number,overflowCount:e.PropTypes.number.def(99),dot:e.PropTypes.bool.def(!1),visible:e.PropTypes.bool.def(!1)},setup:function(e){return{numberCount:(0,t.computed)((function(){return e.count>e.overflowCount?"".concat(e.overflowCount,"+"):e.count}))}},render:function(){var r,n,s,i,p,u,d,l=(0,e.classes)((o(r={},"bk-badge pinned bk-".concat(this.$props.theme),!!this.$props.theme),o(r,"dot",this.$props.dot),o(r,"".concat(this.$props.position),this.$props.position),o(r,"bk-badge-icon is-icon",this.$slots.icon),r),""),a=this.$props.dot?"":(0,t.createVNode)("span",null,[this.numberCount]);return(0,t.createVNode)("div",{class:"bk-badge-main"},[(0,t.createVNode)("div",null,[null!==(i=null===(s=(n=this.$slots).default)||void 0===s?void 0:s.call(n))&&void 0!==i?i:""]),this.$props.visible?"":(0,t.createVNode)("span",{class:l},[null!==(d=null===(u=(p=this.$slots).icon)||void 0===u?void 0:u.call(p))&&void 0!==d?d:a])])}}),i=(0,e.withInstall)(r)})(),s})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function s(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>i});var e=s(4212);function t(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var o=s(748);const r=(0,o.defineComponent)({name:"Badge",props:{theme:e.PropTypes.string.def("primary"),count:e.PropTypes.oneOfType([String,Number]).def(1),position:e.PropTypes.string.def("top-right"),radius:e.PropTypes.string,valLength:e.PropTypes.number.def(3),overflowCount:e.PropTypes.number.def(99),dot:e.PropTypes.bool.def(!1),visible:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string},emits:["hover","leave"],setup:function(e,t){var r=t.emit;return{numberCount:(0,o.computed)((function(){if("string"==typeof e.count){var t=e.count,o=[],r=0;return(t+="").split("").forEach((function(t){r<Number(e.valLength)&&(r+=/[\u4e00-\u9fa5]/.test(t)?2:1,o.push(t))})),o.join("")}return e.count>e.overflowCount?"".concat(e.overflowCount,"+"):e.count})),handleHover:function(){r("hover")},handleLeave:function(){r("leave")},radiusStyle:(0,o.computed)((function(){return{borderRadius:void 0!==e.radius&&/^\d+(%|px|em|rem|vh|vw)?$/.test(e.radius)&&/^\d+$/.test(e.radius)&&"".concat(e.radius,"px")||e.radius}}))}},render:function(){var r,s,n,i,u,a,p,d=(0,e.classes)({"bk-badge-main":!0},this.$props.extCls),l=(0,e.classes)((t(r={},"bk-badge bk-".concat(this.$props.theme),!!this.$props.theme),t(r,"pinned ",this.$slots.default),t(r,"dot",this.$props.dot),t(r,"".concat(this.$props.position),this.$slots.default),t(r,"bk-badge-icon is-icon",this.$slots.icon),r),""),c=this.$props.dot?"":(0,o.createVNode)("span",null,[this.numberCount]);return(0,o.createVNode)("div",{class:d},[null!==(i=null===(n=(s=this.$slots).default)||void 0===n?void 0:n.call(s))&&void 0!==i?i:"",this.$props.visible?"":(0,o.createVNode)("span",{class:l,style:this.radiusStyle,onMouseenter:this.handleHover,onMouseleave:this.handleLeave},[null!==(p=null===(a=(u=this.$slots).icon)||void 0===a?void 0:a.call(u))&&void 0!==p?p:c])])}}),i=(0,e.withInstall)(r)})(),n})()));

package/lib/card/card.css

@@ -28,6 +28,8 @@
   background: white;
   border: 1px solid #dcdee5;
   border-radius: 2px;
+}
+.bk-card:hover {
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
 }
 .bk-card .bk-card-head {
@@ -37,16 +39,56 @@
   padding: 0 20px;
   line-height: 50px;
   border-bottom: 1px solid #f0f2f5;
+  display: flex;
 }
 .bk-card .bk-card-head .title {
   font-weight: 600;
   color: #63656e;
   display: inline-block;
-  max-width: 85%;
+  max-width: 92%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-card .bk-card-head .bk-card-input {
+  display: inline-block;
+  line-height: 32px;
+}
+.bk-card .bk-card-head.no-line-height {
+  line-height: unset;
+}
+.bk-card .bk-card-head.collapse {
+  border-bottom: none;
+}
+.bk-card .bk-card-head .bk-card-icon {
+  position: absolute;
+  top: -2px;
+  cursor: pointer;
+  color: #979ba5;
+  font-size: 18px;
+}
+.bk-card .bk-card-edit {
+  display: inline-block;
+  color: #c4c6cc;
+  font-size: 18px;
+  margin-left: 4px;
+  cursor: pointer;
+  line-height: 45px;
+}
+.bk-card .bk-card-head-left {
+  padding-left: 30px;
+  padding-right: 20px;
+}
+.bk-card .bk-card-head-left .bk-card-icon {
+  left: 10px;
+}
+.bk-card .bk-card-head-right {
+  padding-left: 20px;
+  padding-right: 30px;
+}
+.bk-card .bk-card-head-right .bk-card-icon {
+  right: 10px;
+}
 .bk-card .bk-card-body {
   width: 100%;
   padding: 0 20px;
@@ -57,7 +99,9 @@
   height: 50px;
   line-height: 50px;
   border-top: 1px solid #f0f2f5;
+  border-bottom: 1px solid #f0f2f5;
 }
 .bk-card-border-none {
   border: none;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
 }

package/lib/card/card.d.ts

@@ -22,14 +22,34 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    headBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+    disableHeaderStyle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    position: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    isEdit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    isCollapse: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
 }, {
-    isCollapse: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    collapseActive: import("vue").Ref<boolean>;
+    showInput: import("vue").Ref<boolean>;
+    renderTitle: import("vue").Ref<string>;
+    handleCollapse: () => void;
+    saveEdit: () => void;
+    clickEdit: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapseStatus" | "edit")[], "update:collapseStatus" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -53,17 +73,38 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    headBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+    disableHeaderStyle: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-}>>, {
+    position: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    isEdit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    isCollapse: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:collapseStatus"?: (...args: any[]) => any;
+    onEdit?: (...args: any[]) => any;
+}, {
     title: string;
+    position: string;
     border: boolean;
     showHeader: boolean;
     showFooter: boolean;
     collapseStatus: boolean;
-    headBorder: boolean;
+    disableHeaderStyle: boolean;
+    isEdit: boolean;
+    isCollapse: boolean;
 }>;
 export default _default;

package/lib/card/card.less

@@ -12,7 +12,9 @@
   background: @white-color;
   border: @border-width-base @border-style-base @disable-color;
   border-radius: @border-radius-base;
-  box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
+  &:hover {
+    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
+  }
   .@{bk-prefix}-card-head {
     position: relative;
     width: 100%;
@@ -20,11 +22,51 @@
     padding: 0 20px;
     line-height: 50px;
     border-bottom: 1px solid @border-color;
-
+    display: flex;
     .title {
+      display: inline-block;
       font-weight: 600;
       color: @default-color;
-      .ellipsis-style(85%);
+      .ellipsis-style(92%);
+    }
+    .@{bk-prefix}-card-input {
+      display: inline-block;
+      line-height: 32px;
+    }
+    &.no-line-height {
+      line-height: unset;
+    }
+    &.collapse {
+      border-bottom: none;
+    }
+    .@{bk-prefix}-card-icon {
+      position: absolute;
+      top: -2px;
+      cursor: pointer;
+      color: #979ba5;
+      font-size: 18px;
+    }
+  }
+  .@{bk-prefix}-card-edit {
+    display: inline-block;
+    color: #c4c6cc;
+    font-size: 18px;
+    margin-left: 4px;
+    cursor: pointer;
+    line-height: 45px;
+  }
+  .@{bk-prefix}-card-head-left {
+    padding-left: 30px;
+    padding-right: 20px;
+    .@{bk-prefix}-card-icon {
+      left: 10px;
+    }
+  }
+  .@{bk-prefix}-card-head-right {
+    padding-left: 20px;
+    padding-right: 30px;
+    .@{bk-prefix}-card-icon {
+      right: 10px;
     }
   }
   .@{bk-prefix}-card-body {
@@ -37,8 +79,10 @@
     height: 50px;
     line-height: 50px;
     border-top: 1px solid @border-color;
+    border-bottom: 1px solid @border-color;
   }
 }
 .@{bk-prefix}-card-border-none {
   border: none;
+  box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2);
 }

package/lib/card/card.variable.css

@@ -122,6 +122,8 @@
   background: var(--white-color);
   border: var(--border-width-base) var(--border-style-base) var(--disable-color);
   border-radius: var(--border-radius-base);
+}
+.bk-card:hover {
   box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
 }
 .bk-card .bk-card-head {
@@ -131,16 +133,56 @@
   padding: 0 20px;
   line-height: 50px;
   border-bottom: 1px solid #f0f2f5;
+  display: flex;
 }
 .bk-card .bk-card-head .title {
   font-weight: 600;
   color: var(--default-color);
   display: inline-block;
-  max-width: 85%;
+  max-width: 92%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-card .bk-card-head .bk-card-input {
+  display: inline-block;
+  line-height: 32px;
+}
+.bk-card .bk-card-head.no-line-height {
+  line-height: unset;
+}
+.bk-card .bk-card-head.collapse {
+  border-bottom: none;
+}
+.bk-card .bk-card-head .bk-card-icon {
+  position: absolute;
+  top: -2px;
+  cursor: pointer;
+  color: #979ba5;
+  font-size: 18px;
+}
+.bk-card .bk-card-edit {
+  display: inline-block;
+  color: #c4c6cc;
+  font-size: 18px;
+  margin-left: 4px;
+  cursor: pointer;
+  line-height: 45px;
+}
+.bk-card .bk-card-head-left {
+  padding-left: 30px;
+  padding-right: 20px;
+}
+.bk-card .bk-card-head-left .bk-card-icon {
+  left: 10px;
+}
+.bk-card .bk-card-head-right {
+  padding-left: 20px;
+  padding-right: 30px;
+}
+.bk-card .bk-card-head-right .bk-card-icon {
+  right: 10px;
+}
 .bk-card .bk-card-body {
   width: 100%;
   padding: 0 20px;
@@ -151,7 +193,9 @@
   height: 50px;
   line-height: 50px;
   border-top: 1px solid #f0f2f5;
+  border-bottom: 1px solid #f0f2f5;
 }
 .bk-card-border-none {
   border: none;
+  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
 }

package/lib/card/index.d.ts

@@ -4,11 +4,14 @@ declare const BkCard: {
         $data: {};
         $props: Partial<{
             title: string;
+            position: string;
             border: boolean;
             showHeader: boolean;
             showFooter: boolean;
             collapseStatus: boolean;
-            headBorder: boolean;
+            disableHeaderStyle: boolean;
+            isEdit: boolean;
+            isCollapse: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             title: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -33,12 +36,30 @@ declare const BkCard: {
             } & {
                 default: boolean;
             };
-            headBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+            disableHeaderStyle: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "border" | "showHeader" | "showFooter" | "collapseStatus" | "headBorder">;
+            position: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            isEdit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            isCollapse: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:collapseStatus"?: (...args: any[]) => any;
+            onEdit?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "position" | "border" | "showHeader" | "showFooter" | "collapseStatus" | "disableHeaderStyle" | "isEdit" | "isCollapse">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -50,7 +71,7 @@ declare const BkCard: {
         }>;
         $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: string, ...args: any[]) => void;
+        $emit: (event: "update:collapseStatus" | "edit", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             title: import("vue-types").VueTypeValidableDef<string> & {
@@ -76,20 +97,46 @@ declare const BkCard: {
             } & {
                 default: boolean;
             };
-            headBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+            disableHeaderStyle: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            position: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            isEdit: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            isCollapse: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
                 default: boolean;
             };
-        }>>, {
-            isCollapse: import("vue").ComputedRef<boolean>;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        }>> & {
+            "onUpdate:collapseStatus"?: (...args: any[]) => any;
+            onEdit?: (...args: any[]) => any;
+        }, {
+            collapseActive: import("vue").Ref<boolean>;
+            showInput: import("vue").Ref<boolean>;
+            renderTitle: import("vue").Ref<string>;
+            handleCollapse: () => void;
+            saveEdit: () => void;
+            clickEdit: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapseStatus" | "edit")[], string, {
             title: string;
+            position: string;
             border: boolean;
             showHeader: boolean;
             showFooter: boolean;
             collapseStatus: boolean;
-            headBorder: boolean;
+            disableHeaderStyle: boolean;
+            isEdit: boolean;
+            isCollapse: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -134,13 +181,36 @@ declare const BkCard: {
         } & {
             default: boolean;
         };
-        headBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+        disableHeaderStyle: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-    }>> & import("vue").ShallowUnwrapRef<{
-        isCollapse: import("vue").ComputedRef<boolean>;
+        position: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        isEdit: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        isCollapse: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:collapseStatus"?: (...args: any[]) => any;
+        onEdit?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        collapseActive: import("vue").Ref<boolean>;
+        showInput: import("vue").Ref<boolean>;
+        renderTitle: import("vue").Ref<string>;
+        handleCollapse: () => void;
+        saveEdit: () => void;
+        clickEdit: () => void;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
@@ -169,19 +239,45 @@ declare const BkCard: {
     } & {
         default: boolean;
     };
-    headBorder: import("vue-types").VueTypeValidableDef<boolean> & {
+    disableHeaderStyle: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    position: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    isEdit: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    isCollapse: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-}>>, {
-    isCollapse: import("vue").ComputedRef<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+}>> & {
+    "onUpdate:collapseStatus"?: (...args: any[]) => any;
+    onEdit?: (...args: any[]) => any;
+}, {
+    collapseActive: import("vue").Ref<boolean>;
+    showInput: import("vue").Ref<boolean>;
+    renderTitle: import("vue").Ref<string>;
+    handleCollapse: () => void;
+    saveEdit: () => void;
+    clickEdit: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:collapseStatus" | "edit")[], "update:collapseStatus" | "edit", {
     title: string;
+    position: string;
     border: boolean;
     showHeader: boolean;
     showFooter: boolean;
     collapseStatus: boolean;
-    headBorder: boolean;
+    disableHeaderStyle: boolean;
+    isEdit: boolean;
+    isCollapse: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkCard;

package/lib/card/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],o);else{var r="object"==typeof exports?o(require("../shared"),require("vue")):o(e["../shared"],e.vue);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o)=>(()=>{"use strict";var r={4212:o=>{o.exports=e},748:e=>{e.exports=o}},t={};function s(e){var o=t[e];if(void 0!==o)return o.exports;var d=t[e]={exports:{}};return r[e](d,d.exports,s),d.exports}s.d=(e,o)=>{for(var r in o)s.o(o,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var d={};return(()=>{s.r(d),s.d(d,{default:()=>l});var e=s(4212);function o(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}var r=s(748);const t=(0,r.defineComponent)({name:"Card",props:{title:e.PropTypes.string,showHeader:e.PropTypes.bool.def(!0),showFooter:e.PropTypes.bool.def(!1),collapseStatus:e.PropTypes.bool.def(!0),border:e.PropTypes.bool.def(!0),headBorder:e.PropTypes.bool.def(!0)},setup:function(e){return{isCollapse:(0,r.computed)((function(){return e.collapseStatus}))}},render:function(){var t,s,d,l,a,i,n,p,u,c=(0,e.classes)(o({},"bk-card-border-none",!this.$props.border),"bk-card"),f=(0,e.classes)(o({},"bk-card-border-none",!this.$props.headBorder),"bk-card-head"),v=(0,r.createVNode)("div",null,[(0,r.createVNode)("div",{class:"title",title:this.$props.title},[this.$props.title])]);return(0,r.createVNode)("div",{class:c},[this.$props.showHeader?(0,r.createVNode)("div",{class:f},[(0,r.createVNode)("span",null,[null!==(d=null===(s=(t=this.$slots).header)||void 0===s?void 0:s.call(t))&&void 0!==d?d:v])]):"",this.$props.collapseStatus?(0,r.createVNode)("div",null,[(0,r.createVNode)("div",{class:"bk-card-body"},[null!==(i=null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l))&&void 0!==i?i:"Content"]),this.$props.showFooter?(0,r.createVNode)("div",{class:"bk-card-footer"},[null!==(u=null===(p=(n=this.$slots).footer)||void 0===p?void 0:p.call(n))&&void 0!==u?u:"Footer"]):""]):""])}}),l=(0,e.withInstall)(t)})(),d})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../icon"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon","../input"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../icon"),require("../input")):o(e["../shared"],e.vue,e["../icon"],e["../input"]);for(var l in t)("object"==typeof exports?exports:e)[l]=t[l]}}(self,((e,o,t,l)=>(()=>{"use strict";var r={6870:e=>{e.exports=t},8133:e=>{e.exports=l},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,s),t.exports}s.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return s.d(o,{a:o}),o},s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>d});var e=s(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=s(748),l=s(6870),r=s(8133),i=s.n(r);const a=(0,t.defineComponent)({name:"Card",props:{title:e.PropTypes.string,showHeader:e.PropTypes.bool.def(!0),showFooter:e.PropTypes.bool.def(!1),collapseStatus:e.PropTypes.bool.def(!0),border:e.PropTypes.bool.def(!0),disableHeaderStyle:e.PropTypes.bool.def(!1),position:e.PropTypes.string.def("left"),isEdit:e.PropTypes.bool.def(!1),isCollapse:e.PropTypes.bool.def(!1)},emits:["update:collapseStatus","edit"],setup:function(e,o){var l=o.emit,r=(0,t.ref)(!0),i=(0,t.ref)(!1),s=(0,t.ref)("");return(0,t.watch)((function(){return e.collapseStatus}),(function(o){e.isCollapse&&(r.value=o)}),{immediate:!0}),(0,t.watch)((function(){return e.title}),(function(e){s.value=e}),{immediate:!0}),{collapseActive:r,showInput:i,renderTitle:s,handleCollapse:function(){e.isCollapse&&(r.value=!r.value,l("update:collapseStatus",r.value))},saveEdit:function(){i.value=!i.value,l("edit",s)},clickEdit:function(){i.value=!i.value}}},render:function(){var r,s,n,a,d,c,p,u,f,v,h,b,y,m,T=this,P="bk-card",w=(0,e.classes)((o(r={},"".concat(P),!0),o(r,"".concat(P,"-border-none"),!this.$props.border),r),""),x=(0,e.classes)((o(s={},"".concat(P,"-head"),!0),o(s,"".concat(P,"-head-").concat(this.$props.position),this.$props.isCollapse&&this.$props.position),o(s,"no-line-height",this.$props.disableHeaderStyle),o(s,"collapse",!this.collapseActive),s),""),V=(0,t.createVNode)("div",{class:"title",title:this.renderTitle},[this.showInput?(0,t.createVNode)(i(),{class:"".concat(P,"-input"),modelValue:T.renderTitle,"onUpdate:modelValue":function(e){return T.renderTitle=e},onBlur:this.saveEdit},null):this.renderTitle]),$=(0,t.createVNode)("span",{class:"".concat(P,"-icon"),onClick:this.handleCollapse},[this.collapseActive?(0,t.createVNode)(l.AngleDown,null,null):(0,t.createVNode)(l.AngleRight,null,null)]);return(0,t.createVNode)("div",{class:w},[this.$props.showHeader?(0,t.createVNode)("div",{class:x},[this.$props.isCollapse&&(null!==(d=null===(a=(n=this.$slots).icon)||void 0===a?void 0:a.call(n))&&void 0!==d?d:$),null!==(u=null===(p=(c=this.$slots).header)||void 0===p?void 0:p.call(c))&&void 0!==u?u:V,this.$props.isEdit&&!this.showInput&&(0,t.createVNode)(l.EditLine,{class:"".concat(P,"-edit"),onClick:this.clickEdit},null)]):"",this.collapseActive?(0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"".concat(P,"-body")},[null!==(h=null===(v=(f=this.$slots).default)||void 0===v?void 0:v.call(f))&&void 0!==h?h:"Content"]),this.$props.showFooter?(0,t.createVNode)("div",{class:"".concat(P,"-footer")},[null!==(m=null===(y=(b=this.$slots).footer)||void 0===y?void 0:y.call(b))&&void 0!==m?m:"Footer"]):""]):""])}}),d=(0,e.withInstall)(a)})(),n})()));