bkui-vue 0.0.1-beta.86 → 0.0.1-beta.89
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 +13 -13
- package/dist/index.esm.js +149 -98
- package/dist/index.umd.js +15 -15
- package/dist/style.css +1 -1
- package/lib/breadcrumb/index.js +1 -1
- package/lib/dialog/dialog.css +21 -21
- package/lib/dialog/dialog.less +23 -23
- package/lib/dialog/dialog.variable.css +21 -21
- package/lib/dialog/index.js +1 -1
- package/lib/form/index.js +1 -1
- package/lib/radio/index.d.ts +0 -1
- package/lib/radio/index.js +1 -1
- package/lib/radio/radio-button.d.ts +0 -1
- package/lib/switcher/index.d.ts +8 -8
- package/lib/switcher/index.js +1 -1
- package/lib/switcher/switcher.css +5 -5
- package/lib/switcher/switcher.d.ts +3 -3
- package/lib/switcher/switcher.less +2 -2
- package/lib/switcher/switcher.variable.css +5 -5
- package/lib/table/index.d.ts +38 -1
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +11 -0
- package/lib/table/table.css +8 -0
- package/lib/table/table.d.ts +17 -0
- package/lib/table/table.less +12 -0
- package/lib/table/table.variable.css +8 -0
- package/lib/table/utils.d.ts +1 -0
- package/lib/tree/index.d.ts +24 -1
- package/lib/tree/index.js +1 -1
- package/lib/tree/props.d.ts +9 -0
- package/lib/tree/tree.d.ts +11 -0
- package/package.json +1 -2
package/lib/breadcrumb/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],r);else{var o="object"==typeof exports?r(require("../shared"),require("vue"),require("../icon")):r(e["../shared"],e.vue,e["../icon"]);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o)=>(()=>{"use strict";var t={6870:e=>{e.exports=o},4212:r=>{r.exports=e},748:e=>{e.exports=r}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var o=a[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.d=(e,r)=>{for(var o in r)n.o(r,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{BkBreadcrumb:()=>
|
|
1
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],r);else{var o="object"==typeof exports?r(require("../shared"),require("vue"),require("../icon")):r(e["../shared"],e.vue,e["../icon"]);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o)=>(()=>{"use strict";var t={6870:e=>{e.exports=o},4212:r=>{r.exports=e},748:e=>{e.exports=r}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var o=a[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.d=(e,r)=>{for(var o in r)n.o(r,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{BkBreadcrumb:()=>l,BkBreadcrumbItem:()=>a,default:()=>p});var e=n(4212),r=n(748),o=n(6870);const t=(0,r.defineComponent)({name:"Breadcrumb",props:{extCls:e.PropTypes.string,separator:e.PropTypes.string.def("/"),separatorClass:e.PropTypes.string,replace:e.PropTypes.bool,backRouter:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def("")},setup:function(t,a){var n=a.slots,s=(0,r.getCurrentInstance)(),l=s.proxy,p=s.appContext;(0,r.provide)("breadcrumb",t),(0,r.onMounted)((function(){var e=l.$el.querySelectorAll(".bk-breadcrumb-item");e.length&&e[e.length-1].setAttribute("aria-current","page")}));var c=(0,e.classes)({"bk-breadcrumb":!0},"".concat(t.extCls||"")),i=function(){var e=t.backRouter,r=t.replace,o=p.config.globalProperties.$router;o&&(r?o.replace(e):o.push(e))};return function(){var e;return(0,r.createVNode)("div",{class:c,"aria-label":"Breadcrumb",role:"navigation"},[!n.prefix&&t.backRouter?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[(0,r.createVNode)(o.ArrowsLeft,{onClick:i},null)]):"",n.prefix?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[n.prefix()]):"",null===(e=n.default)||void 0===e?void 0:e.call(n)])}}}),a=(0,r.defineComponent)({name:"BreadcrumbItem",props:{extCls:e.PropTypes.string,to:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def(""),replace:e.PropTypes.bool},setup:function(o,t){var a=t.slots,n=(0,r.getCurrentInstance)().appContext,s=(0,r.inject)("breadcrumb"),l=n.config.globalProperties.$router,p=o.to,c=o.replace,i=function(){p&&l&&(c?l.replace(p):l.push(p))},u=(0,e.classes)({"bk-breadcrumb-item":!0},"".concat(o.extCls||""));return function(){var e,o;return(0,r.createVNode)("span",{class:u},[(0,r.createVNode)("span",{ref:"link",class:"bk-breadcrumb-item-inner ".concat(p?"is-link":""),role:"link",onClick:i},[null===(e=null==a?void 0:a.default)||void 0===e?void 0:e.call(a)]),(null==a?void 0:a.separator)?null===(o=null==a?void 0:a.separator)||void 0===o?void 0:o.call(a):(null==s?void 0:s.separatorClass)?(0,r.createVNode)("i",{class:"bk-breadcrumb-separator ".concat(s.separatorClass)},null):(0,r.createVNode)("span",{class:"bk-breadcrumb-separator",role:"presentation"},[null==s?void 0:s.separator])])}}});var l=(0,e.withInstallProps)(t,{Item:a});const p=l})(),s})()));
|
package/lib/dialog/dialog.css
CHANGED
|
@@ -58,27 +58,6 @@
|
|
|
58
58
|
left: 0;
|
|
59
59
|
height: 30px;
|
|
60
60
|
}
|
|
61
|
-
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
|
|
62
|
-
position: absolute;
|
|
63
|
-
top: 5px;
|
|
64
|
-
right: 5px;
|
|
65
|
-
display: flex;
|
|
66
|
-
width: 26px;
|
|
67
|
-
height: 26px;
|
|
68
|
-
font-size: 22px;
|
|
69
|
-
font-weight: 700;
|
|
70
|
-
line-height: 26px;
|
|
71
|
-
color: #979ba5;
|
|
72
|
-
text-align: center;
|
|
73
|
-
cursor: pointer;
|
|
74
|
-
border-radius: 50%;
|
|
75
|
-
transform: rotate(45deg);
|
|
76
|
-
justify-content: center;
|
|
77
|
-
align-items: center;
|
|
78
|
-
}
|
|
79
|
-
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
|
|
80
|
-
display: none;
|
|
81
|
-
}
|
|
82
61
|
.bk-modal-wrapper.bk-dialog-wrapper .move {
|
|
83
62
|
cursor: move;
|
|
84
63
|
}
|
|
@@ -99,6 +78,27 @@
|
|
|
99
78
|
text-overflow: ellipsis;
|
|
100
79
|
white-space: nowrap;
|
|
101
80
|
}
|
|
81
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-close {
|
|
82
|
+
position: absolute;
|
|
83
|
+
top: 5px;
|
|
84
|
+
right: 5px;
|
|
85
|
+
display: flex;
|
|
86
|
+
width: 26px;
|
|
87
|
+
height: 26px;
|
|
88
|
+
font-size: 22px;
|
|
89
|
+
font-weight: 700;
|
|
90
|
+
line-height: 26px;
|
|
91
|
+
color: #979ba5;
|
|
92
|
+
text-align: center;
|
|
93
|
+
cursor: pointer;
|
|
94
|
+
border-radius: 50%;
|
|
95
|
+
transform: rotate(45deg);
|
|
96
|
+
justify-content: center;
|
|
97
|
+
align-items: center;
|
|
98
|
+
}
|
|
99
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .close-icon {
|
|
100
|
+
display: none;
|
|
101
|
+
}
|
|
102
102
|
.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
|
|
103
103
|
height: calc(100% - 132px);
|
|
104
104
|
padding: 3px 24px 26px;
|
package/lib/dialog/dialog.less
CHANGED
|
@@ -25,29 +25,6 @@
|
|
|
25
25
|
right: 0;
|
|
26
26
|
left: 0;
|
|
27
27
|
height: 30px;
|
|
28
|
-
|
|
29
|
-
.bk-dialog-close {
|
|
30
|
-
position: absolute;
|
|
31
|
-
top: 5px;
|
|
32
|
-
right: 5px;
|
|
33
|
-
display: flex;
|
|
34
|
-
width: 26px;
|
|
35
|
-
height: 26px;
|
|
36
|
-
font-size: 22px;
|
|
37
|
-
font-weight: 700;
|
|
38
|
-
line-height: 26px;
|
|
39
|
-
color: #979ba5;
|
|
40
|
-
text-align: center;
|
|
41
|
-
cursor: pointer;
|
|
42
|
-
border-radius: 50%;
|
|
43
|
-
transform: rotate(45deg);
|
|
44
|
-
justify-content: center;
|
|
45
|
-
align-items: center;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.close-icon {
|
|
49
|
-
display: none;
|
|
50
|
-
}
|
|
51
28
|
}
|
|
52
29
|
|
|
53
30
|
.move {
|
|
@@ -74,6 +51,29 @@
|
|
|
74
51
|
text-overflow: ellipsis;
|
|
75
52
|
white-space: nowrap;
|
|
76
53
|
}
|
|
54
|
+
|
|
55
|
+
.bk-dialog-close {
|
|
56
|
+
position: absolute;
|
|
57
|
+
top: 5px;
|
|
58
|
+
right: 5px;
|
|
59
|
+
display: flex;
|
|
60
|
+
width: 26px;
|
|
61
|
+
height: 26px;
|
|
62
|
+
font-size: 22px;
|
|
63
|
+
font-weight: 700;
|
|
64
|
+
line-height: 26px;
|
|
65
|
+
color: #979ba5;
|
|
66
|
+
text-align: center;
|
|
67
|
+
cursor: pointer;
|
|
68
|
+
border-radius: 50%;
|
|
69
|
+
transform: rotate(45deg);
|
|
70
|
+
justify-content: center;
|
|
71
|
+
align-items: center;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.close-icon {
|
|
75
|
+
display: none;
|
|
76
|
+
}
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.bk-modal-content {
|
|
@@ -58,27 +58,6 @@
|
|
|
58
58
|
left: 0;
|
|
59
59
|
height: 30px;
|
|
60
60
|
}
|
|
61
|
-
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .bk-dialog-close {
|
|
62
|
-
position: absolute;
|
|
63
|
-
top: 5px;
|
|
64
|
-
right: 5px;
|
|
65
|
-
display: flex;
|
|
66
|
-
width: 26px;
|
|
67
|
-
height: 26px;
|
|
68
|
-
font-size: 22px;
|
|
69
|
-
font-weight: 700;
|
|
70
|
-
line-height: 26px;
|
|
71
|
-
color: #979ba5;
|
|
72
|
-
text-align: center;
|
|
73
|
-
cursor: pointer;
|
|
74
|
-
border-radius: 50%;
|
|
75
|
-
transform: rotate(45deg);
|
|
76
|
-
justify-content: center;
|
|
77
|
-
align-items: center;
|
|
78
|
-
}
|
|
79
|
-
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-tool .close-icon {
|
|
80
|
-
display: none;
|
|
81
|
-
}
|
|
82
61
|
.bk-modal-wrapper.bk-dialog-wrapper .move {
|
|
83
62
|
cursor: move;
|
|
84
63
|
}
|
|
@@ -99,6 +78,27 @@
|
|
|
99
78
|
text-overflow: ellipsis;
|
|
100
79
|
white-space: nowrap;
|
|
101
80
|
}
|
|
81
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .bk-dialog-close {
|
|
82
|
+
position: absolute;
|
|
83
|
+
top: 5px;
|
|
84
|
+
right: 5px;
|
|
85
|
+
display: flex;
|
|
86
|
+
width: 26px;
|
|
87
|
+
height: 26px;
|
|
88
|
+
font-size: 22px;
|
|
89
|
+
font-weight: 700;
|
|
90
|
+
line-height: 26px;
|
|
91
|
+
color: #979ba5;
|
|
92
|
+
text-align: center;
|
|
93
|
+
cursor: pointer;
|
|
94
|
+
border-radius: 50%;
|
|
95
|
+
transform: rotate(45deg);
|
|
96
|
+
justify-content: center;
|
|
97
|
+
align-items: center;
|
|
98
|
+
}
|
|
99
|
+
.bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header .close-icon {
|
|
100
|
+
display: none;
|
|
101
|
+
}
|
|
102
102
|
.bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
|
|
103
103
|
height: calc(100% - 132px);
|
|
104
104
|
padding: 3px 24px 26px;
|
package/lib/dialog/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=t},8014:e=>{e.exports=n},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function l(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{l.r(a),l.d(a,{default:()=>c});var e=l(4212),o=l(748),t=l(4976),n=l.n(t),r=l(8014),i=l.n(r);const d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:i(),BkButton:n()},props:Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),emits:["closed","update:isShow","confirm","prev","next"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0}),
|
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../button"),require("../modal"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../button","../modal"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../button"),require("../modal")):o(e["../shared"],e.vue,e["../button"],e["../modal"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t,n)=>(()=>{"use strict";var r={4976:e=>{e.exports=t},8014:e=>{e.exports=n},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function l(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,l),t.exports}l.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return l.d(o,{a:o}),o},l.d=(e,o)=>{for(var t in o)l.o(o,t)&&!l.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},l.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{l.r(a),l.d(a,{default:()=>c});var e=l(4212),o=l(748),t=l(4976),n=l.n(t),r=l(8014),i=l.n(r);const d=(0,o.defineComponent)({name:"Dialog",components:{BkModal:i(),BkButton:n()},props:Object.assign(Object.assign({},r.propsMixin),{width:e.PropTypes.oneOfType([String,Number]).def(""),height:e.PropTypes.oneOfType([String,Number]).def(""),confirmText:e.PropTypes.string.def("确定"),cancelText:e.PropTypes.string.def("取消"),prevText:e.PropTypes.string.def("上一步"),nextText:e.PropTypes.string.def("下一步"),current:e.PropTypes.number.def(1),totalStep:e.PropTypes.number,title:e.PropTypes.string.def("title"),headerAlign:e.PropTypes.commonType(["left","center","right"],"headerAlign").def("left"),footerAlign:e.PropTypes.commonType(["left","center","right"],"footerAlign").def("right"),theme:e.PropTypes.commonType(["primary","warning","success","danger"],"theme").def("primary"),dialogType:e.PropTypes.commonType(["show","operation","confirm","process"],"dialogType").def("operation"),isLoading:e.PropTypes.bool.def(!1)}),emits:["closed","update:isShow","confirm","prev","next"],setup:function(e,t){var n=t.emit,r=(0,o.reactive)({positionX:0,positionY:0,moveStyle:{top:"",left:""}});(0,o.onMounted)((function(){e.escClose&&addEventListener("keydown",l)})),(0,o.onBeforeUnmount)((function(){e.escClose&&removeEventListener("keydown",l)})),(0,o.watch)((function(){return e.isShow}),(function(e){e||setTimeout((function(){r.moveStyle={top:"50%",left:"50%"},r.positionX=0,r.positionY=0}),250)}));var i=function(){n("update:isShow",!1),n("closed")},l=function(o){e.isShow&&e.closeIcon&&27===o.keyCode&&i()};return{data:r,handleClose:i,handleConfirm:function(){n("update:isShow",!1),n("confirm")},escCloseHandler:l,moveHandler:function(o){if(e.fullscreen)return!1;if(!e.draggable)return!1;var t,n,i=o.target,l=o.currentTarget.parentNode.parentNode.offsetHeight,a=o.currentTarget.parentNode.parentNode.offsetWidth;0!==r.positionX&&0!==r.positionY?(t=o.clientX-r.positionX,n=o.clientY-r.positionY):(t=o.clientX-i.offsetLeft,n=o.clientY-i.offsetTop),document.onmousemove=function(e){var o=window.innerWidth-a,i=window.innerHeight-l,d=e.clientX-t,c=e.clientY-n;o/2-d<=0?d=o/2:o/2+d<=0&&(d=-o/2),i/2-c<=0?c=i/2:i/2+c<=0&&(c=-i/2),r.positionX=d,r.positionY=c,r.moveStyle.left="calc(50% + ".concat(d,"px)"),r.moveStyle.top="calc(50% + ".concat(c,"px)")},document.onmouseup=function(){document.onmousemove=null,document.onmouseup=null}},handlePrevStep:function(){n("prev")},handleNextStep:function(){n("next")}}},render:function(){var e,t=this,r={header:function(){var e,n,r,i,l,a;return[(0,o.createVNode)("div",{class:["bk-dialog-tool",t.fullscreen||!t.draggable?"":"move",t.draggable?"content-dragging":""],onMousedown:t.moveHandler},[null!==(r=null===(n=(e=t.$slots).tools)||void 0===n?void 0:n.call(e))&&void 0!==r?r:""]),(0,o.createVNode)("div",{class:"bk-dialog-header"},[(0,o.createVNode)("span",{class:"bk-dialog-title",style:"text-align: ".concat(t.headerAlign)},[null!==(a=null===(l=(i=t.$slots).header)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t.title]),(0,o.createVNode)("span",{class:["bk-dialog-close",t.closeIcon?"":"close-icon"],onClick:t.handleClose},[(0,o.createTextVNode)("+")])])]},default:function(){var e,o,n;return null!==(n=null===(o=(e=t.$slots).default)||void 0===o?void 0:o.call(e))&&void 0!==n?n:"default"},footer:function(){var e,r,i,l,a,d,c,s,u;return(0,o.createVNode)("div",{class:"bk-dialog-footer",style:"text-align: ".concat(t.footerAlign)},["process"===t.dialogType?null!==(i=null===(r=(e=t.$slots).footer)||void 0===r?void 0:r.call(e))&&void 0!==i?i:(0,o.createVNode)(o.Fragment,null,[1===t.current?"":(0,o.createVNode)(n(),{style:"float: left;margin-right: 8px",onClick:t.handlePrevStep},{default:function(){return[t.prevText]}}),t.current===t.totalStep?"":(0,o.createVNode)(n(),{style:"float: left",onClick:t.handleNextStep},{default:function(){return[t.nextText]}}),t.current===t.totalStep?(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}):"",(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","operation"===t.dialogType?null!==(d=null===(a=(l=t.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==d?d:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}}),(0,o.createVNode)(n(),{style:"margin-left: 8px",onClick:t.handleClose},{default:function(){return[t.cancelText]}})]):"","confirm"===t.dialogType?null!==(u=null===(s=(c=t.$slots).footer)||void 0===s?void 0:s.call(c))&&void 0!==u?u:(0,o.createVNode)(o.Fragment,null,[(0,o.createVNode)(n(),{onClick:t.handleConfirm,theme:t.theme,loading:t.isLoading},{default:function(){return[t.confirmText]}})]):""])}},l="bk-dialog-wrapper ".concat(this.scrollable?"scroll-able":""," ").concat(this.multiInstance?"multi-instance":"");return(0,o.createVNode)(i(),(0,o.mergeProps)(this.$props,{class:[l,this.fullscreen?"bk-model-fullscreen":this.size],style:this.data.moveStyle}),"function"==typeof(e=r)||"[object Object]"===Object.prototype.toString.call(e)&&!(0,o.isVNode)(e)?r:{default:function(){return[r]}})}}),c=(0,e.withInstall)(d)})(),a})()));
|
package/lib/form/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("../directives"),require("../icon")):r(e["../shared"],e.vue,e["../directives"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o)=>(()=>{"use strict";var
|
|
1
|
+
!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("lodash"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../directives","../icon"],r);else{var t="object"==typeof exports?r(require("../shared"),require("vue"),require("lodash"),require("../directives"),require("../icon")):r(e["../shared"],e.vue,e.lodash,e["../directives"],e["../icon"]);for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}}(self,((e,r,t,o,n)=>(()=>{"use strict";var i={4061:e=>{e.exports=o},6870:e=>{e.exports=n},4212:r=>{r.exports=e},467:e=>{e.exports=t},748:e=>{e.exports=r}},s={};function a(e){var r=s[e];if(void 0!==r)return r.exports;var t=s[e]={exports:{}};return i[e](t,t.exports,a),t.exports}a.d=(e,r)=>{for(var t in r)a.o(r,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:r[t]})},a.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{a.r(l),a.d(l,{BkComposeFormItem:()=>o,BkForm:()=>y,BkFormItem:()=>v,default:()=>h});var e=a(4212),r=a(748),t=function(e){return e.__v_isVNode};const o=(0,r.defineComponent)({name:"ComposeFormItem",props:{headBackgroundColor:{type:String,default:"#FAFBFD"},tailBackgroundColor:String},render:function(){if(!this.$slots.default)return null;var e=this.$slots.default();if(e.length>1){for(var o=e.length,n=0,i=null;n<o;){if(t(e[n])){i=e[n];break}n+=1}for(var s=o-1,a=null;s>=0&&s>n;){if(t(e[s])){a=e[s];break}s-=1}if(i&&a){i.props||(i.props={});var l="bk-compose-form-item-head";i.props.class&&(l+=" ".concat(i.props.class)),this.headBackgroundColor&&(i.props.style=Object.assign(i.props.style||{},{"background-color":this.headBackgroundColor})),i.props.class=l,a.props||(a.props={});var u="bk-compose-form-item-tail";a.props.class&&(u+=" ".concat(a.props.class)),this.tailBackgroundColor&&(a.props.style=Object.assign(a.props.style||{},{"background-color":this.tailBackgroundColor})),a.props.class=u}}return(0,r.h)("div",{class:"bk-compose-form-item"},e)}});function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var i={formType:e.PropTypes.oneOf(["default","vertical"]).def("default"),labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),model:e.PropTypes.object,rules:e.PropTypes.object};const s=(0,r.defineComponent)({name:"Form",props:i,emits:["submit"],setup:function(t,o){var i=[];return(0,r.provide)(e.formKey,{props:t,register:function(e){i.push(e)},unregister:function(e){i=i.reduce((function(r,t){return t!==e&&r.push(t),r}),[])}}),{handleSubmit:function(e){e.preventDefault(),o.emit("submit")},validate:function(e){var r={};return r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return r.property?Object.assign(Object.assign({},e),n({},r.property,!0)):e}),{}),Promise.all(i.reduce((function(e,t){return r[t.property]&&e.push(t.validate()),e}),[])).then((function(){return Promise.resolve(t.model)}))},clearValidate:function(e){var r={};r=e?("string"==typeof e?[e]:e).reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r,!0))}),{}):i.reduce((function(e,r){return Object.assign(Object.assign({},e),n({},r.property,!0))}),{}),i.forEach((function(e){return r[e.property]&&e.clearValidate()}))}}},render:function(){var t,o,i=(0,e.classes)(n({"bk-form":!0},"bk-form--".concat(this.formType),!0));return(0,r.createVNode)("form",{class:i,onSubmit:this.handleSubmit},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t)])}});function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}function c(e){return function(e){if(Array.isArray(e))return u(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}(e)||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.")}()}var p=a(467),d=a(4061),f=a(6870);const m={required:function(e){return console.log("required",e,""!==e&&null!=e),""!==e&&null!=e},min:function(e,r){return console.log("min"),e>=r},max:function(e,r){return console.log("max"),r>=e},email:function(e){return console.log("email"),/^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/.test(e)},maxlength:function(e,r){return console.log("maxlength"),e.length<=r},pattern:function(e,r){return console.log("pattern"),r.test(e)}};var g={label:e.PropTypes.string,labelWidth:e.PropTypes.oneOfType([Number,String]),labelPosition:e.PropTypes.oneOf(["left","center","right"]),property:e.PropTypes.string.def(""),required:e.PropTypes.bool.def(!1),email:e.PropTypes.bool.def(!1),max:e.PropTypes.number,min:e.PropTypes.number,maxlength:e.PropTypes.number,rules:e.PropTypes.array,autoCheck:e.PropTypes.bool.def(!1),description:e.PropTypes.string,errorDisplayType:e.PropTypes.oneOf(["tooltips","normal"]).def("normal")},b=function(e){return void 0!==e};const v=(0,r.defineComponent)({name:"FormItem",directives:{bkTooltips:d.bkTooltips},props:g,setup:function(t){var o=(0,r.getCurrentInstance)(),n=(0,r.reactive)({isError:!1,errorMessage:""}),i=(0,e.useForm)(),s=Boolean(i),a=(0,r.computed)((function(){var e={width:"",paddingRight:"",textAlign:""},r=b(t.labelWidth)?t.labelWidth:s&&i.props.labelWidth;b(r)&&(e.width="".concat(r,"px"),e.paddingRight=r?"":"0px");var o=t.labelPosition||s&&i.props.labelPosition;return o&&(e["text-align"]=o),e})),l=function(e){if(n.isError=!1,n.errorMessage="",!t.property||s&&!i.props.model)return Promise.resolve(!0);var r,o,a,l,u,d=[];s&&i.props.rules&&(r=i.props.rules,o=t.property,Object.prototype.hasOwnProperty.call(r,o))&&(d=i.props.rules[t.property]),t.rules&&(d=t.rules),d=function(e,r){return r.reduce((function(r,t){return t.trigger&&e?((Array.isArray(t.trigger)?t.trigger:[t.trigger]).includes(e)&&r.push(t),r):(r.push(t),r)}),[])}(e,(a=d,l=function(e){var r=[];return e.required&&r.push({validator:m.required,message:"".concat(e.label,"不能为空"),trigger:"blur"}),e.email&&r.push({validator:m.email,message:"".concat(e.label,"格式不正确"),trigger:"blur"}),Number(e.max)>-1&&r.push({validator:function(r){return m.max(r,e.max)},message:"".concat(e.label,"最大值").concat(e.max),trigger:"blur"}),Number(e.min)>-1&&r.push({validator:function(r){return m.min(r,e.min)},message:"".concat(e.label,"最小值").concat(e.min),trigger:"blur"}),Number(e.maxlength)>-1&&r.push({validator:function(r){return m.maxlength(r,e.maxlength)},message:"".concat(e.label,"最大长度").concat(e.maxlength),trigger:"blur"}),r}(t),u=a.reduce((function(e,r){var t;if(r.required)t=m.required;else if(r.email)t=m.email;else if(Number(r.max)>-1)t=function(e){return m.max(e,r.max)};else if(Number(r.min)>-1)t=function(e){return m.min(e,r.max)};else if(Number(r.maxlength)>-1)t=function(e){return m.min(e,r.max)};else if("[object RegExp]"===Object.prototype.toString.call(r.pattern))t=function(e){return m.pattern(e,r.pattern)};else{if("[object Function]"!==Object.prototype.toString.call(r.validator))return e;t=r.validator}return e.push({validator:t,message:r.message,trigger:r.trigger}),e}),[]),[].concat(c(l),c(u))));var f,g=(0,p.get)(i.props.model,t.property),b=(f=-1,function(){if((f+=1)>=d.length)return Promise.resolve(!0);var e=d[f];return Promise.resolve().then((function(){var r=e.validator(g);return"boolean"!=typeof r&&"function"==typeof r.then?r.then((function(){return b}),(function(){return n.isError=!0,n.errorMessage=e.message,Promise.reject(e.message)})):r?b():(n.isError=!0,n.errorMessage=e.message,Promise.reject(e.message))}))});return b()},u=function(){n.isError=!1,n.errorMessage=""};return(0,r.provide)(e.formItemKey,Object.assign(Object.assign({},t),{validate:l,clearValidate:u})),(0,r.onMounted)((function(){s&&i.register(o.proxy)})),(0,r.onBeforeUnmount)((function(){s&&i.unregister(o.proxy)})),Object.assign(Object.assign({},(0,r.toRefs)(n)),{labelStyles:a,validate:l,clearValidate:u})},render:function(){var t,o,n=this,i=(0,e.classes)({"bk-form-item":!0,"is-error":this.isError,"is-required":this.required});return(0,r.createVNode)("div",{class:i},[(0,r.createVNode)("div",{class:"bk-form-label",style:this.labelStyles},[n.$slots.label?n.$slots.label():n.description?(0,r.withDirectives)((0,r.createVNode)("span",{class:{"bk-form-label-description":Boolean(n.description)}},[n.label]),[[(0,r.resolveDirective)("bk-tooltips"),n.description]]):n.label]),(0,r.createVNode)("div",{class:"bk-form-content"},[null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t),n.isError?"tooltips"===n.errorDisplayType?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-form-error-tips"},[(0,r.createVNode)(f.ExclamationCircleShape,null,null)]),[[(0,r.resolveDirective)("bk-tooltips"),n.errorMessage]]):(0,r.createVNode)("div",{class:"bk-form-error"},[n.$slots.error?n.$slots.error(n.errorMessage):n.errorMessage]):null])])}});var y=(0,e.withInstallProps)(s,{FormItem:v,ComposeFormItem:o});const h=y})(),l})()));
|
package/lib/radio/index.d.ts
CHANGED
|
@@ -234,7 +234,6 @@ declare const BkRadio: {
|
|
|
234
234
|
size: typeof import("@bkui-vue/shared").PropTypes.size;
|
|
235
235
|
}, {
|
|
236
236
|
isFocused: import("vue").Ref<boolean>;
|
|
237
|
-
realName: void;
|
|
238
237
|
isChecked: import("vue").Ref<boolean>;
|
|
239
238
|
isDisabled: import("vue").ComputedRef<boolean>;
|
|
240
239
|
setChecked: (value?: boolean) => void;
|
package/lib/radio/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return o[e](a,a.exports,r),a.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{BkRadio:()=>b,BkRadioButton:()=>p,BkRadioGroup:()=>f,default:()=>v});var e=r(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,a=[],i=!0,s=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(s)throw r}}return a}}(e,o)||function(e,o){if(e){if("string"==typeof e)return t(e,o);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,o):void 0}}(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var n=r(748),i=Symbol("RadioGroup");function s(){var e=(0,n.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}var l=function(){var t=(0,n.getCurrentInstance)(),o=t.props,r=t.emit,a=(0,e.useFormItem)(),s=(0,n.inject)(i,e.EMPTY_OBJ),l=!(0,e.isEmptyObj)(s),d=(0,n.ref)(
|
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function r(e){var t=n[e];if(void 0!==t)return t.exports;var a=n[e]={exports:{}};return o[e](a,a.exports,r),a.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{r.r(a),r.d(a,{BkRadio:()=>b,BkRadioButton:()=>p,BkRadioGroup:()=>f,default:()=>v});var e=r(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,n=new Array(t);o<t;o++)n[o]=e[o];return n}function o(e,o){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var n,r,a=[],i=!0,s=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){s=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(s)throw r}}return a}}(e,o)||function(e,o){if(e){if("string"==typeof e)return t(e,o);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?t(e,o):void 0}}(e,o)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var n=r(748),i=Symbol("RadioGroup");function s(){var e=(0,n.ref)(!1);return[e,{blur:function(){e.value=!1},focus:function(){e.value=!0}}]}var l=function(){var t=(0,n.getCurrentInstance)(),o=t.props,r=t.emit,a=(0,e.useFormItem)(),s=(0,n.inject)(i,e.EMPTY_OBJ),l=!(0,e.isEmptyObj)(s),d=(0,n.ref)(!1),u=(0,n.computed)((function(){return!(!l||!s.props.disabled)||o.disabled}));return l?(0,n.watch)((function(){return s.props.modelValue}),(function(e){d.value=e===o.label}),{immediate:!0}):(0,n.watch)((function(){return o.modelValue}),(function(e){""!==e&&(d.value=e===o.label)}),{immediate:!0}),(0,n.onMounted)((function(){l&&s.register(t.proxy)})),(0,n.onBeforeUnmount)((function(){l&&s.unregister(t.proxy)})),{isChecked:d,isDisabled:u,setChecked:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];d.value=e},handleChange:function(e){var i;if(!u.value){var c=e.target;d.value=c.checked;var p=d.value?o.label:"";r("change",p),r("update:modelValue",p),l&&s.handleChange(t.proxy),null===(i=null==a?void 0:a.validate)||void 0===i||i.call(a,"change"),(0,n.nextTick)((function(){c.checked!==d.value&&(c.checked=d.value)}))}}}},d={name:e.PropTypes.string.def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1)};const u=(0,n.defineComponent)({name:"Radio",props:d,emits:["change","update:modelValue"],setup:function(){var e=o(s(),2),t=e[0],n=e[1],r=n.blur,a=n.focus,i=l();return{isFocused:t,isChecked:i.isChecked,isDisabled:i.isDisabled,setChecked:i.setChecked,handleBlur:r,handleFocus:a,handleChange:i.handleChange}},render:function(){var t=(0,e.classes)({"bk-radio":!0,"is-focused":this.isFocused,"is-disabled":this.isDisabled,"is-checked":this.isChecked});return(0,n.createVNode)("label",{class:t,tabindex:"0"},[(0,n.createVNode)("input",{class:"bk-radio-input",type:"radio",tabindex:"0",value:this.label,checked:this.isChecked,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handleChange},null),(0,n.createVNode)("span",{class:"bk-radio-text"},[this.$slots.default?this.$slots.default():this.label])])}});var c={name:e.PropTypes.string.def(""),label:e.PropTypes.oneOfType([String,Number,Boolean]).isRequired,modelValue:e.PropTypes.oneOfType([String,Number,Boolean]).def(""),checked:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),size:e.PropTypes.size};const p=(0,n.defineComponent)({name:"RadioButton",props:c,emits:["change","update:modelValue"],setup:function(){var e=o(s(),2),t=e[0],n=e[1],r=n.blur,a=n.focus,i=l();return{isFocused:t,isChecked:i.isChecked,isDisabled:i.isDisabled,setChecked:i.setChecked,handleBlur:r,handleFocus:a,handleChange:i.handleChange}},render:function(){var t=(0,e.classes)({"bk-radio-button":!0,"is-focused":this.isFocused,"is-disabled":this.isDisabled,"is-checked":this.isChecked});return(0,n.createVNode)("label",{class:t,tabindex:"0"},[(0,n.createVNode)("input",{class:"bk-radio-button-input",type:"radio",tabindex:"0",value:this.label,checked:this.isChecked,disabled:this.isDisabled,onFocus:this.handleFocus,onBlur:this.handleBlur,onChange:this.handleChange},null),(0,n.createVNode)("div",{class:"bk-radio-button-text"},[this.$slots.default?this.$slots.default():this.label])])}});var h={name:e.PropTypes.string.def(""),modelValue:e.PropTypes.oneOfType([String,Number,Boolean]),disabled:e.PropTypes.bool};const f=(0,n.defineComponent)({name:"RadioGroup",props:h,emits:["change","update:modelValue"],setup:function(e,t){var o=[];return(0,n.provide)(i,{props:e,register:function(e){o.push(e)},unregister:function(e){var t=o.indexOf(e);t>-1&&o.splice(t,1)},handleChange:function(e){var n=e.label;o.forEach((function(t){t!==e&&t.setChecked(!1)})),t.emit("update:modelValue",n),t.emit("change",n)}}),(0,n.onMounted)((function(){""!==e.modelValue&&o.forEach((function(t){t.setChecked(t.label===e.modelValue)}))})),{}},render:function(){var e;return(0,n.createVNode)("div",{class:"bk-radio-group"},[null===(e=this.$slots)||void 0===e?void 0:e.default()])}});var b=(0,e.withInstallProps)(u,{Group:f,Button:p});const v=b})(),a})()));
|
|
@@ -50,7 +50,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
50
50
|
size: typeof PropTypes.size;
|
|
51
51
|
}, {
|
|
52
52
|
isFocused: import("vue").Ref<boolean>;
|
|
53
|
-
realName: void;
|
|
54
53
|
isChecked: import("vue").Ref<boolean>;
|
|
55
54
|
isDisabled: import("vue").ComputedRef<boolean>;
|
|
56
55
|
setChecked: (value?: boolean) => void;
|
package/lib/switcher/index.d.ts
CHANGED
|
@@ -8,12 +8,12 @@ declare const BkSwitcher: {
|
|
|
8
8
|
value: string | number | boolean;
|
|
9
9
|
extCls: string;
|
|
10
10
|
modelValue: string | number | boolean;
|
|
11
|
+
beforeChange: (...args: any[]) => any;
|
|
11
12
|
showText: boolean;
|
|
12
13
|
isOutline: boolean;
|
|
13
14
|
onText: string;
|
|
14
15
|
offText: string;
|
|
15
16
|
isSquare: boolean;
|
|
16
|
-
preCheck: (...args: any[]) => any;
|
|
17
17
|
trueValue: string | number | boolean;
|
|
18
18
|
falseValue: string | number | boolean;
|
|
19
19
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -46,7 +46,7 @@ declare const BkSwitcher: {
|
|
|
46
46
|
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
|
47
47
|
default: string;
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
50
50
|
default: (...args: any[]) => any;
|
|
51
51
|
} & {
|
|
52
52
|
default: (...args: any[]) => any;
|
|
@@ -66,7 +66,7 @@ declare const BkSwitcher: {
|
|
|
66
66
|
}>> & {
|
|
67
67
|
onChange?: (...args: any[]) => any;
|
|
68
68
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
69
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "value" | "extCls" | "modelValue" | "showText" | "isOutline" | "onText" | "offText" | "isSquare" | "
|
|
69
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "theme" | "value" | "extCls" | "modelValue" | "beforeChange" | "showText" | "isOutline" | "onText" | "offText" | "isSquare" | "trueValue" | "falseValue">;
|
|
70
70
|
$attrs: {
|
|
71
71
|
[x: string]: unknown;
|
|
72
72
|
};
|
|
@@ -110,7 +110,7 @@ declare const BkSwitcher: {
|
|
|
110
110
|
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
|
111
111
|
default: string;
|
|
112
112
|
};
|
|
113
|
-
|
|
113
|
+
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
114
114
|
default: (...args: any[]) => any;
|
|
115
115
|
} & {
|
|
116
116
|
default: (...args: any[]) => any;
|
|
@@ -136,12 +136,12 @@ declare const BkSwitcher: {
|
|
|
136
136
|
value: string | number | boolean;
|
|
137
137
|
extCls: string;
|
|
138
138
|
modelValue: string | number | boolean;
|
|
139
|
+
beforeChange: (...args: any[]) => any;
|
|
139
140
|
showText: boolean;
|
|
140
141
|
isOutline: boolean;
|
|
141
142
|
onText: string;
|
|
142
143
|
offText: string;
|
|
143
144
|
isSquare: boolean;
|
|
144
|
-
preCheck: (...args: any[]) => any;
|
|
145
145
|
trueValue: string | number | boolean;
|
|
146
146
|
falseValue: string | number | boolean;
|
|
147
147
|
}> & {
|
|
@@ -194,7 +194,7 @@ declare const BkSwitcher: {
|
|
|
194
194
|
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
|
195
195
|
default: string;
|
|
196
196
|
};
|
|
197
|
-
|
|
197
|
+
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
198
198
|
default: (...args: any[]) => any;
|
|
199
199
|
} & {
|
|
200
200
|
default: (...args: any[]) => any;
|
|
@@ -248,7 +248,7 @@ declare const BkSwitcher: {
|
|
|
248
248
|
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
|
249
249
|
default: string;
|
|
250
250
|
};
|
|
251
|
-
|
|
251
|
+
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
252
252
|
default: (...args: any[]) => any;
|
|
253
253
|
} & {
|
|
254
254
|
default: (...args: any[]) => any;
|
|
@@ -274,12 +274,12 @@ declare const BkSwitcher: {
|
|
|
274
274
|
value: string | number | boolean;
|
|
275
275
|
extCls: string;
|
|
276
276
|
modelValue: string | number | boolean;
|
|
277
|
+
beforeChange: (...args: any[]) => any;
|
|
277
278
|
showText: boolean;
|
|
278
279
|
isOutline: boolean;
|
|
279
280
|
onText: string;
|
|
280
281
|
offText: string;
|
|
281
282
|
isSquare: boolean;
|
|
282
|
-
preCheck: (...args: any[]) => any;
|
|
283
283
|
trueValue: string | number | boolean;
|
|
284
284
|
falseValue: string | number | boolean;
|
|
285
285
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
package/lib/switcher/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],o);else{var r="object"==typeof exports?o(require("../shared"),require("vue"),require("../icon")):o(e["../shared"],e.vue,e["../icon"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o,r)=>(()=>{"use strict";var t={6870:e=>{e.exports=r},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function u(e){var o=n[e];if(void 0!==o)return o.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,u),r.exports}u.d=(e,o)=>{for(var r in o)u.o(o,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},u.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{u.r(i),u.d(i,{default:()=>s});var e=u(4212);function o(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}var r=u(748),t=u(6870);const n=(0,r.defineComponent)({name:"Switcher",props:{theme:e.PropTypes.theme().def(""),size:e.PropTypes.size(),disabled:e.PropTypes.bool,showText:e.PropTypes.bool,isOutline:e.PropTypes.bool,onText:e.PropTypes.string.def("ON"),offText:e.PropTypes.string.def("OFF"),isSquare:e.PropTypes.bool,extCls:e.PropTypes.string,
|
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],o);else{var r="object"==typeof exports?o(require("../shared"),require("vue"),require("../icon")):o(e["../shared"],e.vue,e["../icon"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o,r)=>(()=>{"use strict";var t={6870:e=>{e.exports=r},4212:o=>{o.exports=e},748:e=>{e.exports=o}},n={};function u(e){var o=n[e];if(void 0!==o)return o.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,u),r.exports}u.d=(e,o)=>{for(var r in o)u.o(o,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:o[r]})},u.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{u.r(i),u.d(i,{default:()=>s});var e=u(4212);function o(e,o,r){return o in e?Object.defineProperty(e,o,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[o]=r,e}var r=u(748),t=u(6870);const n=(0,r.defineComponent)({name:"Switcher",props:{theme:e.PropTypes.theme().def(""),size:e.PropTypes.size(),disabled:e.PropTypes.bool,showText:e.PropTypes.bool,isOutline:e.PropTypes.bool,onText:e.PropTypes.string.def("ON"),offText:e.PropTypes.string.def("OFF"),isSquare:e.PropTypes.bool,extCls:e.PropTypes.string,beforeChange:e.PropTypes.func.def(void 0),trueValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number,e.PropTypes.bool]).def(!0),falseValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number,e.PropTypes.bool]).def(!1),value:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number,e.PropTypes.bool]).def(!1),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number,e.PropTypes.bool]).def(!1)},emits:["update:modelValue","change"],setup:function(n,u){var i=u.emit,s=(0,e.useFormItem)(),a=(0,r.ref)(!1),l=(0,r.computed)((function(){return n.trueValue===f.value})),p=(0,r.ref)(!1!==n.modelValue),f=(0,r.computed)((function(){return p.value?n.modelValue:n.value})),c=(0,r.computed)((function(){var e,r=(o(e={},n.extCls,!!n.extCls),o(e,"bk-switcher",!0),o(e,"bk-switcher-outline",n.isOutline),o(e,"bk-switcher-square",n.isSquare),o(e,"show-label",n.showText),o(e,"is-disabled",n.disabled),o(e,"is-checked",l.value),o(e,"is-unchecked",!l.value),o(e,"is-loading",a.value),o(e,"bk-primary","primary"===n.theme),e);return n.size&&!n.showText&&(r["bk-switcher-".concat(n.size)]=!0),n.size||(r["bk-switcher-nomal"]=!0),r}));(0,r.watch)((function(){return n.modelValue}),(function(){p.value=!0})),(0,r.watch)((function(){return n.value}),(function(){p.value=!1}));var d=function(e){if(e.stopPropagation(),e.preventDefault(),!n.disabled&&!a.value){var o=l.value?n.falseValue:n.trueValue,r=!l.value,t=function(){var e;i("update:modelValue",o),i("change",r),null===(e=null==s?void 0:s.validate)||void 0===e||e.call(s,"change")},u=!0;if("function"==typeof n.beforeChange&&"function"==typeof(u=n.beforeChange(o)).then)return a.value=!0,u.then((function(){t()})).finally((function(){a.value=!1}));u&&t()}};return function(){return(0,r.createVNode)("div",{class:c.value,onClick:d,tabindex:"0",onKeydown:d},[a.value?(0,r.createVNode)(t.SwitcherLoading,{class:"bk-switcher-loading"},null):"",n.showText?(0,r.createVNode)("span",{class:"switcher-text"},[l.value?n.onText:n.offText]):""])}}}),s=(0,e.withInstall)(n)})(),i})()));
|
|
@@ -153,10 +153,10 @@
|
|
|
153
153
|
.bk-switcher.is-checked .bk-switcher-loading svg {
|
|
154
154
|
color: #2dcb56;
|
|
155
155
|
}
|
|
156
|
-
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary {
|
|
156
|
+
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary {
|
|
157
157
|
background: #3a84ff;
|
|
158
158
|
}
|
|
159
|
-
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary .bk-switcher-loading svg {
|
|
159
|
+
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary .bk-switcher-loading svg {
|
|
160
160
|
color: #3a84ff;
|
|
161
161
|
}
|
|
162
162
|
.bk-switcher.is-checked:after {
|
|
@@ -197,13 +197,13 @@
|
|
|
197
197
|
.bk-switcher.bk-switcher-outline .bk-switcher-loading svg {
|
|
198
198
|
color: #fff;
|
|
199
199
|
}
|
|
200
|
-
.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked {
|
|
200
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked {
|
|
201
201
|
border: 1px solid #3a84ff;
|
|
202
202
|
}
|
|
203
|
-
.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked:after {
|
|
203
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked:after {
|
|
204
204
|
background: #3a84ff;
|
|
205
205
|
}
|
|
206
|
-
.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked .switcher-text {
|
|
206
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked .switcher-text {
|
|
207
207
|
color: #3a84ff;
|
|
208
208
|
}
|
|
209
209
|
.bk-switcher.bk-switcher-square {
|
|
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
28
28
|
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
|
29
29
|
default: string;
|
|
30
30
|
};
|
|
31
|
-
|
|
31
|
+
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
32
32
|
default: (...args: any[]) => any;
|
|
33
33
|
} & {
|
|
34
34
|
default: (...args: any[]) => any;
|
|
@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
75
75
|
extCls: import("vue-types").VueTypeValidableDef<string> & {
|
|
76
76
|
default: string;
|
|
77
77
|
};
|
|
78
|
-
|
|
78
|
+
beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
|
|
79
79
|
default: (...args: any[]) => any;
|
|
80
80
|
} & {
|
|
81
81
|
default: (...args: any[]) => any;
|
|
@@ -101,12 +101,12 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
101
101
|
value: string | number | boolean;
|
|
102
102
|
extCls: string;
|
|
103
103
|
modelValue: string | number | boolean;
|
|
104
|
+
beforeChange: (...args: any[]) => any;
|
|
104
105
|
showText: boolean;
|
|
105
106
|
isOutline: boolean;
|
|
106
107
|
onText: string;
|
|
107
108
|
offText: string;
|
|
108
109
|
isSquare: boolean;
|
|
109
|
-
preCheck: (...args: any[]) => any;
|
|
110
110
|
trueValue: string | number | boolean;
|
|
111
111
|
falseValue: string | number | boolean;
|
|
112
112
|
}>;
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
}
|
|
153
153
|
}
|
|
154
154
|
|
|
155
|
-
&:not(.bk-switcher-outline)&.primary {
|
|
155
|
+
&:not(.bk-switcher-outline)&.bk-primary {
|
|
156
156
|
background: @primary-color;
|
|
157
157
|
|
|
158
158
|
.bk-switcher-loading {
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
}
|
|
232
232
|
}
|
|
233
233
|
|
|
234
|
-
&.bk-switcher-outline&.primary {
|
|
234
|
+
&.bk-switcher-outline&.bk-primary {
|
|
235
235
|
&.is-checked {
|
|
236
236
|
border: 1px solid @primary-color;
|
|
237
237
|
|
|
@@ -252,10 +252,10 @@
|
|
|
252
252
|
.bk-switcher.is-checked .bk-switcher-loading svg {
|
|
253
253
|
color: var(--success-color);
|
|
254
254
|
}
|
|
255
|
-
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary {
|
|
255
|
+
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary {
|
|
256
256
|
background: var(--primary-color);
|
|
257
257
|
}
|
|
258
|
-
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.primary .bk-switcher-loading svg {
|
|
258
|
+
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary .bk-switcher-loading svg {
|
|
259
259
|
color: var(--primary-color);
|
|
260
260
|
}
|
|
261
261
|
.bk-switcher.is-checked:after {
|
|
@@ -296,13 +296,13 @@
|
|
|
296
296
|
.bk-switcher.bk-switcher-outline .bk-switcher-loading svg {
|
|
297
297
|
color: #fff;
|
|
298
298
|
}
|
|
299
|
-
.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked {
|
|
299
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked {
|
|
300
300
|
border: 1px solid var(--primary-color);
|
|
301
301
|
}
|
|
302
|
-
.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked:after {
|
|
302
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked:after {
|
|
303
303
|
background: var(--primary-color);
|
|
304
304
|
}
|
|
305
|
-
.bk-switcher.bk-switcher-outline.bk-switcher.primary.is-checked .switcher-text {
|
|
305
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked .switcher-text {
|
|
306
306
|
color: var(--primary-color);
|
|
307
307
|
}
|
|
308
308
|
.bk-switcher.bk-switcher-square {
|