@vxe-ui/plugin-render-antd 3.3.0 → 3.4.0

package/es/form/index.js

@@ -0,0 +1,331 @@
+import XEUtils from 'xe-utils';
+/**
+ * 表单 - 渲染器
+ */
+export function defineFormRender(VxeUI) {
+    function isEmptyValue(cellValue) {
+        return cellValue === null || cellValue === undefined || cellValue === '';
+    }
+    function getOnName(type) {
+        return XEUtils.kebabCase(type);
+    }
+    function getModelProp(renderOpts) {
+        let prop = 'value';
+        switch (renderOpts.name) {
+            case 'ASwitch':
+                prop = 'checked';
+                break;
+        }
+        return prop;
+    }
+    function getModelEvent(renderOpts) {
+        let type = 'change';
+        switch (renderOpts.name) {
+            case 'AInput':
+                type = 'change.value';
+                break;
+            case 'ARadio':
+            case 'ACheckbox':
+                type = 'input';
+                break;
+        }
+        return type;
+    }
+    function getChangeEvent(renderOpts) {
+        return 'change';
+    }
+    function getItemProps(renderOpts, params, value, defaultProps) {
+        return XEUtils.assign({}, defaultProps, renderOpts.props, { [getModelProp(renderOpts)]: value });
+    }
+    function formatText(cellValue) {
+        return '' + (isEmptyValue(cellValue) ? '' : cellValue);
+    }
+    function getOns(renderOpts, params, inputFunc, changeFunc) {
+        const { events } = renderOpts;
+        const modelEvent = getModelEvent(renderOpts);
+        const changeEvent = getChangeEvent(renderOpts);
+        const isSameEvent = changeEvent === modelEvent;
+        const ons = {};
+        XEUtils.objectEach(events, (func, key) => {
+            ons[getOnName(key)] = function (...args) {
+                func(params, ...args);
+            };
+        });
+        if (inputFunc) {
+            ons[getOnName(modelEvent)] = function (targetEvnt) {
+                inputFunc(targetEvnt);
+                if (events && events[modelEvent]) {
+                    events[modelEvent](params, targetEvnt);
+                }
+                if (isSameEvent && changeFunc) {
+                    changeFunc(targetEvnt);
+                }
+            };
+        }
+        if (!isSameEvent && changeFunc) {
+            ons[getOnName(changeEvent)] = function (...args) {
+                changeFunc(...args);
+                if (events && events[changeEvent]) {
+                    events[changeEvent](params, ...args);
+                }
+            };
+        }
+        return ons;
+    }
+    function getItemOns(renderOpts, params) {
+        const { $form, data, field } = params;
+        return getOns(renderOpts, params, (value) => {
+            // 处理 model 值双向绑定
+            XEUtils.set(data, field, value);
+        }, () => {
+            // 处理 change 事件相关逻辑
+            $form.updateStatus(params);
+            if (renderOpts.changeToSubmit) {
+                $form.handleSubmitEvent(new Event('change'));
+            }
+        });
+    }
+    function renderOptions(h, options, optionProps) {
+        const labelProp = optionProps.label || 'label';
+        const valueProp = optionProps.value || 'value';
+        return XEUtils.map(options, (item, oIndex) => {
+            return h('a-select-option', {
+                key: oIndex,
+                props: {
+                    value: item[valueProp],
+                    disabled: item.disabled
+                }
+            }, item[labelProp]);
+        });
+    }
+    function cellText(cellValue) {
+        return [formatText(cellValue)];
+    }
+    function createFormItemRender(defaultProps) {
+        return function (h, renderOpts, params) {
+            const { data, field } = params;
+            const { name } = renderOpts;
+            const { attrs } = renderOpts;
+            const itemValue = XEUtils.get(data, field);
+            return [
+                h(name, {
+                    attrs,
+                    props: getItemProps(renderOpts, params, itemValue, defaultProps),
+                    on: getItemOns(renderOpts, params)
+                })
+            ];
+        };
+    }
+    function defaultButtonItemRender(h, renderOpts, params) {
+        const { attrs } = renderOpts;
+        const props = getItemProps(renderOpts, params, null);
+        return [
+            h('a-button', {
+                attrs,
+                props,
+                on: getItemOns(renderOpts, params),
+                scopedSlots: {
+                    default: () => cellText(renderOpts.content || props.content)
+                }
+            })
+        ];
+    }
+    function defaultButtonsItemRender(h, renderOpts, params) {
+        const { children } = renderOpts;
+        if (children) {
+            return children.map((childRenderOpts) => defaultButtonItemRender(h, childRenderOpts, params)[0]);
+        }
+        return [];
+    }
+    /**
+     *
+     * 已废弃
+     * @deprecated
+     */
+    function createOldFormItemRadioAndCheckboxRender() {
+        return function (h, renderOpts, params) {
+            const { name, options = [], optionProps = {} } = renderOpts;
+            const { data, field } = params;
+            const { attrs } = renderOpts;
+            const labelProp = optionProps.label || 'label';
+            const valueProp = optionProps.value || 'value';
+            const itemValue = XEUtils.get(data, field);
+            return [
+                h(`${name}Group`, {
+                    attrs,
+                    props: getItemProps(renderOpts, params, itemValue),
+                    on: getItemOns(renderOpts, params),
+                    scopedSlots: {
+                        default: () => {
+                            return options.map((option, oIndex) => {
+                                return h(name, {
+                                    key: oIndex,
+                                    props: {
+                                        value: option[valueProp],
+                                        disabled: option.disabled
+                                    },
+                                    scopedSlots: {
+                                        default: () => cellText(option[labelProp])
+                                    }
+                                });
+                            });
+                        }
+                    }
+                })
+            ];
+        };
+    }
+    VxeUI.renderer.mixin({
+        AAutoComplete: {
+            renderFormItemContent: createFormItemRender()
+        },
+        AInput: {
+            renderFormItemContent: createFormItemRender()
+        },
+        AInputNumber: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ASelect: {
+            renderFormItemContent(h, renderOpts, params) {
+                const { options = [], optionGroups, optionProps = {}, optionGroupProps = {} } = renderOpts;
+                const { data, field } = params;
+                const { attrs } = renderOpts;
+                const itemValue = XEUtils.get(data, field);
+                const props = getItemProps(renderOpts, params, itemValue);
+                const ons = getItemOns(renderOpts, params);
+                if (optionGroups) {
+                    const groupOptions = optionGroupProps.options || 'options';
+                    const groupLabel = optionGroupProps.label || 'label';
+                    return [
+                        h('a-select', {
+                            attrs,
+                            props: Object.assign(Object.assign({}, props), { options: undefined }),
+                            on: ons
+                        }, XEUtils.map(optionGroups, (group, gIndex) => {
+                            return h('a-select-opt-group', {
+                                key: gIndex
+                            }, [
+                                h('span', {
+                                    slot: 'label'
+                                }, group[groupLabel])
+                            ].concat(renderOptions(h, group[groupOptions], optionProps)));
+                        }))
+                    ];
+                }
+                return [
+                    h('a-select', {
+                        attrs,
+                        props: Object.assign(Object.assign({}, props), { options: props.options || options }),
+                        on: ons
+                    })
+                ];
+            }
+        },
+        ACascader: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ADatePicker: {
+            renderFormItemContent: createFormItemRender()
+        },
+        AMonthPicker: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ARangePicker: {
+            renderFormItemContent: createFormItemRender()
+        },
+        AWeekPicker: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ATimePicker: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ATreeSelect: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ARate: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ASwitch: {
+            renderFormItemContent: createFormItemRender()
+        },
+        ARadioGroup: {
+            renderFormItemContent(h, renderOpts, params) {
+                const { options = [], optionProps = {} } = renderOpts;
+                const { data, field } = params;
+                const { attrs } = renderOpts;
+                const labelProp = optionProps.label || 'label';
+                const valueProp = optionProps.value || 'value';
+                const itemValue = XEUtils.get(data, field);
+                return [
+                    h('a-radio-group', {
+                        attrs,
+                        props: getItemProps(renderOpts, params, itemValue),
+                        on: getItemOns(renderOpts, params),
+                        scopedSlots: {
+                            default: () => {
+                                return options.map((option, oIndex) => {
+                                    return h('a-radio', {
+                                        key: oIndex,
+                                        props: {
+                                            value: option[valueProp],
+                                            disabled: option.disabled
+                                        },
+                                        scopedSlots: {
+                                            default: () => cellText(option[labelProp])
+                                        }
+                                    });
+                                });
+                            }
+                        }
+                    })
+                ];
+            }
+        },
+        ACheckboxGroup: {
+            renderFormItemContent(h, renderOpts, params) {
+                const { options = [], optionProps = {} } = renderOpts;
+                const { data, field } = params;
+                const { attrs } = renderOpts;
+                const labelProp = optionProps.label || 'label';
+                const valueProp = optionProps.value || 'value';
+                const itemValue = XEUtils.get(data, field);
+                return [
+                    h('a-checkbox-group', {
+                        attrs,
+                        props: getItemProps(renderOpts, params, itemValue),
+                        on: getItemOns(renderOpts, params),
+                        scopedSlots: {
+                            default: () => {
+                                return options.map((option, oIndex) => {
+                                    return h('a-checkbox', {
+                                        key: oIndex,
+                                        props: {
+                                            value: option[valueProp],
+                                            disabled: option.disabled
+                                        },
+                                        scopedSlots: {
+                                            default: () => cellText(option[labelProp])
+                                        }
+                                    });
+                                });
+                            }
+                        }
+                    })
+                ];
+            }
+        },
+        AButton: {
+            renderFormItemContent: defaultButtonItemRender
+        },
+        // 已废弃
+        ARadio: {
+            renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
+        },
+        ACheckbox: {
+            renderFormItemContent: createOldFormItemRadioAndCheckboxRender()
+        },
+        AButtons: {
+            renderFormItemContent: defaultButtonsItemRender
+        }
+    });
+}

