bkui-vue 0.0.2-beta.42 → 0.0.2-beta.44

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.
Files changed (26) hide show
  1. package/dist/index.cjs.js +27 -27
  2. package/dist/index.esm.js +2590 -2570
  3. package/dist/index.umd.js +30 -30
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/collapse-transition/index.d.ts +128 -2
  7. package/lib/collapse-transition/index.js +1 -1
  8. package/lib/input/index.d.ts +9 -9
  9. package/lib/input/index.js +1 -1
  10. package/lib/input/input.css +6 -3
  11. package/lib/input/input.d.ts +7 -7
  12. package/lib/input/input.less +6 -6
  13. package/lib/input/input.variable.css +6 -3
  14. package/lib/overflow-title/components/overflow-title.d.ts +256 -0
  15. package/lib/overflow-title/index.d.ts +385 -0
  16. package/lib/overflow-title/index.js +1 -1
  17. package/lib/overflow-title/props.d.ts +129 -0
  18. package/lib/select/index.d.ts +1 -1
  19. package/lib/switcher/index.d.ts +29 -15
  20. package/lib/switcher/index.js +1 -1
  21. package/lib/switcher/switcher.d.ts +74 -5
  22. package/lib/table/index.js +1 -1
  23. package/lib/table/table.css +3 -0
  24. package/lib/table/table.less +3 -0
  25. package/lib/table/table.variable.css +3 -0
  26. package/package.json +1 -1
