bkui-vue 0.0.2-beta.41 → 0.0.2-beta.43
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 +49 -41
- package/dist/index.esm.js +9292 -9202
- package/dist/index.umd.js +49 -41
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/input/index.d.ts +30 -0
- package/lib/input/index.js +2 -1
- package/lib/input/index.js.LICENSE.txt +1 -0
- package/lib/input/input.css +5 -4
- package/lib/input/input.d.ts +30 -0
- package/lib/input/input.less +7 -4
- package/lib/input/input.variable.css +5 -4
- package/lib/input/util.d.ts +6 -0
- package/lib/resize-layout/index.d.ts +3 -3
- package/lib/resize-layout/resize-layout.d.ts +1 -1
- package/lib/table/components/table-column.d.ts +2 -2
- package/lib/table/index.d.ts +2 -2
- package/lib/table/index.js +1 -1
- package/lib/table/plugins/use-column-resize.d.ts +1 -1
- package/lib/table/table.css +23 -0
- package/lib/table/table.less +26 -0
- package/lib/table/table.variable.css +23 -0
- package/lib/table/use-common.d.ts +1 -1
- package/lib/table-column/index.d.ts +6 -6
- package/package.json +1 -1
package/lib/input/index.d.ts
CHANGED
@@ -5,6 +5,7 @@ declare const BkInput: {
|
|
5
5
|
$props: {
|
6
6
|
type?: string;
|
7
7
|
prefix?: string;
|
8
|
+
resize?: boolean;
|
8
9
|
disabled?: boolean;
|
9
10
|
placeholder?: string;
|
10
11
|
step?: number;
|
@@ -26,6 +27,7 @@ declare const BkInput: {
|
|
26
27
|
withValidate?: boolean;
|
27
28
|
overMaxLengthLimit?: boolean;
|
28
29
|
showOverflowTooltips?: boolean;
|
30
|
+
autosize?: boolean | import("./input").InputAutoSize;
|
29
31
|
class?: unknown;
|
30
32
|
style?: unknown;
|
31
33
|
onPaste?: (_value: any, _e: ClipboardEvent) => any;
|
@@ -192,6 +194,14 @@ declare const BkInput: {
|
|
192
194
|
} & {
|
193
195
|
default: boolean;
|
194
196
|
};
|
197
|
+
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
198
|
+
default: boolean;
|
199
|
+
} & {
|
200
|
+
default: boolean;
|
201
|
+
};
|
202
|
+
autosize: import("vue-types").VueTypeDef<boolean | import("./input").InputAutoSize> & {
|
203
|
+
default: boolean | (() => import("./input").InputAutoSize);
|
204
|
+
};
|
195
205
|
}>> & {
|
196
206
|
onPaste?: (_value: any, _e: ClipboardEvent) => any;
|
197
207
|
onCompositionend?: (evt: CompositionEvent) => any;
|
@@ -225,6 +235,7 @@ declare const BkInput: {
|
|
225
235
|
}, string, {
|
226
236
|
type: string;
|
227
237
|
prefix: string;
|
238
|
+
resize: boolean;
|
228
239
|
disabled: boolean;
|
229
240
|
placeholder: string;
|
230
241
|
step: number;
|
@@ -246,6 +257,7 @@ declare const BkInput: {
|
|
246
257
|
withValidate: boolean;
|
247
258
|
overMaxLengthLimit: boolean;
|
248
259
|
showOverflowTooltips: boolean;
|
260
|
+
autosize: boolean | import("./input").InputAutoSize;
|
249
261
|
}, {}, string, {}> & {
|
250
262
|
beforeCreate?: (() => void) | (() => void)[];
|
251
263
|
created?: (() => void) | (() => void)[];
|
@@ -358,6 +370,14 @@ declare const BkInput: {
|
|
358
370
|
} & {
|
359
371
|
default: boolean;
|
360
372
|
};
|
373
|
+
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
374
|
+
default: boolean;
|
375
|
+
} & {
|
376
|
+
default: boolean;
|
377
|
+
};
|
378
|
+
autosize: import("vue-types").VueTypeDef<boolean | import("./input").InputAutoSize> & {
|
379
|
+
default: boolean | (() => import("./input").InputAutoSize);
|
380
|
+
};
|
361
381
|
}>> & {
|
362
382
|
onPaste?: (_value: any, _e: ClipboardEvent) => any;
|
363
383
|
onCompositionend?: (evt: CompositionEvent) => any;
|
@@ -469,6 +489,14 @@ declare const BkInput: {
|
|
469
489
|
} & {
|
470
490
|
default: boolean;
|
471
491
|
};
|
492
|
+
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
493
|
+
default: boolean;
|
494
|
+
} & {
|
495
|
+
default: boolean;
|
496
|
+
};
|
497
|
+
autosize: import("vue-types").VueTypeDef<boolean | import("./input").InputAutoSize> & {
|
498
|
+
default: boolean | (() => import("./input").InputAutoSize);
|
499
|
+
};
|
472
500
|
}>> & {
|
473
501
|
onPaste?: (_value: any, _e: ClipboardEvent) => any;
|
474
502
|
onCompositionend?: (evt: CompositionEvent) => any;
|
@@ -502,6 +530,7 @@ declare const BkInput: {
|
|
502
530
|
}, string, {
|
503
531
|
type: string;
|
504
532
|
prefix: string;
|
533
|
+
resize: boolean;
|
505
534
|
disabled: boolean;
|
506
535
|
placeholder: string;
|
507
536
|
step: number;
|
@@ -523,5 +552,6 @@ declare const BkInput: {
|
|
523
552
|
withValidate: boolean;
|
524
553
|
overMaxLengthLimit: boolean;
|
525
554
|
showOverflowTooltips: boolean;
|
555
|
+
autosize: boolean | import("./input").InputAutoSize;
|
526
556
|
}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
|
527
557
|
export default BkInput;
|
package/lib/input/index.js
CHANGED
@@ -1 +1,2 @@
|
|
1
|
-
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../config-provider"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../directives","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../config-provider"),require("../directives"),require("../icon")):t(e["../shared"],e.vue,e["../config-provider"],e["../directives"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o,n)=>(()=>{"use strict";var l={2717:e=>{e.exports=r},4061:e=>{e.exports=o},6870:e=>{e.exports=n},4212:t=>{t.exports=e},748:e=>{e.exports=t}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var r=i[e]={exports:{}};return l[e](r,r.exports,a),r.exports}a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},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 u={};return(()=>{a.r(u),a.d(u,{default:()=>b});var e=a(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}function r(e){return r="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},r(e)}function o(e,t,o){return(t=function(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===r(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var n=a(748);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var l,i,s=a(2717),c=a(4061),p=a(6870),d={type:e.PropTypes.string.def("text"),clearable:e.PropTypes.bool,disabled:e.PropTypes.bool,readonly:e.PropTypes.bool,placeholder:e.PropTypes.string.def(""),prefixIcon:e.PropTypes.string,suffixIcon:e.PropTypes.string,suffix:e.PropTypes.string,prefix:e.PropTypes.string,step:e.PropTypes.integer,max:e.PropTypes.integer,min:e.PropTypes.integer,maxlength:e.PropTypes.integer,behavior:(0,e.InputBehaviorType)(),showWordLimit:e.PropTypes.bool,showControl:e.PropTypes.bool.def(!0),showClearOnlyHover:e.PropTypes.bool.def(!0),precision:e.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),size:e.PropTypes.size(),rows:e.PropTypes.number,selectReadonly:e.PropTypes.bool.def(!1),withValidate:e.PropTypes.bool.def(!0),overMaxLengthLimit:e.PropTypes.bool.def(!1),showOverflowTooltips:e.PropTypes.bool.def(!0)};function f(e,t){return!0}function v(e){return e}!function(e){e.UPDATE="update:modelValue",e.FOCUS="focus",e.BLUR="blur",e.CHANGE="change",e.CLEAR="clear",e.INPUT="input",e.KEYPRESS="keypress",e.KEYDOWN="keydown",e.KEYUP="keyup",e.ENTER="enter",e.PASTE="paste",e.COMPOSITIONSTART="compositionstart",e.COMPOSITIONUPDATE="compositionupdate",e.COMPOSITIONEND="compositionend"}(i||(i={}));var m=(o(l={},i.UPDATE,f),o(l,i.FOCUS,(function(e){return e})),o(l,i.BLUR,(function(e){return e})),o(l,i.CHANGE,f),o(l,i.CLEAR,(function(){return!0})),o(l,i.INPUT,f),o(l,i.KEYPRESS,f),o(l,i.KEYDOWN,f),o(l,i.KEYUP,f),o(l,i.ENTER,f),o(l,i.PASTE,(function(e,t){return!0})),o(l,i.COMPOSITIONSTART,v),o(l,i.COMPOSITIONUPDATE,v),o(l,i.COMPOSITIONEND,v),l);const y=(0,n.defineComponent)({name:"Input",directives:{bkTooltips:c.bkTooltips},inheritAttrs:!1,props:d,emits:m,setup:function(r,l){var a=(0,s.usePrefix)().resolveClassName,u=(0,e.useFormItem)(),c=(0,s.useLocale)("input"),d=(0,n.ref)(!1),f=(0,n.ref)(!1),v=(0,n.computed)((function(){return"textarea"===r.type})),m=(0,n.computed)((function(){return v.value?a("textarea"):a("input")})),y=l.attrs,b=y.class,P=y.style,T=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(y,["class","style"]),h=(0,n.ref)(),g=(0,n.computed)((function(){var t;return(0,e.classes)((o(t={},"".concat(m.value,"--").concat(r.size),!!r.size),o(t,"is-focused",d.value),o(t,"is-readonly",r.readonly&&!r.selectReadonly),o(t,"is-disabled",r.disabled),o(t,"is-simplicity","simplicity"===r.behavior),o(t,"".concat(b),!!b),t),m.value)})),x=(0,n.ref)(!1),N={search:function(){return(0,n.createVNode)(p.Search,null,null)},password:function(){return(0,n.createVNode)(p.Eye,{style:{fontSize:"18px"},onClick:J},null)}},O=$("suffix-icon"),E=(0,n.computed)((function(){var e=N[r.type];return w.value?(0,n.createVNode)(p.Unvisible,{onClick:J,class:O},null):e?(0,n.createVNode)(e,{class:O},null):null})),S=(0,n.computed)((function(){return"number"===r.type})),V=(0,n.computed)((function(){return Math.floor(r.maxlength)})),w=(0,n.ref)(!1),C=(0,n.computed)((function(){return(0,e.classes)(o({"show-clear-only-hover":r.showClearOnlyHover},"".concat(m.value,"--clear-icon"),!0),O)})),A=(0,n.computed)((function(){var t,n;return(0,e.classes)((o(t={},$("max-length"),!0),o(t,"is-over-limit",V.value-(null!==(n=r.modelValue)&&void 0!==n?n:"").toString().length<0),t))})),I=(0,n.computed)((function(){var e;return(null!==(e=r.modelValue)&&void 0!==e?e:"").toString().length})),U=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":r.disabled||r.modelValue>=r.max})})),j=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":r.disabled||r.modelValue<=r.min})})),D=(0,n.computed)((function(){return r.showOverflowTooltips&&x.value&&r.modelValue?{content:r.modelValue,sameWidth:!0}:{disabled:!0}}));function M(){var e,t;return(null===(e=h.value)||void 0===e?void 0:e.scrollWidth)>(null===(t=h.value)||void 0===t?void 0:t.clientWidth)+2}function R(){if(!r.disabled){var e=S.value?r.min:"";l.emit(i.UPDATE,e,null),l.emit(i.CHANGE,e,null),l.emit(i.CLEAR)}}(0,n.watch)((function(){return r.modelValue}),(function(){var e;r.withValidate&&(null===(e=null==u?void 0:u.validate)||void 0===e||e.call(u,"change"))})),(0,n.onMounted)((function(){x.value=M()})),l.expose({focus:function(){h.value.focus()},clear:R});var k,L,K=(k=[i.KEYUP,i.KEYDOWN,i.KEYPRESS,i.PASTE,i.CHANGE,i.INPUT].map((function(e){return function(t){if(t.stopPropagation(),e!==i.KEYDOWN||"Enter"!==t.code&&"Enter"!==t.key&&13!==t.keyCode||l.emit(i.ENTER,t.target.value,t),!f.value||![i.INPUT,i.CHANGE].some((function(t){return e===t}))){if(e===i.INPUT)l.emit(i.UPDATE,t.target.value,t);else if(e===i.CHANGE&&S.value&&""!==t.target.value){var r=z(t.target.value,0);return l.emit(i.UPDATE,r,t),void l.emit(e,r,t)}l.emit(e,t.target.value,t)}}})),L=6,function(e){if(Array.isArray(e))return e}(k)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,l,i,a=[],u=!0,s=!1;try{if(l=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(o=l.call(r)).done)&&(a.push(o.value),a.length!==t);u=!0);}catch(e){s=!0,n=e}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(s)throw n}}return a}}(k,L)||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}}(k,L)||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.")}()),q=K[0],H=K[1],Y=K[2],W=K[3],G=K[4],F=K[5];function z(e,t){var o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=Number(t),l=Number.isInteger(r.precision)?r.precision:0,i=Number(e),a=Number.isInteger(n)?n:1,u=i+(o?a:-1*a);return Number.isInteger(r.max)&&(u=Math.min(u,r.max)),Number.isInteger(r.min)&&(u=Math.max(u,r.min)),+u.toFixed(l)}function B(e){if(!r.disabled){var t=z(r.modelValue,r.step);l.emit(i.UPDATE,t,e),l.emit(i.CHANGE,t,e)}}function _(e){if(!r.disabled){var t=z(r.modelValue,r.step,!1);l.emit(i.UPDATE,t,e),l.emit(i.CHANGE,t,e)}}function $(e){return"".concat(m.value,"--").concat(e)}function J(){w.value=!w.value}var Q=(0,n.computed)((function(){var e=void 0===r.modelValue||null===r.modelValue?{}:{value:r.modelValue};return Object.assign(Object.assign({},e),{maxlength:!r.overMaxLengthLimit&&r.maxlength,placeholder:r.placeholder||c.value.placeholder,readonly:r.readonly,disabled:r.disabled})})),X={onInput:F,onFocus:function(e){d.value=!0,l.emit(i.FOCUS,e)},onBlur:function(e){var t;d.value=!1,x.value=M(),l.emit(i.BLUR,e),r.withValidate&&(null===(t=null==u?void 0:u.validate)||void 0===t||t.call(u,"blur"))},onPaste:W,onChange:G,onKeypress:Y,onKeydown:H,onKeyup:q,onCompositionstart:function(){f.value=!0},onCompositionend:function(e){f.value=!1,F(e)}};return function(){var e,t,o,i,a,u;return(0,n.withDirectives)((0,n.createVNode)("div",{class:g.value,style:P},[null!==(o=null===(t=null===(e=l.slots)||void 0===e?void 0:e.prefix)||void 0===t?void 0:t.call(e))&&void 0!==o?o:r.prefix&&(0,n.createVNode)("div",{class:$("prefix-area")},[(0,n.createVNode)("span",{class:$("prefix-area--text")},[r.prefix])]),v.value?(0,n.createVNode)("textarea",(0,n.mergeProps)({ref:h,spellcheck:!1},T,X,Q.value,{rows:r.rows}),null):(0,n.createVNode)("input",(0,n.mergeProps)({spellcheck:!1},T,{ref:h,class:"".concat(m.value,"--text"),type:w.value&&"password"===r.type?"text":r.type,step:r.step,max:r.max,min:r.min},X,Q.value),null),!v.value&&r.clearable&&!!r.modelValue&&(0,n.createVNode)("span",{class:C.value,onClick:R},[(0,n.createVNode)(p.Close,null,null)]),E.value,"number"==typeof r.maxlength&&(r.showWordLimit||v.value)&&(0,n.createVNode)("p",{class:A.value},[r.overMaxLengthLimit?V.value-I.value:(0,n.createVNode)(n.Fragment,null,[I.value,(0,n.createTextVNode)(" / "),(0,n.createVNode)("span",null,[V.value])])]),S.value&&r.showControl&&(0,n.createVNode)("div",{class:$("number-control")},[(0,n.createVNode)(p.DownSmall,{class:U.value,onClick:B},null),(0,n.createVNode)(p.DownSmall,{class:j.value,onClick:_},null)]),null!==(u=null===(a=null===(i=l.slots)||void 0===i?void 0:i.suffix)||void 0===a?void 0:a.call(i))&&void 0!==u?u:r.suffix&&(0,n.createVNode)("div",{class:$("suffix-area")},[(0,n.createVNode)("span",{class:$("suffix-area--text")},[r.suffix])])]),[[(0,n.resolveDirective)("bk-tooltips"),D.value]])}}}),b=(0,e.withInstall)(y)})(),u})()));
|
1
|
+
/*! For license information please see index.js.LICENSE.txt */
|
2
|
+
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("vue-types"),require("../config-provider"),require("../directives"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types","../config-provider","../directives","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types"),require("../config-provider"),require("../directives"),require("../icon")):t(e["../shared"],e.vue,e["vue-types"],e["../config-provider"],e["../directives"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o,n,i)=>(()=>{var a={2717:e=>{"use strict";e.exports=o},4061:e=>{"use strict";e.exports=n},6870:e=>{"use strict";e.exports=i},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t},210:e=>{"use strict";e.exports=r},7609:(e,t,r)=>{var o=r(7425).default;function n(){"use strict";e.exports=n=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},r=Object.prototype,i=r.hasOwnProperty,a=Object.defineProperty||function(e,t,r){e[t]=r.value},u="function"==typeof Symbol?Symbol:{},l=u.iterator||"@@iterator",c=u.asyncIterator||"@@asyncIterator",s=u.toStringTag||"@@toStringTag";function p(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{p({},"")}catch(e){p=function(e,t,r){return e[t]=r}}function f(e,t,r,o){var n=t&&t.prototype instanceof y?t:y,i=Object.create(n.prototype),u=new V(o||[]);return a(i,"_invoke",{value:E(e,r,u)}),i}function d(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=f;var v={};function y(){}function h(){}function m(){}var g={};p(g,l,(function(){return this}));var b=Object.getPrototypeOf,x=b&&b(b(L([])));x&&x!==r&&i.call(x,l)&&(g=x);var w=m.prototype=y.prototype=Object.create(g);function P(e){["next","throw","return"].forEach((function(t){p(e,t,(function(e){return this._invoke(t,e)}))}))}function T(e,t){function r(n,a,u,l){var c=d(e[n],e,a);if("throw"!==c.type){var s=c.arg,p=s.value;return p&&"object"==o(p)&&i.call(p,"__await")?t.resolve(p.__await).then((function(e){r("next",e,u,l)}),(function(e){r("throw",e,u,l)})):t.resolve(p).then((function(e){s.value=e,u(s)}),(function(e){return r("throw",e,u,l)}))}l(c.arg)}var n;a(this,"_invoke",{value:function(e,o){function i(){return new t((function(t,n){r(e,o,t,n)}))}return n=n?n.then(i,i):i()}})}function E(e,t,r){var o="suspendedStart";return function(n,i){if("executing"===o)throw new Error("Generator is already running");if("completed"===o){if("throw"===n)throw i;return{value:void 0,done:!0}}for(r.method=n,r.arg=i;;){var a=r.delegate;if(a){var u=N(a,r);if(u){if(u===v)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===o)throw o="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);o="executing";var l=d(e,t,r);if("normal"===l.type){if(o=r.done?"completed":"suspendedYield",l.arg===v)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(o="completed",r.method="throw",r.arg=l.arg)}}}function N(e,t){var r=t.method,o=e.iterator[r];if(void 0===o)return t.delegate=null,"throw"===r&&e.iterator.return&&(t.method="return",t.arg=void 0,N(e,t),"throw"===t.method)||"return"!==r&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+r+"' method")),v;var n=d(o,e.iterator,t.arg);if("throw"===n.type)return t.method="throw",t.arg=n.arg,t.delegate=null,v;var i=n.arg;return i?i.done?(t[e.resultName]=i.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,v):i:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,v)}function O(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function S(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function V(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(O,this),this.reset(!0)}function L(e){if(e){var t=e[l];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,o=function t(){for(;++r<e.length;)if(i.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return o.next=o}}return{next:j}}function j(){return{value:void 0,done:!0}}return h.prototype=m,a(w,"constructor",{value:m,configurable:!0}),a(m,"constructor",{value:h,configurable:!0}),h.displayName=p(m,s,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===h||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,p(e,s,"GeneratorFunction")),e.prototype=Object.create(w),e},t.awrap=function(e){return{__await:e}},P(T.prototype),p(T.prototype,c,(function(){return this})),t.AsyncIterator=T,t.async=function(e,r,o,n,i){void 0===i&&(i=Promise);var a=new T(f(e,r,o,n),i);return t.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},P(w),p(w,s,"Generator"),p(w,l,(function(){return this})),p(w,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var o in t)r.push(o);return r.reverse(),function e(){for(;r.length;){var o=r.pop();if(o in t)return e.value=o,e.done=!1,e}return e.done=!0,e}},t.values=L,V.prototype={constructor:V,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!e)for(var t in this)"t"===t.charAt(0)&&i.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var t=this;function r(r,o){return a.type="throw",a.arg=e,t.next=r,o&&(t.method="next",t.arg=void 0),!!o}for(var o=this.tryEntries.length-1;o>=0;--o){var n=this.tryEntries[o],a=n.completion;if("root"===n.tryLoc)return r("end");if(n.tryLoc<=this.prev){var u=i.call(n,"catchLoc"),l=i.call(n,"finallyLoc");if(u&&l){if(this.prev<n.catchLoc)return r(n.catchLoc,!0);if(this.prev<n.finallyLoc)return r(n.finallyLoc)}else if(u){if(this.prev<n.catchLoc)return r(n.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<n.finallyLoc)return r(n.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&i.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var n=o;break}}n&&("break"===e||"continue"===e)&&n.tryLoc<=t&&t<=n.finallyLoc&&(n=null);var a=n?n.completion:{};return a.type=e,a.arg=t,n?(this.method="next",this.next=n.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),S(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var o=r.completion;if("throw"===o.type){var n=o.arg;S(r)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(e,t,r){return this.delegate={iterator:L(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=void 0),v}},t}e.exports=n,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(r){return e.exports=t="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},e.exports.__esModule=!0,e.exports.default=e.exports,t(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,r)=>{var o=r(7609)();e.exports=o;try{regeneratorRuntime=o}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=o:Function("r","regeneratorRuntime = r")(o)}}},u={};function l(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return a[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var c={};return(()=>{"use strict";l.r(c),l.d(c,{default:()=>T});var e=l(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}function r(e){return r="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},r(e)}function o(e,t,o){return(t=function(e){var t=function(e,t){if("object"!==r(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var n=o.call(e,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===r(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var n=l(748),i=l(2841),a=l.n(i);Object.create,Object.create,"function"==typeof SuppressedError&&SuppressedError;var u,s=l(210),p=l(2717),f=l(4061),d=l(6870),v=void 0,y=["letter-spacing","line-height","padding-top","padding-bottom","font-family","font-weight","font-size","text-rendering","text-transform","width","text-indent","padding-left","padding-right","border-width","box-sizing"];function h(e){var t,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,o=arguments.length>2?arguments[2]:void 0;v||(v=document.createElement("textarea"),document.body.appendChild(v));var n=function(e){var t=window.getComputedStyle(e),r=t.getPropertyValue("box-sizing"),o=Number.parseFloat(t.getPropertyValue("padding-bottom"))+Number.parseFloat(t.getPropertyValue("padding-top")),n=Number.parseFloat(t.getPropertyValue("border-bottom-width"))+Number.parseFloat(t.getPropertyValue("border-top-width"));return{contextStyle:y.map((function(e){return"".concat(e,":").concat(t.getPropertyValue(e))})).join(";"),paddingSize:o,borderSize:n,boxSizing:r}}(e),i=n.paddingSize,a=n.borderSize,u=n.boxSizing,l=n.contextStyle;v.setAttribute("style","".concat(l,";").concat("\n height:0 !important;\n visibility:hidden !important;\n \n position:absolute !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important;\n")),v.value=e.value||e.placeholder||"";var c=v.scrollHeight,s={};"border-box"===u?c+=a:"content-box"===u&&(c-=i),v.value="";var p=v.scrollHeight-i;if(Number.isInteger(r)){var f=p*r;"border-box"===u&&(f=f+i+a),c=Math.max(f,c),s.minHeight="".concat(f,"px")}if(Number.isInteger(o)){var d=p*o;"border-box"===u&&(d=d+i+a),c=Math.min(d,c)}return s.height="".concat(c,"px"),null===(t=v.parentNode)||void 0===t||t.removeChild(v),v=void 0,s}var m,g={type:e.PropTypes.string.def("text"),clearable:e.PropTypes.bool,disabled:e.PropTypes.bool,readonly:e.PropTypes.bool,placeholder:e.PropTypes.string.def(""),prefixIcon:e.PropTypes.string,suffixIcon:e.PropTypes.string,suffix:e.PropTypes.string,prefix:e.PropTypes.string,step:e.PropTypes.integer,max:e.PropTypes.integer,min:e.PropTypes.integer,maxlength:e.PropTypes.integer,behavior:(0,e.InputBehaviorType)(),showWordLimit:e.PropTypes.bool,showControl:e.PropTypes.bool.def(!0),showClearOnlyHover:e.PropTypes.bool.def(!0),precision:e.PropTypes.number.def(0).validate((function(e){return e>=0&&e<20})),modelValue:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),size:e.PropTypes.size(),rows:e.PropTypes.number,selectReadonly:e.PropTypes.bool.def(!1),withValidate:e.PropTypes.bool.def(!0),overMaxLengthLimit:e.PropTypes.bool.def(!1),showOverflowTooltips:e.PropTypes.bool.def(!0),resize:e.PropTypes.bool.def(!0),autosize:(0,s.oneOfType)([s.bool,s.object]).def(!1)};function b(e,t){return!0}function x(e){return e}!function(e){e.UPDATE="update:modelValue",e.FOCUS="focus",e.BLUR="blur",e.CHANGE="change",e.CLEAR="clear",e.INPUT="input",e.KEYPRESS="keypress",e.KEYDOWN="keydown",e.KEYUP="keyup",e.ENTER="enter",e.PASTE="paste",e.COMPOSITIONSTART="compositionstart",e.COMPOSITIONUPDATE="compositionupdate",e.COMPOSITIONEND="compositionend"}(m||(m={}));var w=(o(u={},m.UPDATE,b),o(u,m.FOCUS,(function(e){return e})),o(u,m.BLUR,(function(e){return e})),o(u,m.CHANGE,b),o(u,m.CLEAR,(function(){return!0})),o(u,m.INPUT,b),o(u,m.KEYPRESS,b),o(u,m.KEYDOWN,b),o(u,m.KEYUP,b),o(u,m.ENTER,b),o(u,m.PASTE,(function(e,t){return!0})),o(u,m.COMPOSITIONSTART,x),o(u,m.COMPOSITIONUPDATE,x),o(u,m.COMPOSITIONEND,x),u);const P=(0,n.defineComponent)({name:"Input",directives:{bkTooltips:f.bkTooltips},inheritAttrs:!1,props:g,emits:w,setup:function(r,i){var u=this,l=(0,p.usePrefix)().resolveClassName,c=(0,e.useFormItem)(),s=(0,p.useLocale)("input"),f=(0,n.ref)(!1),v=(0,n.ref)(!1),y=(0,n.computed)((function(){return"textarea"===r.type})),g=(0,n.computed)((function(){return y.value?l("textarea"):l("input")})),b=i.attrs,x=b.class,w=b.style,P=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(b,["class","style"]),T=(0,n.ref)(),E=(0,n.computed)((function(){var t;return(0,e.classes)((o(t={},"".concat(g.value,"--").concat(r.size),!!r.size),o(t,"resizable",r.resize),o(t,"is-focused",f.value),o(t,"is-readonly",r.readonly&&!r.selectReadonly),o(t,"is-disabled",r.disabled),o(t,"is-simplicity","simplicity"===r.behavior),o(t,"".concat(x),!!x),t),g.value)})),N=(0,n.ref)(!1),O=(0,n.ref)({}),S=function(){var e,t;if(y.value)if(console.log(r.autosize,r,123),r.autosize){var o=null===(e=r.autosize)||void 0===e?void 0:e.minRows,i=null===(t=r.autosize)||void 0===t?void 0:t.maxRows,a=h(T.value,o,i);O.value=Object.assign({overflowY:"hidden"},a),(0,n.nextTick)((function(){O.value=a}))}else O.value={minHeight:h(T.value).minHeight}},V=function(e){var t=!1;return function(){var o;!t&&r.autosize&&(null===(null===(o=T.value)||void 0===o?void 0:o.offsetParent)||(e(),t=!0))}}(S),L={search:function(){return(0,n.createVNode)(d.Search,null,null)},password:function(){return(0,n.createVNode)(d.Eye,{style:{fontSize:"18px"},onClick:oe},null)}},j=re("suffix-icon"),C=(0,n.computed)((function(){var e=L[r.type];return k.value?(0,n.createVNode)(d.Unvisible,{onClick:oe,class:j},null):e?(0,n.createVNode)(e,{class:j},null):null})),I=(0,n.computed)((function(){return"number"===r.type})),A=(0,n.computed)((function(){return Math.floor(r.maxlength)})),k=(0,n.ref)(!1),_=(0,n.computed)((function(){return(0,e.classes)(o({"show-clear-only-hover":r.showClearOnlyHover},"".concat(g.value,"--clear-icon"),!0),j)})),U=(0,n.computed)((function(){var t,n;return(0,e.classes)((o(t={},re("max-length"),!0),o(t,"is-over-limit",A.value-(null!==(n=r.modelValue)&&void 0!==n?n:"").toString().length<0),t))})),z=(0,n.computed)((function(){var e;return(null!==(e=r.modelValue)&&void 0!==e?e:"").toString().length})),M=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":r.disabled||r.modelValue>=r.max})})),R=(0,n.computed)((function(){return(0,e.classes)({"is-disabled":r.disabled||r.modelValue<=r.min})})),D=(0,n.computed)((function(){return r.showOverflowTooltips&&N.value&&r.modelValue?{content:r.modelValue,sameWidth:!0}:{disabled:!0}})),F=new ResizeObserver((function(){V()}));function G(){var e,t;return(null===(e=T.value)||void 0===e?void 0:e.scrollWidth)>(null===(t=T.value)||void 0===t?void 0:t.clientWidth)+2}function H(){if(!r.disabled){var e=I.value?r.min:"";i.emit(m.UPDATE,e,null),i.emit(m.CHANGE,e,null),i.emit(m.CLEAR)}}(0,n.watch)((function(){return r.type}),(function(){return e=u,t=void 0,r=void 0,o=a().mark((function e(){return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,n.nextTick)();case 2:S();case 3:case"end":return e.stop()}}),e)})),new(r||(r=Promise))((function(n,i){function a(e){try{l(o.next(e))}catch(e){i(e)}}function u(e){try{l(o.throw(e))}catch(e){i(e)}}function l(e){var t;e.done?n(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,u)}l((o=o.apply(e,t||[])).next())}));var e,t,r,o})),(0,n.watch)((function(){return r.modelValue}),(function(){var e;r.withValidate&&(null===(e=null==c?void 0:c.validate)||void 0===e||e.call(c,"change")),(0,n.nextTick)((function(){return S()}))})),(0,n.onMounted)((function(){N.value=G(),F.observe(T.value),(0,n.nextTick)(S)})),(0,n.onBeforeUnmount)((function(){F.disconnect()})),i.expose({focus:function(){T.value.focus()},clear:H});var K,Y,q=(K=[m.KEYUP,m.KEYDOWN,m.KEYPRESS,m.PASTE,m.CHANGE,m.INPUT].map((function(e){return function(t){if(t.stopPropagation(),e!==m.KEYDOWN||"Enter"!==t.code&&"Enter"!==t.key&&13!==t.keyCode||i.emit(m.ENTER,t.target.value,t),!v.value||![m.INPUT,m.CHANGE].some((function(t){return e===t}))){if(e===m.INPUT)i.emit(m.UPDATE,t.target.value,t);else if(e===m.CHANGE&&I.value&&""!==t.target.value){var r=Z(t.target.value,0);return i.emit(m.UPDATE,r,t),void i.emit(e,r,t)}i.emit(e,t.target.value,t)}}})),Y=6,function(e){if(Array.isArray(e))return e}(K)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var o,n,i,a,u=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(o=i.call(r)).done)&&(u.push(o.value),u.length!==t);l=!0);}catch(e){c=!0,n=e}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw n}}return u}}(K,Y)||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}}(K,Y)||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.")}()),W=q[0],B=q[1],$=q[2],J=q[3],Q=q[4],X=q[5];function Z(e,t){var o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],n=Number(t),i=Number.isInteger(r.precision)?r.precision:0,a=Number(e),u=Number.isInteger(n)?n:1,l=a+(o?u:-1*u);return Number.isInteger(r.max)&&(l=Math.min(l,r.max)),Number.isInteger(r.min)&&(l=Math.max(l,r.min)),+l.toFixed(i)}function ee(e){if(!r.disabled){var t=Z(r.modelValue,r.step);i.emit(m.UPDATE,t,e),i.emit(m.CHANGE,t,e)}}function te(e){if(!r.disabled){var t=Z(r.modelValue,r.step,!1);i.emit(m.UPDATE,t,e),i.emit(m.CHANGE,t,e)}}function re(e){return"".concat(g.value,"--").concat(e)}function oe(){k.value=!k.value}var ne=(0,n.computed)((function(){var e=void 0===r.modelValue||null===r.modelValue?{}:{value:r.modelValue};return Object.assign(Object.assign({},e),{maxlength:!r.overMaxLengthLimit&&r.maxlength,placeholder:r.placeholder||s.value.placeholder,readonly:r.readonly,disabled:r.disabled})})),ie={onInput:X,onFocus:function(e){f.value=!0,i.emit(m.FOCUS,e)},onBlur:function(e){var t;f.value=!1,N.value=G(),i.emit(m.BLUR,e),r.withValidate&&(null===(t=null==c?void 0:c.validate)||void 0===t||t.call(c,"blur"))},onPaste:J,onChange:Q,onKeypress:$,onKeydown:B,onKeyup:W,onCompositionstart:function(){v.value=!0},onCompositionend:function(e){v.value=!1,X(e)}};return function(){var e,t,o,a,u,l;return(0,n.withDirectives)((0,n.createVNode)("div",{class:E.value,style:w},[null!==(o=null===(t=null===(e=i.slots)||void 0===e?void 0:e.prefix)||void 0===t?void 0:t.call(e))&&void 0!==o?o:r.prefix&&(0,n.createVNode)("div",{class:re("prefix-area")},[(0,n.createVNode)("span",{class:re("prefix-area--text")},[r.prefix])]),y.value?(0,n.createVNode)("textarea",(0,n.mergeProps)({ref:T,spellcheck:!1},P,ie,ne.value,{rows:r.rows,style:O.value}),null):(0,n.createVNode)("input",(0,n.mergeProps)({spellcheck:!1},P,{ref:T,class:"".concat(g.value,"--text"),type:k.value&&"password"===r.type?"text":r.type,step:r.step,max:r.max,min:r.min},ie,ne.value),null),!y.value&&r.clearable&&!!r.modelValue&&(0,n.createVNode)("span",{class:_.value,onClick:H},[(0,n.createVNode)(d.Close,null,null)]),C.value,"number"==typeof r.maxlength&&(r.showWordLimit||y.value)&&(0,n.createVNode)("p",{class:U.value},[r.overMaxLengthLimit?A.value-z.value:(0,n.createVNode)(n.Fragment,null,[z.value,(0,n.createTextVNode)(" / "),(0,n.createVNode)("span",null,[A.value])])]),I.value&&r.showControl&&(0,n.createVNode)("div",{class:re("number-control")},[(0,n.createVNode)(d.DownSmall,{class:M.value,onClick:ee},null),(0,n.createVNode)(d.DownSmall,{class:R.value,onClick:te},null)]),null!==(l=null===(u=null===(a=i.slots)||void 0===a?void 0:a.suffix)||void 0===u?void 0:u.call(a))&&void 0!==l?l:r.suffix&&(0,n.createVNode)("div",{class:re("suffix-area")},[(0,n.createVNode)("span",{class:re("suffix-area--text")},[r.suffix])])]),[[(0,n.resolveDirective)("bk-tooltips"),D.value]])}}}),T=(0,e.withInstall)(P)})(),c})()));
|
@@ -0,0 +1 @@
|
|
1
|
+
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
|
package/lib/input/input.css
CHANGED
@@ -71,12 +71,12 @@
|
|
71
71
|
left: -4px;
|
72
72
|
}
|
73
73
|
.bk-textarea {
|
74
|
+
--textarea-line-height: 20px;
|
74
75
|
display: inline-flex;
|
75
76
|
width: 100%;
|
76
|
-
min-height: 70px;
|
77
77
|
overflow: hidden;
|
78
78
|
font-size: 12px;
|
79
|
-
line-height:
|
79
|
+
line-height: var(--textarea-line-height);
|
80
80
|
color: #63656e;
|
81
81
|
background-color: white;
|
82
82
|
border: 1px solid #c4c6cc;
|
@@ -84,11 +84,13 @@
|
|
84
84
|
box-sizing: border-box;
|
85
85
|
transition: all 0.3s;
|
86
86
|
flex-direction: column;
|
87
|
-
resize: both;
|
88
87
|
}
|
89
88
|
.bk-textarea ::placeholder {
|
90
89
|
color: #c4c6cc;
|
91
90
|
}
|
91
|
+
.bk-textarea.resizable {
|
92
|
+
resize: both;
|
93
|
+
}
|
92
94
|
.bk-textarea.is-disabled,
|
93
95
|
.bk-textarea.is-readonly {
|
94
96
|
background-color: #fafbfd;
|
@@ -124,7 +126,6 @@
|
|
124
126
|
border-radius: 2px;
|
125
127
|
outline: none;
|
126
128
|
resize: none;
|
127
|
-
flex: 1;
|
128
129
|
}
|
129
130
|
.bk-textarea--max-length {
|
130
131
|
padding-right: 10px;
|
package/lib/input/input.d.ts
CHANGED
@@ -1,4 +1,8 @@
|
|
1
1
|
import { ExtractPropTypes } from 'vue';
|
2
|
+
export type InputAutoSize = {
|
3
|
+
minRows?: number;
|
4
|
+
maxRows?: number;
|
5
|
+
};
|
2
6
|
export declare const inputType: {
|
3
7
|
type: import("vue-types").VueTypeValidableDef<string> & {
|
4
8
|
default: string;
|
@@ -91,6 +95,14 @@ export declare const inputType: {
|
|
91
95
|
} & {
|
92
96
|
default: boolean;
|
93
97
|
};
|
98
|
+
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
99
|
+
default: boolean;
|
100
|
+
} & {
|
101
|
+
default: boolean;
|
102
|
+
};
|
103
|
+
autosize: import("vue-types").VueTypeDef<boolean | InputAutoSize> & {
|
104
|
+
default: boolean | (() => InputAutoSize);
|
105
|
+
};
|
94
106
|
};
|
95
107
|
export declare const enum EVENTS {
|
96
108
|
UPDATE = "update:modelValue",
|
@@ -220,6 +232,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
220
232
|
} & {
|
221
233
|
default: boolean;
|
222
234
|
};
|
235
|
+
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
236
|
+
default: boolean;
|
237
|
+
} & {
|
238
|
+
default: boolean;
|
239
|
+
};
|
240
|
+
autosize: import("vue-types").VueTypeDef<boolean | InputAutoSize> & {
|
241
|
+
default: boolean | (() => InputAutoSize);
|
242
|
+
};
|
223
243
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
224
244
|
"update:modelValue": typeof EventFunction;
|
225
245
|
focus: (evt: FocusEvent) => FocusEvent;
|
@@ -327,6 +347,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
327
347
|
} & {
|
328
348
|
default: boolean;
|
329
349
|
};
|
350
|
+
resize: import("vue-types").VueTypeValidableDef<boolean> & {
|
351
|
+
default: boolean;
|
352
|
+
} & {
|
353
|
+
default: boolean;
|
354
|
+
};
|
355
|
+
autosize: import("vue-types").VueTypeDef<boolean | InputAutoSize> & {
|
356
|
+
default: boolean | (() => InputAutoSize);
|
357
|
+
};
|
330
358
|
}>> & {
|
331
359
|
onPaste?: (_value: any, _e: ClipboardEvent) => any;
|
332
360
|
onCompositionend?: (evt: CompositionEvent) => any;
|
@@ -345,6 +373,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
345
373
|
}, {
|
346
374
|
type: string;
|
347
375
|
prefix: string;
|
376
|
+
resize: boolean;
|
348
377
|
disabled: boolean;
|
349
378
|
placeholder: string;
|
350
379
|
step: number;
|
@@ -366,5 +395,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
366
395
|
withValidate: boolean;
|
367
396
|
overMaxLengthLimit: boolean;
|
368
397
|
showOverflowTooltips: boolean;
|
398
|
+
autosize: boolean | InputAutoSize;
|
369
399
|
}, {}>;
|
370
400
|
export default _default;
|
package/lib/input/input.less
CHANGED
@@ -45,13 +45,13 @@
|
|
45
45
|
}
|
46
46
|
|
47
47
|
.@{bk-prefix}-textarea {
|
48
|
+
--textarea-line-height: 20px;
|
48
49
|
.placeholder();
|
49
50
|
display: inline-flex;
|
50
51
|
width: 100%;
|
51
|
-
min-height: 70px;
|
52
52
|
overflow: hidden;
|
53
53
|
font-size: @font-size-base;
|
54
|
-
line-height:
|
54
|
+
line-height: var(--textarea-line-height);
|
55
55
|
color: @input-color;
|
56
56
|
background-color: white;
|
57
57
|
border: @border-width-base @border-style-base @input-border-color;
|
@@ -59,7 +59,11 @@
|
|
59
59
|
box-sizing: border-box;
|
60
60
|
transition: all .3s;
|
61
61
|
flex-direction: column;
|
62
|
-
|
62
|
+
|
63
|
+
&.resizable {
|
64
|
+
resize: both;
|
65
|
+
}
|
66
|
+
|
63
67
|
.disabled();
|
64
68
|
|
65
69
|
>textarea {
|
@@ -71,7 +75,6 @@
|
|
71
75
|
border-radius: @border-radius-base;
|
72
76
|
outline: none;
|
73
77
|
resize: none;
|
74
|
-
flex: 1;
|
75
78
|
}
|
76
79
|
|
77
80
|
&--max-length {
|
@@ -193,12 +193,12 @@
|
|
193
193
|
left: -4px;
|
194
194
|
}
|
195
195
|
.bk-textarea {
|
196
|
+
--textarea-line-height: 20px;
|
196
197
|
display: inline-flex;
|
197
198
|
width: 100%;
|
198
|
-
min-height: 70px;
|
199
199
|
overflow: hidden;
|
200
200
|
font-size: 12px;
|
201
|
-
line-height:
|
201
|
+
line-height: var(--textarea-line-height);
|
202
202
|
color: #63656e;
|
203
203
|
background-color: white;
|
204
204
|
border: 1px solid #c4c6cc;
|
@@ -206,11 +206,13 @@
|
|
206
206
|
box-sizing: border-box;
|
207
207
|
transition: all 0.3s;
|
208
208
|
flex-direction: column;
|
209
|
-
resize: both;
|
210
209
|
}
|
211
210
|
.bk-textarea ::placeholder {
|
212
211
|
color: #c4c6cc;
|
213
212
|
}
|
213
|
+
.bk-textarea.resizable {
|
214
|
+
resize: both;
|
215
|
+
}
|
214
216
|
.bk-textarea.is-disabled,
|
215
217
|
.bk-textarea.is-readonly {
|
216
218
|
background-color: #fafbfd;
|
@@ -246,7 +248,6 @@
|
|
246
248
|
border-radius: 2px;
|
247
249
|
outline: none;
|
248
250
|
resize: none;
|
249
|
-
flex: 1;
|
250
251
|
}
|
251
252
|
.bk-textarea--max-length {
|
252
253
|
padding-right: 10px;
|
@@ -132,7 +132,7 @@ declare const BkResizeLayout: {
|
|
132
132
|
limitMax: any;
|
133
133
|
state: any;
|
134
134
|
vertical: import("vue").ComputedRef<boolean>;
|
135
|
-
cssPropKey: import("vue").ComputedRef<"
|
135
|
+
cssPropKey: import("vue").ComputedRef<"width" | "height">;
|
136
136
|
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
137
137
|
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
138
138
|
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
@@ -234,7 +234,7 @@ declare const BkResizeLayout: {
|
|
234
234
|
limitMax: any;
|
235
235
|
state: any;
|
236
236
|
vertical: import("vue").ComputedRef<boolean>;
|
237
|
-
cssPropKey: import("vue").ComputedRef<"
|
237
|
+
cssPropKey: import("vue").ComputedRef<"width" | "height">;
|
238
238
|
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
239
239
|
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
240
240
|
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
@@ -308,7 +308,7 @@ declare const BkResizeLayout: {
|
|
308
308
|
limitMax: any;
|
309
309
|
state: any;
|
310
310
|
vertical: import("vue").ComputedRef<boolean>;
|
311
|
-
cssPropKey: import("vue").ComputedRef<"
|
311
|
+
cssPropKey: import("vue").ComputedRef<"width" | "height">;
|
312
312
|
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
313
313
|
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
314
314
|
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
49
49
|
limitMax: any;
|
50
50
|
state: any;
|
51
51
|
vertical: import("vue").ComputedRef<boolean>;
|
52
|
-
cssPropKey: import("vue").ComputedRef<"
|
52
|
+
cssPropKey: import("vue").ComputedRef<"width" | "height">;
|
53
53
|
bkResizeLayoutRef: import("vue").Ref<HTMLElement>;
|
54
54
|
resizeProxyRef: import("vue").Ref<HTMLElement>;
|
55
55
|
resizeMaskRef: import("vue").Ref<HTMLElement>;
|
@@ -109,9 +109,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
109
109
|
field: import("../props").LabelFunctionString;
|
110
110
|
fixed?: boolean | "right" | "left";
|
111
111
|
minWidth?: string | number;
|
112
|
+
resizable?: boolean;
|
112
113
|
index?: number;
|
113
114
|
columnKey?: string;
|
114
|
-
resizable?: boolean;
|
115
115
|
colspan?: (({ column, colIndex, row, rowIndex, }: {
|
116
116
|
column: any;
|
117
117
|
colIndex: any;
|
@@ -230,9 +230,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
230
230
|
}>>, {
|
231
231
|
fixed: boolean | "right" | "left";
|
232
232
|
minWidth: string | number;
|
233
|
+
resizable: boolean;
|
233
234
|
index: number;
|
234
235
|
columnKey: string;
|
235
|
-
resizable: boolean;
|
236
236
|
colspan: import("../props").SpanFunctionString;
|
237
237
|
rowspan: import("../props").SpanFunctionString;
|
238
238
|
}, {}>;
|
package/lib/table/index.d.ts
CHANGED
@@ -1197,9 +1197,9 @@ declare const BkTable: {
|
|
1197
1197
|
field: import("./props").LabelFunctionString;
|
1198
1198
|
fixed?: boolean | "right" | "left";
|
1199
1199
|
minWidth?: string | number;
|
1200
|
+
resizable?: boolean;
|
1200
1201
|
index?: number;
|
1201
1202
|
columnKey?: string;
|
1202
|
-
resizable?: boolean;
|
1203
1203
|
colspan?: (({ column, colIndex, row, rowIndex, }: {
|
1204
1204
|
column: any;
|
1205
1205
|
colIndex: any;
|
@@ -1318,9 +1318,9 @@ declare const BkTable: {
|
|
1318
1318
|
}>>, {
|
1319
1319
|
fixed: boolean | "right" | "left";
|
1320
1320
|
minWidth: string | number;
|
1321
|
+
resizable: boolean;
|
1321
1322
|
index: number;
|
1322
1323
|
columnKey: string;
|
1323
|
-
resizable: boolean;
|
1324
1324
|
colspan: import("./props").SpanFunctionString;
|
1325
1325
|
rowspan: import("./props").SpanFunctionString;
|
1326
1326
|
}, {}>;
|