bkui-vue 0.0.1-beta.64 → 0.0.1-beta.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +30 -30
- package/dist/index.esm.js +1549 -670
- package/dist/index.umd.js +29 -29
- package/dist/style.css +1 -1
- package/lib/button/button.css +29 -17
- package/lib/button/button.less +12 -9
- package/lib/button/button.variable.css +29 -17
- package/lib/button/index.js +1 -1
- package/lib/code-diff/index.js +1 -1
- package/lib/components.d.ts +1 -0
- package/lib/components.js +1 -1
- package/lib/date-picker/date-picker.d.ts +1 -1
- package/lib/date-picker/index.d.ts +4 -4
- package/lib/dropdown/index.js +1 -1
- package/lib/form/form-item.d.ts +11 -1
- package/lib/form/form.css +8 -0
- package/lib/form/form.less +8 -1
- package/lib/form/form.variable.css +8 -0
- package/lib/form/index.d.ts +8 -1
- package/lib/form/index.js +1 -1
- package/lib/form/type.d.ts +3 -2
- package/lib/icon/exclamation-circle-shape.d.ts +4 -0
- package/lib/icon/{folder.js → exclamation-circle-shape.js} +1 -1
- package/lib/icon/funnel.js +1 -0
- package/lib/icon/index.d.ts +3 -2
- package/lib/icon/index.js +1 -1
- package/lib/input/index.d.ts +137 -47
- package/lib/input/index.js +1 -1
- package/lib/input/input.d.ts +67 -12
- package/lib/select/index.d.ts +4 -4
- package/lib/select/select.css +3 -0
- package/lib/select/select.d.ts +1 -1
- package/lib/select/select.less +4 -0
- package/lib/select/select.variable.css +3 -0
- package/lib/shared/index.d.ts +1 -0
- package/lib/shared/index.js +1 -1
- package/lib/shared/token.d.ts +2 -0
- package/lib/shared/vue-types.d.ts +4 -0
- package/lib/slider/index.js +1 -1
- package/lib/tab/index.d.ts +10 -13
- package/lib/tab/index.js +1 -1
- package/lib/tab/props.d.ts +3 -0
- package/lib/tab/tab-nav.d.ts +11 -7
- package/lib/tab/tab.css +19 -0
- package/lib/tab/tab.d.ts +3 -4
- package/lib/tab/tab.less +25 -19
- package/lib/tab/tab.variable.css +19 -0
- package/lib/tag-input/tag-input.css +1 -0
- package/lib/tag-input/tag-input.less +1 -0
- package/lib/tag-input/tag-input.variable.css +1 -0
- package/lib/tree/constant.d.ts +18 -11
- package/lib/tree/index.d.ts +108 -16
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +27 -0
- package/lib/tree/tree.css +1 -1
- package/lib/tree/tree.d.ts +48 -5
- package/lib/tree/tree.less +1 -1
- package/lib/tree/tree.variable.css +1 -1
- package/lib/tree/use-node-action.d.ts +4 -1
- package/lib/tree/{use-async.d.ts → use-node-async.d.ts} +0 -0
- package/lib/tree/use-node-attribute.d.ts +9 -2
- package/lib/tree/use-node-drag.d.ts +3 -0
- package/lib/tree/use-tree-init.d.ts +12 -0
- package/lib/tree/util.d.ts +2 -6
- package/package.json +2 -1
package/lib/slider/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../input"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../input","../popover"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../input"),require("../popover")):t(e["../shared"],e.vue,e["../input"],e["../popover"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{var n={7162:(e,t,a)=>{e.exports=a(5047)},5047:e=>{var t=function(e){"use strict";var t,a=Object.prototype,r=a.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",u=n.asyncIterator||"@@asyncIterator",l=n.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,r){var n=t&&t.prototype instanceof h?t:h,o=Object.create(n.prototype),u=new j(r||[]);return o._invoke=function(e,t,a){var r=v;return function(n,o){if(r===d)throw new Error("Generator is already running");if(r===f){if("throw"===n)throw o;return T()}for(a.method=n,a.arg=o;;){var u=a.delegate;if(u){var l=k(u,a);if(l){if(l===p)continue;return l}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(r===v)throw r=f,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);r=d;var i=s(e,t,a);if("normal"===i.type){if(r=a.done?f:m,i.arg===p)continue;return{value:i.arg,done:a.done}}"throw"===i.type&&(r=f,a.method="throw",a.arg=i.arg)}}}(e,a,u),o}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 v="suspendedStart",m="suspendedYield",d="executing",f="completed",p={};function h(){}function V(){}function y(){}var b={};i(b,o,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(B([])));w&&w!==a&&r.call(w,o)&&(b=w);var x=y.prototype=h.prototype=Object.create(b);function L(e){["next","throw","return"].forEach((function(t){i(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function a(n,o,u,l){var i=s(e[n],e,o);if("throw"!==i.type){var c=i.arg,v=c.value;return v&&"object"==typeof v&&r.call(v,"__await")?t.resolve(v.__await).then((function(e){a("next",e,u,l)}),(function(e){a("throw",e,u,l)})):t.resolve(v).then((function(e){c.value=e,u(c)}),(function(e){return a("throw",e,u,l)}))}l(i.arg)}var n;this._invoke=function(e,r){function o(){return new t((function(t,n){a(e,r,t,n)}))}return n=n?n.then(o,o):o()}}function k(e,a){var r=e.iterator[a.method];if(r===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 n=s(r,e.iterator,a.arg);if("throw"===n.type)return a.method="throw",a.arg=n.arg,a.delegate=null,p;var o=n.arg;return o?o.done?(a[e.resultName]=o.value,a.next=e.nextLoc,"return"!==a.method&&(a.method="next",a.arg=t),a.delegate=null,p):o:(a.method="throw",a.arg=new TypeError("iterator result is not an object"),a.delegate=null,p)}function C(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function B(e){if(e){var a=e[o];if(a)return a.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,u=function a(){for(;++n<e.length;)if(r.call(e,n))return a.value=e[n],a.done=!1,a;return a.value=t,a.done=!0,a};return u.next=u}}return{next:T}}function T(){return{value:t,done:!0}}return V.prototype=y,i(x,"constructor",y),i(y,"constructor",V),V.displayName=i(y,l,"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,l,"GeneratorFunction")),e.prototype=Object.create(x),e},e.awrap=function(e){return{__await:e}},L(N.prototype),i(N.prototype,u,(function(){return this})),e.AsyncIterator=N,e.async=function(t,a,r,n,o){void 0===o&&(o=Promise);var u=new N(c(t,a,r,n),o);return e.isGeneratorFunction(a)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},L(x),i(x,l,"Generator"),i(x,o,(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 r=t.pop();if(r in e)return a.value=r,a.done=!1,a}return a.done=!0,a}},e.values=B,j.prototype={constructor:j,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(E),!e)for(var a in this)"t"===a.charAt(0)&&r.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 n(r,n){return l.type="throw",l.arg=e,a.next=r,n&&(a.method="next",a.arg=t),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var u=this.tryEntries[o],l=u.completion;if("root"===u.tryLoc)return n("end");if(u.tryLoc<=this.prev){var i=r.call(u,"catchLoc"),c=r.call(u,"finallyLoc");if(i&&c){if(this.prev<u.catchLoc)return n(u.catchLoc,!0);if(this.prev<u.finallyLoc)return n(u.finallyLoc)}else if(i){if(this.prev<u.catchLoc)return n(u.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<u.finallyLoc)return n(u.finallyLoc)}}}},abrupt:function(e,t){for(var a=this.tryEntries.length-1;a>=0;--a){var n=this.tryEntries[a];if(n.tryLoc<=this.prev&&r.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var u=o?o.completion:{};return u.type=e,u.arg=t,o?(this.method="next",this.next=o.finallyLoc,p):this.complete(u)},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),E(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 r=a.completion;if("throw"===r.type){var n=r.arg;E(a)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,a,r){return this.delegate={iterator:B(e),resultName:a,nextLoc:r},"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)}},8133:e=>{"use strict";e.exports=a},5537:e=>{"use strict";e.exports=r},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},o={};function u(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,u),a.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var a in t)u.o(t,a)&&!u.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";u.r(l),u.d(l,{default:()=>f});var e=u(4212),t=u(748),a=u(7162),r=u.n(a);Object.create,Object.create;var n=u(8133),o=u.n(n),i=u(5537),c=u.n(i);const s=(0,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 r=a.emit,n=(0,t.ref)(!1),o=(0,t.ref)(!1),u=(0,t.ref)(0),l=(0,t.ref)(0),i=(0,t.ref)(0),s=(0,t.ref)(null),d=(0,t.ref)(e.modelValue),f=(0,t.ref)(0),p=(0,t.ref)(0),h=(0,t.ref)(!1),V=(0,t.ref)(null),y=(0,t.computed)((function(){var t,a,r="";if(null===(t=e.params.customContent)||void 0===t?void 0:t[e.modelValue]){var n=e.params.customContent[e.modelValue];r=n.tip||n.label||""}var o=e.params.vertical?"right":"top";return(null===(a=e.params)||void 0===a?void 0:a.showTip)?{content:e.params.formatterTipLabel("".concat(r||(null==e?void 0:e.modelValue)||"0")),placement:o}:{content:"",placement:o}})),b=(0,t.computed)((function(){return"".concat((e.modelValue-e.params.minValue)/(e.params.maxValue-e.params.minValue)*100,"%")})),g=(0,t.computed)((function(){return e.params.vertical?{bottom:b.value}:{left:b.value}})),w=(0,t.computed)((function(){return e.params.formatterButtonLabel(e.modelValue)})),x=function(t){e.params.disable||(t.preventDefault(),L(t),v(window,"mousemove",N),v(window,"touchmove",N),v(window,"mouseup",k),v(window,"touchend",k))},L=function(t){n.value=!0,o.value=!0,e.params.vertical?u.value=t.clientY:l.value=t.clientX,i.value=parseFloat(b.value),s.value=i.value},N=function(t){if(n.value){o.value=!1,r("resetSize");var a=0;e.params.vertical?(f.value=t.clientY,a=(u.value-f.value)/e.params.sliderSize*100):(p.value=t.clientX,a=(p.value-l.value)/e.params.sliderSize*100),s.value=i.value+a,C(s.value)}},k=function e(){h.value=!1,n.value&&(setTimeout((function(){n.value=!1,o.value||(C(s.value),r("emitChange"))}),0),m(window,"mousemove",N),m(window,"touchmove",N),m(window,"mouseup",e),m(window,"touchend",e))},C=function(t){if(null!==t&&!isNaN(t)){t<0?s.value=0:t>100&&(s.value=100);var a=100/((e.params.maxValue-e.params.minValue)/e.params.step),o=Math.round(t/a)*a*(e.params.maxValue-e.params.minValue)*.01+e.params.minValue;o=parseFloat(o.toFixed(e.params.precision)),r("update:modelValue",o),n.value||e.modelValue===d.value||(d.value=e.modelValue)}};return{renderDom:function(){return(0,t.createVNode)("div",{class:["bk-slider-button",e.params.vertical?"vertical":"horizontal",{grabbing:n.value}],ref:V,tabindex:"0",style:g.value,onClick:function(e){return e.stopPropagation()},onMousedown:x},[Boolean(y.value.content)?(0,t.createVNode)(c(),{content:y.value.content,theme:"dark",placement:y.value.placement,boundary:document.body},{default:function(){return[(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null)]}}):(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null),e.params.showButtonLabel&&!e.params.showIntervalLabel?(0,t.createVNode)("div",{class:["slider-button-label",e.params.vertical?"vertical":"horizontal"]},[w.value]):void 0])},setPosition:C,tip:y}},render:function(){return this.renderDom()}});var v=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)};const d=(0,t.defineComponent)({name:"Slider",props:{modelValue:e.PropTypes.oneOfType([e.PropTypes.array,e.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,default:null},formatterLabel:{type:Function,default:function(e){return e}},formatterButtonLabel:{type:Function,default:function(e){return e}},formatterTipLabel:{type:Function,default:function(e){return e}}},emits:["update:modelValue","change"],setup:function(e,a){var n=this,u=a.slots,l=a.emit,i=(0,t.ref)(1),c=(0,t.ref)(null),m=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(0),p=(0,t.ref)(0),h=(0,t.ref)(null),V=(0,t.ref)(null),y=(0,t.ref)(null),b=(0,t.ref)(null),g=(0,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)})),w=(0,t.computed)((function(){return Math.min(c.value,m.value)})),x=(0,t.computed)((function(){return Math.max(c.value,m.value)})),L=(0,t.computed)((function(){return e.range?"".concat(100*(x.value-w.value)/(e.maxValue-e.minValue),"%"):"".concat(100*(c.value-e.minValue)/(e.maxValue-e.minValue),"%")})),N=(0,t.computed)((function(){return e.range?"".concat(100*(w.value-e.minValue)/(e.maxValue-e.minValue),"%"):"0%"})),k=(0,t.computed)((function(){return e.vertical?{height:L.value,bottom:N.value}:{width:L.value,left:N.value}})),C=(0,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),r=[],n=1;n<t;n++)r.push(n*a);return e.range?r.filter((function(t){return t<100*(w.value-e.minValue)/(e.maxValue-e.minValue)||t>100*(x.value-e.minValue)/(e.maxValue-e.minValue)})):r.filter((function(t){return t>100*(c.value-e.minValue)/(e.maxValue-e.minValue)}))})),E=(0,t.computed)((function(){return e.vertical?{height:e.height,width:"4px"}:{}})),j=(0,t.computed)((function(){if(!e.showIntervalLabel)return[];if(0===e.step)return console.warn("WARNNING:step should not be 0"),[];for(var t=100*e.step/(e.maxValue-e.minValue),a=[],r=e.minValue,n=0;r<=e.maxValue;r+=e.step,n++){var o={stepWidth:n*t,stepLabel:e.formatterLabel(r)};a.push(o)}return a})),B=(0,t.computed)((function(){return Array.isArray(e.modelValue)})),T=(0,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,r=e.customContent[t].label;return{tip:a||r||"",label:r||"",percent:(Number(t)-e.minValue)/(e.maxValue-e.minValue)*100}})):[]})),O=(0,t.computed)((function(){return{vertical:e.vertical,showTip:e.showTip,disable:e.disable,maxValue:e.maxValue,minValue:e.minValue,step:e.step,precision:g.value,showButtonLabel:e.showButtonLabel,formatterButtonLabel:e.formatterButtonLabel,showIntervalLabel:e.showIntervalLabel,customContent:e.customContent,sliderSize:i.value,formatterTipLabel:e.formatterTipLabel}}));(0,t.watch)((function(){return e.modelValue}),(function(){I()})),(0,t.watch)((function(){return c.value}),(function(t){e.range?l("update:modelValue",[w.value,x.value]):l("update:modelValue",t),f.value=t})),(0,t.watch)((function(){return m.value}),(function(e){l("update:modelValue",[w.value,x.value]),p.value=e})),(0,t.onMounted)((function(){e.range?(Array.isArray(e.modelValue)?(c.value=Math.max(e.minValue,Number(e.modelValue[0])),m.value=Math.min(e.maxValue,Number(e.modelValue[1]))):(c.value=e.minValue,m.value=e.maxValue),d.value=[c.value,m.value]):("number"!=typeof e.modelValue||isNaN(e.modelValue)?c.value=e.minValue:c.value=Math.min(e.maxValue,Math.max(e.minValue,e.modelValue)),d.value=c.value),S(),v(window,"resize",S())}));var S=function(){h.value&&(i.value=h.value["client".concat(e.vertical?"Height":"Width")])},P=function(t){var a,r;if(t.stopPropagation(),!e.disable){if(S(),e.vertical){var n=null===(a=h.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;F((n-t.clientY)/i.value*100)}else{var o=null===(r=h.value)||void 0===r?void 0:r.getBoundingClientRect().left;F((t.clientX-o)/i.value*100)}M()}},_=function(){return e.range?![w.value,x.value].every((function(e,t){return e===d.value[t]})):e.modelValue!==d.value},I=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]):(c.value=Number(t[0]),m.value=Number(t[1]),_()&&(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):(c.value=t,_()&&(d.value=t)))}},M=function(){return a=n,o=void 0,u=void 0,i=r().mark((function a(){return r().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,t.nextTick)();case 2:l("change",e.range?[w.value,x.value]:e.modelValue);case 3:case"end":return a.stop()}}),a)})),new(u||(u=Promise))((function(e,t){function r(e){try{l(i.next(e))}catch(e){t(e)}}function n(e){try{l(i.throw(e))}catch(e){t(e)}}function l(t){var a;t.done?e(t.value):(a=t.value,a instanceof u?a:new u((function(e){e(a)}))).then(r,n)}l((i=i.apply(a,o||[])).next())}));var a,o,u,i},z=function(t){return e.vertical?{bottom:"".concat(t,"%")}:{left:"".concat(t,"%")}},F=function(t){if(e.range){var a=e.minValue+t*(e.maxValue-e.minValue)/100;Math.abs(w.value-a)<Math.abs(x.value-a)?b.value=c.value<m.value?V.value:y.value:b.value=c.value>m.value?V.value:y.value,b.value.setPosition(t)}else V.value.setPosition(t)},A=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(f.value=e.minValue,c.value=e.minValue):a>e.maxValue?(f.value=e.maxValue,c.value=e.maxValue):c.value=a}},G=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(p.value=e.minValue,m.value=e.minValue):a>e.maxValue?(p.value=e.maxValue,m.value=e.maxValue):m.value=a}},R=function(t){var a;return a="start"===t?e.vertical?e.maxValue:e.minValue:e.vertical?e.minValue:e.maxValue,e.showButtonLabel&&[c.value,m.value].includes(a)?"0":"1"};return{renderDom:function(){var a,r;return(0,t.createVNode)("div",{class:["bk-slider",e.extCls]},[null===(a=u.start)||void 0===a?void 0:a.call(u),(0,t.createVNode)("div",{class:"bk-slider-runway",ref:h,style:E.value,onClick:P},[(0,t.createVNode)("div",{class:["bk-slider-bar",e.vertical?"vertical":"horizontal",{disable:e.disable}],style:k.value},null),e.showInterval?C.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:e.vertical}],style:z(a)},null)})):void 0,e.customContent?T.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:e.vertical}],style:z(a.percent)},null)})):void 0,e.showBetweenLabel||e.showIntervalLabel||e.customContent?(0,t.createVNode)("div",{class:["bk-slider-labels",e.vertical?"vertical":"horizontal"]},[e.showBetweenLabel?[(0,t.createVNode)("div",{class:"label-start",style:[{opacity:R("start")}]},[e.formatterLabel(e.minValue)]),(0,t.createVNode)("div",{class:"label-end",style:[{opacity:R("end")}]},[e.formatterLabel(e.maxValue)])]:e.showIntervalLabel?j.value.map((function(a,r){return(0,t.createVNode)("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:r,style:z(a.stepWidth)},[a.stepLabel])})):e.customContent?T.value.map((function(a,r){return(0,t.createVNode)("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:r,style:z(a.percent)},[a.label])})):void 0]):void 0,(0,t.createVNode)(s,{modelValue:c.value,"onUpdate:modelValue":function(e){return c.value=e},ref:V,params:O.value,onEmitChange:M,onResetSize:S},null),e.range?(0,t.createVNode)(s,{modelValue:m.value,"onUpdate:modelValue":function(e){return m.value=e},ref:y,params:O.value,onEmitChange:M,onResetSize:S},null):void 0]),e.showInput&&!e.vertical?(0,t.createVNode)("div",{class:"bk-slider-input"},[(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(o(),{type:"number",modelValue:f.value,max:e.maxValue,min:e.minValue,onChange:A},null)]),B.value&&m.value?[(0,t.createVNode)("div",{class:"input-center"},[(0,t.createTextVNode)("~")]),(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(o(),{type:"number",modelValue:p.value,max:e.maxValue,min:e.minValue,onChange:G},null)])]:void 0]):void 0,null===(r=u.end)||void 0===r?void 0:r.call(u)])}}},render:function(){return this.renderDom()}}),f=(0,e.withInstall)(d)})(),l})()));
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../input"),require("../popover"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../input","../popover"],t);else{var a="object"==typeof exports?t(require("../shared"),require("vue"),require("../input"),require("../popover")):t(e["../shared"],e.vue,e["../input"],e["../popover"]);for(var r in a)("object"==typeof exports?exports:e)[r]=a[r]}}(self,((e,t,a,r)=>(()=>{var n={7162:(e,t,a)=>{e.exports=a(5047)},5047:e=>{var t=function(e){"use strict";var t,a=Object.prototype,r=a.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",u=n.asyncIterator||"@@asyncIterator",l=n.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,r){var n=t&&t.prototype instanceof h?t:h,o=Object.create(n.prototype),u=new j(r||[]);return o._invoke=function(e,t,a){var r=v;return function(n,o){if(r===d)throw new Error("Generator is already running");if(r===f){if("throw"===n)throw o;return T()}for(a.method=n,a.arg=o;;){var u=a.delegate;if(u){var l=k(u,a);if(l){if(l===p)continue;return l}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(r===v)throw r=f,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);r=d;var i=s(e,t,a);if("normal"===i.type){if(r=a.done?f:m,i.arg===p)continue;return{value:i.arg,done:a.done}}"throw"===i.type&&(r=f,a.method="throw",a.arg=i.arg)}}}(e,a,u),o}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 v="suspendedStart",m="suspendedYield",d="executing",f="completed",p={};function h(){}function V(){}function y(){}var b={};i(b,o,(function(){return this}));var g=Object.getPrototypeOf,w=g&&g(g(B([])));w&&w!==a&&r.call(w,o)&&(b=w);var x=y.prototype=h.prototype=Object.create(b);function L(e){["next","throw","return"].forEach((function(t){i(e,t,(function(e){return this._invoke(t,e)}))}))}function N(e,t){function a(n,o,u,l){var i=s(e[n],e,o);if("throw"!==i.type){var c=i.arg,v=c.value;return v&&"object"==typeof v&&r.call(v,"__await")?t.resolve(v.__await).then((function(e){a("next",e,u,l)}),(function(e){a("throw",e,u,l)})):t.resolve(v).then((function(e){c.value=e,u(c)}),(function(e){return a("throw",e,u,l)}))}l(i.arg)}var n;this._invoke=function(e,r){function o(){return new t((function(t,n){a(e,r,t,n)}))}return n=n?n.then(o,o):o()}}function k(e,a){var r=e.iterator[a.method];if(r===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 n=s(r,e.iterator,a.arg);if("throw"===n.type)return a.method="throw",a.arg=n.arg,a.delegate=null,p;var o=n.arg;return o?o.done?(a[e.resultName]=o.value,a.next=e.nextLoc,"return"!==a.method&&(a.method="next",a.arg=t),a.delegate=null,p):o:(a.method="throw",a.arg=new TypeError("iterator result is not an object"),a.delegate=null,p)}function C(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 E(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function B(e){if(e){var a=e[o];if(a)return a.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var n=-1,u=function a(){for(;++n<e.length;)if(r.call(e,n))return a.value=e[n],a.done=!1,a;return a.value=t,a.done=!0,a};return u.next=u}}return{next:T}}function T(){return{value:t,done:!0}}return V.prototype=y,i(x,"constructor",y),i(y,"constructor",V),V.displayName=i(y,l,"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,l,"GeneratorFunction")),e.prototype=Object.create(x),e},e.awrap=function(e){return{__await:e}},L(N.prototype),i(N.prototype,u,(function(){return this})),e.AsyncIterator=N,e.async=function(t,a,r,n,o){void 0===o&&(o=Promise);var u=new N(c(t,a,r,n),o);return e.isGeneratorFunction(a)?u:u.next().then((function(e){return e.done?e.value:u.next()}))},L(x),i(x,l,"Generator"),i(x,o,(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 r=t.pop();if(r in e)return a.value=r,a.done=!1,a}return a.done=!0,a}},e.values=B,j.prototype={constructor:j,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(E),!e)for(var a in this)"t"===a.charAt(0)&&r.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 n(r,n){return l.type="throw",l.arg=e,a.next=r,n&&(a.method="next",a.arg=t),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var u=this.tryEntries[o],l=u.completion;if("root"===u.tryLoc)return n("end");if(u.tryLoc<=this.prev){var i=r.call(u,"catchLoc"),c=r.call(u,"finallyLoc");if(i&&c){if(this.prev<u.catchLoc)return n(u.catchLoc,!0);if(this.prev<u.finallyLoc)return n(u.finallyLoc)}else if(i){if(this.prev<u.catchLoc)return n(u.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<u.finallyLoc)return n(u.finallyLoc)}}}},abrupt:function(e,t){for(var a=this.tryEntries.length-1;a>=0;--a){var n=this.tryEntries[a];if(n.tryLoc<=this.prev&&r.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var u=o?o.completion:{};return u.type=e,u.arg=t,o?(this.method="next",this.next=o.finallyLoc,p):this.complete(u)},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),E(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 r=a.completion;if("throw"===r.type){var n=r.arg;E(a)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,a,r){return this.delegate={iterator:B(e),resultName:a,nextLoc:r},"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)}},8133:e=>{"use strict";e.exports=a},5537:e=>{"use strict";e.exports=r},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},o={};function u(e){var t=o[e];if(void 0!==t)return t.exports;var a=o[e]={exports:{}};return n[e](a,a.exports,u),a.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var a in t)u.o(t,a)&&!u.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";u.r(l),u.d(l,{default:()=>f});var e=u(4212),t=u(748),a=u(7162),r=u.n(a);Object.create,Object.create;var n=u(8133),o=u.n(n),i=u(5537),c=u.n(i);const s=(0,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 r=a.emit,n=(0,t.ref)(!1),o=(0,t.ref)(!1),u=(0,t.ref)(0),l=(0,t.ref)(0),i=(0,t.ref)(0),s=(0,t.ref)(null),d=(0,t.ref)(e.modelValue),f=(0,t.ref)(0),p=(0,t.ref)(0),h=(0,t.ref)(!1),V=(0,t.ref)(null),y=(0,t.computed)((function(){var t,a,r="";if(null===(t=e.params.customContent)||void 0===t?void 0:t[e.modelValue]){var n=e.params.customContent[e.modelValue];r=n.tip||n.label||""}var o=e.params.vertical?"right":"top";return(null===(a=e.params)||void 0===a?void 0:a.showTip)?{content:e.params.formatterTipLabel("".concat(r||(null==e?void 0:e.modelValue)||"0")),placement:o}:{content:"",placement:o}})),b=(0,t.computed)((function(){return"".concat((e.modelValue-e.params.minValue)/(e.params.maxValue-e.params.minValue)*100,"%")})),g=(0,t.computed)((function(){return e.params.vertical?{bottom:b.value}:{left:b.value}})),w=(0,t.computed)((function(){return e.params.formatterButtonLabel(e.modelValue)})),x=function(t){e.params.disable||(t.preventDefault(),L(t),v(window,"mousemove",N),v(window,"touchmove",N),v(window,"mouseup",k),v(window,"touchend",k))},L=function(t){n.value=!0,o.value=!0,e.params.vertical?u.value=t.clientY:l.value=t.clientX,i.value=parseFloat(b.value),s.value=i.value},N=function(t){if(n.value){o.value=!1,r("resetSize");var a=0;e.params.vertical?(f.value=t.clientY,a=(u.value-f.value)/e.params.sliderSize*100):(p.value=t.clientX,a=(p.value-l.value)/e.params.sliderSize*100),s.value=i.value+a,C(s.value)}},k=function e(){h.value=!1,n.value&&(setTimeout((function(){n.value=!1,o.value||(C(s.value),r("emitChange"))}),0),m(window,"mousemove",N),m(window,"touchmove",N),m(window,"mouseup",e),m(window,"touchend",e))},C=function(t){if(null!==t&&!isNaN(t)){t<0?s.value=0:t>100&&(s.value=100);var a=100/((e.params.maxValue-e.params.minValue)/e.params.step),o=Math.round(t/a)*a*(e.params.maxValue-e.params.minValue)*.01+e.params.minValue;o=parseFloat(o.toFixed(e.params.precision)),r("update:modelValue",o),n.value||e.modelValue===d.value||(d.value=e.modelValue)}};return{renderDom:function(){return(0,t.createVNode)("div",{class:["bk-slider-button",e.params.vertical?"vertical":"horizontal",{grabbing:n.value}],ref:V,tabindex:"0",style:g.value,onClick:function(e){return e.stopPropagation()},onMousedown:x},[Boolean(y.value.content)?(0,t.createVNode)(c(),{content:y.value.content,theme:"dark",placement:y.value.placement,boundary:document.body},{default:function(){return[(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null)]}}):(0,t.createVNode)("div",{class:["slider-button",{"slider-button-disable":e.params.disable}]},null),e.params.showButtonLabel&&!e.params.showIntervalLabel?(0,t.createVNode)("div",{class:["slider-button-label",e.params.vertical?"vertical":"horizontal"]},[w.value]):void 0])},setPosition:C,tip:y}},render:function(){return this.renderDom()}});var v=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)};const d=(0,t.defineComponent)({name:"Slider",props:{modelValue:e.PropTypes.oneOfType([e.PropTypes.array,e.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,default:null},formatterLabel:{type:Function,default:function(e){return e}},formatterButtonLabel:{type:Function,default:function(e){return e}},formatterTipLabel:{type:Function,default:function(e){return e}}},emits:["update:modelValue","change"],setup:function(e,a){var n=this,u=a.slots,l=a.emit,i=(0,t.ref)(1),c=(0,t.ref)(null),m=(0,t.ref)(null),d=(0,t.ref)(null),f=(0,t.ref)(0),p=(0,t.ref)(0),h=(0,t.ref)(null),V=(0,t.ref)(null),y=(0,t.ref)(null),b=(0,t.ref)(null),g=(0,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)})),w=(0,t.computed)((function(){return Math.min(c.value,m.value)})),x=(0,t.computed)((function(){return Math.max(c.value,m.value)})),L=(0,t.computed)((function(){return e.range?"".concat(100*(x.value-w.value)/(e.maxValue-e.minValue),"%"):"".concat(100*(c.value-e.minValue)/(e.maxValue-e.minValue),"%")})),N=(0,t.computed)((function(){return e.range?"".concat(100*(w.value-e.minValue)/(e.maxValue-e.minValue),"%"):"0%"})),k=(0,t.computed)((function(){return e.vertical?{height:L.value,bottom:N.value}:{width:L.value,left:N.value}})),C=(0,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),r=[],n=1;n<t;n++)r.push(n*a);return e.range?r.filter((function(t){return t<100*(w.value-e.minValue)/(e.maxValue-e.minValue)||t>100*(x.value-e.minValue)/(e.maxValue-e.minValue)})):r.filter((function(t){return t>100*(c.value-e.minValue)/(e.maxValue-e.minValue)}))})),E=(0,t.computed)((function(){return e.vertical?{height:e.height,width:"4px"}:{}})),j=(0,t.computed)((function(){if(!e.showIntervalLabel)return[];if(0===e.step)return console.warn("WARNNING:step should not be 0"),[];for(var t=100*e.step/(e.maxValue-e.minValue),a=[],r=e.minValue,n=0;r<=e.maxValue;r+=e.step,n++){var o={stepWidth:n*t,stepLabel:e.formatterLabel(r)};a.push(o)}return a})),B=(0,t.computed)((function(){return Array.isArray(e.modelValue)})),T=(0,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,r=e.customContent[t].label;return{tip:a||r||"",label:r||"",percent:(Number(t)-e.minValue)/(e.maxValue-e.minValue)*100}})):[]})),O=(0,t.computed)((function(){return{vertical:e.vertical,showTip:e.showTip,disable:e.disable,maxValue:e.maxValue,minValue:e.minValue,step:e.step,precision:g.value,showButtonLabel:e.showButtonLabel,formatterButtonLabel:e.formatterButtonLabel,showIntervalLabel:e.showIntervalLabel,customContent:e.customContent,sliderSize:i.value,formatterTipLabel:e.formatterTipLabel}}));(0,t.watch)((function(){return e.modelValue}),(function(){I()})),(0,t.watch)((function(){return c.value}),(function(t){e.range?l("update:modelValue",[w.value,x.value]):l("update:modelValue",t),f.value=t})),(0,t.watch)((function(){return m.value}),(function(e){l("update:modelValue",[w.value,x.value]),p.value=e})),(0,t.onMounted)((function(){e.range?(Array.isArray(e.modelValue)?(c.value=Math.max(e.minValue,Number(e.modelValue[0])),m.value=Math.min(e.maxValue,Number(e.modelValue[1]))):(c.value=e.minValue,m.value=e.maxValue),d.value=[c.value,m.value]):("number"!=typeof e.modelValue||isNaN(e.modelValue)?c.value=e.minValue:c.value=Math.min(e.maxValue,Math.max(e.minValue,e.modelValue)),d.value=c.value),S(),v(window,"resize",S())}));var S=function(){h.value&&(i.value=h.value["client".concat(e.vertical?"Height":"Width")])},P=function(t){var a,r;if(t.stopPropagation(),!e.disable){if(S(),e.vertical){var n=null===(a=h.value)||void 0===a?void 0:a.getBoundingClientRect().bottom;F((n-t.clientY)/i.value*100)}else{var o=null===(r=h.value)||void 0===r?void 0:r.getBoundingClientRect().left;F((t.clientX-o)/i.value*100)}M()}},_=function(){return e.range?![w.value,x.value].every((function(e,t){return e===d.value[t]})):e.modelValue!==d.value},I=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]):(c.value=Number(t[0]),m.value=Number(t[1]),_()&&(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):(c.value=t,_()&&(d.value=t)))}},M=function(){return a=n,o=void 0,u=void 0,i=r().mark((function a(){return r().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,(0,t.nextTick)();case 2:l("change",e.range?[w.value,x.value]:e.modelValue);case 3:case"end":return a.stop()}}),a)})),new(u||(u=Promise))((function(e,t){function r(e){try{l(i.next(e))}catch(e){t(e)}}function n(e){try{l(i.throw(e))}catch(e){t(e)}}function l(t){var a;t.done?e(t.value):(a=t.value,a instanceof u?a:new u((function(e){e(a)}))).then(r,n)}l((i=i.apply(a,o||[])).next())}));var a,o,u,i},z=function(t){return e.vertical?{bottom:"".concat(t,"%")}:{left:"".concat(t,"%")}},F=function(t){if(e.range){var a=e.minValue+t*(e.maxValue-e.minValue)/100;Math.abs(w.value-a)<Math.abs(x.value-a)?b.value=c.value<m.value?V.value:y.value:b.value=c.value>m.value?V.value:y.value,b.value.setPosition(t)}else V.value.setPosition(t)},A=function(t){if(""!==t){var a=parseFloat(t);a<e.minValue?(f.value=e.minValue,c.value=e.minValue):a>e.maxValue?(f.value=e.maxValue,c.value=e.maxValue):c.value=a}},G=function(t){if(""!==t&&"number"!=typeof t){var a=parseFloat(t);a<e.minValue?(p.value=e.minValue,m.value=e.minValue):a>e.maxValue?(p.value=e.maxValue,m.value=e.maxValue):m.value=a}},R=function(t){var a;return a="start"===t?e.vertical?e.maxValue:e.minValue:e.vertical?e.minValue:e.maxValue,e.showButtonLabel&&[c.value,m.value].includes(a)?"0":"1"};return{renderDom:function(){var a,r;return(0,t.createVNode)("div",{class:["bk-slider",e.extCls]},[null===(a=u.start)||void 0===a?void 0:a.call(u),(0,t.createVNode)("div",{class:"bk-slider-runway",ref:h,style:E.value,onClick:P},[(0,t.createVNode)("div",{class:["bk-slider-bar",e.vertical?"vertical":"horizontal",{disable:e.disable}],style:k.value},null),e.showInterval?C.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:e.vertical}],style:z(a)},null)})):void 0,e.customContent?T.value.map((function(a,r){return(0,t.createVNode)("div",{key:r,class:["bk-slider-interval",{vertical:e.vertical}],style:z(a.percent)},null)})):void 0,e.showBetweenLabel||e.showIntervalLabel||e.customContent?(0,t.createVNode)("div",{class:["bk-slider-labels",e.vertical?"vertical":"horizontal"]},[e.showBetweenLabel?[(0,t.createVNode)("div",{class:"label-start",style:[{opacity:R("start")}]},[e.formatterLabel(e.minValue)]),(0,t.createVNode)("div",{class:"label-end",style:[{opacity:R("end")}]},[e.formatterLabel(e.maxValue)])]:e.showIntervalLabel?j.value.map((function(a,r){return(0,t.createVNode)("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:r,style:z(a.stepWidth)},[a.stepLabel])})):e.customContent?T.value.map((function(a,r){return(0,t.createVNode)("div",{class:["bk-slider-label",e.vertical?"vertical":"horizontal"],key:r,style:z(a.percent)},[a.label])})):void 0]):void 0,(0,t.createVNode)(s,{modelValue:c.value,"onUpdate:modelValue":function(e){return c.value=e},ref:V,params:O.value,onEmitChange:M,onResetSize:S},null),e.range?(0,t.createVNode)(s,{modelValue:m.value,"onUpdate:modelValue":function(e){return m.value=e},ref:y,params:O.value,onEmitChange:M,onResetSize:S},null):void 0]),e.showInput&&!e.vertical?(0,t.createVNode)("div",{class:"bk-slider-input"},[(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(o(),{type:"number",modelValue:f.value,max:e.maxValue,min:e.minValue,onChange:A},null)]),B.value&&m.value?[(0,t.createVNode)("div",{class:"input-center"},[(0,t.createTextVNode)("~")]),(0,t.createVNode)("div",{class:"input-item"},[(0,t.createVNode)(o(),{type:"number",modelValue:p.value,max:e.maxValue,min:e.minValue,onChange:G},null)])]:void 0]):void 0,null===(r=u.end)||void 0===r?void 0:r.call(u)])}}},render:function(){return this.renderDom()}}),f=(0,e.withInstall)(d)})(),l})()));
|
package/lib/tab/index.d.ts
CHANGED
@@ -10,6 +10,7 @@ declare const BkTab: {
|
|
10
10
|
active: string | number;
|
11
11
|
showHeader: boolean;
|
12
12
|
sortType: string;
|
13
|
+
tabPosition: string;
|
13
14
|
addable: boolean;
|
14
15
|
sortable: boolean;
|
15
16
|
labelHeight: number;
|
@@ -17,7 +18,6 @@ declare const BkTab: {
|
|
17
18
|
validateActive: boolean;
|
18
19
|
changeOnHover: boolean;
|
19
20
|
changeOnHoverDelay: number;
|
20
|
-
tabPosition: string;
|
21
21
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
22
22
|
active: import("vue-types").VueTypeDef<string | number> & {
|
23
23
|
default: string | number;
|
@@ -81,7 +81,7 @@ declare const BkTab: {
|
|
81
81
|
onRemove?: (...args: any[]) => any;
|
82
82
|
"onUpdate:active"?: (...args: any[]) => any;
|
83
83
|
onSort?: (...args: any[]) => any;
|
84
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "closable" | "extCls" | "active" | "showHeader" | "sortType" | "addable" | "sortable" | "labelHeight" | "scrollStep" | "validateActive" | "changeOnHover" | "changeOnHoverDelay"
|
84
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "closable" | "extCls" | "active" | "showHeader" | "sortType" | "tabPosition" | "addable" | "sortable" | "labelHeight" | "scrollStep" | "validateActive" | "changeOnHover" | "changeOnHoverDelay">;
|
85
85
|
$attrs: {
|
86
86
|
[x: string]: unknown;
|
87
87
|
};
|
@@ -161,19 +161,19 @@ declare const BkTab: {
|
|
161
161
|
}, {
|
162
162
|
isMounted: import("vue").Ref<boolean>;
|
163
163
|
panels: import("vue").Ref<any[]>;
|
164
|
-
}, unknown, {}, {
|
165
164
|
tabAdd(e: MouseEvent): void;
|
166
165
|
tabChange(name: string): void;
|
167
166
|
tabRemove(index: number, panel: any): void;
|
168
|
-
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string):
|
167
|
+
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
|
169
168
|
tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
|
170
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], string, {
|
169
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], string, {
|
171
170
|
type: string;
|
172
171
|
closable: boolean;
|
173
172
|
extCls: string;
|
174
173
|
active: string | number;
|
175
174
|
showHeader: boolean;
|
176
175
|
sortType: string;
|
176
|
+
tabPosition: string;
|
177
177
|
addable: boolean;
|
178
178
|
sortable: boolean;
|
179
179
|
labelHeight: number;
|
@@ -181,7 +181,6 @@ declare const BkTab: {
|
|
181
181
|
validateActive: boolean;
|
182
182
|
changeOnHover: boolean;
|
183
183
|
changeOnHoverDelay: number;
|
184
|
-
tabPosition: string;
|
185
184
|
}> & {
|
186
185
|
beforeCreate?: (() => void) | (() => void)[];
|
187
186
|
created?: (() => void) | (() => void)[];
|
@@ -268,13 +267,12 @@ declare const BkTab: {
|
|
268
267
|
} & import("vue").ShallowUnwrapRef<{
|
269
268
|
isMounted: import("vue").Ref<boolean>;
|
270
269
|
panels: import("vue").Ref<any[]>;
|
271
|
-
}> & {} & {} & {
|
272
270
|
tabAdd(e: MouseEvent): void;
|
273
271
|
tabChange(name: string): void;
|
274
272
|
tabRemove(index: number, panel: any): void;
|
275
|
-
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string):
|
273
|
+
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
|
276
274
|
tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
|
277
|
-
} & import("vue").ComponentCustomProperties;
|
275
|
+
}> & {} & {} & import("vue").ComponentCustomProperties;
|
278
276
|
__isFragment?: never;
|
279
277
|
__isTeleport?: never;
|
280
278
|
__isSuspense?: never;
|
@@ -344,19 +342,19 @@ declare const BkTab: {
|
|
344
342
|
}, {
|
345
343
|
isMounted: import("vue").Ref<boolean>;
|
346
344
|
panels: import("vue").Ref<any[]>;
|
347
|
-
}, unknown, {}, {
|
348
345
|
tabAdd(e: MouseEvent): void;
|
349
346
|
tabChange(name: string): void;
|
350
347
|
tabRemove(index: number, panel: any): void;
|
351
|
-
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string):
|
348
|
+
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
|
352
349
|
tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
|
353
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", {
|
350
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", {
|
354
351
|
type: string;
|
355
352
|
closable: boolean;
|
356
353
|
extCls: string;
|
357
354
|
active: string | number;
|
358
355
|
showHeader: boolean;
|
359
356
|
sortType: string;
|
357
|
+
tabPosition: string;
|
360
358
|
addable: boolean;
|
361
359
|
sortable: boolean;
|
362
360
|
labelHeight: number;
|
@@ -364,7 +362,6 @@ declare const BkTab: {
|
|
364
362
|
validateActive: boolean;
|
365
363
|
changeOnHover: boolean;
|
366
364
|
changeOnHoverDelay: number;
|
367
|
-
tabPosition: string;
|
368
365
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
|
369
366
|
TabPanel: import("vue").DefineComponent<{
|
370
367
|
name: import("vue-types").VueTypeDef<string | number> & {
|
package/lib/tab/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon/"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon/"],t);else{var n="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon/")):t(e["../shared"],e.vue,e["../icon/"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(self,((e,t,n)=>(()=>{"use strict";var r={7685:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function o(e){var t=a[e];if(void 0!==t)return t.exports;var n=a[e]={exports:{}};return r[e](n,n.exports,o),n.exports}o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{o.r(l),o.d(l,{BkTab:()=>b,BkTabPanel:()=>u,default:()=>f});var e=o(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var n=o(748),r={tabAdd:{type:Function,default:function(){return{}}},tabChange:{type:Function,default:function(e){return e}},tabRemove:{type:Function,default:function(e){return e}},tabSort:{type:Function,default:function(){return{}}},tabDrag:{type:Function,default:function(){return{}}}},a={active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),type:e.PropTypes.commonType(["card","border-card","unborder-card"],"type").def("border-card"),tabPosition:e.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:Boolean,addable:Boolean,sortable:Boolean,sortType:e.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),extCls:e.PropTypes.string.def(""),validateActive:e.PropTypes.bool.def(!0),showHeader:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},i=Object.assign({active:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),panels:{type:Array,default:function(){return[]}},tabPosition:e.PropTypes.commonType(["left","right","top"],"position").def("top"),closable:Boolean,addable:Boolean,sortable:Boolean,sortType:e.PropTypes.commonType(["replace","insert","top"],"sortType").def("replace"),labelHeight:e.PropTypes.number.def(50),scrollStep:e.PropTypes.number.def(200),validateActive:e.PropTypes.bool.def(!0),changeOnHover:e.PropTypes.bool.def(!1),changeOnHoverDelay:e.PropTypes.number.def(1e3)},r),s={name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),label:e.PropTypes.string||e.PropTypes.func,closable:e.PropTypes.bool,visible:e.PropTypes.bool.def(!0),disabled:e.PropTypes.bool,sortable:e.PropTypes.bool,renderDirective:e.PropTypes.commonType(["if","show"],"render").def("show"),panel:e.PropTypes.string||e.PropTypes.func},p=o(7685);const c=(0,n.defineComponent)({name:"TabNav",props:i,setup:function(e){var t=(0,n.computed)((function(){if(!Array.isArray(e.panels)||!e.panels.length)return[];var t=[],r=!1;return e.panels.filter((function(a,o){if(!a.props)return null;var l=a.props,i=l.name,s=l.label,p=l.closable,c=l.visible,d=l.disabled,u=l.sortable;return!!c&&(e.active===i&&(r=!0),t.push({name:i,closable:p,visible:c,disabled:d,sortable:u,tabLabel:function(e){return a.slots.label?(0,n.h)(a.slots.label):[void 0,""].includes(e)?"选项卡".concat(o+1):"string"==typeof e?e:"function"==typeof e?(0,n.h)(e):e}(s)}),!0)})),!r&&e.validateActive&&e.panels[0].props&&e.tabChange(e.panels[0].props.name),t})),r=(0,n.ref)(-1),a=(0,n.ref)(-1),o=(0,n.ref)(""),l=function(e,t){return e===t},i={handleTabAdd:function(t){e.tabAdd(t)},dragstart:function(t,n){a.value=t,o.value=e.guid,Object.assign(n.dataTransfer,{effectAllowed:"move"}),e.tabDrag(t,n)},dragenter:function(t){l(o.value,e.guid)&&(r.value=t)},dragend:function(){r.value=-1,a.value=-1,o.value=null},drop:function(t,n){if(!l(o.value,e.guid))return!1;e.tabSort(a.value,t,n)},handleTabChange:function(t){e.tabChange(t)},handleTabRemove:function(t,n){e.tabRemove(t,n)}};return Object.assign(Object.assign({},i),{navs:t,dragenterIndex:r,dragStartIndex:a,draggingEle:o,guid:Math.random().toString(16).substr(4)+Math.random().toString(16).substr(4)})},render:function(){var e,t,r,a,o,l=this,i=this.active,s=this.closable,c=this.addable,d=this.sortable,u=this.sortType,b=this.labelHeight,f=this.dragstart,v=this.dragenter,y=this.dragend,h=this.drop;return(0,n.createVNode)("div",{style:{lineHeight:"".concat(b,"px")},class:"bk-tab-header"},[(0,n.createVNode)("div",{class:"bk-tab-header-nav"},[l.navs.map((function(e,t){if(!e)return null;var r,a=e.name,o=e.disabled,c=e.tabLabel,b=function(e,t){return e||t};return(0,n.createVNode)("div",{key:a,onClick:function(){return l.handleTabChange(a)},draggable:b(e.sortable,d),onDragstart:function(e){return f(t,e)},onDragenter:function(e){e.preventDefault(),v(t)},onDragleave:function(e){e.preventDefault()},onDragover:function(e){e.preventDefault()},onDragend:function(e){e.preventDefault(),y()},onDrop:function(e){e.preventDefault(),h(t,u)},class:(r=["bk-tab-header-item"],o&&r.push("bk-tab-header--disabled"),i===a&&r.push("bk-tab-header--active"),r.join(" "))},[(0,n.createVNode)("div",null,[c]),b(e.closable,s)&&(0,n.createVNode)(p.Close,{class:"bk-tab-header-item-close",onClick:function(){return l.handleTabRemove(t,e)}},null)])}))]),(o=[],"function"==typeof l.$slots.add?o.push(null===(t=(e=l.$slots).add)||void 0===t?void 0:t.call(e,n.h)):c&&o.push((0,n.createVNode)("div",{onClick:l.handleTabAdd},[(0,n.createVNode)(p.Plus,{width:26,height:26},null)])),"function"==typeof l.$slots.setting&&o.push(null===(a=(r=l.$slots).setting)||void 0===a?void 0:a.call(r,n.h)),o.length?(0,n.createVNode)("div",{class:"bk-tab-header-operation"},[o.map((function(e,t){return(0,n.createVNode)("div",{class:"bk-tab-header-item",key:t},[e])}))]):null)])}}),d=(0,n.defineComponent)({name:"Tab",components:{TabNav:c},props:a,emits:["add-panel","tab-change","remove-panel","sort-change","on-drag-tab","add","change","remove","update:active","sort","drag"],setup:function(e,r){var a=r.slots,o=r.emit,l=(0,n.ref)(!1),i=(0,n.ref)([]),s=(0,n.getCurrentInstance)(),p=function e(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],a=t.children;return(a||[]).forEach((function(t){var a=t.type;"TabPanel"===(a=a.name||a)&&t.component?r.push(t.component):a!==n.Fragment&&"template"!==a||e(t,r)})),r},c=function(){if(a.default){var e=s.subTree.children[1].children;if(!e)return;var t=e[0],n=p(t);n.length!==i.value.length&&(i.value=n)}};(0,n.onMounted)((function(){c(),l.value=!0})),(0,n.onUpdated)((function(){c()}));var d={tabAdd:function(e){o("add",{e}),o("add-panel",{e})},tabChange:function(e){o("change",e),o("tab-change",e),o("update:active",e)},tabRemove:function(e,t){o("remove",e,t),o("remove-panel",e,t)},tabSort:function(e,n,r){var a,l=i.value;if("insert"===r)if(e<n)l.splice(n+1,0,i[e]),l.splice(e,1);else{if(!(e>n))return!1;l.splice(n,0,i[e]),l.splice(e+1,1)}else{var s=l[n];l[n]=l[e],l[e]=s}i.value=function(e){if(Array.isArray(e))return t(e)}(a=l)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(a)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(a)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o("sort",e,n,r),o("sort-change",e,n,r)},tabDrag:function(e,t){o("drag",e,t),o("on-drag-tab",e,t)}};return Object.assign(Object.assign({},d),{isMounted:l,panels:i})},render:function(){var e,t,r,a,o=this;return(0,n.createVNode)("div",{class:"top"===o.tabPosition?"bk-tab bk-tab--".concat(o.tabPosition," bk-tab--").concat(o.type," ").concat(o.extCls):"bk-tab bk-tab--".concat(o.tabPosition," ").concat(o.extCls)},[(r=o.panels,a={panels:r,active:o.active,type:o.type,closable:o.closable,addable:o.addable,sortable:o.sortable,sortType:o.sortType,labelHeight:o.labelHeight,scrollStep:o.scrollStep,validateActive:o.validateActive,changeOnHover:o.changeOnHover,changeOnHoverDelay:o.changeOnHoverDelay,tabPosition:o.tabPosition,tabAdd:o.tabAdd,tabChange:o.tabChange,tabRemove:o.tabRemove,tabSort:o.tabSort,tabDrag:o.tabDrag},r&&Array.isArray(r)?(0,n.createVNode)(c,a,o.$slots):null),(0,n.createVNode)("div",{class:"bk-tab-content"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])])}}),u=(0,n.defineComponent)({name:"TabPanel",props:s,render:function(){var e=this,t=this.name===this.$parent.active;return(0,n.withDirectives)((0,n.createVNode)("div",{ref:"content",class:"bk-tab-panel"},[!e.visible||"if"===e.renderDirective&&!t?null:"function"==typeof e.panel?e.panel(n.h):"function"==typeof e.$slots.default?e.$slots.default(null):"function"==typeof e.$slots.panel?e.$slots.panel(null):null]),[[n.vShow,t]])}});var b=(0,e.withInstallProps)(d,{TabPanel:u});const f=b})(),l})()));
|
package/lib/tab/props.d.ts
CHANGED
@@ -125,6 +125,9 @@ export declare const tabNavProps: {
|
|
125
125
|
}>[]>;
|
126
126
|
default: () => any[];
|
127
127
|
};
|
128
|
+
tabPosition: import("vue-types").VueTypeDef<string> & {
|
129
|
+
default: string;
|
130
|
+
};
|
128
131
|
closable: BooleanConstructor;
|
129
132
|
addable: BooleanConstructor;
|
130
133
|
sortable: BooleanConstructor;
|
package/lib/tab/tab-nav.d.ts
CHANGED
@@ -28,6 +28,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
28
28
|
}>[]>;
|
29
29
|
default: () => any[];
|
30
30
|
};
|
31
|
+
tabPosition: import("vue-types").VueTypeDef<string> & {
|
32
|
+
default: string;
|
33
|
+
};
|
31
34
|
closable: BooleanConstructor;
|
32
35
|
addable: BooleanConstructor;
|
33
36
|
sortable: BooleanConstructor;
|
@@ -65,23 +68,20 @@ declare const _default: import("vue").DefineComponent<{
|
|
65
68
|
dragStartIndex: import("vue").Ref<number>;
|
66
69
|
draggingEle: import("vue").Ref<string>;
|
67
70
|
guid: string;
|
68
|
-
}, unknown, {}, {
|
69
71
|
/**
|
70
72
|
* @description 判断拖动的元素是否是在同一个tab。
|
71
73
|
* 使用guid,相比 el1.parentNode === el2.parentNode 判断,性能要高
|
72
|
-
* @param
|
73
|
-
* @param el2 {string} 触发的元素
|
74
|
+
* @param e {event} 触发的元素
|
74
75
|
* @return {boolean}
|
75
76
|
*/
|
76
|
-
|
77
|
-
handleTabAdd(e: MouseEvent): void;
|
77
|
+
handleTabAdd(e: any): void;
|
78
78
|
dragstart(index: number, $event: DragEvent): void;
|
79
79
|
dragenter(index: any): void;
|
80
80
|
dragend(): void;
|
81
|
-
drop(index: any, sortType: any):
|
81
|
+
drop(index: any, sortType: any): boolean;
|
82
82
|
handleTabChange(name: string): void;
|
83
83
|
handleTabRemove(index: number, panel: any): void;
|
84
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
84
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
85
85
|
tabAdd: {
|
86
86
|
type: FunctionConstructor;
|
87
87
|
default: () => any;
|
@@ -111,6 +111,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
111
111
|
}>[]>;
|
112
112
|
default: () => any[];
|
113
113
|
};
|
114
|
+
tabPosition: import("vue-types").VueTypeDef<string> & {
|
115
|
+
default: string;
|
116
|
+
};
|
114
117
|
closable: BooleanConstructor;
|
115
118
|
addable: BooleanConstructor;
|
116
119
|
sortable: BooleanConstructor;
|
@@ -154,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
154
157
|
panels: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
155
158
|
[key: string]: any;
|
156
159
|
}>[];
|
160
|
+
tabPosition: string;
|
157
161
|
addable: boolean;
|
158
162
|
sortable: boolean;
|
159
163
|
labelHeight: number;
|
package/lib/tab/tab.css
CHANGED
@@ -10,6 +10,7 @@
|
|
10
10
|
flex-direction: row-reverse;
|
11
11
|
}
|
12
12
|
.bk-tab-header {
|
13
|
+
position: relative;
|
13
14
|
display: flex;
|
14
15
|
color: #63656e;
|
15
16
|
}
|
@@ -22,6 +23,9 @@
|
|
22
23
|
.bk-tab--border-card .bk-tab-header > div {
|
23
24
|
border-right: 1px solid #dcdee5;
|
24
25
|
}
|
26
|
+
.bk-tab-header-navs {
|
27
|
+
flex: 1;
|
28
|
+
}
|
25
29
|
.bk-tab--top .bk-tab-header-nav {
|
26
30
|
overflow-x: auto;
|
27
31
|
overflow-y: visible;
|
@@ -40,6 +44,21 @@
|
|
40
44
|
width: 0;
|
41
45
|
height: 0;
|
42
46
|
}
|
47
|
+
.bk-tab-header-next,
|
48
|
+
.bk-tab-header-prev {
|
49
|
+
position: absolute;
|
50
|
+
top: 1px;
|
51
|
+
bottom: 1px;
|
52
|
+
width: 15px;
|
53
|
+
background: #fff;
|
54
|
+
content: '';
|
55
|
+
}
|
56
|
+
.bk-tab-header-prev {
|
57
|
+
left: 1px;
|
58
|
+
}
|
59
|
+
.bk-tab-header-next {
|
60
|
+
right: 1px;
|
61
|
+
}
|
43
62
|
.bk-tab-header-operation .bk-tab-header-item {
|
44
63
|
padding: 0 12px;
|
45
64
|
}
|
package/lib/tab/tab.d.ts
CHANGED
@@ -52,13 +52,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
52
52
|
}, {
|
53
53
|
isMounted: import("vue").Ref<boolean>;
|
54
54
|
panels: import("vue").Ref<any[]>;
|
55
|
-
}, unknown, {}, {
|
56
55
|
tabAdd(e: MouseEvent): void;
|
57
56
|
tabChange(name: string): void;
|
58
57
|
tabRemove(index: number, panel: any): void;
|
59
|
-
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string):
|
58
|
+
tabSort(dragTabIndex: number, dropTabIndex: number, sortType: string): boolean;
|
60
59
|
tabDrag(dragTabIndex: number, dragEvent: DragEvent): void;
|
61
|
-
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
60
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "drag" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active" | "sort")[], "change" | "drag" | "sort" | "add" | "add-panel" | "tab-change" | "remove-panel" | "sort-change" | "on-drag-tab" | "remove" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
62
61
|
active: import("vue-types").VueTypeDef<string | number> & {
|
63
62
|
default: string | number;
|
64
63
|
};
|
@@ -128,6 +127,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
128
127
|
active: string | number;
|
129
128
|
showHeader: boolean;
|
130
129
|
sortType: string;
|
130
|
+
tabPosition: string;
|
131
131
|
addable: boolean;
|
132
132
|
sortable: boolean;
|
133
133
|
labelHeight: number;
|
@@ -135,6 +135,5 @@ declare const _default: import("vue").DefineComponent<{
|
|
135
135
|
validateActive: boolean;
|
136
136
|
changeOnHover: boolean;
|
137
137
|
changeOnHoverDelay: number;
|
138
|
-
tabPosition: string;
|
139
138
|
}>;
|
140
139
|
export default _default;
|
package/lib/tab/tab.less
CHANGED
@@ -19,27 +19,13 @@
|
|
19
19
|
flex-direction: column;
|
20
20
|
}
|
21
21
|
|
22
|
-
&--left {
|
23
|
-
|
24
|
-
}
|
25
22
|
|
26
23
|
&--right {
|
27
24
|
flex-direction: row-reverse;
|
28
25
|
}
|
29
26
|
|
30
|
-
&--card {
|
31
|
-
|
32
|
-
}
|
33
|
-
|
34
|
-
&--border-card {
|
35
|
-
|
36
|
-
}
|
37
|
-
|
38
|
-
&--unborder-card {
|
39
|
-
|
40
|
-
}
|
41
|
-
|
42
27
|
&-header {
|
28
|
+
position: relative;
|
43
29
|
display: flex;
|
44
30
|
color: @tab-color;
|
45
31
|
|
@@ -53,7 +39,12 @@
|
|
53
39
|
}
|
54
40
|
}
|
55
41
|
|
42
|
+
&-navs {
|
43
|
+
flex: 1;
|
44
|
+
}
|
45
|
+
|
56
46
|
&-nav {
|
47
|
+
|
57
48
|
.@{tab-prefix}--top & {
|
58
49
|
overflow-x: auto;
|
59
50
|
overflow-y: visible;
|
@@ -64,11 +55,11 @@
|
|
64
55
|
overflow-y: auto;
|
65
56
|
}
|
66
57
|
|
58
|
+
|
67
59
|
.@{tab-prefix}--card &, .@{tab-prefix}--border-card & {
|
68
60
|
border-left: 1px solid @tab-border;
|
69
61
|
}
|
70
62
|
|
71
|
-
//flex: 0 1 auto;
|
72
63
|
&::-webkit-scrollbar {
|
73
64
|
display: none;
|
74
65
|
width: 0;
|
@@ -76,6 +67,24 @@
|
|
76
67
|
}
|
77
68
|
}
|
78
69
|
|
70
|
+
&-next,
|
71
|
+
&-prev {
|
72
|
+
position: absolute;
|
73
|
+
top: 1px;
|
74
|
+
bottom: 1px;
|
75
|
+
width: 15px;
|
76
|
+
background: #fff;
|
77
|
+
content: '';
|
78
|
+
}
|
79
|
+
|
80
|
+
&-prev {
|
81
|
+
left: 1px;
|
82
|
+
}
|
83
|
+
|
84
|
+
&-next {
|
85
|
+
right: 1px;
|
86
|
+
}
|
87
|
+
|
79
88
|
&-operation {
|
80
89
|
//flex: 0 0 auto;
|
81
90
|
.@{tab-prefix}-header-item {
|
@@ -83,7 +92,6 @@
|
|
83
92
|
}
|
84
93
|
}
|
85
94
|
|
86
|
-
|
87
95
|
.@{tab-prefix}--left & {
|
88
96
|
border-right: 1px solid @tab-border;
|
89
97
|
}
|
@@ -120,7 +128,6 @@
|
|
120
128
|
cursor: pointer;
|
121
129
|
justify-content: center;
|
122
130
|
align-items: center;
|
123
|
-
//line-height: 42px;
|
124
131
|
|
125
132
|
&:hover {
|
126
133
|
color: @tab-active;
|
@@ -194,7 +201,6 @@
|
|
194
201
|
}
|
195
202
|
|
196
203
|
&--disabled {
|
197
|
-
//color: @disable-color;
|
198
204
|
color: @tab-disable-color;
|
199
205
|
pointer-events: none;
|
200
206
|
cursor: not-allowed;
|
package/lib/tab/tab.variable.css
CHANGED
@@ -109,6 +109,7 @@
|
|
109
109
|
flex-direction: row-reverse;
|
110
110
|
}
|
111
111
|
.bk-tab-header {
|
112
|
+
position: relative;
|
112
113
|
display: flex;
|
113
114
|
color: var(--default-color);
|
114
115
|
}
|
@@ -121,6 +122,9 @@
|
|
121
122
|
.bk-tab--border-card .bk-tab-header > div {
|
122
123
|
border-right: 1px solid var(--disable-color);
|
123
124
|
}
|
125
|
+
.bk-tab-header-navs {
|
126
|
+
flex: 1;
|
127
|
+
}
|
124
128
|
.bk-tab--top .bk-tab-header-nav {
|
125
129
|
overflow-x: auto;
|
126
130
|
overflow-y: visible;
|
@@ -139,6 +143,21 @@
|
|
139
143
|
width: 0;
|
140
144
|
height: 0;
|
141
145
|
}
|
146
|
+
.bk-tab-header-next,
|
147
|
+
.bk-tab-header-prev {
|
148
|
+
position: absolute;
|
149
|
+
top: 1px;
|
150
|
+
bottom: 1px;
|
151
|
+
width: 15px;
|
152
|
+
background: #fff;
|
153
|
+
content: '';
|
154
|
+
}
|
155
|
+
.bk-tab-header-prev {
|
156
|
+
left: 1px;
|
157
|
+
}
|
158
|
+
.bk-tab-header-next {
|
159
|
+
right: 1px;
|
160
|
+
}
|
142
161
|
.bk-tab-header-operation .bk-tab-header-item {
|
143
162
|
padding: 0 12px;
|
144
163
|
}
|
package/lib/tree/constant.d.ts
CHANGED
@@ -1,8 +1,13 @@
|
|
1
|
-
export declare
|
2
|
-
NODE_CLICK = "
|
3
|
-
NODE_COLLAPSE = "
|
4
|
-
NODE_EXPAND = "
|
1
|
+
export declare enum EVENTS {
|
2
|
+
NODE_CLICK = "nodeClick",
|
3
|
+
NODE_COLLAPSE = "nodeCollapse",
|
4
|
+
NODE_EXPAND = "nodeExpand"
|
5
5
|
}
|
6
|
+
export declare const TreeEmitEventsType: {
|
7
|
+
nodeClick: () => void;
|
8
|
+
nodeCollapse: () => void;
|
9
|
+
nodeExpand: () => void;
|
10
|
+
};
|
6
11
|
/**
|
7
12
|
* 节点扩展属性
|
8
13
|
*/
|
@@ -10,13 +15,15 @@ export declare const enum NODE_ATTRIBUTES {
|
|
10
15
|
DEPTH = "__depth",
|
11
16
|
INDEX = "__index",
|
12
17
|
UUID = "__uuid",
|
13
|
-
PARENT_ID = "
|
14
|
-
HAS_CHILD = "
|
18
|
+
PARENT_ID = "__parent_id",
|
19
|
+
HAS_CHILD = "__has_child",
|
15
20
|
PATH = "__path",
|
16
|
-
IS_ROOT = "
|
21
|
+
IS_ROOT = "__is_root",
|
17
22
|
ORDER = "__order",
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
23
|
+
IS_OPENED = "__is_open",
|
24
|
+
IS_CHECKED = "__is_checked",
|
25
|
+
IS_SELECTED = "__is_selected",
|
26
|
+
IS_ASYNC_INIT = "__is_async_init",
|
27
|
+
IS_MATCH = "__is_match",
|
28
|
+
IS_NULL = "__IS_NULL"
|
22
29
|
}
|