@vxe-ui/plugin-render-element 4.2.3 → 4.3.0

package/es/form-design/textarea-widget.js

@@ -0,0 +1,134 @@
+import { defineComponent, h } from 'vue';
+import { getCurrComponent } from '../util/comp';
+export function createWidgetElTextarea(VxeUI) {
+    const getWidgetElTextareaConfig = (params) => {
+        return {
+            title: '文本域',
+            icon: 'vxe-icon-textarea',
+            options: {
+                placeholder: '请输入'
+            }
+        };
+    };
+    const WidgetElTextareaFormComponent = defineComponent({
+        props: {
+            renderOpts: {
+                type: Object,
+                default: () => ({})
+            },
+            renderParams: {
+                type: Object,
+                default: () => ({})
+            }
+        },
+        emits: [],
+        setup(props) {
+            const VxeUIFormComponent = VxeUI.getComponent('VxeForm');
+            const VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+            const VxeUISwitchComponent = VxeUI.getComponent('VxeSwitch');
+            return () => {
+                const { renderParams } = props;
+                const { widget } = renderParams;
+                return h(VxeUIFormComponent, {
+                    class: 'vxe-form-design--widget-render-form-wrapper',
+                    vertical: true,
+                    span: 24,
+                    titleBold: true,
+                    titleOverflow: true,
+                    data: widget.options
+                }, {
+                    default() {
+                        return [
+                            h(VxeUIFormItemComponent, {
+                                title: VxeUI.getI18n('vxe.formDesign.widgetProp.name')
+                            }, {
+                                default() {
+                                    return h(getCurrComponent('el-input'), {
+                                        modelValue: widget.title,
+                                        'onUpdate:modelValue'(val) {
+                                            widget.title = val;
+                                        }
+                                    });
+                                }
+                            }),
+                            h(VxeUIFormItemComponent, {
+                                title: VxeUI.getI18n('vxe.formDesign.widgetProp.placeholder'),
+                                field: 'placeholder',
+                                itemRender: { name: 'ElInput' }
+                            }),
+                            h(VxeUIFormItemComponent, {
+                                title: VxeUI.getI18n('vxe.formDesign.widgetProp.required')
+                            }, {
+                                default() {
+                                    return h(VxeUISwitchComponent, {
+                                        modelValue: widget.required,
+                                        'onUpdate:modelValue'(val) {
+                                            widget.required = val;
+                                        }
+                                    });
+                                }
+                            })
+                        ];
+                    }
+                });
+            };
+        }
+    });
+    const WidgetElTextareaViewComponent = defineComponent({
+        props: {
+            renderOpts: {
+                type: Object,
+                default: () => ({})
+            },
+            renderParams: {
+                type: Object,
+                default: () => ({})
+            }
+        },
+        emits: [],
+        setup(props) {
+            const VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+            const changeEvent = () => {
+                const { renderParams } = props;
+                const { widget, $formView } = renderParams;
+                if ($formView) {
+                    const itemValue = $formView ? $formView.getItemValue(widget) : null;
+                    $formView.updateWidgetStatus(widget, itemValue);
+                }
+            };
+            return () => {
+                const { renderParams } = props;
+                const { widget, $formView } = renderParams;
+                const { options } = widget;
+                return h(VxeUIFormItemComponent, {
+                    class: ['vxe-form-design--widget-render-form-item'],
+                    field: widget.field,
+                    title: widget.title
+                }, {
+                    default() {
+                        return h(getCurrComponent('el-input'), {
+                            modelValue: $formView ? $formView.getItemValue(widget) : null,
+                            placeholder: options.placeholder,
+                            type: 'textarea',
+                            autosize: {
+                                minRows: 2,
+                                maxRows: 4
+                            },
+                            onChange: changeEvent,
+                            'onUpdate:modelValue'(val) {
+                                if ($formView) {
+                                    $formView.setItemValue(widget, val);
+                                }
+                            }
+                        });
+                    }
+                });
+            };
+        }
+    });
+    return {
+        getWidgetElTextareaConfig,
+        WidgetElTextareaFormComponent,
+        WidgetElTextareaViewComponent
+    };
+}

package/es/form-design/use.js