package/lib/overflow-title/index.js CHANGED
@@ -1 +1 @@
1
- !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../popover"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../popover","vue-types"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../popover"),require("vue-types")):t(e["../shared"],e.vue,e["../popover"],e["vue-types"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o,n)=>(()=>{"use strict";var r={35:(e,t,o)=>{var n=o(9601),r=o.n(n),i=o(2609);o.n(i)()(r()).push([e.id,".text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n",""])},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",n=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),n&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),n&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,n,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(n)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(a[u]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),t.push(c))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5537:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={id:e,exports:{}};return r[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),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,{OverflowTitle:()=>d,default:()=>f,getActualWidthByCanvas:()=>s,getActualWidthByDom:()=>c,overflowTitle:()=>p});var e,t=a(4212),o=a(748),n=a(5537),r=a.n(n),i=a(210);!function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(e||(e={}));const u={content:t.PropTypes.string,type:t.PropTypes.oneOf(["tips","title"]).def("title"),calType:t.PropTypes.oneOf(["dom","canvas"]).def("dom"),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]).def(document.body),placement:(0,i.string)().def(e.BOTTOM).def(e.TOP_START),resizeable:t.PropTypes.bool},s=function(e,t){var o=t.fontSize,n=void 0===o?14:o,r=t.fontFamily,i=void 0===r?"Microsoft YaHei":r,a=document.createElement("canvas").getContext("2d");a.font="".concat(n,"px ").concat(i);var l=a.measureText(e),u=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,u)},c=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document.body;if(!o)return 0;var n=t||{},r=n.fontSize,i=n.fontFamily,a=document.createElement("div");a.style.cssText="position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n ".concat(r?"font-size:".concat(r," ;"):"","\n ").concat(i?"font-family:".concat(i," "):"","\n "),a.innerText=e,o.append(a);var l=a.clientWidth;return o.removeChild(a),l};a(35);const d=(0,o.defineComponent)({name:"OverflowTitle",props:u,setup:function(e,n){var r=n.slots,i=(0,o.ref)(null),a=(0,o.ref)(null),l=(0,o.ref)(!1),u=(0,o.shallowRef)(),d=(0,o.computed)((function(){var t;return e.content?e.content:null===(t=null==r?void 0:r.default)||void 0===t?void 0:t.call(r)}));return(0,o.onMounted)((function(){var n=i.value.clientWidth,r=(0,t.debounce)(500,(function(){var t,o,r;l.value=!1,u.value={};var p=0;if("dom"===e.calType)p=c(null===(t=a.value)||void 0===t?void 0:t.textContent,null,i.value);else{var f=getComputedStyle(i.value),v=f.fontSize,T=f.fontFamily;p=s(d.value,{fontSize:v,fontFamily:T})}p>n&&(l.value=!0,"title"===e.type&&(u.value={title:null!==(r=null===(o=null==a?void 0:a.value)||void 0===o?void 0:o.innerText)&&void 0!==r?r:e.content}))}));if(r(),e.resizeable){var p=new ResizeObserver(r);p.observe(i.value),(0,o.onBeforeUnmount)((function(){i.value&&(null==p||p.unobserve(i.value)),null==p||p.disconnect()}))}})),{boxRef:i,textRef:a,isShowTips:l,contentText:d,textProps:u}},render:function(){var e=this;return(0,o.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,o.createVNode)(r(),{disabled:"title"===this.type||!this.isShowTips,placement:this.placement,boundary:this.boundary||document.body},{default:function(){return(0,o.createVNode)("div",(0,o.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),p={mounted:function(e,t){var o=t.value,n=void 0===o?{}:o,r=e.parentElement.clientWidth;if(r){var i=n.content,a=n.calType,l=void 0===a?"dom":a,u=i||e.innerText,d=0;if("dom"===l)d=c(e.textContent,null,e.parentElement);else{var p=getComputedStyle(e),f=p.fontSize,v=p.fontFamily;d=s(u,{fontSize:f,fontFamily:v})}d>r&&e.setAttribute("title",u)}}},f=(0,t.withInstall)(d)})(),l})()));
1
+ !function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../popover"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../popover","vue-types"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../popover"),require("vue-types")):t(e["../shared"],e.vue,e["../popover"],e["vue-types"]);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o,n)=>(()=>{"use strict";var r={35:(e,t,o)=>{var n=o(9601),r=o.n(n),i=o(2609);o.n(i)()(r()).push([e.id,".text-ov {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.position-relative {\n position: relative;\n}\n.position-absolute {\n position: absolute;\n}\n",""])},2609:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var o="",n=void 0!==t[5];return t[4]&&(o+="@supports (".concat(t[4],") {")),t[2]&&(o+="@media ".concat(t[2]," {")),n&&(o+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),o+=e(t),n&&(o+="}"),t[2]&&(o+="}"),t[4]&&(o+="}"),o})).join("")},t.i=function(e,o,n,r,i){"string"==typeof e&&(e=[[null,e,void 0]]);var a={};if(n)for(var l=0;l<this.length;l++){var u=this[l][0];null!=u&&(a[u]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);n&&a[c[0]]||(void 0!==i&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=i),o&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=o):c[2]=o),r&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=r):c[4]="".concat(r)),t.push(c))}},t}},9601:e=>{e.exports=function(e){return e[1]}},5537:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t},210:e=>{e.exports=n}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var o=i[e]={id:e,exports:{}};return r[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),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,{OverflowTitle:()=>p,default:()=>v,getActualWidthByCanvas:()=>s,getActualWidthByDom:()=>c,overflowTitle:()=>d});var e,t=a(4212),o=a(748),n=a(5537),r=a.n(n),i=a(210);!function(e){e.AUTO="auto",e.AUTO_START="auto-start",e.AUTO_END="auto-end",e.TOP="top",e.RIGHT="right",e.BOTTOM="bottom",e.LEFT="left",e.TOP_START="top-start",e.TOP_END="top-end",e.BOTTOM_START="bottom-start",e.BOTTOM_END="bottom-end",e.RIGHT_START="right-start",e.RIGHT_END="right-end",e.LEFT_START="left-start",e.LEFT_END="left-end"}(e||(e={}));const u={content:t.PropTypes.string,type:t.PropTypes.oneOf(["tips","title"]).def("title"),calType:t.PropTypes.oneOf(["dom","canvas"]).def("dom"),boundary:t.PropTypes.oneOfType([t.PropTypes.string.def("parent"),t.PropTypes.instanceOf(HTMLElement)]).def(document.body),placement:(0,i.string)().def(e.BOTTOM).def(e.TOP_START),resizeable:t.PropTypes.bool,popoverOptions:Object},s=function(e,t){var o=t.fontSize,n=void 0===o?14:o,r=t.fontFamily,i=void 0===r?"Microsoft YaHei":r,a=document.createElement("canvas").getContext("2d");a.font="".concat(n,"px ").concat(i);var l=a.measureText(e),u=Math.abs(l.actualBoundingBoxLeft)+Math.abs(l.actualBoundingBoxRight);return Math.max(l.width,u)},c=function(e,t){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:document.body;if(!o)return 0;var n=t||{},r=n.fontSize,i=n.fontFamily,a=document.createElement("div");a.style.cssText="position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n ".concat(r?"font-size:".concat(r," ;"):"","\n ").concat(i?"font-family:".concat(i," "):"","\n "),a.innerText=e,o.append(a);var l=a.clientWidth;return o.removeChild(a),l};a(35);const p=(0,o.defineComponent)({name:"OverflowTitle",props:u,setup:function(e,n){var r=n.slots,i=(0,o.ref)(null),a=(0,o.ref)(null),l=(0,o.ref)(!1),u=(0,o.shallowRef)(),p=(0,o.computed)((function(){var t;return e.content?e.content:null===(t=null==r?void 0:r.default)||void 0===t?void 0:t.call(r)}));return(0,o.onMounted)((function(){var n=i.value.clientWidth,r=(0,t.debounce)(500,(function(){var t,o,r;l.value=!1,u.value={};var d=0;if("dom"===e.calType)d=c(null===(t=a.value)||void 0===t?void 0:t.textContent,null,i.value);else{var v=getComputedStyle(i.value),f=v.fontSize,T=v.fontFamily;d=s(p.value,{fontSize:f,fontFamily:T})}d>n&&(l.value=!0,"title"===e.type&&(u.value={title:null!==(r=null===(o=null==a?void 0:a.value)||void 0===o?void 0:o.innerText)&&void 0!==r?r:e.content}))}));if(r(),e.resizeable){var d=new ResizeObserver(r);d.observe(i.value),(0,o.onBeforeUnmount)((function(){i.value&&(null==d||d.unobserve(i.value)),null==d||d.disconnect()}))}})),{boxRef:i,textRef:a,isShowTips:l,contentText:p,textProps:u}},render:function(){var e=this;return(0,o.createVNode)("div",{ref:"boxRef",class:"position-relative"},[(0,o.createVNode)(r(),(0,o.mergeProps)({placement:this.placement,boundary:this.boundary||document.body},u.popoverOptions,{disabled:"title"===this.type||!this.isShowTips}),{default:function(){return(0,o.createVNode)("div",(0,o.mergeProps)({ref:"textRef",class:"text-ov"},e.textProps),[e.contentText])},content:function(){return e.contentText}})])}}),d={mounted:function(e,t){var o=t.value,n=void 0===o?{}:o,r=e.parentElement.clientWidth;if(r){var i=n.content,a=n.calType,l=void 0===a?"dom":a,u=i||e.innerText,p=0;if("dom"===l)p=c(e.textContent,null,e.parentElement);else{var d=getComputedStyle(e),v=d.fontSize,f=d.fontFamily;p=s(u,{fontSize:v,fontFamily:f})}p>r&&e.setAttribute("title",u)}}},v=(0,t.withInstall)(p)})(),l})()));
package/lib/overflow-title/props.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue/dist/vue';
1
2
  export type TipsType = 'tips' | 'title';
2
3
  export type CalType = 'dom' | 'canvas';
3
4
  export declare enum PlacementEnum {
@@ -39,5 +40,133 @@ declare const _default: {
39
40
  resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
40
41
  default: boolean;
41
42
  };
43
+ popoverOptions: PropType<Partial<Readonly<import("vue").ExtractPropTypes<{
44
+ isShow: import("vue-types").VueTypeValidableDef<boolean> & {
45
+ default: boolean;
46
+ } & {
47
+ default: boolean;
48
+ };
49
+ always: import("vue-types").VueTypeValidableDef<boolean> & {
50
+ default: boolean;
51
+ } & {
52
+ default: boolean;
53
+ };
54
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
55
+ default: boolean;
56
+ } & {
57
+ default: boolean;
58
+ };
59
+ width: import("vue-types").VueTypeDef<string | number> & {
60
+ default: string | number;
61
+ };
62
+ height: import("vue-types").VueTypeDef<string | number> & {
63
+ default: string | number;
64
+ };
65
+ maxWidth: import("vue-types").VueTypeDef<string | number> & {
66
+ default: string | number;
67
+ };
68
+ maxHeight: import("vue-types").VueTypeDef<string | number> & {
69
+ default: string | number;
70
+ };
71
+ content: import("vue-types").VueTypeDef<string | number | HTMLElement | JSX.Element> & {
72
+ default: string | number | (() => HTMLElement) | (() => JSX.Element);
73
+ };
74
+ target: import("vue-types").VueTypeDef<string | HTMLElement | PointerEvent>;
75
+ allowHtml: import("vue-types").VueTypeValidableDef<boolean> & {
76
+ default: boolean;
77
+ } & {
78
+ default: boolean;
79
+ };
80
+ placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
81
+ default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
82
+ };
83
+ theme: import("vue-types").VueTypeValidableDef<string> & {
84
+ default: string;
85
+ } & {
86
+ default: string;
87
+ };
88
+ trigger: import("vue-types").VueTypeValidableDef<"click" | "hover" | "manual"> & {
89
+ default: "click" | "hover" | "manual";
90
+ };
91
+ renderType: import("vue-types").VueTypeDef<"auto" | "shown"> & {
92
+ default: "auto" | "shown";
93
+ };
94
+ arrow: import("vue-types").VueTypeValidableDef<boolean> & {
95
+ default: boolean;
96
+ } & {
97
+ default: boolean;
98
+ };
99
+ padding: import("vue-types").VueTypeValidableDef<number> & {
100
+ default: number;
101
+ } & {
102
+ default: number;
103
+ };
104
+ offset: import("vue-types").VueTypeDef<number | {
105
+ mainAxis?: number;
106
+ crossAxis?: number;
107
+ alignmentAxis?: number;
108
+ }> & {
109
+ default: number | (() => {
110
+ mainAxis?: number;
111
+ crossAxis?: number;
112
+ alignmentAxis?: number;
113
+ });
114
+ };
115
+ boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
116
+ zIndex: import("vue-types").VueTypeValidableDef<number> & {
117
+ default: number;
118
+ } & {
119
+ default: number;
120
+ };
121
+ disableTeleport: import("vue-types").VueTypeValidableDef<boolean> & {
122
+ default: boolean;
123
+ } & {
124
+ default: boolean;
125
+ };
126
+ autoPlacement: import("vue-types").VueTypeValidableDef<boolean> & {
127
+ default: boolean;
128
+ } & {
129
+ default: boolean;
130
+ };
131
+ autoVisibility: import("vue-types").VueTypeValidableDef<boolean> & {
132
+ default: boolean;
133
+ } & {
134
+ default: boolean;
135
+ };
136
+ disableOutsideClick: import("vue-types").VueTypeValidableDef<boolean> & {
137
+ default: boolean;
138
+ } & {
139
+ default: boolean;
140
+ };
141
+ disableTransform: import("vue-types").VueTypeValidableDef<boolean> & {
142
+ default: boolean;
143
+ } & {
144
+ default: boolean;
145
+ };
146
+ reference: import("vue-types").VueTypeValidableDef<any>;
147
+ modifiers: import("vue-types").VueTypeValidableDef<unknown[]> & {
148
+ default: () => unknown[];
149
+ } & {
150
+ default: () => unknown[];
151
+ };
152
+ popoverDelay: import("vue-types").VueTypeDef<number | number[]> & {
153
+ default: number | (() => number[]);
154
+ };
155
+ extCls: import("vue-types").VueTypeValidableDef<string> & {
156
+ default: string;
157
+ } & {
158
+ default: string;
159
+ };
160
+ componentEventDelay: import("vue-types").VueTypeValidableDef<number> & {
161
+ default: number;
162
+ } & {
163
+ default: number;
164
+ };
165
+ forceClickoutside: import("vue-types").VueTypeValidableDef<boolean> & {
166
+ default: boolean;
167
+ } & {
168
+ default: boolean;
169
+ };
170
+ }>>>>;
42
171
  };