package/es/index.esm.js

@@ -0,0 +1,97 @@
+import { defineTableRender } from './table';
+import { defineFormRender } from './form';
+import { componentMaps } from './store';
+import XEUtils from 'xe-utils';
+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 VxeUIPluginRenderAntd = {
+    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-antd 3.4.0] error component.', comp);
+        }
+    },
+    install(VxeUI, options) {
+        const pluginOpts = Object.assign({}, options);
+        // 检查版本
+        if (VxeUI.checkVersion) {
+            const pVersion = 3;
+            const sVersion = 13;
+            if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+                console.error(`[@vxe-ui/plugin-render-antd 3.4.0] ${VxeUI.getI18n('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])}`);
+            }
+        }
+        else {
+            if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
+                console.error('[@vxe-ui/plugin-render-antd 3.4.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-antd/install');
+            }
+        }
+        /**
+          * 事件兼容性处理
+          */
+        const handleClearEvent = (params) => {
+            const { $event } = params;
+            const bodyElem = document.body;
+            const prefixCls = `${pluginOpts.prefixCls || 'ant'}`.replace(/-$/, '');
+            if (
+            // 下拉框
+            getEventTargetNode($event, bodyElem, `${prefixCls}-select-dropdown`).flag ||
+                // 级联
+                getEventTargetNode($event, bodyElem, `${prefixCls}-cascader-menus`).flag ||
+                // 日期
+                getEventTargetNode($event, bodyElem, `${prefixCls}-picker-dropdown`).flag ||
+                getEventTargetNode($event, bodyElem, `${prefixCls}-calendar-picker-container`).flag ||
+                // 时间选择
+                getEventTargetNode($event, bodyElem, `${prefixCls}-time-picker-panel`).flag) {
+                return false;
+            }
+        };
+        defineTableRender(VxeUI);
+        defineFormRender(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(VxeUIPluginRenderAntd);
+    }
+}
+export default VxeUIPluginRenderAntd;

