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.
@@ -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;
@@ -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, BkDropdown, 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, 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 };
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 };
@@ -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
@@ -789,7 +789,10 @@ optgroup {
789
789
  border-color: #dcdee5;
790
790
  }
791
791
  .bk-button.is-text {
792
+ height: auto;
792
793
  font-size: 14px;
794
+ font-size: inherit;
795
+ line-height: 1;
793
796
  color: #63656e;
794
797
  text-decoration: none;
795
798
  cursor: pointer;
@@ -210,7 +210,10 @@
210
210
  border-color: #dcdee5;
211
211
  }
212
212
  .bk-button.is-text {
213
+ height: auto;
213
214
  font-size: 14px;
215
+ font-size: inherit;
216
+ line-height: 1;
214
217
  color: #63656e;
215
218
  text-decoration: none;
216
219
  cursor: pointer;
@@ -127,7 +127,10 @@
127
127
  }
128
128
 
129
129
  &.is-text {
130
+ height: auto;
130
131
  font-size: @font-size-medium;
132
+ font-size: inherit;
133
+ line-height: 1;
131
134
  color: @default-color;
132
135
  text-decoration: none;
133
136
  cursor: pointer;
@@ -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;
@@ -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 BkDropdown, BkDropdownMenu as DropdownMenu, BkDropdownItem as DropdownItem } from './dropdown';
41
+ export { default as Dropdown, BkDropdownMenu as DropdownMenu, BkDropdownItem as DropdownItem } from './dropdown';
@@ -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})()));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.35",
3
+ "version": "0.0.1-beta.36",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*"