43
172
  export default _default;
package/lib/select/index.d.ts CHANGED
@@ -89,11 +89,11 @@ declare const BkSelect: {
89
89
  }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
90
90
  [key: string]: any;
91
91
  }>) => void)[];
92
+ readonly popoverOptions?: unknown;
92
93
  readonly modelValue?: any;
93
94
  onClear?: (...args: any[]) => any;
94
95
  "onUpdate:modelValue"?: (...args: any[]) => any;
95
96
  onToggle?: (...args: any[]) => any;
96
- readonly popoverOptions?: unknown;
97
97
  "onScroll-end"?: (...args: any[]) => any;
98
98
  "onTag-remove"?: (...args: any[]) => any;
99
99
  };
package/lib/switcher/index.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const BkSwitcher: {
5
5
  $props: {
6
6
  extCls?: string;
7
7
  disabled?: boolean;
8
+ theme?: "success" | "primary";
8
9
  value?: string | number | boolean;
9
10
  modelValue?: string | number | boolean;
10
11
  withValidate?: boolean;
@@ -18,9 +19,8 @@ declare const BkSwitcher: {
18
19
  falseValue?: string | number | boolean;
19
20
  class?: unknown;
20
21
  style?: unknown;
21
- onChange?: (...args: any[]) => any;
22
+ onChange?: (value: boolean) => any;
22
23
  ref?: import("vue").VNodeRef;
23
- readonly theme?: "success" | "warning" | "danger" | "primary";
24
24
  key?: string | number | symbol;
25
25
  ref_for?: boolean;
26
26
  ref_key?: string;
@@ -63,7 +63,7 @@ declare const BkSwitcher: {
63
63
  [key: string]: any;
64
64
  }>) => void)[];
65
65
  readonly size?: "default" | "small" | "large";
66
- "onUpdate:modelValue"?: (...args: any[]) => any;
66
+ "onUpdate:modelValue"?: (value: string | number | boolean) => any;
67
67
  };
