@vxe-ui/plugin-render-element 3.0.0

package/dist/index.umd.min.js

@@ -0,0 +1 @@
+((e,t)=>{"function"==typeof define&&define.amd?define("@vxe-ui/plugin-render-element",[],t):"undefined"!=typeof exports?t():(t(),e.VxeUIPluginRenderElement={})})("undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:this,function(){!function n(o,l,a){function u(t,e){if(!l[t]){if(!o[t]){var r="function"==typeof require&&require;if(!e&&r)return r(t,!0);if(i)return i(t,!0);throw(e=new Error("Cannot find module '"+t+"'")).code="MODULE_NOT_FOUND",e}r=l[t]={exports:{}},o[t][0].call(r.exports,function(e){return u(o[t][1][e]||e)},r,r.exports,n,o,l,a)}return l[t].exports}for(var i="function"==typeof require&&require,e=0;e<a.length;e++)u(a[e]);return u}({1:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.defineFormRender=function(e){function f(e,t,r,n){return b.default.assign({},n,e.props,u({},"value",r))}function l(e,o,t,n){var l=e.events,r="input",a=(e=>{var t="change";switch(e.name){case"ElAutocomplete":t="select";break;case"ElInput":case"ElInputNumber":t="input"}return t})(e),u=a===r,i={};return b.default.objectEach(l,function(n,e){i[e]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,[o].concat(t))}}),t&&(i[r]=function(e){t(e),l&&l[r]&&l[r](o,e),u&&n&&n(e)}),!u&&n&&(i[a]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,t),l&&l[a]&&l[a].apply(l,[o].concat(t))}),i}function p(e,t){var r=t.$form,n=t.data,o=t.field;return l(e,t,function(e){b.default.set(n,o,e)},function(){r.updateStatus(t)})}function s(r,e,t){var n=t.label||"label",o=t.value||"value";return b.default.map(e,function(e,t){return r("el-option",{key:t,props:{value:e[o],label:e[n],disabled:e.disabled}})})}function c(e){return[""+(null==(t=e=e)||""===t?"":e)];var t}function t(o){return function(e,t,r){var n=r.data;return[e(t.name,{attrs:t.attrs,props:m({},f(t,0,b.default.get(n,r.field),o)),on:p(t,r)})]}}function n(e,t,r){var n=t.attrs,o=f(t,0,null);return[e("el-button",{attrs:n,props:m({},o),on:l(t,r),scopedSlots:{default:function(){return c(t.content||o.content)}}})]}function r(){return function(r,e,t){var n=e.name,o=e.options,l=void 0===o?[]:o,o=e.optionProps,o=void 0===o?{}:o,a=e.attrs,u=t.data,i=o.label||"label",d=o.value||"value",o=b.default.get(u,t.field);return[r("".concat(n,"Group"),{attrs:a,props:m({},f(e,0,o)),on:p(e,t),scopedSlots:{default:function(){return l.map(function(e,t){return r(n,{key:t,props:{label:e[d],disabled:e.disabled},scopedSlots:{default:function(){return c(e[i])}}})})}}})]}}function o(e,t,r){for(var n,o=e.target;o&&o.nodeType&&o!==document;){if(r&&o.className&&o.className.split&&-1<o.className.split(" ").indexOf(r))n=o;else if(o===t)return{flag:!r||!!n,container:t,targetElem:n};o=o.parentNode}return{flag:!1}}function a(e){var e=e.$event,t=document.body;if(o(e,t,"el-autocomplete-suggestion").flag||o(e,t,"el-select-dropdown").flag||o(e,t,"el-cascader__dropdown").flag||o(e,t,"el-cascader-menus").flag||o(e,t,"el-time-panel").flag||o(e,t,"el-picker-panel").flag||o(e,t,"el-color-dropdown").flag)return!1}e.renderer.mixin({ElAutocomplete:{renderFormItemContent:t()},ElInput:{renderFormItemContent:t()},ElInputNumber:{renderFormItemContent:t()},ElSelect:{renderFormItemContent:function(r,e,t){var n,o,l=e.options,a=void 0===l?[]:l,u=e.optionGroups,l=e.optionProps,i=void 0===l?{}:l,l=e.optionGroupProps,l=void 0===l?{}:l,d=t.data,c=e.attrs,d=f(e,0,b.default.get(d,t.field)),e=p(e,t);return u?(n=l.options||"options",o=l.label||"label",[r("el-select",{attrs:c,props:m({},d),on:e,scopedSlots:{default:function(){return b.default.map(u,function(e,t){return r("el-option-group",{key:t,props:{label:e[o]},scopedSlots:{default:function(){return s(r,e[n],i)}}})})}}})]):[r("el-select",{attrs:c,props:m({},d),on:e,scopedSlots:{default:function(){return s(r,a,i)}}})]}},ElCascader:{renderFormItemContent:t()},ElDatePicker:{renderFormItemContent:t()},ElTimePicker:{renderFormItemContent:t()},ElTimeSelect:{renderFormItemContent:t()},ElRate:{renderFormItemContent:t()},ElSwitch:{renderFormItemContent:t()},ElSlider:{renderFormItemContent:t()},ElRadioGroup:{renderFormItemContent:function(r,e,t){var n=e.options,o=void 0===n?[]:n,n=e.optionProps,n=void 0===n?{}:n,l=e.attrs,a=t.data,u=n.label||"label",i=n.value||"value",n=b.default.get(a,t.field);return[r("el-radio-group",{attrs:l,props:m({},f(e,0,n)),on:m({},p(e,t)),scopedSlots:{default:function(){return o.map(function(e,t){return r("el-radio",{key:t,props:{value:e[i],disabled:e.disabled},scopedSlots:{default:function(){return c(e[u])}}})})}}})]}},ElCheckboxGroup:{renderFormItemContent:function(r,e,t){var n=e.options,o=void 0===n?[]:n,n=e.optionProps,n=void 0===n?{}:n,l=e.attrs,a=t.data,u=n.label||"label",i=n.value||"value",n=b.default.get(a,t.field);return[r("el-checkbox-group",{attrs:l,props:m({},f(e,0,n)),on:m({},p(e,t)),scopedSlots:{default:function(){return o.map(function(e,t){return r("el-checkbox",{key:t,props:{value:e[i],label:e[u],disabled:e.disabled}})})}}})]}},ElButton:{renderFormItemContent:n},ElRadio:{renderFormItemContent:r()},ElCheckbox:{renderFormItemContent:r()},ElButtons:{renderFormItemContent:function(t,e,r){return(e=e.children)?e.map(function(e){return n(t,e,r)[0]}):[]}}}),e.interceptor.add("event.clearFilter",a),e.interceptor.add("event.clearEdit",a),e.interceptor.add("event.clearAreas",a),e.interceptor.add("event.clearActived",a)};var b=(r=e("xe-utils"))&&r.__esModule?r:{default:r};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function m(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){u(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function u(e,t,r){return(t=(e=>(e=((e,t)=>{if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);if("object"!=n(r=r.call(e,t||"default")))return r;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==n(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},{"xe-utils":"xe-utils"}],2:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.default=r.VxeUIPluginRenderElement=void 0;var n=e("./table"),o=e("./form");function l(e,t,r){for(var n,o=e.target;o&&o.nodeType&&o!==document;){if(r&&o.className&&o.className.split&&-1<o.className.split(" ").indexOf(r))n=o;else if(o===t)return{flag:!r||!!n,container:t,targetElem:n};o=o.parentNode}return{flag:!1}}function a(e){var e=e.$event,t=document.body;if(l(e,t,"el-autocomplete-suggestion").flag||l(e,t,"el-select-dropdown").flag||l(e,t,"el-cascader__dropdown").flag||l(e,t,"el-cascader-menus").flag||l(e,t,"el-time-panel").flag||l(e,t,"el-picker-panel").flag||l(e,t,"el-color-dropdown").flag)return!1}e=r.VxeUIPluginRenderElement={install:function(e,t){t&&t.ElementPlus,/^(3)\./.test(e.uiVersion)||console.error("[plugin-render-element 3.x] Version 3.x is required"),(0,n.defineTableRender)(e),(0,o.defineFormRender)(e),e.interceptor.add("event.clearFilter",a),e.interceptor.add("event.clearEdit",a),e.interceptor.add("event.clearAreas",a),e.interceptor.add("event.clearActived",a)}};"undefined"!=typeof window&&window.VxeUI&&window.VxeUI.use&&window.VxeUI.use(e),r.default=e},{"./form":1,"./table":3}],3:[function(e,t,r){Object.defineProperty(r,"__esModule",{value:!0}),r.defineTableRender=function(o){function b(e){return null==e||""===e}function a(e,t){return P.default.toDateString(e,t)}function u(e,t){return e&&t.valueFormat?(t=t.valueFormat,P.default.toStringDate(e,t)):e}function i(e,t,r){return e&&a(u(e,t),t.format||t.valueFormat||r)}function d(e,t,r,n){return P.default.map(e,function(e){return i(e,t,n)}).join(r)}function c(e,t,r,n){return(e=i(e,r,n))>=i(t[0],r,n)&&e<=i(t[1],r,n)}function s(e,t,r,n){return P.default.assign({},n,e.props,x({},"value",r))}function l(e){return""+(b(e)?"":e)}function n(e,t,r,n){t=t.placeholder;return[e("span",{class:"vxe-cell--label"},t&&b(n)?[e("span",{class:"vxe-cell--placeholder"},l(o.getI18n(t)))]:l(n))]}function f(e,o,t,n){var l=e.events,r="input",a=(e=>{var t="change";switch(e.name){case"ElAutocomplete":t="select";break;case"ElInput":case"ElInputNumber":t="input"}return t})(e),u=a===r,i={};return P.default.objectEach(l,function(n,e){i[e]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,[o].concat(t))}}),t&&(i[r]=function(e){t(e),l&&l[r]&&l[r](o,e),u&&n&&n(e)}),!u&&n&&(i[a]=function(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];n.apply(void 0,t),l&&l[a]&&l[a].apply(l,[o].concat(t))}),i}function p(e,t){var r=t.$table,n=t.row,o=t.column;return f(e,t,function(e){P.default.set(n,o.field,e)},function(){r.updateStatus(t)})}function m(e,t,r,n){return f(e,t,function(e){r.data=e},n)}function v(e,t){var r,n=e.options,o=void 0===n?[]:n,l=e.optionGroups,n=e.props,n=void 0===n?{}:n,a=e.optionProps,a=void 0===a?{}:a,e=e.optionGroupProps,u=t.$table,i=t.rowid,d=t.column,c=n.filterable,n=n.multiple,f=a.label||"label",p=a.value||"value",s=(void 0===e?{}:e).options||"options",a=P.default.get(t.row,d.field),e=d.id;if(c){t=u.internalData.fullAllDataRowIdData[i];if(t&&(r=(r=t.cellData)||(t.cellData={})),t&&r[e]&&r[e].value===a)return r[e].label}return b(a)?"":(d=P.default.map(n?a:[a],l?function(t){for(var e,r=0;r<l.length&&!(e=P.default.find(l[r][s],function(e){return e[p]===t}));r++);return e?e[f]:t}:function(t){var e=P.default.find(o,function(e){return e[p]===t});return e?e[f]:t}).join(", "),r&&o&&o.length&&(r[e]={value:a,label:d}),d)}function y(e,t){var e=e.props,e=void 0===e?{}:e,r=t.row,r=P.default.get(r,t.column.field),t=[];return function t(r,e,n,o){var l=n[r];e&&n.length>r&&P.default.each(e,function(e){e.value===l&&(o.push(e.label),t(++r,e.children,n,o))})}(0,e.options,r||[],t),(!1===e.showAllLevels?t.slice(t.length-1,t.length):t).join(" ".concat(e.separator||"/"," "))}function g(e,t){var e=e.props,r=void 0===e?{}:e,e=t.row,n=r.rangeSeparator,o=void 0===n?"-":n,l=P.default.get(e,t.column.field);switch(r.type){case"week":l=i(l,r,"yyyywWW");break;case"month":l=i(l,r,"yyyy-MM");break;case"year":l=i(l,r,"yyyy");break;case"dates":l=d(l,r,", ","yyyy-MM-dd");break;case"daterange":l=d(l,r," ".concat(o," "),"yyyy-MM-dd");break;case"datetimerange":l=d(l,r," ".concat(o," "),"yyyy-MM-dd HH:ss:mm");break;case"monthrange":l=d(l,r," ".concat(o," "),"yyyy-MM");break;default:l=i(l,r,"yyyy-MM-dd")}return l}function E(e,t){var e=e.props,r=void 0===e?{}:e,e=t.row,n=r.isRange,o=r.format,l=void 0===o?"HH:mm:ss":o,o=r.rangeSeparator,o=void 0===o?"-":o,e=P.default.get(e,t.column.field);return e&&n&&(e=P.default.map(e,function(e){return a(u(e,r),l)}).join(" ".concat(o," "))),a(u(e,r),l)}function e(o){return function(e,t,r){var n=r.row;return[e(t.name,{attrs:t.attrs,props:s(t,0,P.default.get(n,r.column.field),o),on:p(t,r)})]}}function w(e,t,r){return[e("el-button",{attrs:t.attrs,props:s(t,0,null),on:f(t,r)},[l(t.content)])]}function t(i){return function(n,o,l){var e=l.column,a=o.name,u=o.attrs;return[n("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(a,{key:t,attrs:u,props:s(o,0,r,i),on:m(o,l,e,function(){h(l,!!e.data,e)})})}))]}}function h(e,t,r){e.$panel.changeOption(null,t,r)}function r(e){var t=e.option.data,e=P.default.get(e.row,e.column.field);return-1<P.default.toValueString(e).indexOf(t)}function S(e){var t=e.option.data;return P.default.get(e.row,e.column.field)===t}function O(r,e,t){var n=t.label||"label",o=t.value||"value";return P.default.map(e,function(e,t){return r("el-option",{key:t,props:{value:e[o],label:e[n],disabled:e.disabled}})})}function F(o){return function(e){var t=e.row,r=e.column,n=e.options;return n&&n.original?P.default.get(t,r.field):o(r.editRender||r.cellRender,e)}}o.renderer.mixin({ElAutocomplete:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:r},ElInput:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:r},ElInputNumber:{tableAutoFocus:"input",renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:r},ElSelect:{renderTableEdit:function(r,e,t){var n,o,l=e.options,a=void 0===l?[]:l,u=e.optionGroups,l=e.optionProps,i=void 0===l?{}:l,l=e.optionGroupProps,l=void 0===l?{}:l,d=t.row,c=e.attrs,d=s(e,0,P.default.get(d,t.column.field)),e=p(e,t);return u?(n=l.options||"options",o=l.label||"label",[r("el-select",{attrs:c,props:d,on:e,scopedSlots:{default:function(){return P.default.map(u,function(e,t){return r("el-option-group",{key:t,props:{label:e[o]},scopedSlots:{default:function(){return O(r,e[n],i)}}})})}}})]):[r("el-select",{attrs:c,props:d,on:e,scopedSlots:{default:function(){return O(r,a,i)}}})]},renderTableCell:function(e,t,r){return n(e,t,0,v(t,r))},renderTableFilter:function(o,l,a){var e=l.options,u=void 0===e?[]:e,i=l.optionGroups,e=l.optionProps,d=void 0===e?{}:e,e=l.optionGroupProps,e=void 0===e?{}:e,c=e.options||"options",f=e.label||"label",e=a.column,p=l.attrs;return[o("div",{class:"vxe-table--filter-element-wrapper"},i?e.filters.map(function(e,t){var r=e.data,n=s(l,0,r);return o("el-select",{key:t,attrs:p,props:n,on:T({},m(l,a,e,function(){h(a,n.multiple?e.data&&0<e.data.length:!P.default.eqNull(e.data),e)})),scopedSlots:{default:function(){return P.default.map(i,function(e,t){return o("el-option-group",{key:t,props:{label:e[f]},scopedSlots:{default:function(){return O(o,e[c],d)}}})})}}})}):e.filters.map(function(e,t){var r=e.data,n=s(l,0,r);return o("el-select",{key:t,attrs:p,props:n,on:T({},m(l,a,e,function(){h(a,n.multiple?e.data&&0<e.data.length:!P.default.eqNull(e.data),e)})),scopedSlots:{default:function(){return O(o,u,d)}}})}))]},tableFilterDefaultMethod:function(e){var t=e.option,r=e.column,t=t.data,n=r.field,r=r.filterRender.props,r=void 0===r?{}:r,e=P.default.get(e.row,n);return r.multiple?P.default.isArray(e)?P.default.includeArrays(e,t):-1<t.indexOf(e):e==t},tableExportMethod:F(v)},ElCascader:{renderTableEdit:e(),renderTableCell:function(e,t,r){return n(e,t,0,y(t,r))},tableExportMethod:F(y)},ElDatePicker:{renderTableEdit:e(),renderTableCell:function(e,t,r){return n(e,t,0,g(t,r))},renderTableFilter:function(n,o,l){var e=l.column,a=o.name,u=o.attrs;return[n("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(a,{key:t,attrs:u,props:T({},s(o,0,r)),on:T({},m(o,l,e,function(){h(l,!!e.data,e)}))})}))]},tableFilterDefaultMethod:function(e){var t=e.option,r=e.column,n=t.data,t=r.filterRender.props,o=void 0===t?{}:t,l=P.default.get(e.row,r.field);if(n)switch(o.type){case"daterange":return c(l,n,o,"yyyy-MM-dd");case"datetimerange":return c(l,n,o,"yyyy-MM-dd HH:ss:mm");case"monthrange":return c(l,n,o,"yyyy-MM-dd");default:return l===n}return!1},tableExportMethod:F(g)},ElTimePicker:{renderTableEdit:e(),renderTableCell:function(e,t,r){return n(e,t,0,E(t,r))},tableExportMethod:F(E)},ElTimeSelect:{renderTableEdit:e()},ElRate:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:S},ElSwitch:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:function(n,o,l){var e=l.column,a=o.name,u=o.attrs;return[n("div",{class:"vxe-table--filter-element-wrapper"},e.filters.map(function(e,t){var r=e.data;return n(a,{key:t,attrs:u,props:T({},s(o,0,r)),on:T({},m(o,l,e,function(){h(l,P.default.isBoolean(e.data),e)}))})}))]},tableFilterDefaultMethod:S},ElSlider:{renderTableDefault:e(),renderTableEdit:e(),renderTableFilter:t(),tableFilterDefaultMethod:S},ElButton:{renderTableDefault:w},ElButtons:{renderTableDefault:function(t,e,r){return(e=e.children)?e.map(function(e){return w(t,e,r)[0]}):[]}}})};var P=(r=e("xe-utils"))&&r.__esModule?r:{default:r};function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(t,e){var r,n=Object.keys(t);return Object.getOwnPropertySymbols&&(r=Object.getOwnPropertySymbols(t),e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)),n}function T(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach(function(e){x(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function x(e,t,r){return(t=(e=>(e=((e,t)=>{if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0===r)return("string"===t?String:Number)(e);if("object"!=n(r=r.call(e,t||"default")))return r;throw new TypeError("@@toPrimitive must return a primitive value.")})(e,"string"),"symbol"==n(e)?e:e+""))(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}},{"xe-utils":"xe-utils"}]},{},[2])});

package/dist/style.css

@@ -0,0 +1,54 @@
+.vxe-table.cell--highlight .vxe-cell > .el-date-editor .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-date-editor .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-input-number .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-input-number .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-input-number .el-input-number__decrease,
+.vxe-table.cell--highlight .vxe-cell > .el-input-number .el-input-number__increase,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-input-number .el-input-number__decrease,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-input-number .el-input-number__increase, .vxe-table.cell--highlight .vxe-cell > .el-input:not(.el-date-editor) .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-autocomplete .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-select .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-cascader .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-input:not(.el-date-editor) .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-autocomplete .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-select .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-cascader .el-input__inner {
+  border: 0;
+}
+
+.vxe-table .vxe-cell > .el-slider .el-slider__runway,
+.vxe-table .vxe-tree-cell > .el-slider .el-slider__runway, .vxe-table--filter-element-wrapper > .el-slider .el-slider__runway {
+  margin: 8px 0;
+}
+.vxe-table .vxe-cell > .el-slider .el-slider__runway .el-slider__button-wrapper,
+.vxe-table .vxe-tree-cell > .el-slider .el-slider__runway .el-slider__button-wrapper, .vxe-table--filter-element-wrapper > .el-slider .el-slider__runway .el-slider__button-wrapper {
+  z-index: auto;
+}
+
+.vxe-table .vxe-cell > .el-input,
+.vxe-table .vxe-tree-cell > .el-input, .vxe-form .vxe-form--item-inner > .el-input, .vxe-form .vxe-form--item-content > .el-input, .vxe-table .vxe-cell > .el-autocomplete,
+.vxe-table .vxe-tree-cell > .el-autocomplete, .vxe-form .vxe-form--item-inner > .el-autocomplete, .vxe-form .vxe-form--item-content > .el-autocomplete, .vxe-table .vxe-cell > .el-input-number,
+.vxe-table .vxe-tree-cell > .el-input-number, .vxe-form .vxe-form--item-inner > .el-input-number, .vxe-form .vxe-form--item-content > .el-input-number, .vxe-table .vxe-cell > .el-select,
+.vxe-table .vxe-tree-cell > .el-select, .vxe-form .vxe-form--item-inner > .el-select, .vxe-form .vxe-form--item-content > .el-select, .vxe-table .vxe-cell > .el-cascader,
+.vxe-table .vxe-tree-cell > .el-cascader, .vxe-form .vxe-form--item-inner > .el-cascader, .vxe-form .vxe-form--item-content > .el-cascader, .vxe-table .vxe-cell > .el-date-editor,
+.vxe-table .vxe-tree-cell > .el-date-editor, .vxe-form .vxe-form--item-inner > .el-date-editor, .vxe-form .vxe-form--item-content > .el-date-editor, .vxe-table .vxe-cell > .el-slider,
+.vxe-table .vxe-tree-cell > .el-slider, .vxe-form .vxe-form--item-inner > .el-slider, .vxe-form .vxe-form--item-content > .el-slider {
+  width: 100%;
+}
+.vxe-table .vxe-cell > .el-color-picker,
+.vxe-table .vxe-tree-cell > .el-color-picker, .vxe-form .vxe-form--item-inner > .el-color-picker, .vxe-form .vxe-form--item-content > .el-color-picker {
+  vertical-align: middle;
+}
+
+.vxe-table--filter-element-wrapper {
+  padding: 0.8em 1em;
+}
+.vxe-table--filter-element-wrapper > .el-input, .vxe-table--filter-element-wrapper > .el-input-number, .vxe-table--filter-element-wrapper > .el-autocomplete, .vxe-table--filter-element-wrapper > .el-select, .vxe-table--filter-element-wrapper > .el-rate, .vxe-table--filter-element-wrapper > .el-slider {
+  width: 180px;
+}
+.col--valid-error > .vxe-cell > .el-input .el-input__inner, .col--valid-error > .vxe-cell > .el-autocomplete .el-input__inner, .col--valid-error > .vxe-cell > .el-input-number .el-input__inner, .col--valid-error > .vxe-cell > .el-select .el-input__inner, .col--valid-error > .vxe-cell > .el-cascader .el-input__inner, .col--valid-error > .vxe-cell > .el-date-picker .el-input__inner, .col--valid-error > .vxe-tree-cell > .el-input .el-input__inner, .col--valid-error > .vxe-tree-cell > .el-autocomplete .el-input__inner, .col--valid-error > .vxe-tree-cell > .el-input-number .el-input__inner, .col--valid-error > .vxe-tree-cell > .el-select .el-input__inner, .col--valid-error > .vxe-tree-cell > .el-cascader .el-input__inner, .col--valid-error > .vxe-tree-cell > .el-date-picker .el-input__inner {
+  border-color: #f56c6c;
+}
+
+.vxe-table.cell--highlight .vxe-cell > .el-input:not(.el-date-editor) .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-autocomplete .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-select .el-input__inner, .vxe-table.cell--highlight .vxe-cell > .el-cascader .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-input:not(.el-date-editor) .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-autocomplete .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-select .el-input__inner,
+.vxe-table.cell--highlight .vxe-tree-cell > .el-cascader .el-input__inner {
+  padding: 0;
+}

package/dist/style.min.css

@@ -0,0 +1 @@
+.vxe-table.cell--highlight .vxe-cell>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-cascader .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-date-editor .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-input-number .el-input-number__decrease,.vxe-table.cell--highlight .vxe-cell>.el-input-number .el-input-number__increase,.vxe-table.cell--highlight .vxe-cell>.el-input-number .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-select .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-cascader .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-date-editor .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-input-number .el-input-number__decrease,.vxe-table.cell--highlight .vxe-tree-cell>.el-input-number .el-input-number__increase,.vxe-table.cell--highlight .vxe-tree-cell>.el-input-number .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-select .el-input__inner{border:0}.vxe-table .vxe-cell>.el-slider .el-slider__runway,.vxe-table .vxe-tree-cell>.el-slider .el-slider__runway,.vxe-table--filter-element-wrapper>.el-slider .el-slider__runway{margin:8px 0}.vxe-table .vxe-cell>.el-slider .el-slider__runway .el-slider__button-wrapper,.vxe-table .vxe-tree-cell>.el-slider .el-slider__runway .el-slider__button-wrapper,.vxe-table--filter-element-wrapper>.el-slider .el-slider__runway .el-slider__button-wrapper{z-index:auto}.vxe-form .vxe-form--item-content>.el-autocomplete,.vxe-form .vxe-form--item-content>.el-cascader,.vxe-form .vxe-form--item-content>.el-date-editor,.vxe-form .vxe-form--item-content>.el-input,.vxe-form .vxe-form--item-content>.el-input-number,.vxe-form .vxe-form--item-content>.el-select,.vxe-form .vxe-form--item-content>.el-slider,.vxe-form .vxe-form--item-inner>.el-autocomplete,.vxe-form .vxe-form--item-inner>.el-cascader,.vxe-form .vxe-form--item-inner>.el-date-editor,.vxe-form .vxe-form--item-inner>.el-input,.vxe-form .vxe-form--item-inner>.el-input-number,.vxe-form .vxe-form--item-inner>.el-select,.vxe-form .vxe-form--item-inner>.el-slider,.vxe-table .vxe-cell>.el-autocomplete,.vxe-table .vxe-cell>.el-cascader,.vxe-table .vxe-cell>.el-date-editor,.vxe-table .vxe-cell>.el-input,.vxe-table .vxe-cell>.el-input-number,.vxe-table .vxe-cell>.el-select,.vxe-table .vxe-cell>.el-slider,.vxe-table .vxe-tree-cell>.el-autocomplete,.vxe-table .vxe-tree-cell>.el-cascader,.vxe-table .vxe-tree-cell>.el-date-editor,.vxe-table .vxe-tree-cell>.el-input,.vxe-table .vxe-tree-cell>.el-input-number,.vxe-table .vxe-tree-cell>.el-select,.vxe-table .vxe-tree-cell>.el-slider{width:100%}.vxe-form .vxe-form--item-content>.el-color-picker,.vxe-form .vxe-form--item-inner>.el-color-picker,.vxe-table .vxe-cell>.el-color-picker,.vxe-table .vxe-tree-cell>.el-color-picker{vertical-align:middle}.vxe-table--filter-element-wrapper{padding:.8em 1em}.vxe-table--filter-element-wrapper>.el-autocomplete,.vxe-table--filter-element-wrapper>.el-input,.vxe-table--filter-element-wrapper>.el-input-number,.vxe-table--filter-element-wrapper>.el-rate,.vxe-table--filter-element-wrapper>.el-select,.vxe-table--filter-element-wrapper>.el-slider{width:180px}.col--valid-error>.vxe-cell>.el-autocomplete .el-input__inner,.col--valid-error>.vxe-cell>.el-cascader .el-input__inner,.col--valid-error>.vxe-cell>.el-date-picker .el-input__inner,.col--valid-error>.vxe-cell>.el-input .el-input__inner,.col--valid-error>.vxe-cell>.el-input-number .el-input__inner,.col--valid-error>.vxe-cell>.el-select .el-input__inner,.col--valid-error>.vxe-tree-cell>.el-autocomplete .el-input__inner,.col--valid-error>.vxe-tree-cell>.el-cascader .el-input__inner,.col--valid-error>.vxe-tree-cell>.el-date-picker .el-input__inner,.col--valid-error>.vxe-tree-cell>.el-input .el-input__inner,.col--valid-error>.vxe-tree-cell>.el-input-number .el-input__inner,.col--valid-error>.vxe-tree-cell>.el-select .el-input__inner{border-color:#f56c6c}.vxe-table.cell--highlight .vxe-cell>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-cascader .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight .vxe-cell>.el-select .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-cascader .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight .vxe-tree-cell>.el-select .el-input__inner{padding:0}