bkui-vue 0.0.1-beta.13 → 0.0.1-beta.132

package/lib/progress/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";function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.default=e.exports,e.exports.__esModule=!0}(s);var n=o(s.exports),c=function(e,r){var o=r.attrs,s=r.slots,c=o.percent,a=o.strokeWidth,i=o.size,l=o.color,p=o.titleStyle,d=o.showText,u=o.textInside,f=o.theme,h={height:"".concat(a,"px"),lineHeight:"".concat(a,"px")},y={width:"".concat(c,"%"),background:l,animationDuration:"3s"},b=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return(d||s.default)&&(e&&u||!e&&!u)?null==s?void 0:s.default():null};return t.createVNode("div",{class:"progress-outer"},[t.createVNode("div",{class:"bk-progress-".concat(i||"normal"," progress-bar"),style:h},[t.createVNode("div",{style:y,class:n({"progress-inner":!0},"bk-".concat(f),!0)},[t.createVNode("div",{class:"inner-text",style:p},[b()])])]),b(!1)])},a=function(e,r){var o=r.attrs,s=r.slots,n=o.width,c=o.percent,a=o.strokeWidth,i=o.color,l=o.strokeLinecap,p=o.theme,d=o.type,u=o.titleStyle,f=a||6,h=n||126,y={width:"number"==typeof h?"".concat(h,"px"):h,height:"number"==typeof h?"".concat(h,"px"):h,fontSize:"".concat(.15*h+6,"px")},b=50-f/2,x="dashboard"===d,v=2*Math.PI*b,g=x?.75:1,k="".concat(-1*v*(1-g)/2,"px"),P={strokeDasharray:"".concat(v*g,"px, ").concat(v,"px"),strokeDashoffset:k},m={strokeDasharray:"".concat(v*g*(c/100),"px, ").concat(v,"px"),strokeDashoffset:k,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease"},T="\n    M 50 50\n    m 0 ".concat(x?"":"-").concat(b,"\n    a ").concat(b," ").concat(b," 0 1 1 0 ").concat(x?"-":"").concat(2*b,"\n    a ").concat(b," ").concat(b," 0 1 1 0 ").concat(x?"":"-").concat(2*b,"\n  "),V={d:T,stroke:"","stroke-linecap":l,"stroke-width":f,"fill-opacity":"0",class:"process-circle-trail",style:P},N={d:T,stroke:i||"#13ce66","stroke-linecap":l,"stroke-width":c>0&&f||0,"fill-opacity":"0",class:"process-circle-path bk-".concat(p,"-circle-trail"),style:m};return t.createVNode("div",{class:"progress-outer-circle",style:y},[t.createVNode("svg",{viewBox:"0 0 100 100"},[t.createVNode("path",V,null),t.createVNode("path",N,null)]),t.createVNode("span",{class:"progress-circle-text",style:u},[null==s?void 0:s.default()])])};function i(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)}var l=t.defineComponent({name:"BkProgress",props:{extCls:r.PropTypes.string,type:r.PropTypes.string.validate((function(e){return["line","circle","dashboard"].includes(e)})).def("line"),percent:r.PropTypes.number.def(0),theme:r.PropTypes.theme().def("primary"),size:r.PropTypes.size(),width:r.PropTypes.number.def(126),strokeWidth:r.PropTypes.number,strokeLinecap:r.PropTypes.string.def("round"),textInside:r.PropTypes.bool.def(!1),showText:r.PropTypes.bool.def(!0),color:r.PropTypes.string,format:r.PropTypes.func.def((function(e){return"".concat(e,"%")})),titleStyle:r.PropTypes.object.def({fontSize:"16px",verticalAlign:"middle"})},setup:function(){return{}},methods:{validPercent:function(e){return!e||e<0?0:e>100?100:e},renderProcessInfo:function(){var e=this.$props,r=e.showText,o=e.format,s=e.percent,n=e.textInside,c=e.titleStyle,a=o(this.validPercent(s));return(r||this.$slots.default)&&n?this.$slots.default?this.$slots.default():t.createVNode("span",null,[a]):!r||n?null:t.createVNode("span",{class:"progress-text",title:"string"==typeof a?a:void 0,style:"string"==typeof a?c:void 0},[this.$slots.default?this.$slots.default():a])}},render:function(){var e=this.renderProcessInfo(),o=Object.assign(Object.assign({},this.$props),{percent:this.validPercent(this.percent)}),s=t.createVNode(c,o,i(e)?e:{default:function(){return[e]}});"circle"!==this.type&&"dashboard"!==this.type||(s=t.createVNode(a,o,i(e)?e:{default:function(){return[e]}}));var n={class:r.classes({extCls:!!this.extCls},"bk-progress bk-progress-".concat(this.type))};return t.createVNode("div",n,[s])}}),p=r.withInstall(l);e.default=p,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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 r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function s(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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),t=s(748);const r=function(e,r){var o=r.attrs,s=r.slots,n=o.width,c=o.percent,a=o.strokeWidth,i=o.color,l=o.strokeLinecap,p=o.theme,d=o.type,u=o.bgColor,f=o.titleStyle,y=a||6,h=n||126,b={width:"number"==typeof h?"".concat(h,"px"):h,height:"number"==typeof h?"".concat(h,"px"):h,fontSize:"".concat(.15*h+6,"px")},v=50-y/2,x="dashboard"===d,g=2*Math.PI*v,m=x?.75:1,P="".concat(-1*g*(1-m)/2,"px"),k={strokeDasharray:"".concat(g*m,"px, ").concat(g,"px"),strokeDashoffset:P},T={strokeDasharray:"".concat(g*m*(c/100),"px, ").concat(g,"px"),strokeDashoffset:P,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease"},j="\n    M 50 50\n    m 0 ".concat(x?"":"-").concat(v,"\n    a ").concat(v," ").concat(v," 0 1 1 0 ").concat(x?"-":"").concat(2*v,"\n    a ").concat(v," ").concat(v," 0 1 1 0 ").concat(x?"":"-").concat(2*v,"\n  "),N={d:j,stroke:u||"#f5f5f5","stroke-linecap":l,"stroke-width":y,"fill-opacity":"0",class:"process-circle-trail",style:k},V={d:j,stroke:i||"#13ce66","stroke-linecap":l,"stroke-width":c>0&&y||0,"fill-opacity":"0",class:"process-circle-path bk-".concat(p,"-circle-trail"),style:T};return(0,t.createVNode)("div",{class:"progress-outer-circle",style:b},[(0,t.createVNode)("svg",{viewBox:"0 0 100 100"},[(0,t.createVNode)("path",N,null),(0,t.createVNode)("path",V,null)]),(0,t.createVNode)("span",{class:"progress-circle-text",style:f},[null==s?void 0:s.default()])])},o=function(e,r){var o,s,n=r.attrs,c=r.slots,a=n.percent,i=n.strokeWidth,l=n.size,p=n.color,d=n.titleStyle,u=n.showText,f=n.textInside,y=n.theme,h={height:"".concat(i,"px"),lineHeight:"".concat(i,"px")},b={width:"".concat(a,"%"),background:p,animationDuration:"3s"},v=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return(u||c.default)&&(e&&f||!e&&!f)?null==c?void 0:c.default():null};return(0,t.createVNode)("div",{class:"progress-outer"},[(0,t.createVNode)("div",{class:"bk-progress-".concat(l||"normal"," progress-bar"),style:h},[(0,t.createVNode)("div",{style:b,class:(o={"progress-inner":!0},s="bk-".concat(y),!0,s in o?Object.defineProperty(o,s,{value:true,enumerable:!0,configurable:!0,writable:!0}):o[s]=true,o)},[(0,t.createVNode)("div",{class:"inner-text",style:d},[v()])])]),v(!1)])};function c(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const a=(0,t.defineComponent)({name:"Progress",props:{extCls:e.PropTypes.string,type:e.PropTypes.string.validate((function(e){return["line","circle","dashboard"].includes(e)})).def("line"),percent:e.PropTypes.number.def(0),theme:e.PropTypes.theme().def("primary"),size:e.PropTypes.size(),width:e.PropTypes.number.def(126),strokeWidth:e.PropTypes.number,strokeLinecap:e.PropTypes.string.def("round"),textInside:e.PropTypes.bool.def(!1),showText:e.PropTypes.bool.def(!0),color:e.PropTypes.string,bgColor:e.PropTypes.string,fixed:e.PropTypes.number.validate((function(e){return e>=0&&e<=20})).def(0),format:e.PropTypes.func.def((function(e){return"".concat(e,"%")})),titleStyle:e.PropTypes.object.def({fontSize:"16px",verticalAlign:"middle"})},setup:function(){return{}},methods:{validPercent:function(e){return!e||e<0?0:e>100?100:e},renderProcessInfo:function(){var e,r=this.$props,o=r.showText,s=r.format,n=r.percent,c=r.textInside,a=r.titleStyle,i=r.fixed,l=s(null===(e=this.validPercent(n))||void 0===e?void 0:e.toFixed(i));return(o||this.$slots.default)&&c?this.$slots.default?this.$slots.default():(0,t.createVNode)("span",null,[l]):!o||c?null:(0,t.createVNode)("span",{class:"progress-text",style:"string"==typeof l?a:void 0},[this.$slots.default?this.$slots.default():l])}},render:function(){var s=this.renderProcessInfo(),n=Object.assign(Object.assign({},this.$props),{percent:this.validPercent(this.percent)}),a=(0,t.createVNode)(o,n,c(s)?s:{default:function(){return[s]}});"circle"!==this.type&&"dashboard"!==this.type||(a=(0,t.createVNode)(r,n,c(s)?s:{default:function(){return[s]}}));var i={class:(0,e.classes)({extCls:!!this.extCls},"bk-progress bk-progress-".concat(this.type))};return(0,t.createVNode)("div",i,[a])}}),i=(0,e.withInstall)(a)})(),n})()));

package/lib/progress/progress.css

@@ -19,6 +19,57 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  height: 0;
+  clear: both;
+  font-size: 0;
+  content: '';
+  visibility: hidden;
+}
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0px 0px 6px 0px;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .bk-progress {
   display: inline-block;
 }
@@ -76,9 +127,6 @@
   width: 7%;
   text-align: center;
 }