package/es/index.js

@@ -0,0 +1,97 @@
+import { defineTableRender } from './table';
+import { defineFormRender } from './form';
+import { componentMaps } from './store';
+import XEUtils from 'xe-utils';
+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 VxeUIPluginRenderAntd = {
+    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-antd 3.4.0] error component.', comp);
+        }
+    },
+    install(VxeUI, options) {
+        const pluginOpts = Object.assign({}, options);
+        // 检查版本
+        if (VxeUI.checkVersion) {
+            const pVersion = 3;
+            const sVersion = 13;
+            if (!VxeUI.checkVersion(VxeUI.tableVersion, pVersion, sVersion)) {
+                console.error(`[@vxe-ui/plugin-render-antd 3.4.0] ${VxeUI.getI18n('vxe.error.errorVersion', [`vxe-table@${VxeUI.tableVersion || '?'}`, `vxe-table v${pVersion}.${sVersion}+`])}`);
+            }
+        }
+        else {
+            if (!/^(3)\./.test(VxeUI.uiVersion || VxeUI.tableVersion)) {
+                console.error('[@vxe-ui/plugin-render-antd 3.4.0] Requires vxe-table 3.9.0+ version. https://vxeui.com/other3/#/plugin-render-antd/install');
+            }
+        }
+        /**
+          * 事件兼容性处理
+          */
+        const handleClearEvent = (params) => {
+            const { $event } = params;
+            const bodyElem = document.body;
+            const prefixCls = `${pluginOpts.prefixCls || 'ant'}`.replace(/-$/, '');
+            if (
+            // 下拉框
+            getEventTargetNode($event, bodyElem, `${prefixCls}-select-dropdown`).flag ||
+                // 级联
+                getEventTargetNode($event, bodyElem, `${prefixCls}-cascader-menus`).flag ||
+                // 日期
+                getEventTargetNode($event, bodyElem, `${prefixCls}-picker-dropdown`).flag ||
+                getEventTargetNode($event, bodyElem, `${prefixCls}-calendar-picker-container`).flag ||
+                // 时间选择
+                getEventTargetNode($event, bodyElem, `${prefixCls}-time-picker-panel`).flag) {
+                return false;
+            }
+        };
+        defineTableRender(VxeUI);
+        defineFormRender(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(VxeUIPluginRenderAntd);
+    }
+}
+export default VxeUIPluginRenderAntd;