@@ -0,0 +1,226 @@
+import { h, onMounted, ref, watch } from 'vue';
+export function useWidgetPropDataSource(VxeUI, props, isSubOption) {
+    const VxeUIFormItemComponent = VxeUI.getComponent('VxeFormItem');
+    const VxeUIButtonComponent = VxeUI.getComponent('VxeButton');
+    const VxeUITextareaComponent = VxeUI.getComponent('VxeTextarea');
+    const VxeUITipComponent = VxeUI.getComponent('VxeTip');
+    const optionsContent = ref('');
+    const expandIndexList = ref([]);
+    const addOptionEvent = () => {
+        const { renderParams } = props;
+        const { widget } = renderParams;
+        const options = widget.options.options || [];
+        options.push({
+            value: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.defValue', [options.length + 1])
+        });
+        widget.options.options = [...options];
+    };
+    const subRE = /^(\s|\t)+/;
+    const hasSubOption = (str) => {
+        return subRE.test(str);
+    };
+    const expandAllOption = () => {
+        const { renderParams } = props;
+        const { widget } = renderParams;
+        const options = widget.options.options || [];
+        const indexList = [];
+        options.forEach((group, gIndex) => {
+            const { options } = group;
+            if (options && options.length) {
+                indexList.push(gIndex);
+            }
+        });
+        expandIndexList.value = indexList;
+    };
+    const toggleExpandOption = (item, gIndex) => {
+        if (expandIndexList.value.includes(gIndex)) {
+            expandIndexList.value = expandIndexList.value.filter(num => num !== gIndex);
+        }
+        else {
+            expandIndexList.value.push(gIndex);
+        }
+    };
+    const confirmBatchAddOptionEvent = () => {
+        const { renderParams } = props;
+        const { widget } = renderParams;
+        const optList = [];
+        const rowList = optionsContent.value.split('\n');
+        let prevGroup = null;
+        if (isSubOption) {
+            rowList.forEach((str, index) => {
+                const nextStr = rowList[index + 1];
+                const value = str.trim();
+                if (!value) {
+                    return;
+                }
+                const item = {
+                    value
+                };
+                if (prevGroup) {
+                    if (hasSubOption(str)) {
+                        prevGroup.options.push(item);
+                        return;
+                    }
+                    prevGroup = null;
+                    optList.push(item);
+                }
+                else {
+                    optList.push(item);
+                }
+                if (nextStr) {
+                    if (hasSubOption(nextStr)) {
+                        prevGroup = Object.assign(item, { options: [] });
+                    }
+                }
+            });
+        }
+        else {
+            rowList.forEach((str) => {
+                optList.push({
+                    value: str.trim()
+                });
+            });
+        }
+        widget.options.options = optList;
+        expandAllOption();
+    };
+    const openPopupEditEvent = () => {
+        var _a;
+        const { renderParams } = props;
+        const { widget } = renderParams;
+        const contList = [];
+        (_a = widget.options.options) === null || _a === void 0 ? void 0 : _a.forEach(group => {
+            var _a;
+            contList.push(group.value);
+            (_a = group.options) === null || _a === void 0 ? void 0 : _a.forEach(item => {
+                contList.push(`\t${item.value}`);
+            });
+        });
+        optionsContent.value = contList.join('\n');
+        VxeUI.modal.open({
+            title: `${widget.title} - ${VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.batchEditOption')}`,
+            width: 500,
+            height: '50vh ',
+            resize: true,
+            showFooter: true,
+            showCancelButton: true,
+            showConfirmButton: true,
+            confirmButtonText: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.buildOption'),
+            onConfirm: confirmBatchAddOptionEvent,
+            slots: {
+                default() {
+                    return h('div', {
+                        class: 'vxe-form-design--widget-form-item-data-source-popup'
+                    }, [
+                        h(VxeUITipComponent, {
+                            status: 'primary',
+                            title: '',
+                            content: VxeUI.getI18n(`vxe.formDesign.widgetProp.dataSource.${isSubOption ? 'batchEditSubTip' : 'batchEditTip'}`)
+                        }),
+                        h(VxeUITextareaComponent, {
+                            resize: 'none',
+                            modelValue: optionsContent.value,
+                            'onUpdate:modelValue'(val) {
+                                optionsContent.value = val;
+                            }
+                        })
+                    ]);
+                }
+            }
+        });
+    };
+    const renderOption = (item, hasFirstLevel, isExpand, gIndex, hasSub, isFirst, isLast) => {
+        return h('div', {
+            class: ['vxe-form-design--widget-form-item-data-source-option', {
+                    'is--first': isFirst,
+                    'is--last': isLast
+                }]
+        }, [
+            h('div', {
+                class: 'vxe-form-design--widget-expand-btn'
+            }, hasFirstLevel && hasSub
+                ? [
+                    h('i', {
+                        class: isExpand ? VxeUI.getIcon().FORM_DESIGN_WIDGET_OPTION_EXPAND_CLOSE : VxeUI.getIcon().FORM_DESIGN_WIDGET_OPTION_EXPAND_OPEN,
+                        onClick() {
+                            toggleExpandOption(item, gIndex);
+                        }
+                    })
+                ]
+                : []),
+            h('input', {
+                class: 'vxe-default-input',
+                value: item.value,
+                onInput(evnt) {
+                    item.value = evnt.currentTarget.value;
+                }
+            }),
+            h(VxeUIButtonComponent, {
+                status: 'danger',
+                mode: 'text',
+                icon: VxeUI.getIcon().FORM_DESIGN_WIDGET_DELETE
+            })
+        ]);
+    };
+    const renderOptions = () => {
+        const { renderParams } = props;
+        const { widget } = renderParams;
+        const { options } = widget;
+        const groups = options.options;
+        const optVNs = [];
+        if (groups) {
+            groups.forEach((group, gIndex) => {
+                const { options } = group;
+                const isExpand = expandIndexList.value.includes(gIndex);
+                if (options && options.length) {
+                    optVNs.push(renderOption(group, true, isExpand, gIndex, true, gIndex === 0, gIndex === groups.length - 1));
+                    if (isExpand) {
+                        optVNs.push(h('div', {
+                            class: 'vxe-form-design--widget-form-item-data-source-sub-option'
+                        }, options.map(item => renderOption(item, false, isExpand, 0, false, false, false))));
+                    }
+                }
+                else {
+                    optVNs.push(renderOption(group, true, isExpand, gIndex, false, gIndex === 0, gIndex === groups.length - 1));
+                }
+            });
+        }
+        return optVNs;
+    };
+    watch(() => props.renderParams.widget, () => {
+        expandAllOption();
+    });
+    onMounted(() => {
+        expandAllOption();
+    });
+    return {
+        renderDataSourceFormItem() {
+            return h(VxeUIFormItemComponent, {
+                title: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.name'),
+                field: 'options'
+            }, {
+                default() {
+                    return [
+                        h('div', {}, [
+                            h(VxeUIButtonComponent, {
+                                status: 'primary',
+                                mode: 'text',
+                                content: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.addOption'),
+                                onClick: addOptionEvent
+                            }),
+                            h(VxeUIButtonComponent, {
+                                status: 'primary',
+                                mode: 'text',
+                                content: VxeUI.getI18n('vxe.formDesign.widgetProp.dataSource.batchEditOption'),
+                                onClick: openPopupEditEvent
+                            })
+                        ]),
+                        h('div', {
+                            class: 'vxe-form-design--widget-form-item-data-source'
+                        }, renderOptions())
+                    ];
+                }
+            });
+        }
+    };
+}