-.bk-progress .process-circle-trail {
-  stroke: #f5f5f5;
-}
 .bk-progress .progress-circle-text {
   position: absolute;
   top: 50%;

package/lib/progress/progress.d.ts

@@ -45,6 +45,16 @@ declare const _default: import("vue").DefineComponent<{
     color: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    fixed: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: number;
+    };
     format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     } & {
@@ -64,51 +74,94 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {
     /** 验证进度值 */
     validPercent(percent?: number): number;
-    /** text 区域展示内容，可扩展图标类*/
+    /** text 区域展示内容*/
     renderProcessInfo(): JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    extCls?: unknown;
-    type?: unknown;
-    percent?: unknown;
-    theme?: unknown;
-    size?: unknown;
-    width?: unknown;
-    strokeWidth?: unknown;
-    strokeLinecap?: unknown;
-    textInside?: unknown;
-    showText?: unknown;
-    color?: unknown;
-    format?: unknown;
-    titleStyle?: unknown;
-} & {
-    width: number;
-    color: string;
-    theme: string;
-    extCls: string;
-    type: string;
-    percent: number;
-    strokeWidth: number;
-    strokeLinecap: string;
-    titleStyle: {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    type: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: string;
+    };
+    percent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    strokeWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    strokeLinecap: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    textInside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showText: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    color: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    fixed: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: number;
+    };
+    format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    titleStyle: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
     };
