vxe-table 4.5.7 → 4.5.8
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/es/icon/style.css +1 -1
- package/es/input/src/input.js +24 -1
- package/es/input/style.css +21 -0
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/textarea/src/textarea.js +1 -0
- package/es/textarea/style.css +3 -3
- package/es/tools/log.js +1 -1
- package/es/v-x-e-table/index.js +1 -1
- package/es/vxe-input/style.css +21 -0
- package/es/vxe-textarea/style.css +3 -3
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +30 -2
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +27 -1
- package/lib/input/src/input.min.js +1 -1
- package/lib/input/style/style.css +21 -0
- package/lib/input/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/textarea/src/textarea.js +1 -1
- package/lib/textarea/src/textarea.min.js +1 -1
- package/lib/textarea/style/style.css +3 -3
- package/lib/textarea/style/style.min.css +1 -1
- package/lib/tools/log.js +1 -1
- package/lib/tools/log.min.js +1 -1
- package/lib/v-x-e-table/index.js +1 -1
- package/lib/v-x-e-table/index.min.js +1 -1
- package/lib/vxe-input/style/style.css +21 -0
- package/lib/vxe-input/style/style.min.css +1 -1
- package/lib/vxe-textarea/style/style.css +3 -3
- package/lib/vxe-textarea/style/style.min.css +1 -1
- package/package.json +3 -8
- package/packages/input/src/input.ts +29 -1
- package/packages/textarea/src/textarea.ts +1 -0
- package/styles/css-variable.scss +3 -3
- package/styles/input.scss +25 -0
- package/styles/textarea.scss +3 -3
- package/styles/variable.scss +3 -3
- package/types/input.d.ts +12 -0
- package/types/plugins/pro.d.ts +21 -2
- /package/es/icon/style/{iconfont.1693010447356.ttf → iconfont.1693370199154.ttf} +0 -0
- /package/es/icon/style/{iconfont.1693010447356.woff → iconfont.1693370199154.woff} +0 -0
- /package/es/icon/style/{iconfont.1693010447356.woff2 → iconfont.1693370199154.woff2} +0 -0
- /package/es/{iconfont.1693010447356.ttf → iconfont.1693370199154.ttf} +0 -0
- /package/es/{iconfont.1693010447356.woff → iconfont.1693370199154.woff} +0 -0
- /package/es/{iconfont.1693010447356.woff2 → iconfont.1693370199154.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1693010447356.ttf → iconfont.1693370199154.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1693010447356.woff → iconfont.1693370199154.woff} +0 -0
- /package/lib/icon/style/{iconfont.1693010447356.woff2 → iconfont.1693370199154.woff2} +0 -0
- /package/lib/{iconfont.1693010447356.ttf → iconfont.1693370199154.ttf} +0 -0
- /package/lib/{iconfont.1693010447356.woff → iconfont.1693370199154.woff} +0 -0
- /package/lib/{iconfont.1693010447356.woff2 → iconfont.1693370199154.woff2} +0 -0
|
@@ -240,7 +240,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
240
240
|
var inputCount = computeInputCount.value;
|
|
241
241
|
return (0, _vue.h)('div', {
|
|
242
242
|
ref: refElem,
|
|
243
|
-
class: ['vxe-textarea', className, (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--autosize'] = autosize, _a['is--disabled'] = disabled, _a['def--rows'] = !_xeUtils.default.eqNull(rows), _a['def--cols'] = !_xeUtils.default.eqNull(cols), _a)]
|
|
243
|
+
class: ['vxe-textarea', className, (_a = {}, _a["size--".concat(vSize)] = vSize, _a['is--autosize'] = autosize, _a['is--count'] = showWordCount, _a['is--disabled'] = disabled, _a['def--rows'] = !_xeUtils.default.eqNull(rows), _a['def--cols'] = !_xeUtils.default.eqNull(cols), _a)]
|
|
244
244
|
}, [(0, _vue.h)('textarea', {
|
|
245
245
|
ref: refTextarea,
|
|
246
246
|
class: 'vxe-textarea--inner',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var autoTxtElem,_vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_utils=require("../../tools/utils"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTextarea",props:{modelValue:[String,Number],className:String,immediate:{type:Boolean,default:!0},name:String,readonly:Boolean,disabled:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull(_conf.default.textarea.placeholder)?_conf.default.i18n("vxe.base.pleaseInput"):_conf.default.textarea.placeholder}},maxlength:[String,Number],rows:{type:[String,Number],default:2},cols:{type:[String,Number],default:null},showWordCount:Boolean,countMethod:Function,autosize:[Boolean,Object],form:String,resize:{type:String,default:function(){return _conf.default.textarea.resize}},size:{type:String,default:function(){return _conf.default.textarea.size||_conf.default.size}}},emits:["update:modelValue","input","keydown","keyup","click","change","focus","blur"],setup:function(p,e){function t(){var e,t=p.size,u=p.autosize,a=h.inputValue;u&&((autoTxtElem=autoTxtElem||document.createElement("div")).parentNode||document.body.appendChild(autoTxtElem),u=z.value,e=getComputedStyle(u),autoTxtElem.className=["vxe-textarea--autosize",t?"size--".concat(t):""].join(" "),autoTxtElem.style.width="".concat(u.clientWidth,"px"),autoTxtElem.style.padding=e.padding,autoTxtElem.innerHTML=(""+(a||" ")).replace(/\n$/,"\n "))}function x(e){var t=p.immediate,u=e.target.value;h.inputValue=u,t&&c(u,e),i.dispatchEvent("input",{value:u},e),s()}function v(e){p.immediate?N(e):c(h.inputValue,e)}function _(e){var t=p.immediate,u=h.inputValue;t||c(u,e),i.dispatchEvent("blur",{value:u},e)}var a=e.emit,u=(0,_vue.inject)("$xeform",null),n=(0,_vue.inject)("$xeformiteminfo",null),l=_xeUtils.default.uniqueId(),g=(0,_size.useSize)(p),h=(0,_vue.reactive)({inputValue:p.modelValue}),b=(0,_vue.ref)(),z=(0,_vue.ref)(),o={refElem:b,refTextarea:z},i={xID:l,props:p,context:e,reactData:h,getRefMaps:function(){return o}},y=(0,_vue.computed)(function(){return _xeUtils.default.getSize(h.inputValue)}),V=(0,_vue.computed)(function(){var e=y.value;return p.maxlength&&e>_xeUtils.default.toNumber(p.maxlength)}),r=(0,_vue.computed)(function(){return Object.assign({minRows:1,maxRows:10},_conf.default.textarea.autosize,p.autosize)}),s=function(){p.autosize&&(0,_vue.nextTick)(function(){var e=r.value,t=e.minRows,e=e.maxRows,u=z.value,a=autoTxtElem.clientHeight,n=getComputedStyle(u),l=_xeUtils.default.toNumber(n.lineHeight),n=_xeUtils.default.toNumber(n.paddingTop)+_xeUtils.default.toNumber(n.paddingBottom)+_xeUtils.default.toNumber(n.borderTopWidth)+_xeUtils.default.toNumber(n.borderBottomWidth),a=(a-n)/l,a=a&&/[0-9]/.test(""+a)?a:Math.floor(a)+1,o=a;a<t?o=t:e<a&&(o=e),u.style.height="".concat(o*l+n,"px")})},N=function(e){var t=h.inputValue;i.dispatchEvent(e.type,{value:t},e)},c=function(e,t){h.inputValue=e,a("update:modelValue",e),_xeUtils.default.toValueString(p.modelValue)!==e&&(d.dispatchEvent("change",{value:e},t),u)&&n&&u.triggerItemEvent(t,n.itemConfig.field,e)},d={dispatchEvent:function(e,t,u){a(e,Object.assign({$textarea:i,$event:u},t))},focus:function(){return z.value.focus(),(0,_vue.nextTick)()},blur:function(){return z.value.blur(),(0,_vue.nextTick)()}};Object.assign(i,d),(0,_vue.watch)(function(){return p.modelValue},function(e){h.inputValue=e,t()}),(0,_vue.nextTick)(function(){p.autosize&&(t(),s())});return i.renderVN=function(){var e=p.className,t=p.resize,u=p.placeholder,a=p.disabled,n=p.maxlength,l=p.autosize,o=p.showWordCount,i=p.countMethod,r=p.rows,s=p.cols,c=h.inputValue,d=g.value,f=V.value,m=y.value;return(0,_vue.h)("div",{ref:b,class:["vxe-textarea",e,((e={})["size--".concat(d)]=d,e["is--autosize"]=l,e["is--disabled"]=a,e["def--rows"]=!_xeUtils.default.eqNull(r),e["def--cols"]=!_xeUtils.default.eqNull(s),e)]},[(0,_vue.h)("textarea",{ref:z,class:"vxe-textarea--inner",value:c,name:p.name,placeholder:u?(0,_utils.getFuncText)(u):null,maxlength:n,readonly:p.readonly,disabled:a,rows:r,cols:s,style:t?{resize:t}:null,onInput:x,onChange:v,onKeydown:N,onKeyup:N,onClick:N,onFocus:N,onBlur:_}),o?(0,_vue.h)("span",{class:["vxe-textarea--count",{"is--error":f}]},i?"".concat(i({value:c})):"".concat(m).concat(n?"/".concat(n):"")):null])},i},render:function(){return this.renderVN()}});exports.default=_default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var autoTxtElem,_vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_conf=_interopRequireDefault(require("../../v-x-e-table/src/conf")),_utils=require("../../tools/utils"),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=(0,_vue.defineComponent)({name:"VxeTextarea",props:{modelValue:[String,Number],className:String,immediate:{type:Boolean,default:!0},name:String,readonly:Boolean,disabled:Boolean,placeholder:{type:String,default:function(){return _xeUtils.default.eqNull(_conf.default.textarea.placeholder)?_conf.default.i18n("vxe.base.pleaseInput"):_conf.default.textarea.placeholder}},maxlength:[String,Number],rows:{type:[String,Number],default:2},cols:{type:[String,Number],default:null},showWordCount:Boolean,countMethod:Function,autosize:[Boolean,Object],form:String,resize:{type:String,default:function(){return _conf.default.textarea.resize}},size:{type:String,default:function(){return _conf.default.textarea.size||_conf.default.size}}},emits:["update:modelValue","input","keydown","keyup","click","change","focus","blur"],setup:function(p,e){function t(){var e,t=p.size,u=p.autosize,a=h.inputValue;u&&((autoTxtElem=autoTxtElem||document.createElement("div")).parentNode||document.body.appendChild(autoTxtElem),u=z.value,e=getComputedStyle(u),autoTxtElem.className=["vxe-textarea--autosize",t?"size--".concat(t):""].join(" "),autoTxtElem.style.width="".concat(u.clientWidth,"px"),autoTxtElem.style.padding=e.padding,autoTxtElem.innerHTML=(""+(a||" ")).replace(/\n$/,"\n "))}function x(e){var t=p.immediate,u=e.target.value;h.inputValue=u,t&&c(u,e),i.dispatchEvent("input",{value:u},e),s()}function v(e){p.immediate?N(e):c(h.inputValue,e)}function _(e){var t=p.immediate,u=h.inputValue;t||c(u,e),i.dispatchEvent("blur",{value:u},e)}var a=e.emit,u=(0,_vue.inject)("$xeform",null),n=(0,_vue.inject)("$xeformiteminfo",null),l=_xeUtils.default.uniqueId(),g=(0,_size.useSize)(p),h=(0,_vue.reactive)({inputValue:p.modelValue}),b=(0,_vue.ref)(),z=(0,_vue.ref)(),o={refElem:b,refTextarea:z},i={xID:l,props:p,context:e,reactData:h,getRefMaps:function(){return o}},y=(0,_vue.computed)(function(){return _xeUtils.default.getSize(h.inputValue)}),V=(0,_vue.computed)(function(){var e=y.value;return p.maxlength&&e>_xeUtils.default.toNumber(p.maxlength)}),r=(0,_vue.computed)(function(){return Object.assign({minRows:1,maxRows:10},_conf.default.textarea.autosize,p.autosize)}),s=function(){p.autosize&&(0,_vue.nextTick)(function(){var e=r.value,t=e.minRows,e=e.maxRows,u=z.value,a=autoTxtElem.clientHeight,n=getComputedStyle(u),l=_xeUtils.default.toNumber(n.lineHeight),n=_xeUtils.default.toNumber(n.paddingTop)+_xeUtils.default.toNumber(n.paddingBottom)+_xeUtils.default.toNumber(n.borderTopWidth)+_xeUtils.default.toNumber(n.borderBottomWidth),a=(a-n)/l,a=a&&/[0-9]/.test(""+a)?a:Math.floor(a)+1,o=a;a<t?o=t:e<a&&(o=e),u.style.height="".concat(o*l+n,"px")})},N=function(e){var t=h.inputValue;i.dispatchEvent(e.type,{value:t},e)},c=function(e,t){h.inputValue=e,a("update:modelValue",e),_xeUtils.default.toValueString(p.modelValue)!==e&&(d.dispatchEvent("change",{value:e},t),u)&&n&&u.triggerItemEvent(t,n.itemConfig.field,e)},d={dispatchEvent:function(e,t,u){a(e,Object.assign({$textarea:i,$event:u},t))},focus:function(){return z.value.focus(),(0,_vue.nextTick)()},blur:function(){return z.value.blur(),(0,_vue.nextTick)()}};Object.assign(i,d),(0,_vue.watch)(function(){return p.modelValue},function(e){h.inputValue=e,t()}),(0,_vue.nextTick)(function(){p.autosize&&(t(),s())});return i.renderVN=function(){var e=p.className,t=p.resize,u=p.placeholder,a=p.disabled,n=p.maxlength,l=p.autosize,o=p.showWordCount,i=p.countMethod,r=p.rows,s=p.cols,c=h.inputValue,d=g.value,f=V.value,m=y.value;return(0,_vue.h)("div",{ref:b,class:["vxe-textarea",e,((e={})["size--".concat(d)]=d,e["is--autosize"]=l,e["is--count"]=o,e["is--disabled"]=a,e["def--rows"]=!_xeUtils.default.eqNull(r),e["def--cols"]=!_xeUtils.default.eqNull(s),e)]},[(0,_vue.h)("textarea",{ref:z,class:"vxe-textarea--inner",value:c,name:p.name,placeholder:u?(0,_utils.getFuncText)(u):null,maxlength:n,readonly:p.readonly,disabled:a,rows:r,cols:s,style:t?{resize:t}:null,onInput:x,onChange:v,onKeydown:N,onKeyup:N,onClick:N,onFocus:N,onBlur:_}),o?(0,_vue.h)("span",{class:["vxe-textarea--count",{"is--error":f}]},i?"".concat(i({value:c})):"".concat(m).concat(n?"/".concat(n):"")):null])},i},render:function(){return this.renderVN()}});exports.default=_default;
|
|
@@ -86,11 +86,11 @@
|
|
|
86
86
|
bottom: 0.2em;
|
|
87
87
|
right: 1.4em;
|
|
88
88
|
padding-left: 0.2em;
|
|
89
|
-
color: var(--vxe-
|
|
90
|
-
background-color: var(--vxe-
|
|
89
|
+
color: var(--vxe-input-count-color);
|
|
90
|
+
background-color: var(--vxe-input-count-background-color);
|
|
91
91
|
}
|
|
92
92
|
.vxe-textarea--count.is--error {
|
|
93
|
-
color: var(--vxe-
|
|
93
|
+
color: var(--vxe-input-count-error-color);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.vxe-textarea,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-
|
|
1
|
+
.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-input-count-color);background-color:var(--vxe-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-input-height-mini)}
|
package/lib/tools/log.js
CHANGED
|
@@ -9,7 +9,7 @@ exports.warnLog = void 0;
|
|
|
9
9
|
var _conf = _interopRequireDefault(require("../v-x-e-table/src/conf"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
function getLog(message, params) {
|
|
12
|
-
return "[vxe-table v".concat("4.5.
|
|
12
|
+
return "[vxe-table v".concat("4.5.8", "] ").concat(_conf.default.i18n(message, params));
|
|
13
13
|
}
|
|
14
14
|
function outLog(type) {
|
|
15
15
|
return function (message, params) {
|
package/lib/tools/log.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.errLog=void 0,exports.getLog=getLog,exports.warnLog=void 0;var _conf=_interopRequireDefault(require("../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getLog(e,o){return"[vxe-table v".concat("4.5.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.errLog=void 0,exports.getLog=getLog,exports.warnLog=void 0;var _conf=_interopRequireDefault(require("../v-x-e-table/src/conf"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getLog(e,o){return"[vxe-table v".concat("4.5.8","] ").concat(_conf.default.i18n(e,o))}function outLog(r){return function(e,o){e=getLog(e,o);return console[r](e),e}}var warnLog=outLog("warn"),errLog=(exports.warnLog=warnLog,outLog("error"));exports.errLog=errLog;
|
package/lib/v-x-e-table/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,t:!0,_t:!0,config:!0,v:!0,VXETable:!0},_xeUtils=(exports.VXETable=void 0,exports._t=_t,exports.default=exports.config=void 0,exports.t=t,exports.use=use,exports.v=void 0,_interopRequireDefault(require("xe-utils"))),_conf=_interopRequireDefault(require("./src/conf")),_interceptor=require("./src/interceptor"),_renderer=(Object.keys(_interceptor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}})}),require("./src/renderer")),_commands=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./src/commands")),_menus=(Object.keys(_commands).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}})}),require("./src/menus")),_formats=(Object.keys(_menus).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}})}),require("./src/formats")),_validators=(Object.keys(_formats).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}})}),require("./src/validators")),_hooks=(Object.keys(_validators).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_validators[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _validators[e]}})}),require("./src/hooks")),_setup=(Object.keys(_hooks).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_hooks[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _hooks[e]}})}),require("./src/setup")),_utils=(Object.keys(_setup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_setup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _setup[e]}})}),require("../tools/utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getExportOrImpotType(e,r){var o=[];return _xeUtils.default.objectEach(e,function(e,t){0!==e&&e!==r||o.push(t)}),o}var installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}var VXETableConfig=function(){function e(){}return Object.defineProperty(e.prototype,"zIndex",{get:function(){return(0,_utils.getLastZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"nextZIndex",{get:function(){return(0,_utils.nextZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"exportTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"importTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,2)},enumerable:!1,configurable:!0}),e}(),config=new VXETableConfig,v=(exports.config=config,"v4"),VXETable={v:exports.v=v,version:"4.5.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,t:!0,_t:!0,config:!0,v:!0,VXETable:!0},_xeUtils=(exports.VXETable=void 0,exports._t=_t,exports.default=exports.config=void 0,exports.t=t,exports.use=use,exports.v=void 0,_interopRequireDefault(require("xe-utils"))),_conf=_interopRequireDefault(require("./src/conf")),_interceptor=require("./src/interceptor"),_renderer=(Object.keys(_interceptor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}})}),require("./src/renderer")),_commands=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./src/commands")),_menus=(Object.keys(_commands).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}})}),require("./src/menus")),_formats=(Object.keys(_menus).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}})}),require("./src/formats")),_validators=(Object.keys(_formats).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}})}),require("./src/validators")),_hooks=(Object.keys(_validators).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_validators[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _validators[e]}})}),require("./src/hooks")),_setup=(Object.keys(_hooks).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_hooks[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _hooks[e]}})}),require("./src/setup")),_utils=(Object.keys(_setup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_setup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _setup[e]}})}),require("../tools/utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getExportOrImpotType(e,r){var o=[];return _xeUtils.default.objectEach(e,function(e,t){0!==e&&e!==r||o.push(t)}),o}var installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}var VXETableConfig=function(){function e(){}return Object.defineProperty(e.prototype,"zIndex",{get:function(){return(0,_utils.getLastZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"nextZIndex",{get:function(){return(0,_utils.nextZIndex)()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"exportTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,1)},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"importTypes",{get:function(){return getExportOrImpotType(_conf.default.export.types,2)},enumerable:!1,configurable:!0}),e}(),config=new VXETableConfig,v=(exports.config=config,"v4"),VXETable={v:exports.v=v,version:"4.5.8",setup:_setup.setup,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,validators:_validators.validators,menus:_menus.menus,hooks:_hooks.hooks,config:config,use:use,t:t,_t:_t},_default=exports.VXETable=VXETable;exports.default=_default;
|
|
@@ -99,6 +99,18 @@
|
|
|
99
99
|
color: var(--vxe-table-column-icon-border-color);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
|
+
.vxe-input--count {
|
|
103
|
+
position: absolute;
|
|
104
|
+
top: 1px;
|
|
105
|
+
right: 0.5em;
|
|
106
|
+
height: calc(100% - 2px);
|
|
107
|
+
color: var(--vxe-input-count-color);
|
|
108
|
+
background-color: var(--vxe-input-count-background-color);
|
|
109
|
+
}
|
|
110
|
+
.vxe-input--count.is--error {
|
|
111
|
+
color: var(--vxe-input-count-error-color);
|
|
112
|
+
}
|
|
113
|
+
|
|
102
114
|
.vxe-input .vxe-input--prefix {
|
|
103
115
|
left: 0.2em;
|
|
104
116
|
}
|
|
@@ -116,6 +128,12 @@
|
|
|
116
128
|
.vxe-input.is--suffix .vxe-input--inner {
|
|
117
129
|
padding-right: 1.8em;
|
|
118
130
|
}
|
|
131
|
+
.vxe-input.is--suffix.is--count .vxe-input--inner {
|
|
132
|
+
padding-right: 5em;
|
|
133
|
+
}
|
|
134
|
+
.vxe-input.is--suffix .vxe-input--count {
|
|
135
|
+
right: 2.1em;
|
|
136
|
+
}
|
|
119
137
|
.vxe-input.is--left .vxe-input--inner {
|
|
120
138
|
text-align: left;
|
|
121
139
|
}
|
|
@@ -125,6 +143,9 @@
|
|
|
125
143
|
.vxe-input.is--right .vxe-input--inner {
|
|
126
144
|
text-align: right;
|
|
127
145
|
}
|
|
146
|
+
.vxe-input.is--count .vxe-input--inner {
|
|
147
|
+
padding-right: 3.4em;
|
|
148
|
+
}
|
|
128
149
|
.vxe-input.is--controls.type--search .vxe-input--inner, .vxe-input.is--controls.type--password .vxe-input--inner, .vxe-input.is--controls.type--number .vxe-input--inner, .vxe-input.is--controls.type--integer .vxe-input--inner, .vxe-input.is--controls.type--float .vxe-input--inner, .vxe-input.is--controls.type--date .vxe-input--inner, .vxe-input.is--controls.type--datetime .vxe-input--inner, .vxe-input.is--controls.type--week .vxe-input--inner, .vxe-input.is--controls.type--month .vxe-input--inner, .vxe-input.is--controls.type--quarter .vxe-input--inner, .vxe-input.is--controls.type--year .vxe-input--inner, .vxe-input.is--controls.type--time .vxe-input--inner {
|
|
129
150
|
padding-right: 1.8em;
|
|
130
151
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-input--inner{width:100%;height:100%;border-radius:var(--vxe-border-radius);outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .6em;color:var(--vxe-font-color);border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-input-background-color);box-shadow:none}.vxe-input--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-input--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-input--inner::-webkit-autofill{background-color:var(--vxe-input-background-color)}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search],.vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-font-disabled-color);background-color:var(--vxe-input-disabled-background-color)}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--search-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--search-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;color:var(--vxe-table-column-icon-border-color)}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner{padding-right:1.8em}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input.is--controls.type--date .vxe-input--inner,.vxe-input.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--controls.type--float .vxe-input--inner,.vxe-input.is--controls.type--integer .vxe-input--inner,.vxe-input.is--controls.type--month .vxe-input--inner,.vxe-input.is--controls.type--number .vxe-input--inner,.vxe-input.is--controls.type--password .vxe-input--inner,.vxe-input.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--controls.type--search .vxe-input--inner,.vxe-input.is--controls.type--time .vxe-input--inner,.vxe-input.is--controls.type--week .vxe-input--inner,.vxe-input.is--controls.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.is--controls.type--date .vxe-input--suffix,.vxe-input.is--controls.type--datetime .vxe-input--suffix,.vxe-input.is--controls.type--float .vxe-input--suffix,.vxe-input.is--controls.type--integer .vxe-input--suffix,.vxe-input.is--controls.type--month .vxe-input--suffix,.vxe-input.is--controls.type--number .vxe-input--suffix,.vxe-input.is--controls.type--password .vxe-input--suffix,.vxe-input.is--controls.type--quarter .vxe-input--suffix,.vxe-input.is--controls.type--search .vxe-input--suffix,.vxe-input.is--controls.type--time .vxe-input--suffix,.vxe-input.is--controls.type--week .vxe-input--suffix,.vxe-input.is--controls.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.is--controls.type--date .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--float .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--month .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--number .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--password .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--search .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--time .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--week .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled) .vxe-input--number-prev:hover{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next:active,.vxe-input:not(.is--disabled) .vxe-input--number-prev:active{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next.is--disabled,.vxe-input:not(.is--disabled) .vxe-input--number-prev.is--disabled{cursor:no-drop;color:var(--vxe-input-number-disabled-color)}.vxe-input .vxe-input--date-picker-suffix,.vxe-input .vxe-input--number-suffix,.vxe-input .vxe-input--password-suffix,.vxe-input .vxe-input--search-suffix{position:relative;width:100%;height:100%}.vxe-input .vxe-input--date-picker-icon,.vxe-input .vxe-input--password-icon,.vxe-input .vxe-input--search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vxe-input .vxe-input--date-picker-icon[class*=vxe-icon-],.vxe-input .vxe-input--password-icon[class*=vxe-icon-],.vxe-input .vxe-input--search-icon[class*=vxe-icon-]{font-size:1.2em}.vxe-input .vxe-input--date-picker-suffix{display:flex;align-items:center;justify-content:center}.vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon{transition:transform .2s ease-in-out}.vxe-input .vxe-input--number-next,.vxe-input .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input .vxe-input--number-next-icon,.vxe-input .vxe-input--number-prev-icon{line-height:.8em;position:absolute;left:50%;transform:translateX(-50%)}.vxe-input .vxe-input--number-prev-icon{bottom:0}.vxe-input .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);font-size:var(--vxe-font-size);text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:var(--vxe-input-panel-background-color);border:1px solid var(--vxe-table-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{display:inline-block;text-align:center;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius)}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius);cursor:pointer;color:var(--vxe-input-date-time-confirm-button-color);border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-input--time-picker-header{display:flex;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:inline-block;display:flex;align-items:center;justify-content:center;background-color:var(--vxe-button-default-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-input--date-picker-body{border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-table-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:var(--vxe-font-disabled-color)}.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-table-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--hover{background-color:var(--vxe-input-date-picker-hover-background-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-input-date-picker-selected-color);background-color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color);background-color:var(--vxe-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-week-view td:first-child{box-shadow:inset -1px 0 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-table-popup-border-color);flex-grow:1;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid var(--vxe-table-popup-border-color)}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-table-popup-border-color)}.vxe-input{font-size:var(--vxe-font-size);height:var(--vxe-input-height-default);line-height:var(--vxe-input-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium{font-size:var(--vxe-font-size-medium);height:var(--vxe-input-height-medium);line-height:var(--vxe-input-height-medium)}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small{font-size:var(--vxe-font-size-small);height:var(--vxe-input-height-small);line-height:var(--vxe-input-height-small)}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini{font-size:var(--vxe-font-size-mini);height:var(--vxe-input-height-mini);line-height:var(--vxe-input-height-mini)}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-font-size)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{width:170px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel .vxe-input--time-picker-title{height:30px;line-height:30px;padding:0 11px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-default) * 6 + var(--vxe-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:30px;padding:0 9px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-font-size) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{width:168px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:29px;line-height:29px;padding:0 10px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-medium) * 6 + var(--vxe-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px;padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{width:154px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:28px;line-height:28px;padding:0 9px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-small) * 6 + var(--vxe-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px;padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{width:146px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:27px;line-height:27px;padding:0 8px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-mini) * 6 + var(--vxe-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px;padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-font-size-mini) + 1px)}
|
|
1
|
+
.vxe-input--inner{width:100%;height:100%;border-radius:var(--vxe-border-radius);outline:0;margin:0;font-size:inherit;font-family:inherit;line-height:inherit;padding:0 .6em;color:var(--vxe-font-color);border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-input-background-color);box-shadow:none}.vxe-input--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-input--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-input--inner::-webkit-autofill{background-color:var(--vxe-input-background-color)}.vxe-input--inner[type=number]{-webkit-appearance:none;appearance:none;-moz-appearance:textfield}.vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input--inner[type=number]::-webkit-outer-spin-button,.vxe-input--inner[type=search],.vxe-input--inner[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.vxe-input--inner[disabled]{cursor:not-allowed;color:var(--vxe-font-disabled-color);background-color:var(--vxe-input-disabled-background-color)}.vxe-input{display:inline-block;position:relative;width:180px}.vxe-input.is--disabled .vxe-input--date-picker-suffix,.vxe-input.is--disabled .vxe-input--number-suffix,.vxe-input.is--disabled .vxe-input--password-suffix,.vxe-input.is--disabled .vxe-input--search-suffix,.vxe-input.is--disabled .vxe-input--suffix{cursor:no-drop}.vxe-input:not(.is--disabled) .vxe-input--clear-icon,.vxe-input:not(.is--disabled) .vxe-input--number-suffix,.vxe-input:not(.is--disabled) .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--search-suffix{cursor:pointer}.vxe-input:not(.is--disabled).is--active .vxe-input--inner{border:1px solid var(--vxe-primary-color)}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--prefix,.vxe-input .vxe-input--suffix{display:flex;position:absolute;top:0;width:1.6em;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;color:var(--vxe-table-column-icon-border-color)}.vxe-input--count{position:absolute;top:1px;right:.5em;height:calc(100% - 2px);color:var(--vxe-input-count-color);background-color:var(--vxe-input-count-background-color)}.vxe-input--count.is--error{color:var(--vxe-input-count-error-color)}.vxe-input .vxe-input--prefix{left:.2em}.vxe-input.is--prefix .vxe-input--inner{padding-left:1.8em}.vxe-input .vxe-input--clear-icon{display:none}.vxe-input .vxe-input--extra-suffix,.vxe-input .vxe-input--suffix{right:.2em}.vxe-input.is--suffix .vxe-input--inner{padding-right:1.8em}.vxe-input.is--suffix.is--count .vxe-input--inner{padding-right:5em}.vxe-input.is--suffix .vxe-input--count{right:2.1em}.vxe-input.is--left .vxe-input--inner{text-align:left}.vxe-input.is--center .vxe-input--inner{text-align:center}.vxe-input.is--right .vxe-input--inner{text-align:right}.vxe-input.is--count .vxe-input--inner{padding-right:3.4em}.vxe-input.is--controls.type--date .vxe-input--inner,.vxe-input.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--controls.type--float .vxe-input--inner,.vxe-input.is--controls.type--integer .vxe-input--inner,.vxe-input.is--controls.type--month .vxe-input--inner,.vxe-input.is--controls.type--number .vxe-input--inner,.vxe-input.is--controls.type--password .vxe-input--inner,.vxe-input.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--controls.type--search .vxe-input--inner,.vxe-input.is--controls.type--time .vxe-input--inner,.vxe-input.is--controls.type--week .vxe-input--inner,.vxe-input.is--controls.type--year .vxe-input--inner{padding-right:1.8em}.vxe-input.is--controls.type--date .vxe-input--suffix,.vxe-input.is--controls.type--datetime .vxe-input--suffix,.vxe-input.is--controls.type--float .vxe-input--suffix,.vxe-input.is--controls.type--integer .vxe-input--suffix,.vxe-input.is--controls.type--month .vxe-input--suffix,.vxe-input.is--controls.type--number .vxe-input--suffix,.vxe-input.is--controls.type--password .vxe-input--suffix,.vxe-input.is--controls.type--quarter .vxe-input--suffix,.vxe-input.is--controls.type--search .vxe-input--suffix,.vxe-input.is--controls.type--time .vxe-input--suffix,.vxe-input.is--controls.type--week .vxe-input--suffix,.vxe-input.is--controls.type--year .vxe-input--suffix{right:1.6em}.vxe-input.is--suffix.is--controls.type--date .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--datetime .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--float .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--integer .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--month .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--number .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--password .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--quarter .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--search .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--time .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--week .vxe-input--inner,.vxe-input.is--suffix.is--controls.type--year .vxe-input--inner{padding-right:3.2em}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--suffix-icon{display:none}.vxe-input.is--suffix:hover .vxe-input--suffix.is--clear .vxe-input--clear-icon{display:inline}.vxe-input:not(.is--disabled) .vxe-input--suffix:hover .vxe-input--clear-icon{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--suffix:active .vxe-input--clear-icon{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:hover .vxe-input--search-suffix{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--password-suffix,.vxe-input:not(.is--disabled) .vxe-input--extra-suffix:active .vxe-input--search-suffix{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next:hover,.vxe-input:not(.is--disabled) .vxe-input--number-prev:hover{color:var(--vxe-font-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next:active,.vxe-input:not(.is--disabled) .vxe-input--number-prev:active{color:var(--vxe-primary-color)}.vxe-input:not(.is--disabled) .vxe-input--number-next.is--disabled,.vxe-input:not(.is--disabled) .vxe-input--number-prev.is--disabled{cursor:no-drop;color:var(--vxe-input-number-disabled-color)}.vxe-input .vxe-input--date-picker-suffix,.vxe-input .vxe-input--number-suffix,.vxe-input .vxe-input--password-suffix,.vxe-input .vxe-input--search-suffix{position:relative;width:100%;height:100%}.vxe-input .vxe-input--date-picker-icon,.vxe-input .vxe-input--password-icon,.vxe-input .vxe-input--search-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.vxe-input .vxe-input--date-picker-icon[class*=vxe-icon-],.vxe-input .vxe-input--password-icon[class*=vxe-icon-],.vxe-input .vxe-input--search-icon[class*=vxe-icon-]{font-size:1.2em}.vxe-input .vxe-input--date-picker-suffix{display:flex;align-items:center;justify-content:center}.vxe-input .vxe-input--date-picker-suffix .vxe-input--panel-icon{transition:transform .2s ease-in-out}.vxe-input .vxe-input--number-next,.vxe-input .vxe-input--number-prev{position:relative;display:block;height:50%;width:100%;text-align:center}.vxe-input .vxe-input--number-next-icon,.vxe-input .vxe-input--number-prev-icon{line-height:.8em;position:absolute;left:50%;transform:translateX(-50%)}.vxe-input .vxe-input--number-prev-icon{bottom:0}.vxe-input .vxe-input--number-next-icon{top:0}.vxe-input--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-font-color);font-size:var(--vxe-font-size);text-align:left}.vxe-input--panel:not(.is--transfer){min-width:100%}.vxe-input--panel.is--transfer{position:fixed}.vxe-input--panel.animat--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden;transform-style:preserve-3d}.vxe-input--panel.animat--leave[placement=top]{transform-origin:center bottom}.vxe-input--panel.animat--enter{opacity:1;transform:scaleY(1)}.vxe-input--panel-layout-wrapper,.vxe-input--panel-wrapper{background-color:var(--vxe-input-panel-background-color);border:1px solid var(--vxe-table-popup-border-color);box-shadow:0 0 6px 2px rgba(0,0,0,.1);border-radius:var(--vxe-border-radius)}.vxe-input--panel-wrapper{overflow-x:hidden;overflow-y:auto}.vxe-input--panel-layout-wrapper{display:flex;flex-direction:row}.vxe-input--panel.type--date,.vxe-input--panel.type--month,.vxe-input--panel.type--quarter,.vxe-input--panel.type--week,.vxe-input--panel.type--year{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{display:flex;flex-direction:column;border-left:1px solid var(--vxe-input-border-color)}.vxe-input--panel.type--date .vxe-input--date-picker-body th,.vxe-input--panel.type--datetime .vxe-input--date-picker-body th{width:14.28571%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th{width:12%}.vxe-input--panel.type--week .vxe-input--date-picker-body table th:first-child{width:14%}.vxe-input--panel.type--quarter .vxe-input--date-picker-body table th{width:50%}.vxe-input--panel.type--month .vxe-input--date-picker-body td,.vxe-input--panel.type--year .vxe-input--date-picker-body td{width:25%}.vxe-input--time-picker-title{display:inline-block;text-align:center;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius)}.vxe-input--time-picker-confirm{position:absolute;right:0;top:0}.vxe-input--date-picker-confirm,.vxe-input--time-picker-confirm{outline:0;border:1px solid var(--vxe-input-border-color);border-radius:var(--vxe-border-radius);cursor:pointer;color:var(--vxe-input-date-time-confirm-button-color);border-color:var(--vxe-primary-color);background-color:var(--vxe-primary-color)}.vxe-input--date-picker-confirm:hover,.vxe-input--time-picker-confirm:hover{background-color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-input--date-picker-confirm:active,.vxe-input--time-picker-confirm:active{background-color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-input--time-picker-header{display:flex;position:relative;flex-shrink:0}.vxe-input--date-picker-header{display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-header .vxe-input--date-picker-type-wrapper{flex-grow:1}.vxe-input--date-picker-header .vxe-input--date-picker-btn-wrapper{flex-shrink:0;text-align:center}.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{display:inline-block}.vxe-input--date-picker-btn-wrapper{display:flex;flex-direction:row}.vxe-input--date-picker-btn,.vxe-input--date-picker-label{display:inline-block;display:flex;align-items:center;justify-content:center;background-color:var(--vxe-button-default-background-color)}.vxe-input--date-picker-btn.is--disabled{color:var(--vxe-font-disabled-color);cursor:no-drop}.vxe-input--date-picker-btn:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-btn:not(.is--disabled):hover{background-color:#fff}.vxe-input--date-picker-btn:not(.is--disabled):active{background-color:#fff}.vxe-input--date-picker-body{border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-table-popup-border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--date-picker-body table{border:0;width:100%;border-spacing:0;border-collapse:separate;text-align:center;table-layout:fixed}.vxe-input--date-picker-body td,.vxe-input--date-picker-body th{font-weight:400}.vxe-input--date-picker-body th{box-shadow:inset 0 -1px 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-picker-body td.is--next,.vxe-input--date-picker-body td.is--prev{color:var(--vxe-font-disabled-color)}.vxe-input--date-picker-body td.is--next .vxe-input--date-festival,.vxe-input--date-picker-body td.is--next .vxe-input--date-label,.vxe-input--date-picker-body td.is--prev .vxe-input--date-festival,.vxe-input--date-picker-body td.is--prev .vxe-input--date-label{color:var(--vxe-font-disabled-color)}.vxe-input--date-picker-body td.is--now{box-shadow:inset 0 0 0 1px var(--vxe-table-popup-border-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current{color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-festival,.vxe-input--date-picker-body td.is--now:not(.is--selected).is--current .vxe-input--date-label{color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--hover{background-color:var(--vxe-input-date-picker-hover-background-color)}.vxe-input--date-picker-body td.is--selected{color:var(--vxe-input-date-picker-selected-color);background-color:var(--vxe-primary-color)}.vxe-input--date-picker-body td.is--selected.is--next,.vxe-input--date-picker-body td.is--selected.is--prev{background-color:var(--vxe-primary-lighten-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-festival,.vxe-input--date-picker-body td.is--selected .vxe-input--date-label{color:var(--vxe-input-date-picker-festival-selected-color)}.vxe-input--date-picker-body td.is--selected .vxe-input--date-label.is-notice:before{background-color:var(--vxe-input-date-picker-notice-selected-background-color)}.vxe-input--date-picker-body td:not(.is--disabled){cursor:pointer}.vxe-input--date-picker-body td.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color);background-color:var(--vxe-input-disabled-background-color)}.vxe-input--date-picker-body td.is--disabled .vxe-input--date-festival,.vxe-input--date-picker-body td.is--disabled .vxe-input--date-label{color:var(--vxe-input-disabled-color)}.vxe-input--date-week-view th:first-child{box-shadow:inset -1px -1px 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-week-view td:first-child{box-shadow:inset -1px 0 0 0 var(--vxe-table-popup-border-color)}.vxe-input--date-festival,.vxe-input--date-label{display:block;overflow:hidden}.vxe-input--date-label{position:relative}.vxe-input--date-label.is-notice:before{content:"";position:absolute;width:4px;height:4px;left:.8em;top:.1em;transform:translateX(-50%);border-radius:100%;background-color:var(--vxe-input-date-notice-background-color)}.vxe-input--date-label--extra{position:absolute;right:.1em;top:-.2em;font-size:12px;line-height:12px;transform:scale(.7);color:var(--vxe-input-date-extra-color)}.vxe-input--date-label--extra.is-important{color:var(--vxe-input-date-extra-important-color)}.vxe-input--date-festival{color:var(--vxe-input-date-festival-color);height:14px;line-height:1;overflow:hidden}.vxe-input--date-festival.is-important{color:var(--vxe-input-date-festival-important-color)}.vxe-input--date-festival--label{display:block;font-size:12px;transform:scale(.8)}@keyframes festivalOverlap2{0%,100%,45%{transform:translateY(0)}50%,95%{transform:translateY(-14px)}}@keyframes festivalOverlap3{0%,100%,20%{transform:translateY(0)}25%,45%,75%,95%{transform:translateY(-14px)}50%,70%{transform:translateY(-28px)}}.vxe-input--date-festival--overlap{display:block;font-size:12px}.vxe-input--date-festival--overlap.overlap--2{animation:festivalOverlap2 6s infinite ease-in-out}.vxe-input--date-festival--overlap.overlap--3{animation:festivalOverlap3 9s infinite ease-in-out}.vxe-input--date-festival--overlap>span{height:14px;display:block;transform:scale(.8)}.vxe-input--time-picker-body{position:relative;display:flex;flex-direction:row;border:1px solid var(--vxe-table-popup-border-color);flex-grow:1;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-input--time-picker-body>ul{height:100%;overflow:hidden;margin:0;padding:0}.vxe-input--time-picker-body>ul:after,.vxe-input--time-picker-body>ul:before{content:" ";display:block}.vxe-input--time-picker-body>ul:hover{overflow-y:auto}.vxe-input--time-picker-body>ul>li{display:block}.vxe-input--time-picker-body>ul>li:hover{background-color:var(--vxe-input-date-picker-hover-background-color);cursor:pointer}.vxe-input--time-picker-body>ul>li.is--selected{font-weight:700;color:var(--vxe-primary-color)}.vxe-input--time-picker-body .vxe-input--time-picker-minute-list{border-left:1px solid var(--vxe-table-popup-border-color)}.vxe-input--time-picker-body .vxe-input--time-picker-second-list{border-left:1px solid var(--vxe-table-popup-border-color)}.vxe-input{font-size:var(--vxe-font-size);height:var(--vxe-input-height-default);line-height:var(--vxe-input-height-default)}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:6px}.vxe-input .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=number]::-webkit-inner-spin-button,.vxe-input .vxe-input--inner[type=week]::-webkit-inner-spin-button{height:24px}.vxe-input.size--medium{font-size:var(--vxe-font-size-medium);height:var(--vxe-input-height-medium);line-height:var(--vxe-input-height-medium)}.vxe-input.size--medium .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--medium .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:4px}.vxe-input.size--small{font-size:var(--vxe-font-size-small);height:var(--vxe-input-height-small);line-height:var(--vxe-input-height-small)}.vxe-input.size--small .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--small .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:2px}.vxe-input.size--mini{font-size:var(--vxe-font-size-mini);height:var(--vxe-input-height-mini);line-height:var(--vxe-input-height-mini)}.vxe-input.size--mini .vxe-input--inner[type=date]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=month]::-webkit-inner-spin-button,.vxe-input.size--mini .vxe-input--inner[type=week]::-webkit-inner-spin-button{margin-top:0}.vxe-input--panel{font-size:var(--vxe-font-size)}.vxe-input--panel .vxe-input--panel-wrapper{max-height:380px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--time .vxe-input--panel-wrapper,.vxe-input--panel.type--week .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{padding:11px}.vxe-input--panel.type--date .vxe-input--panel-wrapper,.vxe-input--panel.type--month .vxe-input--panel-wrapper,.vxe-input--panel.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.type--time .vxe-input--panel-wrapper{width:170px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.type--datetime .vxe-input--panel-right-wrapper{padding:11px}.vxe-input--panel .vxe-input--time-picker-title{height:30px;line-height:30px;padding:0 11px}.vxe-input--panel .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-label{height:30px;line-height:30px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:8px}.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:30px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 9px}.vxe-input--panel .vxe-input--date-picker-header,.vxe-input--panel .vxe-input--time-picker-header{padding-bottom:8px}.vxe-input--panel .vxe-input--date-picker-body table,.vxe-input--panel .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-default) * 6 + var(--vxe-input-date-title-height-default))}.vxe-input--panel .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel .vxe-input--time-picker-body>ul:after,.vxe-input--panel .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel .vxe-input--time-picker-body>ul>li{height:26px;padding-left:9px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel .vxe-input--date-day-view td,.vxe-input--panel .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-default)}.vxe-input--panel .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-default)}.vxe-input--panel .vxe-input--date-month-view td,.vxe-input--panel .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-default)}.vxe-input--panel .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-default)}.vxe-input--panel .vxe-input--date-picker-confirm,.vxe-input--panel .vxe-input--time-picker-confirm{height:30px;padding:0 9px}.vxe-input--panel .vxe-input--date-label{line-height:calc(var(--vxe-font-size) + 1px)}.vxe-input--panel.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-input--panel.size--medium .vxe-input--panel-wrapper{max-height:360px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{padding:10px}.vxe-input--panel.size--medium.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--medium.type--year .vxe-input--panel-wrapper{width:336px}.vxe-input--panel.size--medium.type--week .vxe-input--panel-wrapper{width:380px}.vxe-input--panel.size--medium.type--time .vxe-input--panel-wrapper{width:168px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper{width:336px}.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--medium.type--datetime .vxe-input--panel-right-wrapper{padding:10px}.vxe-input--panel.size--medium .vxe-input--time-picker-title{height:29px;line-height:29px;padding:0 10px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-label{height:29px;line-height:29px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:29px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--medium .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-picker-header,.vxe-input--panel.size--medium .vxe-input--time-picker-header{padding-bottom:7px}.vxe-input--panel.size--medium .vxe-input--date-picker-body table,.vxe-input--panel.size--medium .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-medium) * 6 + var(--vxe-input-date-title-height-medium))}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul{width:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul:before{height:120px}.vxe-input--panel.size--medium .vxe-input--time-picker-body>ul>li{height:26px;padding-left:8px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:48px}.vxe-input--panel.size--medium .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:96px}.vxe-input--panel.size--medium .vxe-input--date-day-view td,.vxe-input--panel.size--medium .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-month-view td,.vxe-input--panel.size--medium .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-medium)}.vxe-input--panel.size--medium .vxe-input--date-picker-confirm,.vxe-input--panel.size--medium .vxe-input--time-picker-confirm{height:29px;padding:0 8px}.vxe-input--panel.size--medium .vxe-input--date-label{line-height:calc(var(--vxe-font-size-medium) + 1px)}.vxe-input--panel.size--small{font-size:var(--vxe-font-size-small)}.vxe-input--panel.size--small .vxe-input--panel-wrapper{max-height:340px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{padding:9px}.vxe-input--panel.size--small.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--small.type--year .vxe-input--panel-wrapper{width:312px}.vxe-input--panel.size--small.type--week .vxe-input--panel-wrapper{width:354px}.vxe-input--panel.size--small.type--time .vxe-input--panel-wrapper{width:154px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper{width:312px}.vxe-input--panel.size--small.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--small.type--datetime .vxe-input--panel-right-wrapper{padding:9px}.vxe-input--panel.size--small .vxe-input--time-picker-title{height:28px;line-height:28px;padding:0 9px}.vxe-input--panel.size--small .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-label{height:28px;line-height:28px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:6px}.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--small .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:28px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--small .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-picker-header,.vxe-input--panel.size--small .vxe-input--time-picker-header{padding-bottom:6px}.vxe-input--panel.size--small .vxe-input--date-picker-body table,.vxe-input--panel.size--small .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-small) * 6 + var(--vxe-input-date-title-height-small))}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul{width:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--small .vxe-input--time-picker-body>ul:before{height:110px}.vxe-input--panel.size--small .vxe-input--time-picker-body>ul>li{height:26px;padding-left:7px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:44px}.vxe-input--panel.size--small .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:88px}.vxe-input--panel.size--small .vxe-input--date-day-view td,.vxe-input--panel.size--small .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-month-view td,.vxe-input--panel.size--small .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-small)}.vxe-input--panel.size--small .vxe-input--date-picker-confirm,.vxe-input--panel.size--small .vxe-input--time-picker-confirm{height:28px;padding:0 7px}.vxe-input--panel.size--small .vxe-input--date-label{line-height:calc(var(--vxe-font-size-small) + 1px)}.vxe-input--panel.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-input--panel.size--mini .vxe-input--panel-wrapper{max-height:320px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{padding:8px}.vxe-input--panel.size--mini.type--date .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--month .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--quarter .vxe-input--panel-wrapper,.vxe-input--panel.size--mini.type--year .vxe-input--panel-wrapper{width:288px}.vxe-input--panel.size--mini.type--week .vxe-input--panel-wrapper{width:326px}.vxe-input--panel.size--mini.type--time .vxe-input--panel-wrapper{width:146px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper{width:288px}.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-left-wrapper,.vxe-input--panel.size--mini.type--datetime .vxe-input--panel-right-wrapper{padding:8px}.vxe-input--panel.size--mini .vxe-input--time-picker-title{height:27px;line-height:27px;padding:0 8px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-label{height:27px;line-height:27px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-btn{margin-left:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-current-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-next-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-btn-wrapper .vxe-input--date-picker-prev-btn{width:27px;border-radius:var(--vxe-border-radius);border:1px solid var(--vxe-input-border-color)}.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-btn,.vxe-input--panel.size--mini .vxe-input--date-picker-type-wrapper .vxe-input--date-picker-label{padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-picker-header,.vxe-input--panel.size--mini .vxe-input--time-picker-header{padding-bottom:5px}.vxe-input--panel.size--mini .vxe-input--date-picker-body table,.vxe-input--panel.size--mini .vxe-input--time-picker-body{height:calc(var(--vxe-input-date-time-week-row-height-mini) * 6 + var(--vxe-input-date-title-height-mini))}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul{width:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:after,.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul:before{height:100px}.vxe-input--panel.size--mini .vxe-input--time-picker-body>ul>li{height:26px;padding-left:6px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-minute-list{left:42px}.vxe-input--panel.size--mini .vxe-input--time-picker-body .vxe-input--time-picker-second-list{left:84px}.vxe-input--panel.size--mini .vxe-input--date-day-view td,.vxe-input--panel.size--mini .vxe-input--date-week-view td{height:var(--vxe-input-date-time-week-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-quarter-view td{height:var(--vxe-input-date-quarter-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-month-view td,.vxe-input--panel.size--mini .vxe-input--date-year-view td{height:var(--vxe-input-date-month-year-row-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-body th{height:var(--vxe-input-date-title-height-mini)}.vxe-input--panel.size--mini .vxe-input--date-picker-confirm,.vxe-input--panel.size--mini .vxe-input--time-picker-confirm{height:27px;padding:0 6px}.vxe-input--panel.size--mini .vxe-input--date-label{line-height:calc(var(--vxe-font-size-mini) + 1px)}
|
|
@@ -86,11 +86,11 @@
|
|
|
86
86
|
bottom: 0.2em;
|
|
87
87
|
right: 1.4em;
|
|
88
88
|
padding-left: 0.2em;
|
|
89
|
-
color: var(--vxe-
|
|
90
|
-
background-color: var(--vxe-
|
|
89
|
+
color: var(--vxe-input-count-color);
|
|
90
|
+
background-color: var(--vxe-input-count-background-color);
|
|
91
91
|
}
|
|
92
92
|
.vxe-textarea--count.is--error {
|
|
93
|
-
color: var(--vxe-
|
|
93
|
+
color: var(--vxe-input-count-error-color);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.vxe-textarea,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-
|
|
1
|
+
.vxe-textarea{position:relative;display:inline-block}.vxe-textarea:not(.def--cols){width:100%}.vxe-textarea:not(.def--cols) .vxe-textarea--inner{width:100%}.vxe-textarea--inner{border-radius:var(--vxe-border-radius);outline:0;font-size:inherit;padding:0 .6em;color:var(--vxe-font-color);line-height:inherit;border:1px solid var(--vxe-input-border-color);background-color:var(--vxe-textarea-background-color);display:block;padding:.3em .6em}.vxe-textarea--inner::-moz-placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner::placeholder{color:var(--vxe-input-placeholder-color)}.vxe-textarea--inner:focus{border:1px solid var(--vxe-primary-color)}.vxe-textarea--inner[disabled]{cursor:not-allowed;background-color:var(--vxe-input-disabled-background-color)}.vxe-textarea--autosize,.vxe-textarea--inner{line-height:var(--vxe-textarea-line-height);color:var(--vxe-font-color);font-family:var(--vxe-font-family)}.vxe-textarea--autosize{display:block;position:fixed;top:0;left:0;width:100%;margin:0;padding:.3em .6em;word-wrap:break-word;white-space:pre-wrap;z-index:-1;visibility:hidden}.vxe-textarea--count{position:absolute;bottom:.2em;right:1.4em;padding-left:.2em;color:var(--vxe-input-count-color);background-color:var(--vxe-input-count-background-color)}.vxe-textarea--count.is--error{color:var(--vxe-input-count-error-color)}.vxe-textarea,.vxe-textarea--autosize{font-size:var(--vxe-font-size)}.vxe-textarea--autosize.size--medium,.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea--autosize.size--small,.vxe-textarea.size--small{font-size:var(--vxe-font-size-small)}.vxe-textarea--autosize.size--mini,.vxe-textarea.size--mini{font-size:var(--vxe-font-size-mini)}.vxe-textarea:not(.is--autosize){min-height:var(--vxe-input-height-default)}.vxe-textarea.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-textarea.size--medium:not(.is--autosize){min-height:var(--vxe-input-height-medium)}.vxe-textarea.size--small:not(.is--autosize){min-height:var(--vxe-input-height-small)}.vxe-textarea.size--mini:not(.is--autosize){min-height:var(--vxe-input-height-mini)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vxe-table",
|
|
3
|
-
"version": "4.5.
|
|
4
|
-
"description": "一个基于 vue 的 PC 端表单/表格组件,支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON
|
|
3
|
+
"version": "4.5.8",
|
|
4
|
+
"description": "一个基于 vue 的 PC 端表单/表格组件,支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"update": "npm install --legacy-peer-deps",
|
|
7
7
|
"serve": "vue-cli-service serve",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"style": "lib/style.css",
|
|
29
29
|
"typings": "types/index.d.ts",
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"dom-zindex": "^0.
|
|
31
|
+
"dom-zindex": "^1.0.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/resize-observer-browser": "^0.1.7",
|
|
@@ -78,11 +78,6 @@
|
|
|
78
78
|
"tags": "helper/vetur/tags.json",
|
|
79
79
|
"attributes": "helper/vetur/attributes.json"
|
|
80
80
|
},
|
|
81
|
-
"postcss": {
|
|
82
|
-
"plugins": {
|
|
83
|
-
"autoprefixer": {}
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
81
|
"repository": {
|
|
87
82
|
"type": "git",
|
|
88
83
|
"url": "git+https://github.com/x-extends/vxe-table.git"
|
|
@@ -78,6 +78,10 @@ export default defineComponent({
|
|
|
78
78
|
size: { type: String as PropType<VxeInputPropTypes.Size>, default: () => GlobalConfig.input.size || GlobalConfig.size },
|
|
79
79
|
multiple: Boolean as PropType<VxeInputPropTypes.Multiple>,
|
|
80
80
|
|
|
81
|
+
// text
|
|
82
|
+
showWordCount: Boolean as PropType<VxeInputPropTypes.ShowWordCount>,
|
|
83
|
+
countMethod: Function as PropType<VxeInputPropTypes.CountMethod>,
|
|
84
|
+
|
|
81
85
|
// number、integer、float
|
|
82
86
|
min: { type: [String, Number] as PropType<VxeInputPropTypes.Min>, default: null },
|
|
83
87
|
max: { type: [String, Number] as PropType<VxeInputPropTypes.Max>, default: null },
|
|
@@ -197,6 +201,15 @@ export default defineComponent({
|
|
|
197
201
|
return ['number', 'integer', 'float'].indexOf(props.type) > -1
|
|
198
202
|
})
|
|
199
203
|
|
|
204
|
+
const computeInputCount = computed(() => {
|
|
205
|
+
return XEUtils.getSize(reactData.inputValue)
|
|
206
|
+
})
|
|
207
|
+
|
|
208
|
+
const computeIsCountError = computed(() => {
|
|
209
|
+
const inputCount = computeInputCount.value
|
|
210
|
+
return props.maxlength && inputCount > XEUtils.toNumber(props.maxlength)
|
|
211
|
+
})
|
|
212
|
+
|
|
200
213
|
const computeIsDatePickerType = computed(() => {
|
|
201
214
|
const isDateTimeType = computeIsDateTimeType.value
|
|
202
215
|
return isDateTimeType || ['date', 'week', 'month', 'quarter', 'year'].indexOf(props.type) > -1
|
|
@@ -2357,9 +2370,11 @@ export default defineComponent({
|
|
|
2357
2370
|
initValue()
|
|
2358
2371
|
|
|
2359
2372
|
const renderVN = () => {
|
|
2360
|
-
const { className, controls, type, align, name, disabled, readonly, autocomplete } = props
|
|
2373
|
+
const { className, controls, type, align, showWordCount, countMethod, name, disabled, readonly, autocomplete } = props
|
|
2361
2374
|
const { inputValue, visiblePanel, isActivated } = reactData
|
|
2362
2375
|
const vSize = computeSize.value
|
|
2376
|
+
const isCountError = computeIsCountError.value
|
|
2377
|
+
const inputCount = computeInputCount.value
|
|
2363
2378
|
const isDatePickerType = computeIsDatePickerType.value
|
|
2364
2379
|
const inpReadonly = computeInpReadonly.value
|
|
2365
2380
|
const inpMaxlength = computeInpMaxlength.value
|
|
@@ -2405,6 +2420,18 @@ export default defineComponent({
|
|
|
2405
2420
|
if (isDatePickerType) {
|
|
2406
2421
|
childs.push(renderPanel())
|
|
2407
2422
|
}
|
|
2423
|
+
let isWordCount = false
|
|
2424
|
+
// 统计字数
|
|
2425
|
+
if (showWordCount && ['text', 'search'].includes(type)) {
|
|
2426
|
+
isWordCount = true
|
|
2427
|
+
childs.push(
|
|
2428
|
+
h('span', {
|
|
2429
|
+
class: ['vxe-input--count', {
|
|
2430
|
+
'is--error': isCountError
|
|
2431
|
+
}]
|
|
2432
|
+
}, countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxlength ? `/${inpMaxlength}` : ''}`)
|
|
2433
|
+
)
|
|
2434
|
+
}
|
|
2408
2435
|
return h('div', {
|
|
2409
2436
|
ref: refElem,
|
|
2410
2437
|
class: ['vxe-input', `type--${type}`, className, {
|
|
@@ -2415,6 +2442,7 @@ export default defineComponent({
|
|
|
2415
2442
|
'is--suffix': !!suffix,
|
|
2416
2443
|
'is--readonly': readonly,
|
|
2417
2444
|
'is--visivle': visiblePanel,
|
|
2445
|
+
'is--count': isWordCount,
|
|
2418
2446
|
'is--disabled': disabled,
|
|
2419
2447
|
'is--active': isActivated
|
|
2420
2448
|
}]
|
|
@@ -222,6 +222,7 @@ export default defineComponent({
|
|
|
222
222
|
class: ['vxe-textarea', className, {
|
|
223
223
|
[`size--${vSize}`]: vSize,
|
|
224
224
|
'is--autosize': autosize,
|
|
225
|
+
'is--count': showWordCount,
|
|
225
226
|
'is--disabled': disabled,
|
|
226
227
|
'def--rows': !XEUtils.eqNull(rows),
|
|
227
228
|
'def--cols': !XEUtils.eqNull(cols)
|
package/styles/css-variable.scss
CHANGED
|
@@ -233,13 +233,13 @@
|
|
|
233
233
|
--vxe-input-height-medium: #{$vxe-input-height-medium};
|
|
234
234
|
--vxe-input-height-small: #{$vxe-input-height-small};
|
|
235
235
|
--vxe-input-height-mini: #{$vxe-input-height-mini};
|
|
236
|
+
--vxe-input-count-color: #{$vxe-input-count-color};
|
|
237
|
+
--vxe-input-count-background-color: #{$vxe-input-count-background-color};
|
|
238
|
+
--vxe-input-count-error-color: #{$vxe-input-count-error-color};
|
|
236
239
|
|
|
237
240
|
/*textarea*/
|
|
238
241
|
--vxe-textarea-line-height: #{$vxe-textarea-line-height};
|
|
239
242
|
--vxe-textarea-background-color: #{$vxe-textarea-background-color};
|
|
240
|
-
--vxe-textarea-count-color: #{$vxe-textarea-count-color};
|
|
241
|
-
--vxe-textarea-count-background-color: #{$vxe-textarea-count-background-color};
|
|
242
|
-
--vxe-textarea-count-error-color: #{$vxe-textarea-count-error-color};
|
|
243
243
|
|
|
244
244
|
/*form*/
|
|
245
245
|
--vxe-form-item-min-height-default: #{$vxe-form-item-min-height-default};
|
package/styles/input.scss
CHANGED
|
@@ -81,6 +81,18 @@ $iconWidth: 1.6em;
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
+
.vxe-input--count {
|
|
85
|
+
position: absolute;
|
|
86
|
+
top: 1px;
|
|
87
|
+
right: 0.5em;
|
|
88
|
+
height: calc(100% - 2px);
|
|
89
|
+
color: var(--vxe-input-count-color);
|
|
90
|
+
background-color: var(--vxe-input-count-background-color);
|
|
91
|
+
&.is--error {
|
|
92
|
+
color: var(--vxe-input-count-error-color);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
84
96
|
// 前缀图标
|
|
85
97
|
.vxe-input {
|
|
86
98
|
.vxe-input--prefix {
|
|
@@ -106,6 +118,14 @@ $iconWidth: 1.6em;
|
|
|
106
118
|
.vxe-input--inner {
|
|
107
119
|
padding-right: $iconWidth + 0.2em;
|
|
108
120
|
}
|
|
121
|
+
&.is--count {
|
|
122
|
+
.vxe-input--inner {
|
|
123
|
+
padding-right: 5em;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
.vxe-input--count {
|
|
127
|
+
right: $iconWidth + 0.5em;
|
|
128
|
+
}
|
|
109
129
|
}
|
|
110
130
|
&.is--left {
|
|
111
131
|
.vxe-input--inner {
|
|
@@ -122,6 +142,11 @@ $iconWidth: 1.6em;
|
|
|
122
142
|
text-align: right;
|
|
123
143
|
}
|
|
124
144
|
}
|
|
145
|
+
&.is--count {
|
|
146
|
+
.vxe-input--inner {
|
|
147
|
+
padding-right: 3.4em;
|
|
148
|
+
}
|
|
149
|
+
}
|
|
125
150
|
&.is--controls {
|
|
126
151
|
&.type--search,
|
|
127
152
|
&.type--password,
|
package/styles/textarea.scss
CHANGED
|
@@ -60,10 +60,10 @@
|
|
|
60
60
|
bottom: 0.2em;
|
|
61
61
|
right: 1.4em;
|
|
62
62
|
padding-left: 0.2em;
|
|
63
|
-
color: var(--vxe-
|
|
64
|
-
background-color: var(--vxe-
|
|
63
|
+
color: var(--vxe-input-count-color);
|
|
64
|
+
background-color: var(--vxe-input-count-background-color);
|
|
65
65
|
&.is--error {
|
|
66
|
-
color: var(--vxe-
|
|
66
|
+
color: var(--vxe-input-count-error-color);
|
|
67
67
|
}
|
|
68
68
|
}
|
|
69
69
|
|
package/styles/variable.scss
CHANGED
|
@@ -230,13 +230,13 @@ $vxe-input-height-default: $vxe-button-height-default !default;
|
|
|
230
230
|
$vxe-input-height-medium: $vxe-button-height-medium !default;
|
|
231
231
|
$vxe-input-height-small: $vxe-button-height-small !default;
|
|
232
232
|
$vxe-input-height-mini: $vxe-button-height-mini !default;
|
|
233
|
+
$vxe-input-count-color: #999 !default;
|
|
234
|
+
$vxe-input-count-background-color: #fff !default;
|
|
235
|
+
$vxe-input-count-error-color: $vxe-table-validate-error-color !default;
|
|
233
236
|
|
|
234
237
|
/*textarea*/
|
|
235
238
|
$vxe-textarea-line-height: 1.5715 !default;
|
|
236
239
|
$vxe-textarea-background-color: #fff !default;
|
|
237
|
-
$vxe-textarea-count-color: #999 !default;
|
|
238
|
-
$vxe-textarea-count-background-color: #fff !default;
|
|
239
|
-
$vxe-textarea-count-error-color: $vxe-table-validate-error-color !default;
|
|
240
240
|
|
|
241
241
|
/*form*/
|
|
242
242
|
$vxe-form-item-min-height-default: 36px !default;
|
package/types/input.d.ts
CHANGED
|
@@ -62,6 +62,10 @@ export namespace VxeInputPropTypes {
|
|
|
62
62
|
export type Placeholder = string
|
|
63
63
|
export type Maxlength = string | number
|
|
64
64
|
export type Multiple = boolean
|
|
65
|
+
export type ShowWordCount = boolean
|
|
66
|
+
export type CountMethod = (params: {
|
|
67
|
+
value: string
|
|
68
|
+
}) => number
|
|
65
69
|
export type Autocomplete = string
|
|
66
70
|
export type Align = string
|
|
67
71
|
export type Form = string
|
|
@@ -101,6 +105,14 @@ export type VxeInputProps = {
|
|
|
101
105
|
placeholder?: VxeInputPropTypes.Placeholder
|
|
102
106
|
maxlength?: VxeInputPropTypes.Maxlength
|
|
103
107
|
multiple?: VxeInputPropTypes.Multiple
|
|
108
|
+
/**
|
|
109
|
+
* 是否显示字数统计
|
|
110
|
+
*/
|
|
111
|
+
showWordCount?: VxeInputPropTypes.ShowWordCount
|
|
112
|
+
/**
|
|
113
|
+
* 自定义字数统计方法
|
|
114
|
+
*/
|
|
115
|
+
countMethod?: VxeInputPropTypes.CountMethod
|
|
104
116
|
autocomplete?: VxeInputPropTypes.Autocomplete
|
|
105
117
|
align?: VxeInputPropTypes.Align
|
|
106
118
|
form?: VxeInputPropTypes.Form
|
package/types/plugins/pro.d.ts
CHANGED
|
@@ -418,11 +418,29 @@ declare module '../table' {
|
|
|
418
418
|
onActiveCellChangeEnd?: VxeTableEvents.ActiveCellChangeEnd<D>
|
|
419
419
|
}
|
|
420
420
|
export interface VxeTableListeners<D = VxeTableDataRow> {
|
|
421
|
+
/**
|
|
422
|
+
* 只对 keyboard-config.isFNR 配置时有效,在查找与替换弹框被打开时会触发该事件
|
|
423
|
+
*/
|
|
421
424
|
openFnr?: VxeTableEvents.OpenFnr<D>
|
|
425
|
+
/**
|
|
426
|
+
* 只对 keyboard-config.isFNR 配置时有效,在查找与替换弹框的 Tab 页被切换时会触发该事件
|
|
427
|
+
*/
|
|
422
428
|
fnrChange?: VxeTableEvents.FnrChange<D>
|
|
429
|
+
/**
|
|
430
|
+
* 只对 keyboard-config.isFNR 配置时有效,在点击查找时会触发该事件
|
|
431
|
+
*/
|
|
423
432
|
fnrFind?: VxeTableEvents.FnrFind<D>
|
|
433
|
+
/**
|
|
434
|
+
* 只对 keyboard-config.isFNR 配置时有效,在点击查找所有时会触发该事件
|
|
435
|
+
*/
|
|
424
436
|
fnrFindAll?: VxeTableEvents.FnrFindAll<D>
|
|
437
|
+
/**
|
|
438
|
+
* 只对 keyboard-config.isFNR 配置时有效,在点击替换时会触发该事件
|
|
439
|
+
*/
|
|
425
440
|
fnrReplace?: VxeTableEvents.FnrReplace<D>
|
|
441
|
+
/**
|
|
442
|
+
* 只对 keyboard-config.isFNR 配置时有效,在点击替换所有时会触发该事件
|
|
443
|
+
*/
|
|
426
444
|
fnrReplaceAll?: VxeTableEvents.FnrReplaceAll<D>
|
|
427
445
|
cellAreaCopy?: VxeTableEvents.CellAreaCopy<D>
|
|
428
446
|
cellAreaCut?: VxeTableEvents.CellAreaCut<D>
|
|
@@ -525,6 +543,7 @@ declare module '../grid' {
|
|
|
525
543
|
fnrReplaceAll?: VxeGridEvents.FnrReplaceAll<D>
|
|
526
544
|
cellAreaCopy?: VxeGridEvents.CellAreaCopy<D>
|
|
527
545
|
cellAreaCut?: VxeGridEvents.CellAreaCut<D>
|
|
546
|
+
cellAreaPaste?: VxeGridEvents.CellAreaPaste<D>
|
|
528
547
|
cellAreaMerge?: VxeGridEvents.CellAreaMerge<D>
|
|
529
548
|
clearCellAreaMerge?: VxeGridEvents.ClearCellAreaMerge<D>
|
|
530
549
|
headerCellAreaSelection?: VxeGridEvents.HeaderCellAreaSelection<D>
|
|
@@ -538,8 +557,8 @@ declare module '../grid' {
|
|
|
538
557
|
cellAreaSelectionAllEnd?: VxeGridEvents.CellAreaSelectionAllEnd<D>
|
|
539
558
|
cellAreaArrowsStart?: VxeGridEvents.CellAreaArrowsStart<D>
|
|
540
559
|
cellAreaArrowsEnd?: VxeGridEvents.CellAreaArrowsEnd<D>
|
|
541
|
-
|
|
542
|
-
|
|
560
|
+
activeCellChangeStart?: VxeGridEvents.ActiveCellChangeStart<D>
|
|
561
|
+
activeCellChangeEnd?: VxeGridEvents.ActiveCellChangeEnd<D>
|
|
543
562
|
}
|
|
544
563
|
export namespace VxeGridEvents {
|
|
545
564
|
export type OpenFnr<D = any> = (params: VxeTableProDefines.OpenFnrParams<D>) => void
|
|
File without changes
|
|
File without changes
|