package/es/index.esm.js

@@ -0,0 +1,111 @@
+import { defineTableRender } from './table';
+import { defineFormRender } from './form';
+import { defineFormDesignRender } from './form-design';
+import { globalConfig, componentMaps } from './store';
+import XEUtils from 'xe-utils';
+// eslint-disable-next-line no-unused-vars
+let ElementPlus;
+function getEventTarget(evnt) {
+    const target = evnt.target;
+    if (target && target.shadowRoot && evnt.composed) {
+        return evnt.composedPath()[0] || target;
+    }
+    return target;
+}
+/**
+ * 检查触发源是否属于目标节点
+ */
+function getEventTargetNode(evnt, container, className) {
+    let targetElem;
+    let target = getEventTarget(evnt);
+    const rootEl = document.documentElement || document.querySelector('html');
+    while (target && target.nodeType && target !== rootEl) {
+        if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
+            targetElem = target;
+        }
+        else if (target === container) {
+            return { flag: className ? !!targetElem : true, container, targetElem: targetElem };
+        }
+        target = target.parentElement;
+    }
+    return { flag: false };
+}
+function toComponentName(name) {
+    if (name) {
+        return name.slice(0, 1).toUpperCase() + name.slice(1);
+    }
+    return name;
+}
+export const VxeUIPluginRenderElement = {
+    component(comp) {
+        if (comp && comp.name) {
+            const kcName = XEUtils.kebabCase(comp.name);
+            const ccName = toComponentName(XEUtils.camelCase(comp.name));
+            componentMaps[kcName] = comp;
+            componentMaps[ccName] = comp;
+        }
+        else {
+            console.error('[@vxe-ui/plugin-render-element 4.3.0] error component.', comp);
+        }
+    },
+    install(VxeUI, options) {
+        const pluginOpts = Object.assign({}, options);
+        if (options) {
+            ElementPlus = options.ElementPlus;
+            Object.assign(globalConfig, options);
+        }
+        // 检查版本
+        if (VxeUI.checkVersion) {
+            const pVersion = 4;
+            const sVersion = 11;
+            if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+                console.error(`[@vxe-ui/plugin-render-element 4.3.0] ${VxeUI.getI18n('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])} https://vxeui.com/other4/#/plugin-render-element/install`);
+            }
+        }
+        else {
+            if (!/^(4)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
+                console.error('[@vxe-ui/plugin-render-element 4.3.0] Requires vxe-table 4.7.0+ version. https://vxeui.com/other4/#/plugin-render-element/install');
+            }
+        }
+        /**
+         * 事件兼容性处理
+         */
+        function handleClearEvent(params) {
+            const { $event } = params;
+            const bodyElem = document.body;
+            const prefixCls = `${pluginOpts.prefixCls || 'el'}`.replace(/-$/, '');
+            if (
+            // 远程搜索
+            getEventTargetNode($event, bodyElem, `${prefixCls}-autocomplete-suggestion`).flag ||
+                // 下拉框
+                getEventTargetNode($event, bodyElem, `${prefixCls}-select-dropdown`).flag ||
+                // 级联
+                getEventTargetNode($event, bodyElem, `${prefixCls}-cascader__dropdown`).flag ||
+                getEventTargetNode($event, bodyElem, `${prefixCls}-cascader-menus`).flag ||
+                // 日期
+                getEventTargetNode($event, bodyElem, `${prefixCls}-time-panel`).flag ||
+                getEventTargetNode($event, bodyElem, `${prefixCls}-picker-panel`).flag ||
+                // 颜色
+                getEventTargetNode($event, bodyElem, `${prefixCls}-color-dropdown`).flag) {
+                return false;
+            }
+        }
+        defineTableRender(VxeUI);
+        defineFormRender(VxeUI);
+        defineFormDesignRender(VxeUI);
+        VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
+        VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
+        VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
+        // 兼容老版本
+        VxeUI.interceptor.add('event.clearActived', handleClearEvent);
+    }
+};
+if (typeof window !== 'undefined') {
+    if (window.VxeUI && window.VxeUI.use) {
+        window.VxeUI.use(VxeUIPluginRenderElement);
+    }
+    if (window.ElementPlus) {
+        globalConfig.ElementPlus = window.ElementPlus;
+    }
+}
+export default VxeUIPluginRenderElement;