-    showText: boolean;
-    textInside: boolean;
-} & {
-    size?: string;
-    format?: (...args: any[]) => any;
-}> & {}, {
-    width: number;
-    color: string;
+}>>, {
+    fixed: number;
+    type: string;
     theme: string;
     extCls: string;
-    type: string;
+    width: number;
+    color: string;
+    strokeLinecap: string;
+    strokeWidth: number;
     format: (...args: any[]) => any;
     percent: number;
-    strokeWidth: number;
-    strokeLinecap: string;
+    bgColor: string;
     titleStyle: {
         [key: string]: any;
     };

package/lib/progress/progress.less

@@ -70,10 +70,6 @@
     text-align: center;
   }
 
-  .process-circle-trail {
-    stroke: #f5f5f5;
-  }
-
   .progress-circle-text {
     position: absolute;
     top: 50%;

package/lib/progress/progress.variable.css

@@ -1,5 +1,6 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
@@ -8,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -17,7 +19,7 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -30,8 +32,9 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
-  --input-icon-size: var(--font-size-large);
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -42,6 +45,8 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -83,6 +88,17 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {
@@ -105,6 +121,57 @@
 .bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }
+.clearfix-style::after {
+  display: block;
+  height: 0;
+  clear: both;
+  font-size: 0;
+  content: '';
+  visibility: hidden;
+}
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0px 0px 6px 0px;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .bk-progress {
   display: inline-block;
 }
@@ -162,9 +229,6 @@
   width: 7%;
   text-align: center;
 }
-.bk-progress .process-circle-trail {
-  stroke: #f5f5f5;
-}
 .bk-progress .progress-circle-text {
   position: absolute;
   top: 50%;

package/lib/radio/common.d.ts

@@ -1,13 +1,13 @@
-import type { Ref, InjectionKey } from 'vue';
+import { type InjectionKey, type Ref } from 'vue';
 import type { IRadioGroupContext } from './type';
 export declare const radioGroupKey: InjectionKey<IRadioGroupContext>;
 export declare function useFocus(): [Ref<boolean>, {
     blur: () => void;
     focus: () => void;
 }];
-export declare function useRadio(): {
-    name: import("vue").ComputedRef<string>;
-    isCheck: import("vue").ComputedRef<boolean>;
+export declare const useRadio: () => {
+    isChecked: Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
-    handlerChange: () => void;
+    setChecked: (value?: boolean) => void;
+    handleChange: (event: Event) => void;
 };