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

package/lib/sideslider/index.d.ts

@@ -0,0 +1,206 @@
+declare const BkSideslider: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            width: string | number;
+            height: string | number;
+            showMask: boolean;
+            direction: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            isShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            customClass: {
+                type: (ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            scrollable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showMask: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onClosed?: (...args: any[]) => any;
+            "onUpdate:isShow"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "height" | "showMask" | "direction" | "isShow" | "customClass" | "scrollable">;
+        $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: "closed" | "update:isShow", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+            isShow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            height: {
+                type: (NumberConstructor | StringConstructor)[];
+                default: string;
+            };
+            customClass: {
+                type: (ArrayConstructor | StringConstructor)[];
+                default: string;
+            };
+            scrollable: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            showMask: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onClosed?: (...args: any[]) => any;
+            "onUpdate:isShow"?: (...args: any[]) => any;
+        }, unknown, unknown, {}, {
+            handleClose(): void;
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], string, {
+            width: string | number;
+            height: string | number;
+            showMask: boolean;
+            direction: string;
+            isShow: boolean;
+            customClass: string | unknown[];
+            scrollable: 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<{
+        direction: {
+            type: StringConstructor;
+            default: string;
+            validator: (value: string) => boolean;
+        };
+        isShow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        height: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: string;
+        };
+        customClass: {
+            type: (ArrayConstructor | StringConstructor)[];
+            default: string;
+        };
+        scrollable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showMask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onClosed?: (...args: any[]) => any;
+        "onUpdate:isShow"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
+        handleClose(): void;
+    } & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    isShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    customClass: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClosed?: (...args: any[]) => any;
+    "onUpdate:isShow"?: (...args: any[]) => any;
+}, unknown, unknown, {}, {
+    handleClose(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", {
+    width: string | number;
+    height: string | number;
+    showMask: boolean;
+    direction: string;
+    isShow: boolean;
+    customClass: string | unknown[];
+    scrollable: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkSideslider;

package/lib/sideslider/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../modal"),require("../button")):"function"==typeof define&&define.amd?define(["exports","vue","../modal","../button"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Modal,e.Button)}(this,(function(e,t,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(o),l=i(n);var d=Object.assign({},o.propsMixin);d.width.default="400",d.height.default="100%";var s=t.defineComponent({name:"BkSideslider",components:{BkModal:r.default,BkButton:l.default},props:Object.assign(Object.assign({},o.propsMixin),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0)||(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),!1)}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,o=this,n={header:function(){var e,n,i;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"bk-sideslider-header"},[t.createVNode("span",{class:"bk-sideslider-close ".concat(o.direction),onClick:o.handleClose},null),t.createVNode("span",{class:"bk-sideslider-title ".concat(o.direction)},[null!==(i=null===(n=(e=o.$slots).header)||void 0===n?void 0:n.call(e))&&void 0!==i?i:"Header"])])])},default:function(){var e,t,n;return null!==(n=null===(t=(e=o.$slots).default)||void 0===t?void 0:t.call(e))&&void 0!==n?n:"Content"},footer:function(){return t.createVNode("div",{class:"bk-sideslider-footer"},null)}},i="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return t.createVNode(r.default,t.mergeProps(this.$props,{class:i,style:"".concat(this.direction,": 0")}),"function"==typeof(e=n)||"[object Object]"===Object.prototype.toString.call(e)&&!t.isVNode(e)?n:{default:function(){return[n]}})}});s.install=function(e){e.component(s.name,s)},e.default=s,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../button"),require("../modal")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../button","../modal"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e.Button,e.Modal)}(this,(function(e,t,o,i,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=r(i),l=r(n);var a=l.default.propsMixin,s=Object.assign({},a);s.width.default="400",s.height.default="100%";var c=o.defineComponent({name:"Sideslider",components:{BkModal:l.default,BkButton:d.default},props:Object.assign(Object.assign({},s),{direction:{type:String,default:"right",validator:function(e){var t=["left","right"];return!(t.indexOf(e)<0)||(console.error("direction property is not valid: '".concat(e,"',【").concat(t.join(" | "),"】")),!1)}}}),emits:["closed","update:isShow"],methods:{handleClose:function(){this.$emit("update:isShow",!1),this.$emit("closed")}},render:function(){var e,t=this,i={header:function(){var e,i,n;return o.createVNode(o.Fragment,null,[o.createVNode("div",{class:"bk-sideslider-header"},[o.createVNode("span",{class:"bk-sideslider-close ".concat(t.direction),onClick:t.handleClose},null),o.createVNode("span",{class:"bk-sideslider-title ".concat(t.direction)},[null!==(n=null===(i=(e=t.$slots).header)||void 0===i?void 0:i.call(e))&&void 0!==n?n:"Header"])])])},default:function(){var e,o,i;return null!==(i=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==i?i:"Content"},footer:function(){return o.createVNode("div",{class:"bk-sideslider-footer"},null)}},n="bk-sideslider-wrapper ".concat(this.scrollable?"scroll-able":"");return o.createVNode(l.default,o.mergeProps(this.$props,{class:n,style:"".concat(this.direction,": 0")}),"function"==typeof(e=i)||"[object Object]"===Object.prototype.toString.call(e)&&!o.isVNode(e)?i:{default:function(){return[i]}})}}),u=t.withInstall(c);e.default=u,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/sideslider/sideslider.d.ts

@@ -17,38 +17,59 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     customClass: {
-        type: (ObjectConstructor | StringConstructor)[];
+        type: (ArrayConstructor | StringConstructor)[];
         default: string;
     };
     scrollable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, unknown, unknown, {}, {
     handleClose(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    isShow?: unknown;
-    width?: unknown;
-    height?: unknown;
-    customClass?: unknown;
-    scrollable?: unknown;
-} & {
-    width: string | number;
-    height: string | number;
-    isShow: boolean;
-    customClass: string;
-    scrollable: boolean;
-    direction: string;
-} & {}> & {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("closed" | "update:isShow")[], "closed" | "update:isShow", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    direction: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    isShow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    height: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    customClass: {
+        type: (ArrayConstructor | StringConstructor)[];
+        default: string;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showMask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
     onClosed?: (...args: any[]) => any;
     "onUpdate:isShow"?: (...args: any[]) => any;
 }, {
     width: string | number;
     height: string | number;
+    showMask: boolean;
+    direction: string;
     isShow: boolean;
-    customClass: string;
+    customClass: string | unknown[];
     scrollable: boolean;
-    direction: string;
 }>;
 export default _default;

package/lib/sideslider/sideslider.variable.css

@@ -1,10 +1,12 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -58,6 +60,36 @@
   --link-success-disabled-color: #94f5a4;
   --link-warning-disabled-color: #ffd695;
   --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --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;
+  --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;
 }
 .bk-modal-wrapper.bk-sideslider-wrapper {
   position: fixed;

package/{changelog.config.js → lib/slider/index.d.ts}

@@ -23,11 +23,5 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-
-module.exports = {
-  owner: 'blueking',
-  repository: 'bkui-vue',
-  host: 'https://git.woa.com',
-  commit: 'commit',
-  issue: 'issue',
-};
+import Slider from './slider';
+export default Slider;

package/lib/slider/index.js

@@ -0,0 +1,15 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("../input"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../input","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Input,e.Shared)}(this,(function(e,t,a,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=r(a),l={exports:{}};!function(e){var t=function(e){var t,a=Object.prototype,n=a.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},u=r.iterator||"@@iterator",l=r.asyncIterator||"@@asyncIterator",o=r.toStringTag||"@@toStringTag";function i(e,t,a){return Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{i({},"")}catch(e){i=function(e,t,a){return e[t]=a}}function c(e,t,a,n){var r=t&&t.prototype instanceof h?t:h,u=Object.create(r.prototype),l=new C(n||[]);return u._invoke=function(e,t,a){var n=m;return function(r,u){if(n===f)throw new Error("Generator is already running");if(n===d){if("throw"===r)throw u;return j()}for(a.method=r,a.arg=u;;){var l=a.delegate;if(l){var o=k(l,a);if(o){if(o===p)continue;return o}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(n===m)throw n=d,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);n=f;var i=s(e,t,a);if("normal"===i.type){if(n=a.done?d:v,i.arg===p)continue;return{value:i.arg,done:a.done}}"throw"===i.type&&(n=d,a.method="throw",a.arg=i.arg)}}}(e,a,l),u}function s(e,t,a){try{return{type:"normal",arg:e.call(t,a)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var m="suspendedStart",v="suspendedYield",f="executing",d="completed",p={};function h(){}function V(){}function y(){}var b={};i(b,u,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(T([])));w&&w!==a&&n.call(w,u)&&(b=w);var x=y.prototype=h.prototype=Object.create(b);function N(e){["next","throw","return"].forEach((function(t){i(e,t,(function(e){return this._invoke(t,e)}))}))}function L(e,t){function a(r,u,l,o){var i=s(e[r],e,u);if("throw"!==i.type){var c=i.arg,m=c.value;return m&&"object"==typeof m&&n.call(m,"__await")?t.resolve(m.__await).then((function(e){a("next",e,l,o)}),(function(e){a("throw",e,l,o)})):t.resolve(m).then((function(e){c.value=e,l(c)}),(function(e){return a("throw",e,l,o)}))}o(i.arg)}var r;this._invoke=function(e,n){function u(){return new t((function(t,r){a(e,n,t,r)}))}return r=r?r.then(u,u):u()}}function k(e,a){var n=e.iterator[a.method];if(n===t){if(a.delegate=null,"throw"===a.method){if(e.iterator.return&&(a.method="return",a.arg=t,k(e,a),"throw"===a.method))return p;a.method="throw",a.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var r=s(n,e.iterator,a.arg);if("throw"===r.type)return a.method="throw",a.arg=r.arg,a.delegate=null,p;var u=r.arg;return u?u.done?(a[e.resultName]=u.value,a.next=e.nextLoc,"return"!==a.method&&(a.method="next",a.arg=t),a.delegate=null,p):u:(a.method="throw",a.arg=new TypeError("iterator result is not an object"),a.delegate=null,p)}function E(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function B(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(E,this),this.reset(!0)}function T(e){if(e){var a=e[u];if(a)return a.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,l=function a(){for(;++r<e.length;)if(n.call(e,r))return a.value=e[r],a.done=!1,a;return a.value=t,a.done=!0,a};return l.next=l}}return{next:j}}function j(){return{value:t,done:!0}}return V.prototype=y,i(x,"constructor",y),i(y,"constructor",V),V.displayName=i(y,o,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===V||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,y):(e.__proto__=y,i(e,o,"GeneratorFunction")),e.prototype=Object.create(x),e},e.awrap=function(e){return{__await:e}},N(L.prototype),i(L.prototype,l,(function(){return this})),e.AsyncIterator=L,e.async=function(t,a,n,r,u){void 0===u&&(u=Promise);var l=new L(c(t,a,n,r),u);return e.isGeneratorFunction(a)?l:l.next().then((function(e){return e.done?e.value:l.next()}))},N(x),i(x,o,"Generator"),i(x,u,(function(){return this})),i(x,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var a in e)t.push(a);return t.reverse(),function a(){for(;t.length;){var n=t.pop();if(n in e)return a.value=n,a.done=!1,a}return a.done=!0,a}},e.values=T,C.prototype={constructor:C,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(B),!e)for(var a in this)"t"===a.charAt(0)&&n.call(this,a)&&!isNaN(+a.slice(1))&&(this[a]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var a=this;function r(n,r){return o.type="throw",o.arg=e,a.next=n,r&&(a.method="next",a.arg=t),!!r}for(var u=this.tryEntries.length-1;u>=0;--u){var l=this.tryEntries[u],o=l.completion;if("root"===l.tryLoc)return r("end");if(l.tryLoc<=this.prev){var i=n.call(l,"catchLoc"),c=n.call(l,"finallyLoc");if(i&&c){if(this.prev<l.catchLoc)return r(l.catchLoc,!0);if(this.prev<l.finallyLoc)return r(l.finallyLoc)}else if(i){if(this.prev<l.catchLoc)return r(l.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<l.finallyLoc)return r(l.finallyLoc)}}}},abrupt:function(e,t){for(var a=this.tryEntries.length-1;a>=0;--a){var r=this.tryEntries[a];if(r.tryLoc<=this.prev&&n.call(r,"finallyLoc")&&this.prev<r.finallyLoc){var u=r;break}}u&&("break"===e||"continue"===e)&&u.tryLoc<=t&&t<=u.finallyLoc&&(u=null);var l=u?u.completion:{};return l.type=e,l.arg=t,u?(this.method="next",this.next=u.finallyLoc,p):this.complete(l)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),p},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.finallyLoc===e)return this.complete(a.completion,a.afterLoc),B(a),p}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var a=this.tryEntries[t];if(a.tryLoc===e){var n=a.completion;if("throw"===n.type){var r=n.arg;B(a)}return r}}throw new Error("illegal catch attempt")},delegateYield:function(e,a,n){return this.delegate={iterator:T(e),resultName:a,nextLoc:n},"next"===this.method&&(this.arg=t),p}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}}(l);var o=l.exports;
+/*! *****************************************************************************
+  Copyright (c) Microsoft Corporation.
+
+  Permission to use, copy, modify, and/or distribute this software for any
+  purpose with or without fee is hereby granted.
+
+  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+  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.
+  ***************************************************************************** */function i(e,t,a,n){return new(a||(a=Promise))((function(r,u){function l(e){try{i(n.next(e))}catch(e){u(e)}}function o(e){try{i(n.throw(e))}catch(e){u(e)}}function i(e){var t;e.done?r(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(l,o)}i((n=n.apply(e,t||[])).next())}))}var c=t.defineComponent({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(e,a){var n=a.emit,r=t.ref(!1),u=t.ref(!1),l=t.ref(0),o=t.ref(0),i=t.ref(0),c=t.ref(null),v=t.ref(e.modelValue),f=t.ref(0),d=t.ref(0),p=t.ref(!1),h=t.ref(null),V=t.computed((function(){return"".concat((e.modelValue-e.params.minValue)/(e.params.maxValue-e.params.minValue)*100,"%")})),y=t.computed((function(){return e.params.vertical?{bottom:V.value}:{left:V.value}})),b=t.computed((function(){return e.params.formatterButtonLabel(e.modelValue)})),g=function(t){e.params.disable||(t.preventDefault(),w(t),s(window,"mousemove",x),s(window,"touchmove",x),s(window,"mouseup",N),s(window,"touchend",N))},w=function(t){r.value=!0,u.value=!0,e.params.vertical?l.value=t.clientY:o.value=t.clientX,i.value=parseFloat(V.value),c.value=i.value},x=function(t){if(r.value){u.value=!1,n("resetSize");var a=0;e.params.vertical?(f.value=t.clientY,a=(l.value-f.value)/e.params.sliderSize*100):(d.value=t.clientX,a=(d.value-o.value)/e.params.sliderSize*100),c.value=i.value+a,L(c.value)}},N=function e(){p.value=!1,r.value&&(setTimeout((function(){r.value=!1,u.value||(L(c.value),n("emitChange"))}),0),m(window,"mousemove",x),m(window,"touchmove",x),m(window,"mouseup",e),m(window,"touchend",e))},L=function(t){if(null!==t&&!isNaN(t)){t<0?c.value=0:t>100&&(c.value=100);var a=100/((e.params.maxValue-e.params.minValue)/e.params.step),u=Math.round(t/a)*a*(e.params.maxValue-e.params.minValue)*.01+e.params.minValue;u=parseFloat(u.toFixed(e.params.precision)),n("update:modelValue",u),r.value||e.modelValue===v.value||(v.value=e.modelValue)}};return{renderDom:function(){return t.createVNode("div",{class:["bk-slider-button",e.params.vertical?"vertical":"horizontal",{grabbing:r.value}],ref:h,tabindex:"0",style:y.value,onClick:function(e){return e.stopPropagation()},onMousedown:g},[t.createVNode("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null),e.params.showButtonLabel&&!e.params.showIntervalLabel?t.createVNode("div",{class:["slider-button-label",e.params.vertical?"vertical":"horizontal"]},[b.value]):void 0])},setPosition:L}},render:function(){return this.renderDom()}}),s=function(e,t,a){e&&t&&a&&e.addEventListener(t,a,!1)},m=function(e,t,a){e&&t&&a&&e.removeEventListener(t,a,!1)},v=t.defineComponent({name:"Slider",props:{modelValue:n.PropTypes.oneOfType([n.PropTypes.array,n.PropTypes.number]),extCls:{type:String,default:""},vertical:{type:Boolean,default:!1},height:{type:String,default:"200px"},disable:{type:Boolean,default:!1},showTip:{type:Boolean,default:!1},maxValue:{type:[Number],default:100},minValue:{type:[Number],default:0},step:{type:[Number],default:1},range:{type:Boolean,default:!1},showInterval:{type:Boolean,default:!1},showIntervalLabel:{type:Boolean,default:!1},showButtonLabel:{type:Boolean,default:!1},showBetweenLabel:{type:Boolean,default:!1},showInput:{type:Boolean,default:!1},customContent:{type:Object},formatterLabel:{type:Function,default:function(e){return e}},formatterButtonLabel:{type:Function,default:function(e){return e}}},emits:["update:modelValue","change"],setup:function(e,a){var n=this,r=a.slots,l=a.emit,m=t.ref(1),v=t.ref(null),f=t.ref(null),d=t.ref(null),p=t.ref(0),h=t.ref(0),V=t.ref(0),y=t.ref(null),b=t.ref(null),g=t.ref(null),w=t.ref(null),x=t.computed((function(){var t=[e.minValue,e.maxValue,e.step].map((function(e){var t="".concat(e).split(".")[1];return t?t.length:0}));return Math.max.apply(null,t)})),N=t.computed((function(){return Math.min(v.value,f.value)})),L=t.computed((function(){return Math.max(v.value,f.value)})),k=t.computed((function(){return e.range?"".concat(100*(L.value-N.value)/(e.maxValue-e.minValue),"%"):"".concat(100*(v.value-e.minValue)/(e.maxValue-e.minValue),"%")})),E=t.computed((function(){return e.range?"".concat(100*(N.value-e.minValue)/(e.maxValue-e.minValue),"%"):"0%"})),B=t.computed((function(){return e.vertical?{height:k.value,bottom:E.value}:{width:k.value,left:E.value}})),C=t.computed((function(){if(!e.showInterval||e.minValue>e.maxValue)return[];if(0===e.step)return console.warn("WARNNING:step should not be 0"),[];for(var t=(e.maxValue-e.minValue)/e.step,a=100*e.step/(e.maxValue-e.minValue),n=[],r=1;r<t;r++)n.push(r*a);return e.range?n.filter((function(t){return t<100*(N.value-e.minValue)/(e.maxValue-e.minValue)||t>100*(L.value-e.minValue)/(e.maxValue-e.minValue)})):n.filter((function(t){return t>100*(v.value-e.minValue)/(e.maxValue-e.minValue)}))})),T=t.computed((function(){return e.vertical?{height:e.height,width:"4px"}:{}})),j=t.computed((function(){if(!e.showIntervalLabel)return[];if(0===e.step)return console.warn("WARNNING:step should not be 0"),[];for(var t=(e.maxValue-e.minValue)/e.step,a=100*e.step/(e.maxValue-e.minValue),n=[],r=0;r<=t;r++){var u={stepWidth:r*a,stepLabel:e.formatterLabel(r*e.step)};n.push(u)}return n})),I=t.computed((function(){return Array.isArray(e.modelValue)})),S=t.computed((function(){return e.customContent?Object.keys(e.customContent).sort((function(e,t){return Number(e)-Number(t)})).filter((function(t){return Number(t)>=e.minValue&&Number(t)<=e.maxValue})).map((function(t){var a=e.customContent[t].tip,n=e.customContent[t].label;return{tip:a||n||"",label:n||"",percent:(Number(t)-e.minValue)/(e.maxValue-e.minValue)*100}})):[]})),O=t.computed((function(){return{vertical:e.vertical,showTip:e.showTip,disable:e.disable,maxValue:e.maxValue,minValue:e.minValue,step:e.step,precision:x.value,showButtonLabel:e.showButtonLabel,formatterButtonLabel:e.formatterButtonLabel,showIntervalLabel:e.showIntervalLabel,customContent:e.customContent,sliderSize:m.value}}));t.watch((function(){return e.modelValue}),(function(){z()})),t.watch((function(){return v.value}),(function(t){e.range?l("update:modelValue",[N.value,L.value]):l("update:modelValue",t),h.value=t})),t.watch((function(){return f.value}),(function(e){l("update:modelValue",[N.value,L.value]),V.value=e})),t.onMounted((function(){e.range?(Array.isArray(e.modelValue)?(v.value=Math.max(e.minValue,Number(e.modelValue[0])),f.value=Math.min(e.maxValue,Number(e.modelValue[1]))):(v.value=e.minValue,f.value=e.maxValue),d.value=[v.value,f.value]):("number"!=typeof e.modelValue||isNaN(e.modelValue)?v.value=e.minValue:v.value=Math.min(e.maxValue,Math.max(e.minValue,e.modelValue)),d.value=v.value),p.value=100*e.step/(e.maxValue-e.minValue),_(),s(window,"resize",_())}));var _=function(){y.value&&(m.value=y.value["client".concat(e.vertical?"Height":"Width")])},P=function(t){var a,n;if(t.stopPropagation(),!e.disable){if(_(),e.vertical){var r=null===(a=y.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;G((r-t.clientY)/m.value*100)}else{var u=null===(n=y.value)||void 0===n?void 0:n.getBoundingClientRect().left;G((t.clientX-u)/m.value*100)}M()}},F=function(){return e.range?![N.value,L.value].every((function(e,t){return e===d.value[t]})):e.modelValue!==d.value},z=function(){if(e.minValue>e.maxValue)console.error("min should not be greater than max.");else{var t=e.modelValue;e.range&&Array.isArray(t)?t[1]<e.minValue?l("update:modelValue",[e.minValue,e.minValue]):t[0]>e.maxValue?l("update:modelValue",[e.maxValue,e.maxValue]):t[0]<e.minValue?l("update:modelValue",[e.minValue,t[1]]):t[1]>e.maxValue?l("update:modelValue",[t[0],e.maxValue]):(v.value=Number(t[0]),f.value=Number(t[1]),F()&&(d.value=t.slice())):e.range||"number"!=typeof t||isNaN(t)||(t<e.minValue?l("update:modelValue",e.minValue):t>e.maxValue?l("update:modelValue",e.maxValue):(v.value=t,F()&&(d.value=t)))}},M=function(){return i(n,void 0,void 0,o.mark((function a(){return o.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,t.nextTick();case 2:l("change",e.range?[N.value,L.value]:e.modelValue);case 3:case"end":return a.stop()}}),a)})))},A=function(t){return e.vertical?{bottom:"".concat(t,"%")}:{left:"".concat(t,"%")}},G=function(t){if(e.range){var a=e.minValue+t*(e.maxValue-e.minValue)/100;Math.abs(N.value-a)<Math.abs(L.value-a)?w.value=v.value<f.value?b.value:g.value:w.value=v.value>f.value?b.value:g.value,w.value.setPosition(t)}else b.value.setPosition(t)},R=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(h.value=e.minValue,v.value=e.minValue):a>e.maxValue?(h.value=e.maxValue,v.value=e.maxValue):v.value=a}},D=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(V.value=e.minValue,f.value=e.minValue):a>e.maxValue?(V.value=e.maxValue,f.value=e.maxValue):f.value=a}},W=function(t){var a=0;return a="start"===t?e.vertical?e.maxValue:e.minValue:e.vertical?e.minValue:e.maxValue,e.showButtonLabel&&[v.value,f.value].includes(a)?"0":"1"};return{renderDom:function(){var a,n;return t.createVNode(t.Fragment,null,[t.createVNode("div",{class:["bk-slider",e.extCls]},[null===(a=r.start)||void 0===a?void 0:a.call(r),t.createVNode("div",{class:"bk-slider-runway",ref:y,style:T.value,onClick:P},[t.createVNode("div",{class:["bk-slider-bar",e.vertical?"vertical":"horizontal",{disable:e.disable}],style:B.value},null),e.showInterval?C.value.map((function(a,n){return t.createVNode("div",{key:n,class:["bk-slider-interval",{vertical:e.vertical}],style:A(a)},null)})):void 0,e.customContent?S.value.map((function(a,n){return t.createVNode("div",{key:n,class:["bk-slider-interval",{vertical:e.vertical}],style:A(a.percent)},null)})):void 0,e.showBetweenLabel||e.showIntervalLabel||e.customContent?t.createVNode("div",{class:["bk-slider-labels",e.vertical?"vertical":"horizontal"]},[e.showBetweenLabel?[t.createVNode("div",{class:"label-start",style:[{opacity:W("start")}]},[e.formatterLabel(e.minValue)]),t.createVNode("div",{class:"label-end",style:[{opacity:W("end")}]},[e.formatterLabel(e.maxValue)])]:e.showIntervalLabel?j.value.map((function(a,n){return t.createVNode("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:n,style:A(a.stepWidth)},[a.stepLabel])})):e.customContent?S.value.map((function(a,n){return t.createVNode("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:n,style:A(a.percent)},[a.label])})):void 0]):void 0,t.createVNode(c,{modelValue:v.value,"onUpdate:modelValue":function(e){return v.value=e},ref:b,params:O.value,onEmitChange:M,onResetSize:_},null),e.range?t.createVNode(c,{modelValue:f.value,"onUpdate:modelValue":function(e){return f.value=e},ref:g,params:O.value,onEmitChange:M,onResetSize:_},null):void 0]),e.showInput&&!e.vertical?t.createVNode("div",{class:"bk-slider-input"},[t.createVNode("div",{class:"input-item"},[t.createVNode(u.default,{type:"number",modelValue:h.value,"onUpdate:modelValue":function(e){return h.value=e},max:e.maxValue,min:e.minValue,onChange:R},null)]),I.value&&f.value?t.createVNode(t.Fragment,null,[t.createVNode("div",{class:"input-center"},[t.createTextVNode("～")]),t.createVNode("div",{class:"input-item"},[t.createVNode(u.default,{type:"number",modelValue:V.value,"onUpdate:modelValue":function(e){return V.value=e},max:e.maxValue,min:e.minValue,onChange:D},null)])]):void 0]):void 0,null===(n=r.end)||void 0===n?void 0:n.call(r)])])}}},render:function(){return this.renderDom()}});v.install=function(e){e.component(v.name,v)},e.default=v,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/slider/slider-button.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+import { PropType } from 'vue';
+interface Params {
+    vertical: boolean;
+    showTip: boolean;
+    disable: boolean;
+    maxValue: number;
+    minValue: number;
+    step: number;
+    precision: number;
+    showButtonLabel: boolean;
+    formatterButtonLabel: Function;
+    showIntervalLabel: boolean;
+    customContent: {
+        [propName: string]: {
+            label?: string;
+            tip?: string;
+        };
+    };
+    sliderSize: number;
+}
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    params: {
+        type: PropType<Params>;
+        default: () => {};
+    };
+}, {
+    renderDom: () => JSX.Element;
+    setPosition: (position: number) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "emitChange" | "resetSize")[], "update:modelValue" | "emitChange" | "resetSize", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    params: {
+        type: PropType<Params>;
+        default: () => {};
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onEmitChange?: (...args: any[]) => any;
+    onResetSize?: (...args: any[]) => any;
+}, {
+    modelValue: number;
+    params: Params;
+}>;
+export default _default;

package/lib/slider/slider.css

@@ -0,0 +1,149 @@
+.bk-slider {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.bk-slider .bk-slider-runway {
+  position: relative;
+  width: 100%;
+  height: 4px;
+  vertical-align: middle;
+  cursor: pointer;
+  background: #dcdee5;
+  border-radius: 2px;
+  opacity: 1;
+}
+.bk-slider .bk-slider-runway .bk-slider-bar {
+  position: absolute;
+  height: 4px;
+  background: #3a84ff;
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+.bk-slider .bk-slider-runway .bk-slider-bar.vertical {
+  width: 4px;
+}
+.bk-slider .bk-slider-runway .bk-slider-bar.horizontal {
+  height: 4px;
+}
+.bk-slider .bk-slider-runway .disable {
+  background: #979ba5;
+}
+.bk-slider .bk-slider-runway .bk-slider-labels {
+  position: relative;
+}
+.bk-slider .bk-slider-runway .bk-slider-labels.vertical {
+  left: 18px;
+  display: flex;
+  width: 10px;
+  height: 100%;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.bk-slider .bk-slider-runway .bk-slider-labels.horizontal {
+  top: 10px;
+  display: flex;
+  width: 100%;
+  height: 10px;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label {
+  position: absolute;
+  display: flex;
+  width: 10px;
+  height: 10px;
+  text-align: center;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: center;
+}
+.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.vertical {
+  left: 10px;
+  transform: translateY(50%);
+}
+.bk-slider .bk-slider-runway .bk-slider-labels .bk-slider-label.horizontal {
+  top: 10px;
+  transform: translateX(-50%);
+}
+.bk-slider .bk-slider-interval {
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  background-color: #fff;
+  border-radius: 100%;
+  transform: translateX(-50%);
+}
+.bk-slider .bk-slider-interval.vertical {
+  left: 2px;
+}
+.bk-slider-input {
+  display: flex;
+  margin: 0 0 0 28px;
+  flex-direction: row;
+  align-items: center;
+}
+.bk-slider-input .input-item {
+  width: 92px;
+}
+.bk-slider-input .input-center {
+  margin: 0 7px;
+}
+.bk-slider-button {
+  position: absolute;
+  z-index: 1001;
+  display: flex;
+  width: 24px;
+  height: 24px;
+  line-height: normal;
+  text-align: center;
+  background-color: transparent;
+  user-select: none;
+  justify-content: center;
+  align-items: center;
+}
+.bk-slider-button:hover {
+  cursor: grab;
+}
+.bk-slider-button.grabbing {
+  cursor: grabbing;
+}
+.bk-slider-button.vertical {
+  left: -10px;
+  transform: translateY(50%);
+}
+.bk-slider-button.horizontal {
+  top: -10px;
+  transform: translateX(-50%);
+}
+.bk-slider-button .slider-button {
+  width: 12px;
+  height: 12px;
+  background-color: #fff;
+  border: 2px solid #3a84ff;
+  border-radius: 50%;
+  transition: 0.2s;
+  user-select: none;
+}
+.bk-slider-button .slider-button-disable {
+  border: 2px solid #979ba5;
+}
+.bk-slider-button .slider-button:hover {
+  box-shadow: 0px 0px 0px 4px rgba(58, 132, 255, 0.3);
+}
+.bk-slider-button .slider-button:focus {
+  box-shadow: 0px 0px 10px 0px rgba(58, 132, 255, 0.9);
+}
+.bk-slider-button .slider-button-label {
+  position: absolute;
+  display: flex;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+}
+.bk-slider-button .slider-button-label.vertical {
+  left: 28px;
+}
+.bk-slider-button .slider-button-label.horizontal {
+  top: 20px;
+}