package/es/index.js

@@ -0,0 +1,111 @@
+import { defineTableRender } from './table';
+import { defineFormRender } from './form';
+import { defineFormDesignRender } from './form-design';
+import { globalConfig, componentMaps } from './store';
+import XEUtils from 'xe-utils';
+// eslint-disable-next-line no-unused-vars
+let ElementPlus;
+function getEventTarget(evnt) {
+    const target = evnt.target;
+    if (target && target.shadowRoot && evnt.composed) {
+        return evnt.composedPath()[0] || target;
+    }
+    return target;
+}
+/**
+ * 检查触发源是否属于目标节点
+ */
+function getEventTargetNode(evnt, container, className) {
+    let targetElem;
+    let target = getEventTarget(evnt);
+    const rootEl = document.documentElement || document.querySelector('html');
+    while (target && target.nodeType && target !== rootEl) {
+        if (className && target.className && target.className.split && target.className.split(' ').indexOf(className) > -1) {
+            targetElem = target;
+        }
+        else if (target === container) {
+            return { flag: className ? !!targetElem : true, container, targetElem: targetElem };
+        }
+        target = target.parentElement;
+    }
+    return { flag: false };
+}
+function toComponentName(name) {
+    if (name) {
+        return name.slice(0, 1).toUpperCase() + name.slice(1);
+    }
+    return name;
+}
+export const VxeUIPluginRenderElement = {
+    component(comp) {
+        if (comp && comp.name) {
+            const kcName = XEUtils.kebabCase(comp.name);
+            const ccName = toComponentName(XEUtils.camelCase(comp.name));
+            componentMaps[kcName] = comp;
+            componentMaps[ccName] = comp;
+        }
+        else {
+            console.error('[@vxe-ui/plugin-render-element 4.3.0] error component.', comp);
+        }
+    },
+    install(VxeUI, options) {
+        const pluginOpts = Object.assign({}, options);
+        if (options) {
+            ElementPlus = options.ElementPlus;
+            Object.assign(globalConfig, options);
+        }
+        // 检查版本
+        if (VxeUI.checkVersion) {
+            const pVersion = 4;
+            const sVersion = 11;
+            if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+                console.error(`[@vxe-ui/plugin-render-element 4.3.0] ${VxeUI.getI18n('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])} https://vxeui.com/other4/#/plugin-render-element/install`);
+            }
+        }
+        else {
+            if (!/^(4)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
+                console.error('[@vxe-ui/plugin-render-element 4.3.0] Requires vxe-table 4.7.0+ version. https://vxeui.com/other4/#/plugin-render-element/install');
+            }
+        }
+        /**
+         * 事件兼容性处理
+         */
+        function handleClearEvent(params) {
+            const { $event } = params;
+            const bodyElem = document.body;
+            const prefixCls = `${pluginOpts.prefixCls || 'el'}`.replace(/-$/, '');
+            if (
+            // 远程搜索
+            getEventTargetNode($event, bodyElem, `${prefixCls}-autocomplete-suggestion`).flag ||
+                // 下拉框
+                getEventTargetNode($event, bodyElem, `${prefixCls}-select-dropdown`).flag ||
+                // 级联
+                getEventTargetNode($event, bodyElem, `${prefixCls}-cascader__dropdown`).flag ||
+                getEventTargetNode($event, bodyElem, `${prefixCls}-cascader-menus`).flag ||
+                // 日期
+                getEventTargetNode($event, bodyElem, `${prefixCls}-time-panel`).flag ||
+                getEventTargetNode($event, bodyElem, `${prefixCls}-picker-panel`).flag ||
+                // 颜色
+                getEventTargetNode($event, bodyElem, `${prefixCls}-color-dropdown`).flag) {
+                return false;
+            }
+        }
+        defineTableRender(VxeUI);
+        defineFormRender(VxeUI);
+        defineFormDesignRender(VxeUI);
+        VxeUI.interceptor.add('event.clearFilter', handleClearEvent);
+        VxeUI.interceptor.add('event.clearEdit', handleClearEvent);
+        VxeUI.interceptor.add('event.clearAreas', handleClearEvent);
+        // 兼容老版本
+        VxeUI.interceptor.add('event.clearActived', handleClearEvent);
+    }
+};
+if (typeof window !== 'undefined') {
+    if (window.VxeUI && window.VxeUI.use) {
+        window.VxeUI.use(VxeUIPluginRenderElement);
+    }
+    if (window.ElementPlus) {
+        globalConfig.ElementPlus = window.ElementPlus;
+    }
+}
+export default VxeUIPluginRenderElement;