package/es/store/index.js

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

package/es/style.css

@@ -0,0 +1,63 @@
+.vxe-table.cell--highlight > .vxe-cell > .ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight > .vxe-cell > .ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight > .vxe-cell > .ant-cascader-picker .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-cascader-picker .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-cascader-picker .ant-input, .vxe-table.cell--highlight > .vxe-cell > .ant-select .ant-select-selection, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-select .ant-select-selection, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select .ant-select-selection, .vxe-table.cell--highlight > .vxe-cell > .ant-input-number .ant-input-number-handler-wrap,
+.vxe-table.cell--highlight > .vxe-cell > .ant-input-number .ant-input-number-handler-down, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input-number .ant-input-number-handler-wrap,
+.vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input-number .ant-input-number-handler-down, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number .ant-input-number-handler-wrap,
+.vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number .ant-input-number-handler-down, .vxe-table.cell--highlight > .vxe-cell > .ant-select .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-select .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select .ant-input, .vxe-table.cell--highlight > .vxe-cell > .ant-input, .vxe-table.cell--highlight > .vxe-cell > .ant-input-number, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input-number, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number {
+  border: 0;
+  box-shadow: none;
+}
+
+.vxe-table .vxe-cell--wrapper > .ant-input, .vxe-table > .vxe-cell > .ant-input, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input, .vxe-form .vxe-form--item-inner > .ant-input, .vxe-form .vxe-form--item-content > .ant-input, .vxe-table .vxe-cell--wrapper > .ant-input-number, .vxe-table > .vxe-cell > .ant-input-number, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number, .vxe-form .vxe-form--item-inner > .ant-input-number, .vxe-form .vxe-form--item-content > .ant-input-number, .vxe-table .vxe-cell--wrapper > .ant-select, .vxe-table > .vxe-cell > .ant-select, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select, .vxe-form .vxe-form--item-inner > .ant-select, .vxe-form .vxe-form--item-content > .ant-select, .vxe-table .vxe-cell--wrapper > .ant-cascader-picker, .vxe-table > .vxe-cell > .ant-cascader-picker, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-cascader-picker, .vxe-form .vxe-form--item-inner > .ant-cascader-picker, .vxe-form .vxe-form--item-content > .ant-cascader-picker, .vxe-table .vxe-cell--wrapper > .ant-calendar-picker, .vxe-table > .vxe-cell > .ant-calendar-picker, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-calendar-picker, .vxe-form .vxe-form--item-inner > .ant-calendar-picker, .vxe-form .vxe-form--item-content > .ant-calendar-picker, .vxe-table .vxe-cell--wrapper > .ant-time-picker, .vxe-table > .vxe-cell > .ant-time-picker, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-time-picker, .vxe-form .vxe-form--item-inner > .ant-time-picker, .vxe-form .vxe-form--item-content > .ant-time-picker, .vxe-table .vxe-cell--wrapper > .ant-picker, .vxe-table > .vxe-cell > .ant-picker, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-picker, .vxe-form .vxe-form--item-inner > .ant-picker, .vxe-form .vxe-form--item-content > .ant-picker {
+  width: 100%;
+}
+
+.vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-input, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-select .ant-input, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-select .ant-select-selection, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-input-number, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-cascader-picker .ant-cascader-input, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-calendar-picker .ant-calendar-picker-input, .vxe-form .vxe-form--item.is--error > .vxe-form--item-content > .vxe-form--item-inner > .ant-time-picker .ant-time-picker-input {
+  border-color: var(--vxe-ui-form-validate-error-color, #f56c6c);
+  box-shadow: none;
+}
+
+.vxe-table--filter-antd-wrapper {
+  padding: 0.8em 1em;
+}
+.vxe-table--filter-antd-wrapper > .ant-input, .vxe-table--filter-antd-wrapper > .ant-input-number, .vxe-table--filter-antd-wrapper > .ant-select, .vxe-table--filter-antd-wrapper > .ant-rate {
+  width: 180px;
+}
+
+.vxe-table > .vxe-cell > .ant-rate, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .ant-rate, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-rate {
+  vertical-align: bottom;
+}
+.vxe-table > .vxe-cell > .ant-rate .anticon-star, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .ant-rate .anticon-star, .vxe-table > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-rate .anticon-star {
+  display: block;
+}
+.vxe-table .vxe-cell--wrapper > .ant-rate {
+  vertical-align: bottom;
+}
+.vxe-table .vxe-cell--wrapper > .ant-rate .anticon-star {
+  display: block;
+}
+
+.col--valid-error > .vxe-cell > .ant-input, .col--valid-error > .vxe-cell > .ant-select .ant-input, .col--valid-error > .vxe-cell > .ant-select .ant-select-selection, .col--valid-error > .vxe-cell > .ant-input-number, .col--valid-error > .vxe-cell > .ant-cascader-picker .ant-cascader-input, .col--valid-error > .vxe-cell > .ant-calendar-picker .ant-calendar-picker-input, .col--valid-error > .vxe-cell > .ant-time-picker .ant-time-picker-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-select .ant-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-select .ant-select-selection, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-input-number, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-cascader-picker .ant-cascader-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-calendar-picker .ant-calendar-picker-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .ant-time-picker .ant-time-picker-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select .ant-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select .ant-select-selection, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-cascader-picker .ant-cascader-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-calendar-picker .ant-calendar-picker-input, .col--valid-error > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-time-picker .ant-time-picker-input {
+  border-color: var(--vxe-ui-table-validate-error-color, #f56c6c);
+  box-shadow: none;
+}
+
+.vxe-table.cell--highlight > .vxe-cell > .ant-input, .vxe-table.cell--highlight > .vxe-cell > .ant-input-number, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input-number, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number {
+  padding: 0;
+}
+.vxe-table.cell--highlight > .vxe-cell > .ant-select .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-select .ant-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select .ant-input {
+  padding: 0;
+}
+.vxe-table.cell--highlight > .vxe-cell > .ant-input-number .ant-input-number-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-input-number .ant-input-number-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-input-number .ant-input-number-input {
+  padding: 0;
+}
+.vxe-table.cell--highlight > .vxe-cell > .ant-select .ant-select-selection .ant-select-selection__rendered, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-select .ant-select-selection .ant-select-selection__rendered, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-select .ant-select-selection .ant-select-selection__rendered {
+  margin: 0;
+}
+.vxe-table.cell--highlight > .vxe-cell > .ant-cascader-picker .ant-cascader-picker-label, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-cascader-picker .ant-cascader-picker-label, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-cascader-picker .ant-cascader-picker-label {
+  padding: 0;
+}
+.vxe-table.cell--highlight > .vxe-cell > .ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-calendar-picker .ant-calendar-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-calendar-picker .ant-calendar-picker-input {
+  padding: 0;
+}
+.vxe-table.cell--highlight > .vxe-cell > .ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .ant-time-picker .ant-time-picker-input, .vxe-table.cell--highlight > .vxe-cell > .vxe-cell--wrapper > .vxe-cell--tree-node > .vxe-tree-cell > .ant-time-picker .ant-time-picker-input {
+  padding: 0;
+}

package/es/style.min.css

@@ -0,0 +1 @@
+.vxe-table.cell--highlight>.vxe-cell>.ant-calendar-picker .ant-calendar-picker-input,.vxe-table.cell--highlight>.vxe-cell>.ant-cascader-picker .ant-input,.vxe-table.cell--highlight>.vxe-cell>.ant-input,.vxe-table.cell--highlight>.vxe-cell>.ant-input-number,.vxe-table.cell--highlight>.vxe-cell>.ant-input-number .ant-input-number-handler-down,.vxe-table.cell--highlight>.vxe-cell>.ant-input-number .ant-input-number-handler-wrap,.vxe-table.cell--highlight>.vxe-cell>.ant-select .ant-input,.vxe-table.cell--highlight>.vxe-cell>.ant-select .ant-select-selection,.vxe-table.cell--highlight>.vxe-cell>.ant-time-picker .ant-time-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-calendar-picker .ant-calendar-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-cascader-picker .ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input-number,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input-number .ant-input-number-handler-down,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input-number .ant-input-number-handler-wrap,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-select .ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-select .ant-select-selection,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-time-picker .ant-time-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-cascader-picker .ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number .ant-input-number-handler-down,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number .ant-input-number-handler-wrap,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select .ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select .ant-select-selection,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-time-picker .ant-time-picker-input{border:0;box-shadow:none}.vxe-form .vxe-form--item-content>.ant-calendar-picker,.vxe-form .vxe-form--item-content>.ant-cascader-picker,.vxe-form .vxe-form--item-content>.ant-input,.vxe-form .vxe-form--item-content>.ant-input-number,.vxe-form .vxe-form--item-content>.ant-picker,.vxe-form .vxe-form--item-content>.ant-select,.vxe-form .vxe-form--item-content>.ant-time-picker,.vxe-form .vxe-form--item-inner>.ant-calendar-picker,.vxe-form .vxe-form--item-inner>.ant-cascader-picker,.vxe-form .vxe-form--item-inner>.ant-input,.vxe-form .vxe-form--item-inner>.ant-input-number,.vxe-form .vxe-form--item-inner>.ant-picker,.vxe-form .vxe-form--item-inner>.ant-select,.vxe-form .vxe-form--item-inner>.ant-time-picker,.vxe-table .vxe-cell--wrapper>.ant-calendar-picker,.vxe-table .vxe-cell--wrapper>.ant-cascader-picker,.vxe-table .vxe-cell--wrapper>.ant-input,.vxe-table .vxe-cell--wrapper>.ant-input-number,.vxe-table .vxe-cell--wrapper>.ant-picker,.vxe-table .vxe-cell--wrapper>.ant-select,.vxe-table .vxe-cell--wrapper>.ant-time-picker,.vxe-table>.vxe-cell>.ant-calendar-picker,.vxe-table>.vxe-cell>.ant-cascader-picker,.vxe-table>.vxe-cell>.ant-input,.vxe-table>.vxe-cell>.ant-input-number,.vxe-table>.vxe-cell>.ant-picker,.vxe-table>.vxe-cell>.ant-select,.vxe-table>.vxe-cell>.ant-time-picker,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-calendar-picker,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-cascader-picker,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-picker,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-time-picker{width:100%}.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-calendar-picker .ant-calendar-picker-input,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-cascader-picker .ant-cascader-input,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-input,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-input-number,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-select .ant-input,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-select .ant-select-selection,.vxe-form .vxe-form--item.is--error>.vxe-form--item-content>.vxe-form--item-inner>.ant-time-picker .ant-time-picker-input{border-color:var(--vxe-ui-form-validate-error-color,#f56c6c);box-shadow:none}.vxe-table--filter-antd-wrapper{padding:.8em 1em}.vxe-table--filter-antd-wrapper>.ant-input,.vxe-table--filter-antd-wrapper>.ant-input-number,.vxe-table--filter-antd-wrapper>.ant-rate,.vxe-table--filter-antd-wrapper>.ant-select{width:180px}.vxe-table>.vxe-cell>.ant-rate,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.ant-rate,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-rate{vertical-align:bottom}.vxe-table>.vxe-cell>.ant-rate .anticon-star,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.ant-rate .anticon-star,.vxe-table>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-rate .anticon-star{display:block}.vxe-table .vxe-cell--wrapper>.ant-rate{vertical-align:bottom}.vxe-table .vxe-cell--wrapper>.ant-rate .anticon-star{display:block}.col--valid-error>.vxe-cell>.ant-calendar-picker .ant-calendar-picker-input,.col--valid-error>.vxe-cell>.ant-cascader-picker .ant-cascader-input,.col--valid-error>.vxe-cell>.ant-input,.col--valid-error>.vxe-cell>.ant-input-number,.col--valid-error>.vxe-cell>.ant-select .ant-input,.col--valid-error>.vxe-cell>.ant-select .ant-select-selection,.col--valid-error>.vxe-cell>.ant-time-picker .ant-time-picker-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-calendar-picker .ant-calendar-picker-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-cascader-picker .ant-cascader-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-input-number,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-select .ant-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-select .ant-select-selection,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.ant-time-picker .ant-time-picker-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-cascader-picker .ant-cascader-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select .ant-input,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select .ant-select-selection,.col--valid-error>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-time-picker .ant-time-picker-input{border-color:var(--vxe-ui-table-validate-error-color,#f56c6c);box-shadow:none}.vxe-table.cell--highlight>.vxe-cell>.ant-input,.vxe-table.cell--highlight>.vxe-cell>.ant-input-number,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input-number,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number{padding:0}.vxe-table.cell--highlight>.vxe-cell>.ant-select .ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-select .ant-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select .ant-input{padding:0}.vxe-table.cell--highlight>.vxe-cell>.ant-input-number .ant-input-number-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-input-number .ant-input-number-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-input-number .ant-input-number-input{padding:0}.vxe-table.cell--highlight>.vxe-cell>.ant-select .ant-select-selection .ant-select-selection__rendered,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-select .ant-select-selection .ant-select-selection__rendered,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-select .ant-select-selection .ant-select-selection__rendered{margin:0}.vxe-table.cell--highlight>.vxe-cell>.ant-cascader-picker .ant-cascader-picker-label,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-cascader-picker .ant-cascader-picker-label,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-cascader-picker .ant-cascader-picker-label{padding:0}.vxe-table.cell--highlight>.vxe-cell>.ant-calendar-picker .ant-calendar-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-calendar-picker .ant-calendar-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-calendar-picker .ant-calendar-picker-input{padding:0}.vxe-table.cell--highlight>.vxe-cell>.ant-time-picker .ant-time-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.ant-time-picker .ant-time-picker-input,.vxe-table.cell--highlight>.vxe-cell>.vxe-cell--wrapper>.vxe-cell--tree-node>.vxe-tree-cell>.ant-time-picker .ant-time-picker-input{padding:0}