68
68
  $attrs: {
69
69
  [x: string]: unknown;
@@ -76,10 +76,12 @@ declare const BkSwitcher: {
76
76
  }>;
77
77
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
78
78
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
79
- $emit: (event: "change" | "update:modelValue", ...args: any[]) => void;
79
+ $emit: ((event: import("./switcher").EVENTS.UPDATE, value: string | number | boolean) => void) & ((event: import("./switcher").EVENTS.CHANGE, value: boolean) => void);
80
80
  $el: any;
81
81
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
82
- theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
82
+ theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
83
+ default: "success" | "primary";
84
+ };
83
85
  size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
84
86
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
85
87
  default: boolean;
@@ -129,11 +131,15 @@ declare const BkSwitcher: {
129
131
  default: boolean;
130
132
  };
131
133
  }>> & {
132
- onChange?: (...args: any[]) => any;
133
- "onUpdate:modelValue"?: (...args: any[]) => any;
134
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], string, {
134
+ onChange?: (value: boolean) => any;
135
+ "onUpdate:modelValue"?: (value: string | number | boolean) => any;
136
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
137
+ "update:modelValue": (value: string | number | boolean) => string | number | boolean;
138
+ change: (value: boolean) => boolean;
139
+ }, string, {
135
140
  extCls: string;
136
141
  disabled: boolean;
142
+ theme: "success" | "primary";
137
143
  value: string | number | boolean;
138
144
  modelValue: string | number | boolean;
139
145
  withValidate: boolean;
@@ -166,7 +172,9 @@ declare const BkSwitcher: {
166
172
  $nextTick: typeof import("vue").nextTick;
167
173
  $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
168
174
  } & Readonly<import("vue").ExtractPropTypes<{
169
- theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
175
+ theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
176
+ default: "success" | "primary";
177
+ };
170
178
  size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
171
179
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
172
180
  default: boolean;
@@ -216,14 +224,16 @@ declare const BkSwitcher: {
216
224
  default: boolean;
217
225
  };
218
226
  }>> & {
219
- onChange?: (...args: any[]) => any;
220
- "onUpdate:modelValue"?: (...args: any[]) => any;
227
+ onChange?: (value: boolean) => any;
228
+ "onUpdate:modelValue"?: (value: string | number | boolean) => any;
221
229
  } & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & import("vue").ComponentCustomProperties & {};
