bkui-vue 0.0.1-beta.35 → 0.0.1-beta.36
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/bkui-vue.cjs.js +2 -2
- package/dist/bkui-vue.esm.js +2 -2
- package/dist/bkui-vue.umd.js +2 -2
- package/dist/style.css +3 -0
- package/lib/button/button.css +3 -0
- package/lib/button/button.less +3 -0
- package/lib/button/button.variable.css +3 -0
- package/lib/components.d.ts +1 -1
- package/lib/slider/slider.js +1 -1
- package/package.json +1 -1
package/dist/bkui-vue.cjs.js
CHANGED
@@ -20261,7 +20261,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
|
|
20261
20261
|
Form: BkForm,
|
20262
20262
|
FormItem,
|
20263
20263
|
Pagination: BkPagination,
|
20264
|
-
BkDropdown,
|
20264
|
+
Dropdown: BkDropdown,
|
20265
20265
|
DropdownMenu,
|
20266
20266
|
DropdownItem
|
20267
20267
|
}, Symbol.toStringTag, { value: "Module" }));
|
@@ -20285,7 +20285,6 @@ exports.Alert = BkAlert;
|
|
20285
20285
|
exports.AnimateNumber = BkAnimateNumber;
|
20286
20286
|
exports.Backtop = BkBacktop;
|
20287
20287
|
exports.Badge = BkBadge;
|
20288
|
-
exports.BkDropdown = BkDropdown;
|
20289
20288
|
exports.BkOption = BkOption;
|
20290
20289
|
exports.BkOptionGroup = OptionGroup;
|
20291
20290
|
exports.Breadcrumb = BkBreadcrumb;
|
@@ -20299,6 +20298,7 @@ exports.Collapse = BkCollaspe;
|
|
20299
20298
|
exports.DatePicker = BkDatePicker;
|
20300
20299
|
exports.Dialog = BkDialog;
|
20301
20300
|
exports.Divider = BkDivider;
|
20301
|
+
exports.Dropdown = BkDropdown;
|
20302
20302
|
exports.DropdownItem = DropdownItem;
|
20303
20303
|
exports.DropdownMenu = DropdownMenu;
|
20304
20304
|
exports.Exception = BkException;
|
package/dist/bkui-vue.esm.js
CHANGED
@@ -20259,7 +20259,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
|
|
20259
20259
|
Form: BkForm,
|
20260
20260
|
FormItem,
|
20261
20261
|
Pagination: BkPagination,
|
20262
|
-
BkDropdown,
|
20262
|
+
Dropdown: BkDropdown,
|
20263
20263
|
DropdownMenu,
|
20264
20264
|
DropdownItem
|
20265
20265
|
}, Symbol.toStringTag, { value: "Module" }));
|
@@ -20279,4 +20279,4 @@ var preset = {
|
|
20279
20279
|
install: createInstall(),
|
20280
20280
|
version: "0.0.1"
|
20281
20281
|
};
|
20282
|
-
export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge,
|
20282
|
+
export { BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkOption, OptionGroup as BkOptionGroup, BkBreadcrumb as Breadcrumb, BreadcrumbItem, BkButton as Button, ButtonGroup, BkCard as Card, BkCheckbox as Checkbox, CheckboxGroup, BkCollaspe as Collapse, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, DropdownItem, DropdownMenu, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, FormItem, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkProgress as Progress, BkRadio as Radio, RadioButton, RadioGroup, BkRate as Rate, BkSelect as Select, BkSideslider as Sideslider, BkSteps as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, TabPanel, BkTable as Table, BkTag as Tag, TagInput, Transfer, BkTree as Tree, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, preset as default, mousewheel };
|
package/dist/bkui-vue.umd.js
CHANGED
@@ -20262,7 +20262,7 @@ ${$(r2)}`), n2;
|
|
20262
20262
|
Form: BkForm,
|
20263
20263
|
FormItem,
|
20264
20264
|
Pagination: BkPagination,
|
20265
|
-
BkDropdown,
|
20265
|
+
Dropdown: BkDropdown,
|
20266
20266
|
DropdownMenu,
|
20267
20267
|
DropdownItem
|
20268
20268
|
}, Symbol.toStringTag, { value: "Module" }));
|
@@ -20286,7 +20286,6 @@ ${$(r2)}`), n2;
|
|
20286
20286
|
exports2.AnimateNumber = BkAnimateNumber;
|
20287
20287
|
exports2.Backtop = BkBacktop;
|
20288
20288
|
exports2.Badge = BkBadge;
|
20289
|
-
exports2.BkDropdown = BkDropdown;
|
20290
20289
|
exports2.BkOption = BkOption;
|
20291
20290
|
exports2.BkOptionGroup = OptionGroup;
|
20292
20291
|
exports2.Breadcrumb = BkBreadcrumb;
|
@@ -20300,6 +20299,7 @@ ${$(r2)}`), n2;
|
|
20300
20299
|
exports2.DatePicker = BkDatePicker;
|
20301
20300
|
exports2.Dialog = BkDialog;
|
20302
20301
|
exports2.Divider = BkDivider;
|
20302
|
+
exports2.Dropdown = BkDropdown;
|
20303
20303
|
exports2.DropdownItem = DropdownItem;
|
20304
20304
|
exports2.DropdownMenu = DropdownMenu;
|
20305
20305
|
exports2.Exception = BkException;
|
package/dist/style.css
CHANGED
package/lib/button/button.css
CHANGED
package/lib/button/button.less
CHANGED
@@ -303,7 +303,10 @@
|
|
303
303
|
border-color: var(--disable-color);
|
304
304
|
}
|
305
305
|
.bk-button.is-text {
|
306
|
+
height: auto;
|
306
307
|
font-size: var(--font-size-medium);
|
308
|
+
font-size: inherit;
|
309
|
+
line-height: 1;
|
307
310
|
color: var(--default-color);
|
308
311
|
text-decoration: none;
|
309
312
|
cursor: pointer;
|
package/lib/components.d.ts
CHANGED
@@ -38,4 +38,4 @@ export { default as Tree } from './tree';
|
|
38
38
|
export { default as VirtualRender } from './virtual-render';
|
39
39
|
export { default as Form, BkFormItem as FormItem } from './form';
|
40
40
|
export { default as Pagination } from './pagination';
|
41
|
-
export { default as
|
41
|
+
export { default as Dropdown, BkDropdownMenu as DropdownMenu, BkDropdownItem as DropdownItem } from './dropdown';
|
package/lib/slider/slider.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a(require("vue"),require("@babel/runtime/regenerator"),require("../input"),require("../shared"),require("../popover"));else if("function"==typeof define&&define.amd)define(["vue","@babel/runtime/regenerator","../input","../shared","../popover"],a);else{var t="object"==typeof exports?a(require("vue"),require("@babel/runtime/regenerator"),require("../input"),require("../shared"),require("../popover")):a(e.vue,e["@babel/runtime/regenerator"],e["../input"],e["../shared"],e["../popover"]);for(var l in t)("object"==typeof exports?exports:e)[l]=t[l]}}(self,((e,a,t,l,u)=>(()=>{"use strict";var n={8133:e=>{e.exports=t},5537:e=>{e.exports=u},4212:e=>{e.exports=l},8395:e=>{e.exports=a},748:a=>{a.exports=e}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var t=r[e]={exports:{}};return n[e](t,t.exports,o),t.exports}o.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return o.d(a,{a}),a},o.d=(e,a)=>{for(var t in a)o.o(a,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},o.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{default:()=>p});var e=o(748),a=o(8395),t=o.n(a);Object.create,Object.create;var l=o(8133),u=o.n(l),n=o(4212),r=o(5537),m=o.n(r);const c=(0,e.defineComponent)({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(a,t){var l=t.emit,u=(this.$createElement,(0,e.ref)(!1)),n=(0,e.ref)(!1),r=(0,e.ref)(0),o=(0,e.ref)(0),i=(0,e.ref)(0),c=(0,e.ref)(null),d=(0,e.ref)(a.modelValue),p=(0,e.ref)(0),f=(0,e.ref)(0),V=(0,e.ref)(!1),b=(0,e.ref)(null),h=(0,e.computed)((function(){var e,t,l="";if(null===(e=a.params.customContent)||void 0===e?void 0:e[a.modelValue]){var u=a.params.customContent[a.modelValue];l=u.tip||u.label||""}var n=a.params.vertical?"right":"top";return(null===(t=a.params)||void 0===t?void 0:t.showTip)?{content:a.params.formatterTipLabel("".concat(l||(null==a?void 0:a.modelValue)||"0")),placement:n}:{content:"",placement:n}})),x=(0,e.computed)((function(){return"".concat((a.modelValue-a.params.minValue)/(a.params.maxValue-a.params.minValue)*100,"%")})),y=(0,e.computed)((function(){return a.params.vertical?{bottom:x.value}:{left:x.value}})),w=(0,e.computed)((function(){return a.params.formatterButtonLabel(a.modelValue)})),N=function(e){a.params.disable||(e.preventDefault(),g(e),v(window,"mousemove",L),v(window,"touchmove",L),v(window,"mouseup",C),v(window,"touchend",C))},g=function(e){u.value=!0,n.value=!0,a.params.vertical?r.value=e.clientY:o.value=e.clientX,i.value=parseFloat(x.value),c.value=i.value},L=function(e){if(u.value){n.value=!1,l("resetSize");var t=0;a.params.vertical?(p.value=e.clientY,t=(r.value-p.value)/a.params.sliderSize*100):(f.value=e.clientX,t=(f.value-o.value)/a.params.sliderSize*100),c.value=i.value+t,B(c.value)}},C=function e(){V.value=!1,u.value&&(setTimeout((function(){u.value=!1,n.value||(B(c.value),l("emitChange"))}),0),s(window,"mousemove",L),s(window,"touchmove",L),s(window,"mouseup",e),s(window,"touchend",e))},B=function(e){if(null!==e&&!isNaN(e)){e<0?c.value=0:e>100&&(c.value=100);var t=100/((a.params.maxValue-a.params.minValue)/a.params.step),n=Math.round(e/t)*t*(a.params.maxValue-a.params.minValue)*.01+a.params.minValue;n=parseFloat(n.toFixed(a.params.precision)),l("update:modelValue",n),u.value||a.modelValue===d.value||(d.value=a.modelValue)}};return{renderDom:function(){return(0,e.createVNode)("div",{class:["bk-slider-button",a.params.vertical?"vertical":"horizontal",{grabbing:u.value}],ref:b,tabindex:"0",style:y.value,onClick:function(e){return e.stopPropagation()},onMousedown:N},[Boolean(h.value.content)?(0,e.createVNode)(m(),{content:h.value.content,theme:"dark",placement:h.value.placement,boundary:document.body},{default:function(){return[(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null)]}}):(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null),a.params.showButtonLabel&&!a.params.showIntervalLabel?(0,e.createVNode)("div",{class:["slider-button-label",a.params.vertical?"vertical":"horizontal"]},[w.value]):void 0])},setPosition:B,tip:h}},render:function(){return this.renderDom()}});var v=function(e,a,t){e&&a&&t&&e.addEventListener(a,t,!1)},s=function(e,a,t){e&&a&&t&&e.removeEventListener(a,t,!1)};const d=(0,e.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,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(a,l){var n=this,r=l.slots,o=l.emit,i=(this.$createElement,(0,e.ref)(1)),m=(0,e.ref)(null),s=(0,e.ref)(null),d=(0,e.ref)(null),p=(0,e.ref)(0),f=(0,e.ref)(0),V=(0,e.ref)(null),b=(0,e.ref)(null),h=(0,e.ref)(null),x=(0,e.ref)(null),y=(0,e.computed)((function(){var e=[a.minValue,a.maxValue,a.step].map((function(e){var a="".concat(e).split(".")[1];return a?a.length:0}));return Math.max.apply(null,e)})),w=(0,e.computed)((function(){return Math.min(m.value,s.value)})),N=(0,e.computed)((function(){return Math.max(m.value,s.value)})),g=(0,e.computed)((function(){return a.range?"".concat(100*(N.value-w.value)/(a.maxValue-a.minValue),"%"):"".concat(100*(m.value-a.minValue)/(a.maxValue-a.minValue),"%")})),L=(0,e.computed)((function(){return a.range?"".concat(100*(w.value-a.minValue)/(a.maxValue-a.minValue),"%"):"0%"})),C=(0,e.computed)((function(){return a.vertical?{height:g.value,bottom:L.value}:{width:g.value,left:L.value}})),B=(0,e.computed)((function(){if(!a.showInterval||a.minValue>a.maxValue)return[];if(0===a.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(a.maxValue-a.minValue)/a.step,t=100*a.step/(a.maxValue-a.minValue),l=[],u=1;u<e;u++)l.push(u*t);return a.range?l.filter((function(e){return e<100*(w.value-a.minValue)/(a.maxValue-a.minValue)||e>100*(N.value-a.minValue)/(a.maxValue-a.minValue)})):l.filter((function(e){return e>100*(m.value-a.minValue)/(a.maxValue-a.minValue)}))})),k=(0,e.computed)((function(){return a.vertical?{height:a.height,width:"4px"}:{}})),T=(0,e.computed)((function(){if(!a.showIntervalLabel)return[];if(0===a.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(a.maxValue-a.minValue)/a.step,t=100*a.step/(a.maxValue-a.minValue),l=[],u=0;u<=e;u++){var n={stepWidth:u*t,stepLabel:a.formatterLabel(u*a.step)};l.push(n)}return l})),S=(0,e.computed)((function(){return Array.isArray(a.modelValue)})),M=(0,e.computed)((function(){return a.customContent?Object.keys(a.customContent).sort((function(e,a){return Number(e)-Number(a)})).filter((function(e){return Number(e)>=a.minValue&&Number(e)<=a.maxValue})).map((function(e){var t=a.customContent[e].tip,l=a.customContent[e].label;return{tip:t||l||"",label:l||"",percent:(Number(e)-a.minValue)/(a.maxValue-a.minValue)*100}})):[]})),z=(0,e.computed)((function(){return{vertical:a.vertical,showTip:a.showTip,disable:a.disable,maxValue:a.maxValue,minValue:a.minValue,step:a.step,precision:y.value,showButtonLabel:a.showButtonLabel,formatterButtonLabel:a.formatterButtonLabel,showIntervalLabel:a.showIntervalLabel,customContent:a.customContent,sliderSize:i.value,formatterTipLabel:a.formatterTipLabel}}));(0,e.watch)((function(){return a.modelValue}),(function(){O()})),(0,e.watch)((function(){return m.value}),(function(e){a.range?o("update:modelValue",[w.value,N.value]):o("update:modelValue",e),p.value=e})),(0,e.watch)((function(){return s.value}),(function(e){o("update:modelValue",[w.value,N.value]),f.value=e})),(0,e.onMounted)((function(){a.range?(Array.isArray(a.modelValue)?(m.value=Math.max(a.minValue,Number(a.modelValue[0])),s.value=Math.min(a.maxValue,Number(a.modelValue[1]))):(m.value=a.minValue,s.value=a.maxValue),d.value=[m.value,s.value]):("number"!=typeof a.modelValue||isNaN(a.modelValue)?m.value=a.minValue:m.value=Math.min(a.maxValue,Math.max(a.minValue,a.modelValue)),d.value=m.value),I(),v(window,"resize",I())}));var I=function(){V.value&&(i.value=V.value["client".concat(a.vertical?"Height":"Width")])},j=function(e){var t,l;if(e.stopPropagation(),!a.disable){if(I(),a.vertical){var u=null===(t=V.value)||void 0===t?void 0:t.getBoundingClientRect().bottom;A((u-e.clientY)/i.value*100)}else{var n=null===(l=V.value)||void 0===l?void 0:l.getBoundingClientRect().left;A((e.clientX-n)/i.value*100)}q()}},P=function(){return a.range?![w.value,N.value].every((function(e,a){return e===d.value[a]})):a.modelValue!==d.value},O=function(){if(a.minValue>a.maxValue)console.error("min should not be greater than max.");else{var e=a.modelValue;a.range&&Array.isArray(e)?e[1]<a.minValue?o("update:modelValue",[a.minValue,a.minValue]):e[0]>a.maxValue?o("update:modelValue",[a.maxValue,a.maxValue]):e[0]<a.minValue?o("update:modelValue",[a.minValue,e[1]]):e[1]>a.maxValue?o("update:modelValue",[e[0],a.maxValue]):(m.value=Number(e[0]),s.value=Number(e[1]),P()&&(d.value=e.slice())):a.range||"number"!=typeof e||isNaN(e)||(e<a.minValue?o("update:modelValue",a.minValue):e>a.maxValue?o("update:modelValue",a.maxValue):(m.value=e,P()&&(d.value=e)))}},q=function(){return l=n,u=void 0,r=void 0,i=t().mark((function l(){return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(0,e.nextTick)();case 2:o("change",a.range?[w.value,N.value]:a.modelValue);case 3:case"end":return t.stop()}}),l)})),new(r||(r=Promise))((function(e,a){function t(e){try{o(i.next(e))}catch(e){a(e)}}function n(e){try{o(i.throw(e))}catch(e){a(e)}}function o(a){var l;a.done?e(a.value):(l=a.value,l instanceof r?l:new r((function(e){e(l)}))).then(t,n)}o((i=i.apply(l,u||[])).next())}));var l,u,r,i},F=function(e){return a.vertical?{bottom:"".concat(e,"%")}:{left:"".concat(e,"%")}},A=function(e){if(a.range){var t=a.minValue+e*(a.maxValue-a.minValue)/100;Math.abs(w.value-t)<Math.abs(N.value-t)?x.value=m.value<s.value?b.value:h.value:x.value=m.value>s.value?b.value:h.value,x.value.setPosition(e)}else b.value.setPosition(e)},E=function(e){if(""!==e){var t=parseFloat(e);t<a.minValue?(p.value=a.minValue,m.value=a.minValue):t>a.maxValue?(p.value=a.maxValue,m.value=a.maxValue):m.value=t}},R=function(e){if(""!==e){var t=parseFloat(e);t<a.minValue?(f.value=a.minValue,s.value=a.minValue):t>a.maxValue?(f.value=a.maxValue,s.value=a.maxValue):s.value=t}},$=function(e){var t;return t="start"===e?a.vertical?a.maxValue:a.minValue:a.vertical?a.minValue:a.maxValue,a.showButtonLabel&&[m.value,s.value].includes(t)?"0":"1"};return{renderDom:function(){var t,l;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:["bk-slider",a.extCls]},[null===(t=r.start)||void 0===t?void 0:t.call(r),(0,e.createVNode)("div",{class:"bk-slider-runway",ref:V,style:k.value,onClick:j},[(0,e.createVNode)("div",{class:["bk-slider-bar",a.vertical?"vertical":"horizontal",{disable:a.disable}],style:C.value},null),a.showInterval?B.value.map((function(t,l){return(0,e.createVNode)("div",{key:l,class:["bk-slider-interval",{vertical:a.vertical}],style:F(t)},null)})):void 0,a.customContent?M.value.map((function(t,l){return(0,e.createVNode)("div",{key:l,class:["bk-slider-interval",{vertical:a.vertical}],style:F(t.percent)},null)})):void 0,a.showBetweenLabel||a.showIntervalLabel||a.customContent?(0,e.createVNode)("div",{class:["bk-slider-labels",a.vertical?"vertical":"horizontal"]},[a.showBetweenLabel?[(0,e.createVNode)("div",{class:"label-start",style:[{opacity:$("start")}]},[a.formatterLabel(a.minValue)]),(0,e.createVNode)("div",{class:"label-end",style:[{opacity:$("end")}]},[a.formatterLabel(a.maxValue)])]:a.showIntervalLabel?T.value.map((function(t,l){return(0,e.createVNode)("div",{class:["bk-slider-label",a.vertical?"vertical":"horizontal"],key:l,style:F(t.stepWidth)},[t.stepLabel])})):a.customContent?M.value.map((function(t,l){return(0,e.createVNode)("div",{class:["bk-slider-label",a.vertical?"vertical":"horizontal"],key:l,style:F(t.percent)},[t.label])})):void 0]):void 0,(0,e.createVNode)(c,{ref:b,params:z.value,onEmitChange:q,onResetSize:I,model:{value:m.value,callback:function(e){n.$set(m,"value",e)}}},null),a.range?(0,e.createVNode)(c,{ref:h,params:z.value,onEmitChange:q,onResetSize:I,model:{value:s.value,callback:function(e){n.$set(s,"value",e)}}},null):void 0]),a.showInput&&!a.vertical?(0,e.createVNode)("div",{class:"bk-slider-input"},[(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(u(),{type:"number",max:a.maxValue,min:a.minValue,onChange:E,model:{value:p.value,callback:function(e){n.$set(p,"value",e)}}},null)]),S.value&&s.value?(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"input-center"},[(0,e.createTextVNode)("~")]),(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(u(),{type:"number",max:a.maxValue,min:a.minValue,onChange:R,model:{value:f.value,callback:function(e){n.$set(f,"value",e)}}},null)])]):void 0]):void 0,null===(l=r.end)||void 0===l?void 0:l.call(r)])])}}},render:function(){return this.renderDom()}});d.install=function(e){e.component(d.name,d)};const p=d})(),i})()));
|
1
|
+
!function(e,a){if("object"==typeof exports&&"object"==typeof module)module.exports=a(require("vue"),require("@babel/runtime/regenerator"),require("../input"),require("../shared"),require("../popover"));else if("function"==typeof define&&define.amd)define(["vue","@babel/runtime/regenerator","../input","../shared","../popover"],a);else{var t="object"==typeof exports?a(require("vue"),require("@babel/runtime/regenerator"),require("../input"),require("../shared"),require("../popover")):a(e.vue,e["@babel/runtime/regenerator"],e["../input"],e["../shared"],e["../popover"]);for(var l in t)("object"==typeof exports?exports:e)[l]=t[l]}}(self,((e,a,t,l,u)=>(()=>{"use strict";var n={8133:e=>{e.exports=t},5537:e=>{e.exports=u},4212:e=>{e.exports=l},8395:e=>{e.exports=a},748:a=>{a.exports=e}},r={};function o(e){var a=r[e];if(void 0!==a)return a.exports;var t=r[e]={exports:{}};return n[e](t,t.exports,o),t.exports}o.n=e=>{var a=e&&e.__esModule?()=>e.default:()=>e;return o.d(a,{a}),a},o.d=(e,a)=>{for(var t in a)o.o(a,t)&&!o.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},o.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{o.r(i),o.d(i,{default:()=>p});var e=o(748),a=o(8395),t=o.n(a);Object.create,Object.create;var l=o(8133),u=o.n(l),n=o(4212),r=o(5537),m=o.n(r);const c=(0,e.defineComponent)({name:"SliderButton",props:{modelValue:{type:Number,default:0},params:{type:Object,default:function(){return{}}}},emits:["emitChange","resetSize","update:modelValue"],setup:function(a,t){var l=t.emit,u=(this.$createElement,(0,e.ref)(!1)),n=(0,e.ref)(!1),r=(0,e.ref)(0),o=(0,e.ref)(0),i=(0,e.ref)(0),c=(0,e.ref)(null),d=(0,e.ref)(a.modelValue),p=(0,e.ref)(0),f=(0,e.ref)(0),V=(0,e.ref)(!1),b=(0,e.ref)(null),h=(0,e.computed)((function(){var e,t,l="";if(null===(e=a.params.customContent)||void 0===e?void 0:e[a.modelValue]){var u=a.params.customContent[a.modelValue];l=u.tip||u.label||""}var n=a.params.vertical?"right":"top";return(null===(t=a.params)||void 0===t?void 0:t.showTip)?{content:a.params.formatterTipLabel("".concat(l||(null==a?void 0:a.modelValue)||"0")),placement:n}:{content:"",placement:n}})),x=(0,e.computed)((function(){return"".concat((a.modelValue-a.params.minValue)/(a.params.maxValue-a.params.minValue)*100,"%")})),y=(0,e.computed)((function(){return a.params.vertical?{bottom:x.value}:{left:x.value}})),w=(0,e.computed)((function(){return a.params.formatterButtonLabel(a.modelValue)})),N=function(e){a.params.disable||(e.preventDefault(),g(e),v(window,"mousemove",L),v(window,"touchmove",L),v(window,"mouseup",C),v(window,"touchend",C))},g=function(e){u.value=!0,n.value=!0,a.params.vertical?r.value=e.clientY:o.value=e.clientX,i.value=parseFloat(x.value),c.value=i.value},L=function(e){if(u.value){n.value=!1,l("resetSize");var t=0;a.params.vertical?(p.value=e.clientY,t=(r.value-p.value)/a.params.sliderSize*100):(f.value=e.clientX,t=(f.value-o.value)/a.params.sliderSize*100),c.value=i.value+t,B(c.value)}},C=function e(){V.value=!1,u.value&&(setTimeout((function(){u.value=!1,n.value||(B(c.value),l("emitChange"))}),0),s(window,"mousemove",L),s(window,"touchmove",L),s(window,"mouseup",e),s(window,"touchend",e))},B=function(e){if(null!==e&&!isNaN(e)){e<0?c.value=0:e>100&&(c.value=100);var t=100/((a.params.maxValue-a.params.minValue)/a.params.step),n=Math.round(e/t)*t*(a.params.maxValue-a.params.minValue)*.01+a.params.minValue;n=parseFloat(n.toFixed(a.params.precision)),l("update:modelValue",n),u.value||a.modelValue===d.value||(d.value=a.modelValue)}};return{renderDom:function(){return(0,e.createVNode)("div",{class:["bk-slider-button",a.params.vertical?"vertical":"horizontal",{grabbing:u.value}],ref:b,tabindex:"0",style:y.value,onClick:function(e){return e.stopPropagation()},onMousedown:N},[Boolean(h.value.content)?(0,e.createVNode)(m(),{content:h.value.content,theme:"dark",placement:h.value.placement,boundary:document.body},{default:function(){return[(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null)]}}):(0,e.createVNode)("div",{class:["slider-button",{"slider-button-disable":a.params.disable}]},null),a.params.showButtonLabel&&!a.params.showIntervalLabel?(0,e.createVNode)("div",{class:["slider-button-label",a.params.vertical?"vertical":"horizontal"]},[w.value]):void 0])},setPosition:B,tip:h}},render:function(){return this.renderDom()}});var v=function(e,a,t){e&&a&&t&&e.addEventListener(a,t,!1)},s=function(e,a,t){e&&a&&t&&e.removeEventListener(a,t,!1)};const d=(0,e.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,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(a,l){var n=this,r=l.slots,o=l.emit,i=(this.$createElement,(0,e.ref)(1)),m=(0,e.ref)(null),s=(0,e.ref)(null),d=(0,e.ref)(null),p=(0,e.ref)(0),f=(0,e.ref)(0),V=(0,e.ref)(null),b=(0,e.ref)(null),h=(0,e.ref)(null),x=(0,e.ref)(null),y=(0,e.computed)((function(){var e=[a.minValue,a.maxValue,a.step].map((function(e){var a="".concat(e).split(".")[1];return a?a.length:0}));return Math.max.apply(null,e)})),w=(0,e.computed)((function(){return Math.min(m.value,s.value)})),N=(0,e.computed)((function(){return Math.max(m.value,s.value)})),g=(0,e.computed)((function(){return a.range?"".concat(100*(N.value-w.value)/(a.maxValue-a.minValue),"%"):"".concat(100*(m.value-a.minValue)/(a.maxValue-a.minValue),"%")})),L=(0,e.computed)((function(){return a.range?"".concat(100*(w.value-a.minValue)/(a.maxValue-a.minValue),"%"):"0%"})),C=(0,e.computed)((function(){return a.vertical?{height:g.value,bottom:L.value}:{width:g.value,left:L.value}})),B=(0,e.computed)((function(){if(!a.showInterval||a.minValue>a.maxValue)return[];if(0===a.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(a.maxValue-a.minValue)/a.step,t=100*a.step/(a.maxValue-a.minValue),l=[],u=1;u<e;u++)l.push(u*t);return a.range?l.filter((function(e){return e<100*(w.value-a.minValue)/(a.maxValue-a.minValue)||e>100*(N.value-a.minValue)/(a.maxValue-a.minValue)})):l.filter((function(e){return e>100*(m.value-a.minValue)/(a.maxValue-a.minValue)}))})),k=(0,e.computed)((function(){return a.vertical?{height:a.height,width:"4px"}:{}})),T=(0,e.computed)((function(){if(!a.showIntervalLabel)return[];if(0===a.step)return console.warn("WARNNING:step should not be 0"),[];for(var e=(a.maxValue-a.minValue)/a.step,t=100*a.step/(a.maxValue-a.minValue),l=[],u=0;u<=e;u++){var n={stepWidth:u*t,stepLabel:a.formatterLabel(u*a.step)};l.push(n)}return l})),S=(0,e.computed)((function(){return Array.isArray(a.modelValue)})),M=(0,e.computed)((function(){return a.customContent?Object.keys(a.customContent).sort((function(e,a){return Number(e)-Number(a)})).filter((function(e){return Number(e)>=a.minValue&&Number(e)<=a.maxValue})).map((function(e){var t=a.customContent[e].tip,l=a.customContent[e].label;return{tip:t||l||"",label:l||"",percent:(Number(e)-a.minValue)/(a.maxValue-a.minValue)*100}})):[]})),z=(0,e.computed)((function(){return{vertical:a.vertical,showTip:a.showTip,disable:a.disable,maxValue:a.maxValue,minValue:a.minValue,step:a.step,precision:y.value,showButtonLabel:a.showButtonLabel,formatterButtonLabel:a.formatterButtonLabel,showIntervalLabel:a.showIntervalLabel,customContent:a.customContent,sliderSize:i.value,formatterTipLabel:a.formatterTipLabel}}));(0,e.watch)((function(){return a.modelValue}),(function(){O()})),(0,e.watch)((function(){return m.value}),(function(e){a.range?o("update:modelValue",[w.value,N.value]):o("update:modelValue",e),p.value=e})),(0,e.watch)((function(){return s.value}),(function(e){o("update:modelValue",[w.value,N.value]),f.value=e})),(0,e.onMounted)((function(){a.range?(Array.isArray(a.modelValue)?(m.value=Math.max(a.minValue,Number(a.modelValue[0])),s.value=Math.min(a.maxValue,Number(a.modelValue[1]))):(m.value=a.minValue,s.value=a.maxValue),d.value=[m.value,s.value]):("number"!=typeof a.modelValue||isNaN(a.modelValue)?m.value=a.minValue:m.value=Math.min(a.maxValue,Math.max(a.minValue,a.modelValue)),d.value=m.value),I(),v(window,"resize",I())}));var I=function(){V.value&&(i.value=V.value["client".concat(a.vertical?"Height":"Width")])},j=function(e){var t,l;if(e.stopPropagation(),!a.disable){if(I(),a.vertical){var u=null===(t=V.value)||void 0===t?void 0:t.getBoundingClientRect().bottom;A((u-e.clientY)/i.value*100)}else{var n=null===(l=V.value)||void 0===l?void 0:l.getBoundingClientRect().left;A((e.clientX-n)/i.value*100)}q()}},P=function(){return a.range?![w.value,N.value].every((function(e,a){return e===d.value[a]})):a.modelValue!==d.value},O=function(){if(a.minValue>a.maxValue)console.error("min should not be greater than max.");else{var e=a.modelValue;a.range&&Array.isArray(e)?e[1]<a.minValue?o("update:modelValue",[a.minValue,a.minValue]):e[0]>a.maxValue?o("update:modelValue",[a.maxValue,a.maxValue]):e[0]<a.minValue?o("update:modelValue",[a.minValue,e[1]]):e[1]>a.maxValue?o("update:modelValue",[e[0],a.maxValue]):(m.value=Number(e[0]),s.value=Number(e[1]),P()&&(d.value=e.slice())):a.range||"number"!=typeof e||isNaN(e)||(e<a.minValue?o("update:modelValue",a.minValue):e>a.maxValue?o("update:modelValue",a.maxValue):(m.value=e,P()&&(d.value=e)))}},q=function(){return l=n,u=void 0,r=void 0,i=t().mark((function l(){return t().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,(0,e.nextTick)();case 2:o("change",a.range?[w.value,N.value]:a.modelValue);case 3:case"end":return t.stop()}}),l)})),new(r||(r=Promise))((function(e,a){function t(e){try{o(i.next(e))}catch(e){a(e)}}function n(e){try{o(i.throw(e))}catch(e){a(e)}}function o(a){var l;a.done?e(a.value):(l=a.value,l instanceof r?l:new r((function(e){e(l)}))).then(t,n)}o((i=i.apply(l,u||[])).next())}));var l,u,r,i},F=function(e){return a.vertical?{bottom:"".concat(e,"%")}:{left:"".concat(e,"%")}},A=function(e){if(a.range){var t=a.minValue+e*(a.maxValue-a.minValue)/100;Math.abs(w.value-t)<Math.abs(N.value-t)?x.value=m.value<s.value?b.value:h.value:x.value=m.value>s.value?b.value:h.value,x.value.setPosition(e)}else b.value.setPosition(e)},E=function(e){if(""!==e){var t=parseFloat(e);t<a.minValue?(p.value=a.minValue,m.value=a.minValue):t>a.maxValue?(p.value=a.maxValue,m.value=a.maxValue):m.value=t}},R=function(e){if(""!==e){var t=parseFloat(e);t<a.minValue?(f.value=a.minValue,s.value=a.minValue):t>a.maxValue?(f.value=a.maxValue,s.value=a.maxValue):s.value=t}},D=function(e){var t;return t="start"===e?a.vertical?a.maxValue:a.minValue:a.vertical?a.minValue:a.maxValue,a.showButtonLabel&&[m.value,s.value].includes(t)?"0":"1"};return{renderDom:function(){var t,l;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:["bk-slider",a.extCls]},[null===(t=r.start)||void 0===t?void 0:t.call(r),(0,e.createVNode)("div",{class:"bk-slider-runway",ref:V,style:k.value,onClick:j},[(0,e.createVNode)("div",{class:["bk-slider-bar",a.vertical?"vertical":"horizontal",{disable:a.disable}],style:C.value},null),a.showInterval?B.value.map((function(t,l){return(0,e.createVNode)("div",{key:l,class:["bk-slider-interval",{vertical:a.vertical}],style:F(t)},null)})):void 0,a.customContent?M.value.map((function(t,l){return(0,e.createVNode)("div",{key:l,class:["bk-slider-interval",{vertical:a.vertical}],style:F(t.percent)},null)})):void 0,a.showBetweenLabel||a.showIntervalLabel||a.customContent?(0,e.createVNode)("div",{class:["bk-slider-labels",a.vertical?"vertical":"horizontal"]},[a.showBetweenLabel?[(0,e.createVNode)("div",{class:"label-start",style:[{opacity:D("start")}]},[a.formatterLabel(a.minValue)]),(0,e.createVNode)("div",{class:"label-end",style:[{opacity:D("end")}]},[a.formatterLabel(a.maxValue)])]:a.showIntervalLabel?T.value.map((function(t,l){return(0,e.createVNode)("div",{class:["bk-slider-label",a.vertical?"vertical":"horizontal"],key:l,style:F(t.stepWidth)},[t.stepLabel])})):a.customContent?M.value.map((function(t,l){return(0,e.createVNode)("div",{class:["bk-slider-label",a.vertical?"vertical":"horizontal"],key:l,style:F(t.percent)},[t.label])})):void 0]):void 0,(0,e.createVNode)(c,{ref:b,params:z.value,onEmitChange:q,onResetSize:I,model:{value:m.value,callback:function(e){n.$set(m,"value",e)}}},null),a.range?(0,e.createVNode)(c,{ref:h,params:z.value,onEmitChange:q,onResetSize:I,model:{value:s.value,callback:function(e){n.$set(s,"value",e)}}},null):void 0]),a.showInput&&!a.vertical?(0,e.createVNode)("div",{class:"bk-slider-input"},[(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(u(),{type:"number",modelValue:p.value,max:a.maxValue,min:a.minValue,onChange:E},null)]),S.value&&s.value?(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("div",{class:"input-center"},[(0,e.createTextVNode)("~")]),(0,e.createVNode)("div",{class:"input-item"},[(0,e.createVNode)(u(),{type:"number",modelValue:f.value,max:a.maxValue,min:a.minValue,onChange:R},null)])]):void 0]):void 0,null===(l=r.end)||void 0===l?void 0:l.call(r)])])}}},render:function(){return this.renderDom()}});d.install=function(e){e.component(d.name,d)};const p=d})(),i})()));
|