bkui-vue 0.0.1-beta.10 → 0.0.1-beta.14

package/lib/icon/play-shape.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const playShape: FunctionalComponent<IIconBaseProps>;
+export default playShape;

package/lib/icon/plus.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const plus: FunctionalComponent<IIconBaseProps>;
+export default plus;

package/lib/icon/right-shape.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const rightShape: FunctionalComponent<IIconBaseProps>;
+export default rightShape;

package/lib/icon/share.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const share: FunctionalComponent<IIconBaseProps>;
+export default share;

package/lib/icon/success.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const success: FunctionalComponent<IIconBaseProps>;
+export default success;

package/lib/icon/text-file.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const textFile: FunctionalComponent<IIconBaseProps>;
+export default textFile;

package/lib/icon/tree-application-shape.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const treeApplicationShape: FunctionalComponent<IIconBaseProps>;
+export default treeApplicationShape;

package/lib/icon/warn.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const warn: FunctionalComponent<IIconBaseProps>;
+export default warn;

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 import './styles';
 export { default } from './preset';
 export * from './components';
+export * from './directives';

package/lib/input/index.d.ts

@@ -3,19 +3,19 @@ declare const BkInput: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            placeholder: string;
             prefix: string;
+            placeholder: string;
             step: number;
             disabled: boolean;
             type: string;
-            clearable: boolean;
             readonly: boolean;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
+            clearable: boolean;
             max: number;
             min: number;
             maxlength: number;
+            prefixIcon: string;
+            suffixIcon: string;
+            suffix: string;
             showWordLimit: boolean;
             showControl: boolean;
             precision: number;