222
230
  __isFragment?: never;
223
231
  __isTeleport?: never;
224
232
  __isSuspense?: never;
225
233
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
226
- theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
234
+ theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
235
+ default: "success" | "primary";
236
+ };
227
237
  size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
228
238
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
229
239
  default: boolean;
@@ -273,11 +283,15 @@ declare const BkSwitcher: {
273
283
  default: boolean;
274
284
  };
275
285
  }>> & {
276
- onChange?: (...args: any[]) => any;
277
- "onUpdate:modelValue"?: (...args: any[]) => any;
278
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", {
286
+ onChange?: (value: boolean) => any;
287
+ "onUpdate:modelValue"?: (value: string | number | boolean) => any;
288
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
289
+ "update:modelValue": (value: string | number | boolean) => string | number | boolean;
290
+ change: (value: boolean) => boolean;
291
+ }, string, {
279
292
  extCls: string;
280
293
  disabled: boolean;
294
+ theme: "success" | "primary";
281
295
  value: string | number | boolean;
282
296
  modelValue: string | number | boolean;
283
297
  withValidate: boolean;
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("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],o);else{var r="object"==typeof exports?o(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):o(e["../shared"],e.vue,e["../config-provider"],e["../icon"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o,r,t)=>(()=>{"use strict";var n={2717:e=>{e.exports=r},6870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function u(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return n[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 a={};return(()=>{u.r(a),u.d(a,{default:()=>s});var e=u(4212);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function r(e,r,t){return(r=function(e){var r=function(e,r){if("object"!==o(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(r)?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var t=u(748),n=u(2717),i=u(6870);const l=(0,t.defineComponent)({name:"Switcher",props:{theme:e.PropTypes.theme(),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),withValidate:e.PropTypes.bool.def(!0)},emits:["update:modelValue","change"],setup:function(o,u){var a=u.emit,l=(0,e.useFormItem)(),s=(0,n.usePrefix)().resolveClassName,p=(0,t.ref)(!1),c=(0,t.computed)((function(){return o.trueValue===d.value})),f=(0,t.ref)(!1!==o.modelValue),d=(0,t.computed)((function(){return f.value?o.modelValue:o.value})),y=(0,t.computed)((function(){var e,t=(r(e={},o.extCls,!!o.extCls),r(e,"".concat(s("switcher")),!0),r(e,"".concat(s("switcher-outline")),o.isOutline),r(e,"".concat(s("switcher-square")),o.isSquare),r(e,"show-label",o.showText),r(e,"is-disabled",o.disabled),r(e,"is-checked",c.value),r(e,"is-unchecked",!c.value),r(e,"is-loading",p.value),r(e,"".concat(s("primary")),"primary"===o.theme),e);return o.size&&!o.showText&&(t["".concat(s("switcher-".concat(o.size)))]=!0),t}));(0,t.watch)((function(){return o.modelValue}),(function(){var e;f.value=!0,o.withValidate&&(null===(e=null==l?void 0:l.validate)||void 0===e||e.call(l,"change"))})),(0,t.watch)((function(){return o.value}),(function(){f.value=!1}));var v=function(e){if(e.stopPropagation(),e.preventDefault(),!o.disabled&&!p.value){var r=c.value?o.falseValue:o.trueValue,t=!c.value,n=function(){a("update:modelValue",r),a("change",t)},i=!0;if("function"==typeof o.beforeChange&&"function"==typeof(i=o.beforeChange(r)).then)return p.value=!0,i.then((function(){n()})).finally((function(){p.value=!1}));i&&n()}},b=function(e){"Enter"!==e.code&&"Enter"!==e.key&&13!==e.keyCode||v(e)};return function(){return(0,t.createVNode)("div",{class:y.value,onClick:v,tabindex:"0",onKeydown:b},[p.value?(0,t.createVNode)(i.SwitcherLoading,{class:"".concat(s("switcher-loading"))},null):"",o.showText?(0,t.createVNode)("span",{class:"switcher-text"},[c.value?o.onText:o.offText]):""])}}}),s=(0,e.withInstall)(l)})(),a})()));
1
+ !function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],o);else{var r="object"==typeof exports?o(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):o(e["../shared"],e.vue,e["../config-provider"],e["../icon"]);for(var t in r)("object"==typeof exports?exports:e)[t]=r[t]}}(self,((e,o,r,t)=>(()=>{"use strict";var n={2717:e=>{e.exports=r},6870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function u(e){var o=i[e];if(void 0!==o)return o.exports;var r=i[e]={exports:{}};return n[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 a={};return(()=>{u.r(a),u.d(a,{default:()=>d});var e=u(4212);function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function r(e,r,t){return(r=function(e){var r=function(e,r){if("object"!==o(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!==o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(r)?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var t,n,i=u(748),l=u(2717),s=u(6870),p={theme:(0,e.SwitcherThemeType)(),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),withValidate:e.PropTypes.bool.def(!0)};!function(e){e.UPDATE="update:modelValue",e.CHANGE="change"}(n||(n={}));var c=(r(t={},n.UPDATE,(function(e){return e})),r(t,n.CHANGE,(function(e){return!!e})),t);const f=(0,i.defineComponent)({name:"Switcher",props:p,emits:c,setup:function(o,t){var u=t.emit,a=(0,e.useFormItem)(),p=(0,l.usePrefix)().resolveClassName,c=(0,i.ref)(!1),f=(0,i.computed)((function(){return o.trueValue===y.value})),d=(0,i.ref)(!1!==o.modelValue),y=(0,i.computed)((function(){return d.value?o.modelValue:o.value})),v=(0,i.computed)((function(){var e,t=(r(e={},o.extCls,!!o.extCls),r(e,"".concat(p("switcher")),!0),r(e,"".concat(p("switcher-outline")),o.isOutline),r(e,"".concat(p("switcher-square")),o.isSquare),r(e,"show-label",o.showText),r(e,"is-disabled",o.disabled),r(e,"is-checked",f.value),r(e,"is-unchecked",!f.value),r(e,"is-loading",c.value),r(e,"".concat(p("primary")),"primary"===o.theme),e);return o.size&&!o.showText&&(t["".concat(p("switcher-".concat(o.size)))]=!0),t}));(0,i.watch)((function(){return o.modelValue}),(function(){var e;d.value=!0,o.withValidate&&(null===(e=null==a?void 0:a.validate)||void 0===e||e.call(a,"change"))})),(0,i.watch)((function(){return o.value}),(function(){d.value=!1}));var b=function(e){if(e.stopPropagation(),e.preventDefault(),!o.disabled&&!c.value){var r=f.value?o.falseValue:o.trueValue,t=!f.value,i=function(){u(n.UPDATE,r),u(n.CHANGE,t)},a=!0;if("function"==typeof o.beforeChange&&"function"==typeof(a=o.beforeChange(r)).then)return c.value=!0,a.then((function(){i()})).finally((function(){c.value=!1}));a&&i()}},T=function(e){"Enter"!==e.code&&"Enter"!==e.key&&13!==e.keyCode||b(e)};return function(){return(0,i.createVNode)("div",{class:v.value,onClick:b,tabindex:"0",onKeydown:T},[c.value?(0,i.createVNode)(s.SwitcherLoading,{class:"".concat(p("switcher-loading"))},null):"",o.showText?(0,i.createVNode)("span",{class:"switcher-text"},[f.value?o.onText:o.offText]):""])}}}),d=(0,e.withInstall)(f)})(),a})()));
package/lib/switcher/switcher.d.ts CHANGED
@@ -1,5 +1,68 @@
1
+ import { ExtractPropTypes } from 'vue';
2
+ export declare const switcherType: {
3
+ theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
4
+ default: "success" | "primary";
5
+ };
6
+ size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
7
+ disabled: import("vue-types").VueTypeValidableDef<boolean> & {
8
+ default: boolean;
9
+ };
10
+ showText: import("vue-types").VueTypeValidableDef<boolean> & {
11
+ default: boolean;
12
+ };
13
+ isOutline: import("vue-types").VueTypeValidableDef<boolean> & {
14
+ default: boolean;
15
+ };
16
+ onText: import("vue-types").VueTypeValidableDef<string> & {
17
+ default: string;
18
+ } & {
19
+ default: string;
20
+ };
21
+ offText: import("vue-types").VueTypeValidableDef<string> & {
22
+ default: string;
23
+ } & {
24
+ default: string;
25
+ };
26
+ isSquare: import("vue-types").VueTypeValidableDef<boolean> & {
27
+ default: boolean;
28
+ };
29
+ extCls: import("vue-types").VueTypeValidableDef<string> & {
30
+ default: string;
31
+ };
32
+ beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
33
+ default: (...args: any[]) => any;
34
+ } & {
35
+ default: (...args: any[]) => any;
36
+ };
37
+ trueValue: import("vue-types").VueTypeDef<string | number | boolean> & {
38
+ default: string | number | boolean;
39
+ };
40
+ falseValue: import("vue-types").VueTypeDef<string | number | boolean> & {
41
+ default: string | number | boolean;
42
+ };
43
+ value: import("vue-types").VueTypeDef<string | number | boolean> & {
44
+ default: string | number | boolean;
45
+ };
46
+ modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
47
+ default: string | number | boolean;
48
+ };
49
+ withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
50
+ default: boolean;
51
+ } & {
52
+ default: boolean;
53
+ };
54
+ };
55
+ export declare const enum EVENTS {
56
+ UPDATE = "update:modelValue",
57
+ CHANGE = "change"
58
+ }
59
+ export type SwitcherType = ExtractPropTypes<typeof switcherType>;
60
+ declare function EventFunction(value: SwitcherType['modelValue']): string | number | boolean;
61
+ declare function ChangeFunction(value: boolean): boolean;
1
62
  declare const _default: import("vue").DefineComponent<{
2
- theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
63
+ theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
64
+ default: "success" | "primary";
65
+ };
3
66
  size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
4
67
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
5
68
  default: boolean;
@@ -48,8 +111,13 @@ declare const _default: import("vue").DefineComponent<{
48
111
  } & {
49
112
  default: boolean;
50
113
  };
51
- }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
52
- theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary">;
114
+ }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
115
+ "update:modelValue": typeof EventFunction;
116
+ change: typeof ChangeFunction;
117
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
118
+ theme: import("vue-types").VueTypeDef<"success" | "primary"> & {
119
+ default: "success" | "primary";
120
+ };
53
121
  size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
54
122
  disabled: import("vue-types").VueTypeValidableDef<boolean> & {
55
123
  default: boolean;
@@ -99,11 +167,12 @@ declare const _default: import("vue").DefineComponent<{
99
167
  default: boolean;
100
168
  };
101
169
  }>> & {
102
- onChange?: (...args: any[]) => any;
103
- "onUpdate:modelValue"?: (...args: any[]) => any;
170
+ onChange?: (value: boolean) => any;
171
+ "onUpdate:modelValue"?: (value: string | number | boolean) => any;
104
172
  }, {
105
173
  extCls: string;
106
174
  disabled: boolean;
175
+ theme: "success" | "primary";
107
176
  value: string | number | boolean;
108
177
  modelValue: string | number | boolean;
109
178
  withValidate: boolean;