bkui-vue 0.0.1-beta.440 → 0.0.1-beta.442
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 +26 -26
- package/dist/index.esm.js +43 -33
- package/dist/index.umd.js +26 -26
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/collapse/index.js +1 -1
- package/lib/overflow-title/components/overflow-title.d.ts +31 -21
- package/lib/overflow-title/index.d.ts +68 -46
- package/lib/overflow-title/index.js +1 -1
- package/lib/overflow-title/props.d.ts +13 -10
- package/lib/select/index.d.ts +16 -1
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +16 -0
- package/lib/select/select.d.ts +7 -0
- package/lib/select/select.less +21 -1
- package/lib/select/select.variable.css +16 -0
- package/package.json +1 -1
package/lib/collapse/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../collapse-transition","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon")):t(e["../shared"],e.vue,e["../collapse-transition"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var n={9891:e=>{e.exports=r},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{i.r(l),i.d(l,{BkCollapsePanel:()=>u,Collapse:()=>p,default:()=>f});var e=i(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var r=i(748),o=i(9891),n=i.n(o),a=i(6870),c={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1),hasHeaderBorder:e.PropTypes.bool.def(!1),hasHeaderHover:e.PropTypes.bool.def(!0),headerIcon:e.PropTypes.string.def(""),useCardTheme:e.PropTypes.bool.def(!1),headerIconAlign:e.PropTypes.string.def("left")},s={itemClick:{type:Function}},d=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),isFormList:e.PropTypes.bool.def(!1),renderDirective:(0,e.renderDirectiveType)(),modelValue:e.PropTypes.bool.def(!1),alone:e.PropTypes.bool.def(!1),icon:e.PropTypes.string.def("angle-right")},s);const u=(0,r.defineComponent)({name:"CollapsePanel",props:d,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var o,n=t.emit,i=t.slots,l=null,c=null,s=(0,r.ref)(e.modelValue);return(0,r.watch)((function(){return e.modelValue}),(function(e){s.value=e})),e.alone||(l=(0,r.inject)("localActiveItems"),c=(0,r.inject)("handleItemClick"),(0,r.watch)(l,(function(t){(null==t?void 0:t.length)&&(s.value=t.includes(e.name))}),{immediate:!0})),{isActive:s,collapseIcon:a["".concat((o=e.icon,o.split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join("")))],clickItem:function(){var t=e.disabled,r=e.name,o=e.itemClick;if(!t){var a={name:r};s.value=!s.value,n("update:modelValue",s.value),n("change",a),"function"==typeof o?o(a):"function"==typeof c&&c({name:r})}},renderPanel:function(){return"if"!==e.renderDirective||s.value?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-collapse-content ".concat(s.value?"active":"")},[e.content?e.content:"function"==typeof i.content?i.content(r.h):i.content]),[[r.vShow,s.value]]):""},renderHeader:function(t){return i.header?"function"==typeof i.header?i.header(r.h):i.header:(o=i.default?"function"==typeof i.default?i.default(r.h):i.default:e.title,(0,r.createVNode)(r.Fragment,null,[(0,r.createVNode)("div",{class:"bk-collapse-header"},[(0,r.createVNode)("span",{class:"bk-collapse-title"},[o]),t])]));var o}}},render:function(){var e,t,o=this;return(0,r.createVNode)(
|
1
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../collapse-transition","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../collapse-transition"),require("../icon")):t(e["../shared"],e.vue,e["../collapse-transition"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var n={9891:e=>{e.exports=r},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},a={};function i(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return n[e](r,r.exports,i),r.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{i.r(l),i.d(l,{BkCollapsePanel:()=>u,Collapse:()=>p,default:()=>f});var e=i(4212);function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var r=i(748),o=i(9891),n=i.n(o),a=i(6870),c={list:e.PropTypes.arrayOf(e.PropTypes.any).def([]),idFiled:e.PropTypes.string.def("$index"),titleField:e.PropTypes.string.def("name"),contentField:e.PropTypes.string.def("content"),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([]),e.PropTypes.number.def(-1)]),accordion:e.PropTypes.bool.def(!1),hasHeaderBorder:e.PropTypes.bool.def(!1),hasHeaderHover:e.PropTypes.bool.def(!0),headerIcon:e.PropTypes.string.def(""),useCardTheme:e.PropTypes.bool.def(!1),headerIconAlign:e.PropTypes.string.def("left")},s={itemClick:{type:Function}},d=Object.assign({name:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(""),title:e.PropTypes.any,content:e.PropTypes.string,disabled:e.PropTypes.bool.def(!1),isFormList:e.PropTypes.bool.def(!1),renderDirective:(0,e.renderDirectiveType)(),modelValue:e.PropTypes.bool.def(!1),alone:e.PropTypes.bool.def(!1),icon:e.PropTypes.string.def("angle-right")},s);const u=(0,r.defineComponent)({name:"CollapsePanel",props:d,emits:["change","update:modelValue","after-leave","before-enter"],setup:function(e,t){var o,n=t.emit,i=t.slots,l=null,c=null,s=(0,r.ref)(e.modelValue);return(0,r.watch)((function(){return e.modelValue}),(function(e){s.value=e})),e.alone||(l=(0,r.inject)("localActiveItems"),c=(0,r.inject)("handleItemClick"),(0,r.watch)(l,(function(t){(null==t?void 0:t.length)&&(s.value=t.includes(e.name))}),{immediate:!0})),{isActive:s,collapseIcon:a["".concat((o=e.icon,o.split("-").map((function(e){return e.charAt(0).toUpperCase()+e.slice(1)})).join("")))],clickItem:function(){var t=e.disabled,r=e.name,o=e.itemClick;if(!t){var a={name:r};s.value=!s.value,n("update:modelValue",s.value),n("change",a),"function"==typeof o?o(a):"function"==typeof c&&c({name:r})}},renderPanel:function(){return"if"!==e.renderDirective||s.value?(0,r.withDirectives)((0,r.createVNode)("div",{class:"bk-collapse-content ".concat(s.value?"active":"")},[e.content?e.content:"function"==typeof i.content?i.content(r.h):i.content]),[[r.vShow,s.value]]):""},renderHeader:function(t){return i.header?"function"==typeof i.header?i.header(r.h):i.header:(o=i.default?"function"==typeof i.default?i.default(r.h):i.default:e.title,(0,r.createVNode)(r.Fragment,null,[(0,r.createVNode)("div",{class:"bk-collapse-header"},[(0,r.createVNode)("span",{class:"bk-collapse-title"},[o]),t])]));var o}}},render:function(){var e,t,o=this;return(0,r.createVNode)("div",{class:"bk-collapse-item ".concat(this.disabled?"is-disabled":""," ").concat(this.isActive?"bk-collapse-item-active":"")},[(0,r.createVNode)("div",{onClick:function(){return o.clickItem()}},[this.renderHeader((0,r.createVNode)(this.collapseIcon,{class:"bk-collapse-icon ".concat(this.isActive?"rotate-icon":"")},null))]),(0,r.createVNode)(n(),null,(t=e=this.renderPanel(),"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!(0,r.isVNode)(t)?e:{default:function(){return[e]}}))])}}),p=(0,r.defineComponent)({name:"Collapse",props:c,emits:["item-click","update:modelValue","after-leave","before-enter"],setup:function(e,o){var n=o.emit,a=o.slots,i=(0,r.ref)([]);(0,r.watch)((function(){return[e.modelValue]}),(function(){var r,o=e.modelValue;Array.isArray(o)?i.value=function(e){if(Array.isArray(e))return t(e)}(r=o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||function(e,r){if(e){if("string"==typeof e)return t(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?t(e,r):void 0}}(r)||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.")}():i.value=void 0!==o?[o]:[]}),{immediate:!0});var l=function(t){var r=t.name;if(e.accordion){var o=i.value.findIndex((function(e){return e===r}));o>=0?i.value.splice(o,1):i.value=[r]}else{var a=i.value.findIndex((function(e){return e===r}));a>=0?i.value.splice(a,1):i.value.push(r)}n("item-click",t),n("update:modelValue",i.value)};(0,r.provide)("localActiveItems",i),(0,r.provide)("handleItemClick",l);var c="bk-collapse-wrapper";if(e.hasHeaderBorder&&(c+=" bk-collapse-header-border"),e.hasHeaderHover&&(c+=" bk-collapse-header-hover"),e.useCardTheme&&(c+=" bk-collapse-card"),"left"===e.headerIconAlign?c+=" bk-collapse-icon-left":c+=" bk-collapse-icon-right",!Array.isArray(e.list)||!e.list.length)return function(){return(0,r.createVNode)("div",{class:c},[(0,r.renderSlot)(a,"default",{props:{isList:!0}})])};var s=(0,r.computed)((function(){return(e.list||[]).map((function(e,t){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:t,name:e}:Object.assign({$index:t},e)}))}));return function(){return(0,r.createVNode)("div",{class:c},[s.value.map((function(t,o){var n,i,c,s=t[e.idFiled]||o,d=t[e.titleField],p=e.headerIcon||"angle-right";return a.title&&(d="function"==typeof a.title?a.title(t,o):a.title),a.default&&(d=null===(n=a.default)||void 0===n?void 0:n.call(a,t,o)),(0,r.createVNode)(u,{key:o,"item-click":l,disabled:t.disabled,name:s,icon:p,isFormList:!0,title:d,content:null!==(c=null===(i=a.content)||void 0===i?void 0:i.call(a,t,o))&&void 0!==c?c:t[e.contentField]},null)}))])}}}),f=(0,e.withInstallProps)(p,{CollapsePanel:u})})(),l})()));
|
@@ -1,20 +1,24 @@
|
|
1
1
|
import { HTMLAttributes } from '@vue/runtime-dom';
|
2
2
|
import '../overflow.less';
|
3
3
|
declare const _default: import("vue").DefineComponent<{
|
4
|
-
content:
|
5
|
-
type: {
|
6
|
-
type: import("vue").PropType<import("../props").TipsType>;
|
4
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
7
5
|
default: string;
|
8
6
|
};
|
9
|
-
|
10
|
-
type: import("vue").PropType<import("../props").CalType>;
|
7
|
+
type: import("vue-types").VueTypeDef<string> & {
|
11
8
|
default: string;
|
12
9
|
};
|
13
|
-
|
14
|
-
|
15
|
-
|
10
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
11
|
+
default: string;
|
12
|
+
};
|
13
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
14
|
+
default: string | (() => HTMLElement);
|
15
|
+
};
|
16
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
17
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
18
|
+
};
|
19
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
20
|
+
default: boolean;
|
16
21
|
};
|
17
|
-
resizeable: BooleanConstructor;
|
18
22
|
}, {
|
19
23
|
boxRef: import("vue").Ref<HTMLElement>;
|
20
24
|
textRef: import("vue").Ref<HTMLElement>;
|
@@ -24,24 +28,30 @@ declare const _default: import("vue").DefineComponent<{
|
|
24
28
|
}>[]>;
|
25
29
|
textProps: import("vue").ShallowRef<HTMLAttributes>;
|
26
30
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
27
|
-
content:
|
28
|
-
type: {
|
29
|
-
type: import("vue").PropType<import("../props").TipsType>;
|
31
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
30
32
|
default: string;
|
31
33
|
};
|
32
|
-
|
33
|
-
type: import("vue").PropType<import("../props").CalType>;
|
34
|
+
type: import("vue-types").VueTypeDef<string> & {
|
34
35
|
default: string;
|
35
36
|
};
|
36
|
-
|
37
|
-
|
38
|
-
|
37
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
38
|
+
default: string;
|
39
|
+
};
|
40
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
41
|
+
default: string | (() => HTMLElement);
|
42
|
+
};
|
43
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
44
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
45
|
+
};
|
46
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
47
|
+
default: boolean;
|
39
48
|
};
|
40
|
-
resizeable: BooleanConstructor;
|
41
49
|
}>>, {
|
42
|
-
type:
|
43
|
-
|
44
|
-
|
50
|
+
type: string;
|
51
|
+
content: string;
|
52
|
+
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
53
|
+
boundary: string | HTMLElement;
|
54
|
+
calType: string;
|
45
55
|
resizeable: boolean;
|
46
56
|
}>;
|
47
57
|
export default _default;
|
@@ -7,26 +7,32 @@ declare const BkOverflowTitle: {
|
|
7
7
|
$: import("vue").ComponentInternalInstance;
|
8
8
|
$data: {};
|
9
9
|
$props: Partial<{
|
10
|
-
type:
|
11
|
-
|
12
|
-
|
10
|
+
type: string;
|
11
|
+
content: string;
|
12
|
+
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
13
|
+
boundary: string | HTMLElement;
|
14
|
+
calType: string;
|
13
15
|
resizeable: boolean;
|
14
16
|
}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
15
|
-
content:
|
16
|
-
type: {
|
17
|
-
type: import("vue").PropType<import("./props").TipsType>;
|
17
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
18
18
|
default: string;
|
19
19
|
};
|
20
|
-
|
21
|
-
type: import("vue").PropType<import("./props").CalType>;
|
20
|
+
type: import("vue-types").VueTypeDef<string> & {
|
22
21
|
default: string;
|
23
22
|
};
|
24
|
-
|
25
|
-
|
26
|
-
|
23
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
24
|
+
default: string;
|
25
|
+
};
|
26
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
27
|
+
default: string | (() => HTMLElement);
|
28
|
+
};
|
29
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
30
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
31
|
+
};
|
32
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
33
|
+
default: boolean;
|
27
34
|
};
|
28
|
-
|
29
|
-
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "placement" | "calType" | "resizeable">;
|
35
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "content" | "placement" | "boundary" | "calType" | "resizeable">;
|
30
36
|
$attrs: {
|
31
37
|
[x: string]: unknown;
|
32
38
|
};
|
@@ -41,20 +47,24 @@ declare const BkOverflowTitle: {
|
|
41
47
|
$emit: (event: string, ...args: any[]) => void;
|
42
48
|
$el: any;
|
43
49
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
44
|
-
content:
|
45
|
-
type: {
|
46
|
-
type: import("vue").PropType<import("./props").TipsType>;
|
50
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
47
51
|
default: string;
|
48
52
|
};
|
49
|
-
|
50
|
-
type: import("vue").PropType<import("./props").CalType>;
|
53
|
+
type: import("vue-types").VueTypeDef<string> & {
|
51
54
|
default: string;
|
52
55
|
};
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
57
|
+
default: string;
|
58
|
+
};
|
59
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
60
|
+
default: string | (() => HTMLElement);
|
61
|
+
};
|
62
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
63
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
64
|
+
};
|
65
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
66
|
+
default: boolean;
|
56
67
|
};
|
57
|
-
resizeable: BooleanConstructor;
|
58
68
|
}>>, {
|
59
69
|
boxRef: import("vue").Ref<HTMLElement>;
|
60
70
|
textRef: import("vue").Ref<HTMLElement>;
|
@@ -64,9 +74,11 @@ declare const BkOverflowTitle: {
|
|
64
74
|
}>[]>;
|
65
75
|
textProps: import("vue").ShallowRef<import("vue").HTMLAttributes>;
|
66
76
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
|
67
|
-
type:
|
68
|
-
|
69
|
-
|
77
|
+
type: string;
|
78
|
+
content: string;
|
79
|
+
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
80
|
+
boundary: string | HTMLElement;
|
81
|
+
calType: string;
|
70
82
|
resizeable: boolean;
|
71
83
|
}> & {
|
72
84
|
beforeCreate?: (() => void) | (() => void)[];
|
@@ -89,20 +101,24 @@ declare const BkOverflowTitle: {
|
|
89
101
|
$nextTick: typeof import("vue").nextTick;
|
90
102
|
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
|
91
103
|
} & Readonly<import("vue").ExtractPropTypes<{
|
92
|
-
content:
|
93
|
-
type: {
|
94
|
-
type: import("vue").PropType<import("./props").TipsType>;
|
104
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
95
105
|
default: string;
|
96
106
|
};
|
97
|
-
|
98
|
-
type: import("vue").PropType<import("./props").CalType>;
|
107
|
+
type: import("vue-types").VueTypeDef<string> & {
|
99
108
|
default: string;
|
100
109
|
};
|
101
|
-
|
102
|
-
|
103
|
-
|
110
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
111
|
+
default: string;
|
112
|
+
};
|
113
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
114
|
+
default: string | (() => HTMLElement);
|
115
|
+
};
|
116
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
117
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
118
|
+
};
|
119
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
120
|
+
default: boolean;
|
104
121
|
};
|
105
|
-
resizeable: BooleanConstructor;
|
106
122
|
}>> & import("vue").ShallowUnwrapRef<{
|
107
123
|
boxRef: import("vue").Ref<HTMLElement>;
|
108
124
|
textRef: import("vue").Ref<HTMLElement>;
|
@@ -116,20 +132,24 @@ declare const BkOverflowTitle: {
|
|
116
132
|
__isTeleport?: never;
|
117
133
|
__isSuspense?: never;
|
118
134
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
119
|
-
content:
|
120
|
-
type: {
|
121
|
-
type: import("vue").PropType<import("./props").TipsType>;
|
135
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
122
136
|
default: string;
|
123
137
|
};
|
124
|
-
|
125
|
-
type: import("vue").PropType<import("./props").CalType>;
|
138
|
+
type: import("vue-types").VueTypeDef<string> & {
|
126
139
|
default: string;
|
127
140
|
};
|
128
|
-
|
129
|
-
|
130
|
-
|
141
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
142
|
+
default: string;
|
143
|
+
};
|
144
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
145
|
+
default: string | (() => HTMLElement);
|
146
|
+
};
|
147
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
148
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
149
|
+
};
|
150
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
151
|
+
default: boolean;
|
131
152
|
};
|
132
|
-
resizeable: BooleanConstructor;
|
133
153
|
}>>, {
|
134
154
|
boxRef: import("vue").Ref<HTMLElement>;
|
135
155
|
textRef: import("vue").Ref<HTMLElement>;
|
@@ -139,9 +159,11 @@ declare const BkOverflowTitle: {
|
|
139
159
|
}>[]>;
|
140
160
|
textProps: import("vue").ShallowRef<import("vue").HTMLAttributes>;
|
141
161
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
|
142
|
-
type:
|
143
|
-
|
144
|
-
|
162
|
+
type: string;
|
163
|
+
content: string;
|
164
|
+
placement: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
165
|
+
boundary: string | HTMLElement;
|
166
|
+
calType: string;
|
145
167
|
resizeable: boolean;
|
146
168
|
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
|
147
169
|
export { getActualWidthByDom, getActualWidthByCanvas, overflowTitle, OverflowTitle, };
|
@@ -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
|
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,4 +1,3 @@
|
|
1
|
-
import { PropType } from 'vue';
|
2
1
|
export declare type TipsType = 'tips' | 'title';
|
3
2
|
export declare type CalType = 'dom' | 'canvas';
|
4
3
|
export declare enum PlacementEnum {
|
@@ -22,19 +21,23 @@ export declare function placementType(): import("vue-types").VueTypeValidableDef
|
|
22
21
|
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
23
22
|
};
|
24
23
|
declare const _default: {
|
25
|
-
content:
|
26
|
-
type: {
|
27
|
-
type: PropType<TipsType>;
|
24
|
+
content: import("vue-types").VueTypeValidableDef<string> & {
|
28
25
|
default: string;
|
29
26
|
};
|
30
|
-
|
31
|
-
type: PropType<CalType>;
|
27
|
+
type: import("vue-types").VueTypeDef<string> & {
|
32
28
|
default: string;
|
33
29
|
};
|
34
|
-
|
35
|
-
|
36
|
-
|
30
|
+
calType: import("vue-types").VueTypeDef<string> & {
|
31
|
+
default: string;
|
32
|
+
};
|
33
|
+
boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
|
34
|
+
default: string | (() => HTMLElement);
|
35
|
+
};
|
36
|
+
placement: import("vue-types").VueTypeValidableDef<"auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
|
37
|
+
default: "auto" | "left" | "right" | "auto-start" | "auto-end" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
|
38
|
+
};
|
39
|
+
resizeable: import("vue-types").VueTypeValidableDef<boolean> & {
|
40
|
+
default: boolean;
|
37
41
|
};
|
38
|
-
resizeable: BooleanConstructor;
|
39
42
|
};
|
40
43
|
export default _default;
|
package/lib/select/index.d.ts
CHANGED
@@ -13,6 +13,7 @@ declare const BkSelect: {
|
|
13
13
|
list: unknown[];
|
14
14
|
showOnInit: boolean;
|
15
15
|
placeholder: string;
|
16
|
+
prefix: string;
|
16
17
|
loading: boolean;
|
17
18
|
scrollHeight: number;
|
18
19
|
clearable: boolean;
|
@@ -313,6 +314,9 @@ declare const BkSelect: {
|
|
313
314
|
} & {
|
314
315
|
default: boolean;
|
315
316
|
};
|
317
|
+
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
318
|
+
default: string;
|
319
|
+
};
|
316
320
|
}>> & {
|
317
321
|
onFocus?: (...args: any[]) => any;
|
318
322
|
onBlur?: (...args: any[]) => any;
|
@@ -321,7 +325,7 @@ declare const BkSelect: {
|
|
321
325
|
"onUpdate:modelValue"?: (...args: any[]) => any;
|
322
326
|
onToggle?: (...args: any[]) => any;
|
323
327
|
"onScroll-end"?: (...args: any[]) => any;
|
324
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tagTheme" | "behavior" | "disabled" | "size" | "multiple" | "list" | "showOnInit" | "placeholder" | "loading" | "scrollHeight" | "clearable" | "withValidate" | "noDataText" | "showSelectedIcon" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "displayKey" | "idKey" | "remoteMethod" | "showSelectAll" | "multipleMode" | "autoHeight" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "inputSearch" | "enableVirtualRender" | "allowEmptyValues" | "autoFocus" | "keepSearchValue">;
|
328
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "tagTheme" | "behavior" | "disabled" | "size" | "multiple" | "list" | "showOnInit" | "placeholder" | "prefix" | "loading" | "scrollHeight" | "clearable" | "withValidate" | "noDataText" | "showSelectedIcon" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "displayKey" | "idKey" | "remoteMethod" | "showSelectAll" | "multipleMode" | "autoHeight" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "inputSearch" | "enableVirtualRender" | "allowEmptyValues" | "autoFocus" | "keepSearchValue">;
|
325
329
|
$attrs: {
|
326
330
|
[x: string]: unknown;
|
327
331
|
};
|
@@ -608,6 +612,9 @@ declare const BkSelect: {
|
|
608
612
|
} & {
|
609
613
|
default: boolean;
|
610
614
|
};
|
615
|
+
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
616
|
+
default: string;
|
617
|
+
};
|
611
618
|
}>> & {
|
612
619
|
onFocus?: (...args: any[]) => any;
|
613
620
|
onBlur?: (...args: any[]) => any;
|
@@ -987,6 +994,7 @@ declare const BkSelect: {
|
|
987
994
|
list: unknown[];
|
988
995
|
showOnInit: boolean;
|
989
996
|
placeholder: string;
|
997
|
+
prefix: string;
|
990
998
|
loading: boolean;
|
991
999
|
scrollHeight: number;
|
992
1000
|
clearable: boolean;
|
@@ -1307,6 +1315,9 @@ declare const BkSelect: {
|
|
1307
1315
|
} & {
|
1308
1316
|
default: boolean;
|
1309
1317
|
};
|
1318
|
+
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
1319
|
+
default: string;
|
1320
|
+
};
|
1310
1321
|
}>> & {
|
1311
1322
|
onFocus?: (...args: any[]) => any;
|
1312
1323
|
onBlur?: (...args: any[]) => any;
|
@@ -1954,6 +1965,9 @@ declare const BkSelect: {
|
|
1954
1965
|
} & {
|
1955
1966
|
default: boolean;
|
1956
1967
|
};
|
1968
|
+
prefix: import("vue-types").VueTypeValidableDef<string> & {
|
1969
|
+
default: string;
|
1970
|
+
};
|
1957
1971
|
}>> & {
|
1958
1972
|
onFocus?: (...args: any[]) => any;
|
1959
1973
|
onBlur?: (...args: any[]) => any;
|
@@ -2333,6 +2347,7 @@ declare const BkSelect: {
|
|
2333
2347
|
list: unknown[];
|
2334
2348
|
showOnInit: boolean;
|
2335
2349
|
placeholder: string;
|
2350
|
+
prefix: string;
|
2336
2351
|
loading: boolean;
|
2337
2352
|
scrollHeight: number;
|
2338
2353
|
clearable: boolean;
|