@@ -39,19 +39,19 @@ declare const BkInput: {
             modelValue?: unknown;
             size?: unknown;
         } & {
-            placeholder: string;
             prefix: string;
+            placeholder: string;
             step: number;
             disabled: boolean;
             type: string;
-            clearable: boolean;
             readonly: boolean;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
+            clearable: boolean;
             max: number;
             min: number;
             maxlength: number;
+            prefixIcon: string;
+            suffixIcon: string;
+            suffix: string;
             showWordLimit: boolean;
             showControl: boolean;
             precision: number;
@@ -64,7 +64,7 @@ declare const BkInput: {
             onChange?: (...args: any[]) => any;
             onInput?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placeholder" | "prefix" | "step" | "disabled" | "type" | "clearable" | "readonly" | "prefixIcon" | "suffixIcon" | "suffix" | "max" | "min" | "maxlength" | "showWordLimit" | "showControl" | "precision">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "prefix" | "placeholder" | "step" | "disabled" | "type" | "readonly" | "clearable" | "max" | "min" | "maxlength" | "prefixIcon" | "suffixIcon" | "suffix" | "showWordLimit" | "showControl" | "precision">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -98,19 +98,19 @@ declare const BkInput: {
             modelValue?: unknown;
             size?: unknown;
         } & {
-            placeholder: string;
             prefix: string;
+            placeholder: string;
             step: number;
             disabled: boolean;
             type: string;
-            clearable: boolean;
             readonly: boolean;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
+            clearable: boolean;
             max: number;
             min: number;
             maxlength: number;
+            prefixIcon: string;
+            suffixIcon: string;
+            suffix: string;
             showWordLimit: boolean;
             showControl: boolean;
             precision: number;
@@ -124,19 +124,19 @@ declare const BkInput: {
             onInput?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue")[], string, {
-            placeholder: string;
             prefix: string;
+            placeholder: string;
             step: number;
             disabled: boolean;
             type: string;
-            clearable: boolean;
             readonly: boolean;
-            prefixIcon: string;
-            suffixIcon: string;
-            suffix: string;
+            clearable: boolean;
             max: number;
             min: number;
             maxlength: number;
+            prefixIcon: string;
+            suffixIcon: string;
+            suffix: string;
             showWordLimit: boolean;
             showControl: boolean;
             precision: number;
@@ -180,19 +180,19 @@ declare const BkInput: {
         modelValue?: unknown;
         size?: unknown;
     } & {
-        placeholder: string;
         prefix: string;
+        placeholder: string;
         step: number;
         disabled: boolean;
         type: string;
-        clearable: boolean;
         readonly: boolean;
-        prefixIcon: string;
-        suffixIcon: string;
-        suffix: string;
+        clearable: boolean;
         max: number;
         min: number;
         maxlength: number;
+        prefixIcon: string;
+        suffixIcon: string;
+        suffix: string;
         showWordLimit: boolean;
         showControl: boolean;
         precision: number;
@@ -229,19 +229,19 @@ declare const BkInput: {
     modelValue?: unknown;
     size?: unknown;
 } & {
-    placeholder: string;
     prefix: string;
+    placeholder: string;
     step: number;
     disabled: boolean;
     type: string;
-    clearable: boolean;
     readonly: boolean;
-    prefixIcon: string;
-    suffixIcon: string;
-    suffix: string;
+    clearable: boolean;
     max: number;
     min: number;
     maxlength: number;
+    prefixIcon: string;
+    suffixIcon: string;
+    suffix: string;
     showWordLimit: boolean;
     showControl: boolean;
     precision: number;
@@ -255,19 +255,19 @@ declare const BkInput: {
     onInput?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "change" | "update:modelValue")[], "input" | "focus" | "blur" | "change" | "update:modelValue", {
-    placeholder: string;
     prefix: string;
+    placeholder: string;
     step: number;
     disabled: boolean;
     type: string;
-    clearable: boolean;
     readonly: boolean;
-    prefixIcon: string;
-    suffixIcon: string;
-    suffix: string;
+    clearable: boolean;
     max: number;
     min: number;
     maxlength: number;
+    prefixIcon: string;
+    suffixIcon: string;
+    suffix: string;
     showWordLimit: boolean;
     showControl: boolean;
     precision: number;

package/lib/input/index.js

@@ -12,4 +12,4 @@
 	LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 	OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 	PERFORMANCE OF THIS SOFTWARE.
-	***************************************************************************** */var i={type:o.PropTypes.string.def("text"),clearable:o.PropTypes.bool,disabled:o.PropTypes.bool,readonly:o.PropTypes.bool,placeholder:o.PropTypes.string,prefixIcon:o.PropTypes.string,suffixIcon:o.PropTypes.string,suffix:o.PropTypes.string,prefix:o.PropTypes.string,step:o.PropTypes.integer,max:o.PropTypes.integer,min:o.PropTypes.integer,maxlength:o.PropTypes.integer,showWordLimit:o.PropTypes.bool,showControl:o.PropTypes.bool.def(!0),precision:o.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]),size:o.PropTypes.size()},u=t.defineComponent({name:"BkInput",inheritAttrs:!1,emits:["update:modelValue","focus","blur","change","input"],props:i,setup:function(e,r){var l=t.ref(!1),i="bk-input",u=r.attrs,s=u.class,p=u.style,c=function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o}(u,["class","style"]),d=t.computed((function(){var t;return o.classes((a(t={},"".concat(i,"--").concat(e.size),!!e.size),a(t,"is-focused",l.value),a(t,"is-readonly",e.readonly),a(t,"is-disabled",e.disabled),a(t,"".concat(s),!!s),t),i)})),f={search:function(){return t.createVNode(n.Search,null,null)},password:function(){return t.createVNode(n.Eye,{onClick:k},null)}},m=I("suffix-icon"),v=t.computed((function(){var o=f[e.type];return x.value?t.createVNode(n.Unvisible,{onClick:k,class:m},null):o?t.createVNode(o,{class:m},null):null})),y=t.computed((function(){return"number"===e.type})),b=t.computed((function(){return Math.floor(e.maxlength)})),x=t.ref(!1);function g(){r.emit("update:modelValue",""),r.emit("change","")}function h(e){l.value=!0,r.emit("focus",e)}function V(e){l.value=!1,r.emit("blur",e)}function P(e){r.emit("update:modelValue",y.value?+e.target.value:e.target.value),r.emit("input",e.target.value)}function T(e){r.emit("change",e.target.value,e)}function N(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=Number.isInteger(e.precision)?e.precision:0,r=parseFloat(e.modelValue.toString()),l=Number.isInteger(t)?t:1,a=r+(o?l:-1*l);return Number.isInteger(e.max)&&(a=Math.min(a,e.max)),Number.isInteger(e.min)&&(a=Math.max(a,e.min)),+a.toFixed(n)}function w(){var t=N(parseInt(String(e.step),10));r.emit("update:modelValue",t)}function O(){var t=N(parseInt(String(e.step),10),!1);r.emit("update:modelValue",t)}function I(e){return"".concat(i,"--").concat(e)}function k(){x.value=!x.value}return function(){var o,l,a,u,s,f;return t.createVNode("div",{class:d.value,style:p},[null!==(a=null===(l=null===(o=r.slots)||void 0===o?void 0:o.prefix)||void 0===l?void 0:l.call(o))&&void 0!==a?a:e.prefix&&t.createVNode("div",{class:I("prefix-area")},[t.createVNode("span",{class:I("prefix-area--text")},[e.prefix])]),t.createVNode("input",t.mergeProps(c,{class:"".concat(i,"--text"),value:e.modelValue,type:x.value&&"password"===e.type?"text":e.type,maxlength:e.maxlength,step:e.step,max:e.max,min:e.min,placeholder:e.placeholder,readonly:e.readonly,disabled:e.disabled,onInput:P,onFocus:h,onBlur:V,onChange:T}),null),e.clearable&&!!e.modelValue&&t.createVNode(n.Close,{onClick:g,class:m},null),v.value,"number"==typeof e.maxlength&&e.showWordLimit&&t.createVNode("p",{class:I("max-length")},[e.modelValue.toString().length,t.createTextVNode("/"),t.createVNode("span",null,[b.value])]),y.value&&e.showControl&&t.createVNode("div",{class:I("number-control")},[t.createVNode(n.DownSmall,{onClick:w},null),t.createVNode(n.DownSmall,{onClick:O},null)]),null!==(f=null===(s=null===(u=r.slots)||void 0===u?void 0:u.suffix)||void 0===s?void 0:s.call(u))&&void 0!==f?f:e.suffix&&t.createVNode("div",{class:I("suffix-area")},[t.createVNode("span",{class:I("suffix-area--text")},[e.suffix])])])}}}),s=o.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+	***************************************************************************** */var i={type:o.PropTypes.string.def("text"),clearable:o.PropTypes.bool,disabled:o.PropTypes.bool,readonly:o.PropTypes.bool,placeholder:o.PropTypes.string,prefixIcon:o.PropTypes.string,suffixIcon:o.PropTypes.string,suffix:o.PropTypes.string,prefix:o.PropTypes.string,step:o.PropTypes.integer,max:o.PropTypes.integer,min:o.PropTypes.integer,maxlength:o.PropTypes.integer,showWordLimit:o.PropTypes.bool,showControl:o.PropTypes.bool.def(!0),precision:o.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.number]),size:o.PropTypes.size()},u=t.defineComponent({name:"Input",inheritAttrs:!1,emits:["update:modelValue","focus","blur","change","input"],props:i,setup:function(e,r){var l=t.ref(!1),i="bk-input",u=r.attrs,s=u.class,p=u.style,c=function(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(o[n[r]]=e[n[r]])}return o}(u,["class","style"]),d=t.computed((function(){var t;return o.classes((a(t={},"".concat(i,"--").concat(e.size),!!e.size),a(t,"is-focused",l.value),a(t,"is-readonly",e.readonly),a(t,"is-disabled",e.disabled),a(t,"".concat(s),!!s),t),i)})),f={search:function(){return t.createVNode(n.Search,null,null)},password:function(){return t.createVNode(n.Eye,{onClick:k},null)}},m=I("suffix-icon"),v=t.computed((function(){var o=f[e.type];return x.value?t.createVNode(n.Unvisible,{onClick:k,class:m},null):o?t.createVNode(o,{class:m},null):null})),y=t.computed((function(){return"number"===e.type})),b=t.computed((function(){return Math.floor(e.maxlength)})),x=t.ref(!1);function g(){r.emit("update:modelValue",""),r.emit("change","")}function h(e){l.value=!0,r.emit("focus",e)}function V(e){l.value=!1,r.emit("blur",e)}function P(e){r.emit("update:modelValue",y.value?+e.target.value:e.target.value),r.emit("input",e.target.value)}function T(e){r.emit("change",e.target.value,e)}function N(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=Number.isInteger(e.precision)?e.precision:0,r=parseFloat(e.modelValue.toString()),l=Number.isInteger(t)?t:1,a=r+(o?l:-1*l);return Number.isInteger(e.max)&&(a=Math.min(a,e.max)),Number.isInteger(e.min)&&(a=Math.max(a,e.min)),+a.toFixed(n)}function w(){var t=N(parseInt(String(e.step),10));r.emit("update:modelValue",t)}function O(){var t=N(parseInt(String(e.step),10),!1);r.emit("update:modelValue",t)}function I(e){return"".concat(i,"--").concat(e)}function k(){x.value=!x.value}return function(){var o,l,a,u,s,f;return t.createVNode("div",{class:d.value,style:p},[null!==(a=null===(l=null===(o=r.slots)||void 0===o?void 0:o.prefix)||void 0===l?void 0:l.call(o))&&void 0!==a?a:e.prefix&&t.createVNode("div",{class:I("prefix-area")},[t.createVNode("span",{class:I("prefix-area--text")},[e.prefix])]),t.createVNode("input",t.mergeProps(c,{class:"".concat(i,"--text"),value:e.modelValue,type:x.value&&"password"===e.type?"text":e.type,maxlength:e.maxlength,step:e.step,max:e.max,min:e.min,placeholder:e.placeholder,readonly:e.readonly,disabled:e.disabled,onInput:P,onFocus:h,onBlur:V,onChange:T}),null),e.clearable&&!!e.modelValue&&t.createVNode(n.Close,{onClick:g,class:m},null),v.value,"number"==typeof e.maxlength&&e.showWordLimit&&t.createVNode("p",{class:I("max-length")},[e.modelValue.toString().length,t.createTextVNode("/"),t.createVNode("span",null,[b.value])]),y.value&&e.showControl&&t.createVNode("div",{class:I("number-control")},[t.createVNode(n.DownSmall,{onClick:w},null),t.createVNode(n.DownSmall,{onClick:O},null)]),null!==(f=null===(s=null===(u=r.slots)||void 0===u?void 0:u.suffix)||void 0===s?void 0:s.call(u))&&void 0!==f?f:e.suffix&&t.createVNode("div",{class:I("suffix-area")},[t.createVNode("span",{class:I("suffix-area--text")},[e.suffix])])])}}}),s=o.withInstall(u);e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/input/input.d.ts