package/es/store/index.js

@@ -0,0 +1,2 @@
+export const globalConfig = {};
+export const componentMaps = {};

package/es/style.css

@@ -0,0 +1,38 @@
+.vxe-table.cell--highlight > .vxe-cell > .el-date-editor .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-date-editor .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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-cell > .vxe-cell--wrapper > .el-input-number .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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-cell > .vxe-cell--wrapper > .el-input-number .el-input-number__decrease,
+.vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-input-number .el-input-number__increase, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-input-number .el-input-number__decrease,
+.vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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-cell > .vxe-cell--wrapper > .el-input:not(.el-date-editor) .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-autocomplete .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-select .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-cascader .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-input:not(.el-date-editor) .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-autocomplete .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-select .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-cascader .el-input__inner {
+  border: 0;
+}
+
+.vxe-table .vxe-cell--wrapper > .el-slider .el-slider__runway, .vxe-table > .vxe-cell > .el-slider .el-slider__runway, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-slider .el-slider__runway .el-slider__button-wrapper, .vxe-table > .vxe-cell > .el-slider .el-slider__runway .el-slider__button-wrapper, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-input, .vxe-table > .vxe-cell > .el-input, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-autocomplete, .vxe-table > .vxe-cell > .el-autocomplete, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-input-number, .vxe-table > .vxe-cell > .el-input-number, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-select, .vxe-table > .vxe-cell > .el-select, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-cascader, .vxe-table > .vxe-cell > .el-cascader, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-date-editor, .vxe-table > .vxe-cell > .el-date-editor, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-slider, .vxe-table > .vxe-cell > .el-slider, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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--wrapper > .el-color-picker, .vxe-table > .vxe-cell > .el-color-picker, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .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-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .el-input .el-input__wrapper, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .el-autocomplete .el-input__wrapper, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .el-input-number .el-input__wrapper, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .el-select .el-select__wrapper, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .el-cascader .el-input__wrapper, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .el-date-picker .el-input__wrapper {
+  box-shadow: 0 0 0 1px var(--vxe-ui-form-validate-error-color, #f56c6c) inset;
+}
+
+.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__wrapper, .col--valid-error > .vxe-cell > .el-autocomplete .el-input__wrapper, .col--valid-error > .vxe-cell > .el-input-number .el-input__wrapper, .col--valid-error > .vxe-cell > .el-select .el-select__wrapper, .col--valid-error > .vxe-cell > .el-cascader .el-input__wrapper, .col--valid-error > .vxe-cell > .el-date-picker .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .el-input .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .el-autocomplete .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .el-input-number .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .el-select .el-select__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .el-cascader .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .el-date-picker .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-input .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-autocomplete .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-input-number .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-select .el-select__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-cascader .el-input__wrapper, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-date-picker .el-input__wrapper {
+  box-shadow: 0 0 0 1px var(--vxe-ui-table-validate-error-color, #f56c6c) inset;
+}
+
+.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-cell > .vxe-cell--wrapper > .el-input:not(.el-date-editor) .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-autocomplete .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-select .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .el-cascader .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-input:not(.el-date-editor) .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-autocomplete .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-select .el-input__inner, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .el-cascader .el-input__inner {
+  padding: 0;
+}

package/es/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-cell>.vxe-cell--wrapper>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-cascader .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-date-editor .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-input-number .el-input-number__decrease,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-input-number .el-input-number__increase,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-input-number .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-select .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-cascader .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-date-editor .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input-number .el-input-number__decrease,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input-number .el-input-number__increase,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input-number .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-select .el-input__inner{border:0}.vxe-table .vxe-cell--wrapper>.el-slider .el-slider__runway,.vxe-table--filter-element-wrapper>.el-slider .el-slider__runway,.vxe-table>.vxe-cell>.el-slider .el-slider__runway,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-slider .el-slider__runway{margin:8px 0}.vxe-table .vxe-cell--wrapper>.el-slider .el-slider__runway .el-slider__button-wrapper,.vxe-table--filter-element-wrapper>.el-slider .el-slider__runway .el-slider__button-wrapper,.vxe-table>.vxe-cell>.el-slider .el-slider__runway .el-slider__button-wrapper,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.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--wrapper>.el-autocomplete,.vxe-table .vxe-cell--wrapper>.el-cascader,.vxe-table .vxe-cell--wrapper>.el-date-editor,.vxe-table .vxe-cell--wrapper>.el-input,.vxe-table .vxe-cell--wrapper>.el-input-number,.vxe-table .vxe-cell--wrapper>.el-select,.vxe-table .vxe-cell--wrapper>.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-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-autocomplete,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-cascader,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-date-editor,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input-number,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-select,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.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--wrapper>.el-color-picker,.vxe-table>.vxe-cell>.el-color-picker,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-color-picker{vertical-align:middle}.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.el-autocomplete .el-input__wrapper,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.el-cascader .el-input__wrapper,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.el-date-picker .el-input__wrapper,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.el-input .el-input__wrapper,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.el-input-number .el-input__wrapper,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.el-select .el-select__wrapper{box-shadow:0 0 0 1px var(--vxe-ui-form-validate-error-color,#f56c6c) inset}.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__wrapper,.col--valid-error>.vxe-cell>.el-cascader .el-input__wrapper,.col--valid-error>.vxe-cell>.el-date-picker .el-input__wrapper,.col--valid-error>.vxe-cell>.el-input .el-input__wrapper,.col--valid-error>.vxe-cell>.el-input-number .el-input__wrapper,.col--valid-error>.vxe-cell>.el-select .el-select__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.el-autocomplete .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.el-cascader .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.el-date-picker .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.el-input .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.el-input-number .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.el-select .el-select__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-autocomplete .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-cascader .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-date-picker .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input-number .el-input__wrapper,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-select .el-select__wrapper{box-shadow:0 0 0 1px var(--vxe-ui-table-validate-error-color,#f56c6c) inset}.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-cell>.vxe-cell--wrapper>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-cascader .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.el-select .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-autocomplete .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-cascader .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-input:not(.el-date-editor) .el-input__inner,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.el-select .el-input__inner{padding:0}