@@ -139,19 +139,19 @@ declare const _default: import("vue").DefineComponent<{
     modelValue?: unknown;
     size?: unknown;
 } & {
-    placeholder: string;
     prefix: string;
+    placeholder: string;
     step: number;
     disabled: boolean;
     type: string;
-    clearable: boolean;
     readonly: boolean;
-    prefixIcon: string;
-    suffixIcon: string;
-    suffix: string;
+    clearable: boolean;
     max: number;
     min: number;
     maxlength: number;
+    prefixIcon: string;
+    suffixIcon: string;
+    suffix: string;
     showWordLimit: boolean;
     showControl: boolean;
     precision: number;
@@ -165,19 +165,19 @@ declare const _default: import("vue").DefineComponent<{
     onInput?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
-    placeholder: string;
     prefix: string;
+    placeholder: string;
     step: number;
     disabled: boolean;
     type: string;
-    clearable: boolean;
     readonly: boolean;
-    prefixIcon: string;
-    suffixIcon: string;
-    suffix: string;
+    clearable: boolean;
     max: number;
     min: number;
     maxlength: number;
+    prefixIcon: string;
+    suffixIcon: string;
+    suffix: string;
     showWordLimit: boolean;
     showControl: boolean;
     precision: number;

package/lib/input/input.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/link/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,i){"use strict";var n=t.defineComponent({name:"BkLink",props:{theme:i.PropTypes.theme(["danger","success","primary","warning","default"]).def("default"),href:i.PropTypes.string.def(""),disabled:i.PropTypes.bool.def(!1),underline:i.PropTypes.bool.def(!1),target:i.PropTypes.string.def("_self")},setup:function(e,t){var i=t.emit;return{handleClick:function(t){if(e.disabled)return t.preventDefault(),!1;i("click",t)}}},render:function(){var e,n,r=i.classes({"is-disabled":this.disabled,"has-underline":this.underline},"".concat(this.theme," bk-link"));return t.createVNode("a",{href:this.href,target:this.target,class:r,onClick:this.handleClick},[t.createVNode("span",null,[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])])}}),r=i.withInstall(n);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+!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,i){"use strict";var n=t.defineComponent({name:"Link",props:{theme:i.PropTypes.theme(["danger","success","primary","warning","default"]).def("default"),href:i.PropTypes.string.def(""),disabled:i.PropTypes.bool.def(!1),underline:i.PropTypes.bool.def(!1),target:i.PropTypes.string.def("_self")},setup:function(e,t){var i=t.emit;return{handleClick:function(t){if(e.disabled)return t.preventDefault(),!1;i("click",t)}}},render:function(){var e,n,r=i.classes({"is-disabled":this.disabled,"has-underline":this.underline},"".concat(this.theme," bk-link"));return t.createVNode("a",{href:this.href,target:this.target,class:r,onClick:this.handleClick},[t.createVNode("span",null,[null===(n=(e=this.$slots).default)||void 0===n?void 0:n.call(e)])])}}),r=i.withInstall(n);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/link/link.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 .bk-link {
   font-size: var(--font-size-medium);

package/lib/loading/index.d.ts

@@ -5,20 +5,23 @@ declare const BkLoading: {
         $data: {};
         $props: Partial<{
             title: string;
+            loading: boolean;
         }> & Omit<Readonly<{
             indicator?: unknown;
+            loading?: unknown;
             theme?: unknown;
             title?: unknown;
             size?: unknown;
             mode?: unknown;
         } & {
             title: string;
+            loading: boolean;
         } & {
             theme?: string;
             size?: string;
             indicator?: Function;
             mode?: BkLoadingMode;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title">;
+        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "loading">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -34,19 +37,24 @@ declare const BkLoading: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<{
             indicator?: unknown;
+            loading?: unknown;
             theme?: unknown;
             title?: unknown;
             size?: unknown;
             mode?: unknown;
         } & {
             title: string;
+            loading: boolean;
         } & {
             theme?: string;
             size?: string;
             indicator?: Function;
             mode?: BkLoadingMode;
-        }> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        }> & {}, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             title: string;
+            loading: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -69,36 +77,45 @@ declare const BkLoading: {
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
     } & Readonly<{
         indicator?: unknown;
+        loading?: unknown;
         theme?: unknown;
         title?: unknown;
         size?: unknown;
         mode?: unknown;
     } & {
         title: string;
+        loading: boolean;
     } & {
         theme?: string;
         size?: string;
         indicator?: Function;
         mode?: BkLoadingMode;
-    }> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    }> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[]> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<{
     indicator?: unknown;
+    loading?: unknown;
     theme?: unknown;
     title?: unknown;
     size?: unknown;
     mode?: unknown;
 } & {
     title: string;
+    loading: boolean;
 } & {
     theme?: string;
     size?: string;
     indicator?: Function;
     mode?: BkLoadingMode;
-}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+}> & {}, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     title: string;
+    loading: boolean;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     setDefaultIndicator: typeof setDefaultIndicator;
     BkLoadingMode: typeof BkLoadingMode;

package/lib/loading/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,n){"use strict";function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var i,d,r,l=o(a.exports);function u(e){r="function"==typeof e?e:function(){return t.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var s={indicator:{type:Function},theme:n.PropTypes.theme(["white","primary","warning","success","danger"]),title:n.PropTypes.string.def(""),size:n.PropTypes.size(),mode:n.PropTypes.oneOf(Object.values(e.BkLoadingMode))},c=t.defineComponent({name:"BkLoading",props:s,setup:function(e,o){var a=[1,2,3,4].map((function(e){return t.createVNode("span",{class:"dot dot-".concat(e)},null)})),i=t.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return t.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),d=t.computed((function(){return n.classes({"bk-nested-loading":!!o.slots.default},"bk-loading-wrapper")})),u=t.computed((function(){var t;return n.classes((l(t={},"bk-loading-size-".concat(e.size),!e.size),l(t,"bk-loading-".concat(e.theme),!e.theme),t),"bk-loading-indicator")})),s=t.computed((function(){return!!e.title})),c=t.computed((function(){var n="spin"===e.mode;return"function"==typeof e.indicator?t.createVNode(e.indicator,null,null):"function"==typeof r?t.createVNode(r,null,null):n?i:a}));return function(){return t.createVNode("div",{class:d.value},[t.createVNode("div",{class:u.value},[c.value,s.value&&t.createVNode("div",{class:"bk-loading-title"},[e.title])]),o.slots.default&&t.createVNode("div",{class:"bk-loading-mask"},[o.slots.default()])])}}}),p=n.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.size(),mode:t.PropTypes.oneOf(Object.values(e.BkLoadingMode))},c=o.defineComponent({name:"Loading",props:s,setup:function(e,n){var a=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),i=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),d=o.computed((function(){return t.classes({"bk-nested-loading":!!n.slots.default},"bk-loading-wrapper")})),u=o.computed((function(){var o;return t.classes((r(o={},"bk-loading-size-".concat(e.size),!e.size),r(o,"bk-loading-".concat(e.theme),!e.theme),o),"bk-loading-indicator")})),s=o.computed((function(){return!!e.title})),c=o.computed((function(){var t="spin"===e.mode;return"function"==typeof e.indicator?o.createVNode(e.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?i:a}));return function(){var t,a;return n.slots.default&&!e.loading?null===(a=(t=n.slots).default)||void 0===a?void 0:a.call(t):o.createVNode("div",{class:d.value},[o.createVNode("div",{class:u.value},[c.value,s.value&&o.createVNode("div",{class:"bk-loading-title"},[e.title])]),n.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[n.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/loading/loading.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, VNode } from 'vue';
 export declare enum BkLoadingMode {
     Spin = "spin",
     Default = "default"
@@ -12,6 +12,9 @@ export declare const loadingTypes: {
     indicator: {
         type: FunctionConstructor;
     };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
     theme: import("vue-types").VueTypeDef<string>;
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -26,6 +29,9 @@ declare const _default: import("vue").DefineComponent<{
     indicator: {
         type: FunctionConstructor;
     };
+    loading: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
     theme: import("vue-types").VueTypeDef<string>;
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -34,14 +40,18 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: import("vue-types").VueTypeDef<string>;
     mode: import("vue-types").VueTypeDef<BkLoadingMode>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+}, () => JSX.Element | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     indicator?: unknown;
+    loading?: unknown;
     theme?: unknown;
     title?: unknown;
     size?: unknown;
     mode?: unknown;
 } & {
     title: string;
+    loading: boolean;
 } & {
     theme?: string;
     size?: string;
@@ -49,5 +59,6 @@ declare const _default: import("vue").DefineComponent<{
     mode?: BkLoadingMode;
 }> & {}, {
     title: string;
+    loading: boolean;
 }>;
 export default _default;

package/lib/loading/loading.variable.css

@@ -5,6 +5,7 @@
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -67,6 +68,21 @@
   --message-success-border-color: #dcffe2;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {