vxe-pc-ui 0.3.0 → 1.0.0

package/es/anchor/index.js

@@ -1,8 +1,10 @@
 import VxeAnchorComponent from './src/anchor';
+import { dynamicApp } from '../dynamics';
 const VxeAnchor = Object.assign({}, VxeAnchorComponent, {
     install(app) {
         app.component(VxeAnchorComponent.name, VxeAnchorComponent);
     }
 });
+dynamicApp.component(VxeAnchorComponent.name, VxeAnchorComponent);
 export const Anchor = VxeAnchor;
 export default VxeAnchor;

package/es/anchor/src/anchor.js

@@ -129,24 +129,6 @@ export default defineComponent({
             }
         };
         Object.assign($xeAnchor, anchorMethods, anchorPrivateMethods);
-        watch(() => props.modelValue, (val) => {
-            reactData.activeHref = val;
-        });
-        watch(() => reactData.activeHref, () => {
-            updateMarkerPos();
-        });
-        watch(() => props.container, () => {
-            removeContainerElemScroll();
-            updateContainerElem();
-        });
-        onMounted(() => {
-            nextTick(() => {
-                updateContainerElem();
-            });
-        });
-        onBeforeUnmount(() => {
-            removeContainerElemScroll();
-        });
         const renderSubItems = (options) => {
             const itemVNs = [];
             if (options) {
@@ -192,6 +174,24 @@ export default defineComponent({
                     : createCommentVNode()
             ]);
         };
+        watch(() => props.modelValue, (val) => {
+            reactData.activeHref = val;
+        });
+        watch(() => reactData.activeHref, () => {
+            updateMarkerPos();
+        });
+        watch(() => props.container, () => {
+            removeContainerElemScroll();
+            updateContainerElem();
+        });
+        onMounted(() => {
+            nextTick(() => {
+                updateContainerElem();
+            });
+        });
+        onBeforeUnmount(() => {
+            removeContainerElemScroll();
+        });
         $xeAnchor.renderVN = renderVN;
         provide('$xeAnchor', $xeAnchor);
         return $xeAnchor;

package/es/anchor/style.css

@@ -1,5 +1,7 @@
 .vxe-anchor {
   position: relative;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
 }
 
 .vxe-anchor--marker {

package/es/anchor/style.min.css

@@ -1 +1 @@
-.vxe-anchor{position:relative}.vxe-anchor--marker{position:absolute;left:0;top:0;width:.2em;height:1.5em;padding:.25em 0;transition:all .35s ease-in-out}.vxe-anchor--marker::before{display:block;content:"";height:100%;width:100%;border-radius:1em;background-color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link{position:relative;padding-left:.6em}.vxe-anchor-link.is--active>.vxe-anchor-link--item{color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link--item{display:block;height:1.5em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--vxe-ui-anchor-link-color)}
+.vxe-anchor{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-anchor--marker{position:absolute;left:0;top:0;width:.2em;height:1.5em;padding:.25em 0;transition:all .35s ease-in-out}.vxe-anchor--marker::before{display:block;content:"";height:100%;width:100%;border-radius:1em;background-color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link{position:relative;padding-left:.6em}.vxe-anchor-link.is--active>.vxe-anchor-link--item{color:var(--vxe-ui-anchor-link-active-color)}.vxe-anchor-link--item{display:block;height:1.5em;line-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;color:var(--vxe-ui-anchor-link-color)}

package/es/anchor-link/index.js

@@ -1,8 +1,10 @@
 import VxeAnchorLinkComponent from '../anchor/src/anchor-link';
+import { dynamicApp } from '../dynamics';
 const VxeAnchorLink = Object.assign({}, VxeAnchorLinkComponent, {
     install(app) {
         app.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);
     }
 });
+dynamicApp.component(VxeAnchorLinkComponent.name, VxeAnchorLinkComponent);
 export const AnchorLink = VxeAnchorLink;
 export default VxeAnchorLink;

package/es/breadcrumb/index.js

@@ -1,8 +1,10 @@
 import VxeBreadcrumbComponent from './src/breadcrumb';
+import { dynamicApp } from '../dynamics';
 const VxeBreadcrumb = Object.assign({}, VxeBreadcrumbComponent, {
     install(app) {
         app.component(VxeBreadcrumbComponent.name, VxeBreadcrumbComponent);
     }
 });
+dynamicApp.component(VxeBreadcrumbComponent.name, VxeBreadcrumbComponent);
 export const Breadcrumb = VxeBreadcrumb;
 export default VxeBreadcrumb;

package/es/breadcrumb/src/breadcrumb.js

@@ -1,12 +1,12 @@
 import { defineComponent, ref, h, reactive, provide } from 'vue';
-import VxeUI from '../../ui';
+import globalConfigStore from '../../ui/src/globalStore';
 import XEUtils from 'xe-utils';
 export default defineComponent({
     name: 'VxeBreadcrumb',
     props: {
         separator: {
             type: String,
-            default: () => VxeUI.getConfig('breadcrumb.separator')
+            default: () => globalConfigStore.breadcrumb.separator
         }
     },
     emits: [],

package/es/breadcrumb/style.css

@@ -1,5 +1,6 @@
 .vxe-breadcrumb {
   color: var(--vxe-ui-breadcrumb-item-color);
+  font-family: var(--vxe-ui-font-family);
 }
 
 .vxe-breadcrumb-item {

package/es/breadcrumb/style.min.css

@@ -1 +1 @@
-.vxe-breadcrumb{color:var(--vxe-ui-breadcrumb-item-color)}.vxe-breadcrumb-item{display:inline-block;color:var(--vxe-ui-breadcrumb-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--content{color:var(--vxe-ui-breadcrumb-current-item-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--separator{display:none}.vxe-breadcrumb-item--separator{margin:0 .6em;color:var(--vxe-ui-font-placeholder-color)}
+.vxe-breadcrumb{color:var(--vxe-ui-breadcrumb-item-color);font-family:var(--vxe-ui-font-family)}.vxe-breadcrumb-item{display:inline-block;color:var(--vxe-ui-breadcrumb-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--content{color:var(--vxe-ui-breadcrumb-current-item-color)}.vxe-breadcrumb-item:last-child .vxe-breadcrumb-item--separator{display:none}.vxe-breadcrumb-item--separator{margin:0 .6em;color:var(--vxe-ui-font-placeholder-color)}

package/es/breadcrumb-item/index.js

@@ -1,8 +1,10 @@
 import VxeBreadcrumbItemComponent from './src/breadcrumb-item';
+import { dynamicApp } from '../dynamics';
 const VxeBreadcrumbItem = Object.assign({}, VxeBreadcrumbItemComponent, {
     install(app) {
         app.component(VxeBreadcrumbItemComponent.name, VxeBreadcrumbItemComponent);
     }
 });
+dynamicApp.component(VxeBreadcrumbItemComponent.name, VxeBreadcrumbItemComponent);
 export const BreadcrumbItem = VxeBreadcrumbItem;
 export default VxeBreadcrumbItem;

package/es/button/index.js

@@ -1,8 +1,10 @@
 import VxeButtonComponent from './src/button';
+import { dynamicApp } from '../dynamics';
 const VxeButton = Object.assign({}, VxeButtonComponent, {
     install(app) {
         app.component(VxeButtonComponent.name, VxeButtonComponent);
     }
 });
+dynamicApp.component(VxeButtonComponent.name, VxeButtonComponent);
 export const Button = VxeButton;
 export default VxeButton;

package/es/button/src/button-group.js

@@ -39,7 +39,7 @@ export default defineComponent({
                 const { options } = props;
                 const { name } = params;
                 const option = options ? options.find(item => item.name === name) : null;
-                buttonGroupMethods.dispatchEvent('click', { ...params, option }, evnt);
+                buttonGroupMethods.dispatchEvent('click', Object.assign(Object.assign({}, params), { option }), evnt);
             }
         };
         Object.assign($xeButtonGroup, buttonGroupMethods, buttonGroupPrivateMethods);
@@ -52,10 +52,7 @@ export default defineComponent({
                 ? defaultSlot({})
                 : (options
                     ? options.map((item, index) => {
-                        return h(VxeButtonComponent, {
-                            key: index,
-                            ...item
-                        });
+                        return h(VxeButtonComponent, Object.assign({ key: index }, item));
                     })
                     : []));
         };

package/es/button-group/index.js

@@ -1,8 +1,10 @@
 import VxeButtonGroupComponent from '../button/src/button-group';
+import { dynamicApp } from '../dynamics';
 const VxeButtonGroup = Object.assign({}, VxeButtonGroupComponent, {
     install(app) {
         app.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);
     }
 });
+dynamicApp.component(VxeButtonGroupComponent.name, VxeButtonGroupComponent);
 export const ButtonGroup = VxeButtonGroup;
 export default VxeButtonGroup;

package/es/checkbox/src/checkbox.js

@@ -32,10 +32,10 @@ export default defineComponent({
         };
         let checkboxMethods = {};
         const computeSize = useSize(props);
-        const $xecheckboxgroup = inject('$xecheckboxgroup', null);
+        const $xeCheckboxGroup = inject('$xeCheckboxGroup', null);
         const computeIsChecked = computed(() => {
-            if ($xecheckboxgroup) {
-                return XEUtils.includes($xecheckboxgroup.props.modelValue, props.label);
+            if ($xeCheckboxGroup) {
+                return XEUtils.includes($xeCheckboxGroup.props.modelValue, props.label);
             }
             return props.modelValue === props.checkedValue;
         });
@@ -43,9 +43,9 @@ export default defineComponent({
             if (props.disabled) {
                 return true;
             }
-            if ($xecheckboxgroup) {
-                const { props: groupProps } = $xecheckboxgroup;
-                const { computeIsMaximize } = $xecheckboxgroup.getComputeMaps();
+            if ($xeCheckboxGroup) {
+                const { props: groupProps } = $xeCheckboxGroup;
+                const { computeIsMaximize } = $xeCheckboxGroup.getComputeMaps();
                 const isMaximize = computeIsMaximize.value;
                 const isChecked = computeIsChecked.value;
                 return groupProps.disabled || (isMaximize && !isChecked);
@@ -59,8 +59,8 @@ export default defineComponent({
                 const checked = evnt.target.checked;
                 const value = checked ? checkedValue : uncheckedValue;
                 const params = { checked, value, label: props.label };
-                if ($xecheckboxgroup) {
-                    $xecheckboxgroup.handleChecked(params, evnt);
+                if ($xeCheckboxGroup) {
+                    $xeCheckboxGroup.handleChecked(params, evnt);
                 }
                 else {
                     emit('update:modelValue', value);

package/es/checkbox/src/group.js

@@ -47,7 +47,7 @@ export default defineComponent({
         const computeMaps = {
             computeIsMaximize
         };
-        const $xecheckboxgroup = {
+        const $xeCheckboxGroup = {
             xID,
             props,
             context,
@@ -56,7 +56,7 @@ export default defineComponent({
         useSize(props);
         const checkboxGroupMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $checkboxGroup: $xecheckboxgroup, $event: evnt }, params));
+                emit(type, Object.assign({ $checkboxGroup: $xeCheckboxGroup, $event: evnt }, params));
             }
         };
         const checkboxGroupPrivateMethods = {
@@ -73,14 +73,14 @@ export default defineComponent({
                     checklist.splice(checkIndex, 1);
                 }
                 emit('update:modelValue', checklist);
-                $xecheckboxgroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
+                $xeCheckboxGroup.dispatchEvent('change', Object.assign({ checklist }, params), evnt);
                 // 自动更新校验状态
                 if ($xeform && formItemInfo) {
                     $xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
                 }
             }
         };
-        Object.assign($xecheckboxgroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
+        Object.assign($xeCheckboxGroup, checkboxGroupMethods, checkboxGroupPrivateMethods);
         const renderVN = () => {
             const { options } = props;
             const defaultSlot = slots.default;
@@ -101,8 +101,8 @@ export default defineComponent({
                     })
                     : []));
         };
-        $xecheckboxgroup.renderVN = renderVN;
-        provide('$xecheckboxgroup', $xecheckboxgroup);
+        $xeCheckboxGroup.renderVN = renderVN;
+        provide('$xeCheckboxGroup', $xeCheckboxGroup);
         return renderVN;
     }
 });

package/es/checkbox/style.css

@@ -62,14 +62,14 @@
           appearance: none;
 }
 .vxe-checkbox.is--indeterminate > input:not(:checked) + .vxe-checkbox--icon {
-  color: var(--vxe-primary-color);
+  color: var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox:not(.is--disabled) > input:focus + .vxe-checkbox--icon {
-  color: var(--vxe-primary-color);
-  box-shadow: 0 0 0.2em 0 var(--vxe-primary-color);
+  color: var(--vxe-ui-font-primary-color);
+  box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox:not(.is--disabled):hover > input + .vxe-checkbox--icon {
-  border-color: var(--vxe-primary-color);
+  border-color: var(--vxe-ui-font-primary-color);
 }
 .vxe-checkbox.is--disabled {
   cursor: not-allowed;
@@ -78,7 +78,7 @@
   color: var(--vxe-ui-input-disabled-color);
 }
 .vxe-checkbox.is--disabled > input + .vxe-checkbox--icon + .vxe-checkbox--label {
-  color: var(--vxe-font-disabled-color);
+  color: var(--vxe-ui-font-disabled-color);
 }
 .vxe-checkbox.is--disabled > input:checked + .vxe-checkbox--icon {
   color: var(--vxe-ui-input-disabled-color);
@@ -94,14 +94,14 @@
 }
 
 .vxe-checkbox {
-  font-size: var(--vxe-font-size);
+  font-size: var(--vxe-ui-font-size);
 }
 .vxe-checkbox.size--medium {
-  font-size: var(--vxe-font-size-medium);
+  font-size: var(--vxe-ui-font-size-medium);
 }
 .vxe-checkbox.size--small {
-  font-size: var(--vxe-font-size-small);
+  font-size: var(--vxe-ui-font-size-small);
 }
 .vxe-checkbox.size--mini {
-  font-size: var(--vxe-font-size-mini);
+  font-size: var(--vxe-ui-font-size-mini);
 }

package/es/checkbox/style.min.css

@@ -1 +1 @@
-.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-primary-color);box-shadow:0 0 .2em 0 var(--vxe-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-font-size-mini)}
+.vxe-checkbox-group{display:inline-block;vertical-align:middle;line-height:1}.vxe-checkbox{display:inline-block;vertical-align:middle;white-space:nowrap;line-height:1}.vxe-checkbox .vxe-checkbox--icon{font-size:1.34em}.vxe-checkbox .vxe-checkbox--icon{color:var(--vxe-ui-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-checkbox.is--checked,.vxe-checkbox.is--indeterminate{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--checked .vxe-checkbox--icon,.vxe-checkbox.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled){cursor:pointer}.vxe-checkbox:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--hidden{cursor:default}.vxe-checkbox.is--disabled{color:var(--vxe-ui-font-disabled-color);cursor:not-allowed}.vxe-checkbox.is--disabled .vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-checkbox+.vxe-checkbox{margin-left:10px}.vxe-checkbox>input[type=checkbox]{position:absolute;width:0;height:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vxe-checkbox.is--indeterminate>input:not(:checked)+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled)>input:focus+.vxe-checkbox--icon{color:var(--vxe-ui-font-primary-color);box-shadow:0 0 .2em 0 var(--vxe-ui-font-primary-color)}.vxe-checkbox:not(.is--disabled):hover>input+.vxe-checkbox--icon{border-color:var(--vxe-ui-font-primary-color)}.vxe-checkbox.is--disabled{cursor:not-allowed}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox.is--disabled>input+.vxe-checkbox--icon+.vxe-checkbox--label{color:var(--vxe-ui-font-disabled-color)}.vxe-checkbox.is--disabled>input:checked+.vxe-checkbox--icon{color:var(--vxe-ui-input-disabled-color)}.vxe-checkbox .vxe-checkbox--label{padding-left:.5em;vertical-align:middle;display:inline-block;max-width:50em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-checkbox{font-size:var(--vxe-ui-font-size)}.vxe-checkbox.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-checkbox.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-checkbox.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/es/checkbox-group/index.js

@@ -5,6 +5,6 @@ export const VxeCheckboxGroup = Object.assign(VxeCheckboxGroupComponent, {
         app.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
     }
 });
-export const CheckboxGroup = VxeCheckboxGroup;
 dynamicApp.component(VxeCheckboxGroupComponent.name, VxeCheckboxGroupComponent);
+export const CheckboxGroup = VxeCheckboxGroup;
 export default VxeCheckboxGroup;

package/es/col/index.js

@@ -1,8 +1,10 @@
 import VxeColComponent from '../row/src/col';
+import { dynamicApp } from '../dynamics';
 const VxeCol = Object.assign({}, VxeColComponent, {
     install(app) {
         app.component(VxeColComponent.name, VxeColComponent);
     }
 });
+dynamicApp.component(VxeColComponent.name, VxeColComponent);
 export const Col = VxeCol;
 export default VxeCol;

package/es/components.js

@@ -21,6 +21,7 @@ import VxeLayoutContainer from './layout-container';
 import VxeLayoutFooter from './layout-footer';
 import VxeLayoutHeader from './layout-header';
 import VxeListDesign from './list-design';
+import VxeList from './list';
 import VxeLoading from './loading';
 import VxeModal from './modal';
 import VxeOptgroup from './optgroup';
@@ -64,6 +65,7 @@ const components = [
     VxeLayoutFooter,
     VxeLayoutHeader,
     VxeListDesign,
+    VxeList,
     VxeLoading,
     VxeModal,
     VxeOptgroup,
@@ -108,6 +110,7 @@ export * from './layout-container';
 export * from './layout-footer';
 export * from './layout-header';
 export * from './list-design';
+export * from './list';
 export * from './loading';
 export * from './modal';
 export * from './optgroup';

package/es/form/index.js

@@ -1,8 +1,10 @@
 import VxeFormComponent from './src/form';
+import { dynamicApp } from '../dynamics';
 export const VxeForm = Object.assign(VxeFormComponent, {
     install(app) {
         app.component(VxeFormComponent.name, VxeFormComponent);
     }
 });
+dynamicApp.component(VxeFormComponent.name, VxeFormComponent);
 export const Form = VxeForm;
 export default VxeForm;

package/es/form/src/form-config-item.js

@@ -136,22 +136,17 @@ const VxeFormConfigItem = defineComponent({
                     class: 'vxe-form--item-inner'
                 }, [
                     (showTitle !== false) && (title || titleSlot)
-                        ? h('div', {
-                            class: [
+                        ? h('div', Object.assign({ class: [
                                 'vxe-form--item-title',
                                 titleAlign ? `align--${titleAlign}` : '',
                                 hasEllipsis ? 'is--ellipsis' : '',
                                 itemTitleClassName ? (XEUtils.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName) : '',
                                 titleClassName ? (XEUtils.isFunction(titleClassName) ? titleClassName(params) : titleClassName) : ''
-                            ],
-                            style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
+                            ], style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
                                 ? {
                                     width: isNaN(titleWidth) ? titleWidth : `${titleWidth}px`
                                 }
-                                : null),
-                            title: ovTitle ? getFuncText(title) : null,
-                            ...ons
-                        }, renderTitle($xeform, item))
+                                : null), title: ovTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item))
                         : null,
                     h('div', {
                         class: [

package/es/form/src/form-item.js

@@ -177,22 +177,17 @@ export default defineComponent({
                     class: 'vxe-form--item-inner'
                 }, [
                     (showTitle !== false) && (title || titleSlot)
-                        ? h('div', {
-                            class: [
+                        ? h('div', Object.assign({ class: [
                                 'vxe-form--item-title',
                                 titleAlign ? `align--${titleAlign}` : '',
                                 hasEllipsis ? 'is--ellipsis' : '',
                                 itemTitleClassName ? (XEUtils.isFunction(itemTitleClassName) ? itemTitleClassName(params) : itemTitleClassName) : '',
                                 titleClassName ? (XEUtils.isFunction(titleClassName) ? titleClassName(params) : titleClassName) : ''
-                            ],
-                            style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
+                            ], style: Object.assign({}, XEUtils.isFunction(itemTitleStyle) ? itemTitleStyle(params) : itemTitleStyle, XEUtils.isFunction(titleStyle) ? titleStyle(params) : titleStyle, titleWidth
                                 ? {
                                     width: isNaN(titleWidth) ? titleWidth : `${titleWidth}px`
                                 }
-                                : null),
-                            title: ovTitle ? getFuncText(title) : null,
-                            ...ons
-                        }, renderTitle($xeform, item))
+                                : null), title: ovTitle ? getFuncText(title) : null }, ons), renderTitle($xeform, item))
                         : null,
                     h('div', {
                         class: [

package/es/form/src/form.js

@@ -8,7 +8,7 @@ import { errLog, warnLog } from '../../ui/src/log';
 import { scrollToView } from '../../ui/src/dom';
 import { createItem, handleFieldOrItem, isHiddenItem, isActivetem } from './util';
 import { useSize } from '../../hooks/size';
-import VxeTooltipComponent from '../../tooltip';
+import VxeTooltipComponent from '../../tooltip/src/tooltip';
 import VxeFormConfigItem from './form-config-item';
 import VxeLoading from '../../loading/index';
 import { getSlotVNs } from '../../ui/src/vn';
@@ -113,7 +113,7 @@ export default defineComponent({
             }
         });
         provide('xeFormItemInfo', null);
-        const $xegrid = inject('$xegrid', null);
+        const $xeGrid = inject('$xeGrid', null);
         const refElem = ref();
         const refTooltip = ref();
         let formMethods = {};
@@ -136,7 +136,7 @@ export default defineComponent({
             props,
             context,
             reactData,
-            xegrid: $xegrid,
+            xegrid: $xeGrid,
             getRefMaps: () => refMaps,
             getComputeMaps: () => computeMaps
         };
@@ -554,7 +554,7 @@ export default defineComponent({
         };
         formMethods = {
             dispatchEvent(type, params, evnt) {
-                emit(type, Object.assign({ $form: $xeform, $grid: $xegrid, $event: evnt }, params));
+                emit(type, Object.assign({ $form: $xeform, $grid: $xeGrid, $event: evnt }, params));
             },
             reset,
             validate,
@@ -647,10 +647,7 @@ export default defineComponent({
                 /**
                  * 工具提示
                  */
-                h(VxeTooltipComponent, {
-                    ref: refTooltip,
-                    ...tooltipOpts
-                })
+                h(VxeTooltipComponent, Object.assign({ ref: refTooltip }, tooltipOpts))
             ]);
         };
         $xeform.renderVN = renderVN;

package/es/form/src/render.js

@@ -34,11 +34,7 @@ export function renderTitle($xeform, item) {
     const titVNs = [];
     if (titlePrefix) {
         titVNs.push((titlePrefix.content || titlePrefix.message)
-            ? h(VxeTooltipComponent, {
-                ...tooltipOpts,
-                ...titlePrefix,
-                content: getFuncText(titlePrefix.content || titlePrefix.message)
-            }, {
+            ? h(VxeTooltipComponent, Object.assign(Object.assign(Object.assign({}, tooltipOpts), titlePrefix), { content: getFuncText(titlePrefix.content || titlePrefix.message) }), {
                 default: () => renderPrefixIcon(titlePrefix)
             })
             : renderPrefixIcon(titlePrefix));
@@ -52,11 +48,7 @@ export function renderTitle($xeform, item) {
     const fixVNs = [];
     if (titleSuffix) {
         fixVNs.push((titleSuffix.content || titleSuffix.message)
-            ? h(VxeTooltipComponent, {
-                ...tooltipOpts,
-                ...titleSuffix,
-                content: getFuncText(titleSuffix.content || titleSuffix.message)
-            }, {
+            ? h(VxeTooltipComponent, Object.assign(Object.assign(Object.assign({}, tooltipOpts), titleSuffix), { content: getFuncText(titleSuffix.content || titleSuffix.message) }), {
                 default: () => renderSuffixIcon(titleSuffix)
             })
             : renderSuffixIcon(titleSuffix));

package/es/form/style.css

@@ -1,7 +1,7 @@
 .vxe-form--item .vxe-default-input[type=submit]:hover,
 .vxe-form--item .vxe-default-input[type=reset]:hover {
-  color: var(--vxe-primary-lighten-color);
-  border-color: var(--vxe-primary-lighten-color);
+  color: var(--vxe-ui-font-primary-lighten-color);
+  border-color: var(--vxe-ui-font-primary-lighten-color);
 }
 
 .vxe-form {
@@ -188,7 +188,7 @@
 }
 .vxe-form--item .vxe-default-input,
 .vxe-form--item .vxe-default-select {
-  height: var(--vxe-button-height-default);
+  height: var(--vxe-ui-button-height-default);
 }
 .vxe-form--item .vxe-default-input {
   padding: 0 0.8em;
@@ -224,14 +224,14 @@
 }
 .vxe-form--item .vxe-default-input[type=submit],
 .vxe-form--item .vxe-default-input[type=reset] {
-  line-height: calc(var(--vxe-button-height-default) - 2px);
+  line-height: calc(var(--vxe-ui-button-height-default) - 2px);
   background-color: #fff;
   cursor: pointer;
 }
 .vxe-form--item .vxe-default-input[type=submit]:active,
 .vxe-form--item .vxe-default-input[type=reset]:active {
-  color: var(--vxe-primary-darken-color);
-  border-color: var(--vxe-primary-darken-color);
+  color: var(--vxe-ui-font-primary-darken-color);
+  border-color: var(--vxe-ui-font-primary-darken-color);
 }
 .vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button {
   margin-top: 6px;
@@ -282,12 +282,12 @@
 }
 .vxe-form.size--medium .vxe-default-input[type=submit],
 .vxe-form.size--medium .vxe-default-input[type=reset] {
-  line-height: calc(var(--vxe-button-height-medium) - 2px);
+  line-height: calc(var(--vxe-ui-button-height-medium) - 2px);
 }
 .vxe-form.size--medium .vxe-default-input,
 .vxe-form.size--medium .vxe-default-input,
 .vxe-form.size--medium .vxe-default-select {
-  height: var(--vxe-button-height-medium);
+  height: var(--vxe-ui-button-height-medium);
 }
 .vxe-form.size--small {
   font-size: var(--vxe-ui-font-size-small);
@@ -297,12 +297,12 @@
 }
 .vxe-form.size--small .vxe-default-input[type=submit],
 .vxe-form.size--small .vxe-default-input[type=reset] {
-  line-height: calc(var(--vxe-button-height-small) - 2px);
+  line-height: calc(var(--vxe-ui-button-height-small) - 2px);
 }
 .vxe-form.size--small .vxe-default-input,
 .vxe-form.size--small .vxe-default-input,
 .vxe-form.size--small .vxe-default-select {
-  height: var(--vxe-button-height-small);
+  height: var(--vxe-ui-button-height-small);
 }
 .vxe-form.size--mini {
   font-size: var(--vxe-ui-font-size-mini);
@@ -312,10 +312,10 @@
 }
 .vxe-form.size--mini .vxe-default-input[type=submit],
 .vxe-form.size--mini .vxe-default-input[type=reset] {
-  line-height: calc(var(--vxe-button-height-mini) - 2px);
+  line-height: calc(var(--vxe-ui-button-height-mini) - 2px);
 }
 .vxe-form.size--mini .vxe-default-input,
 .vxe-form.size--mini .vxe-default-input,
 .vxe-form.size--mini .vxe-default-select {
-  height: var(--vxe-button-height-mini);
+  height: var(--vxe-ui-button-height-mini);
 }

package/es/form/style.min.css

@@ -1 +1 @@
-.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-primary-lighten-color);border-color:var(--vxe-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-form-background-color);text-align:left}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.2em;line-height:2.2em;padding-right:0;max-width:none}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center;flex-grow:1}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-primary-darken-color);border-color:var(--vxe-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-button-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-button-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-button-height-mini)}
+.vxe-form--item .vxe-default-input[type=reset]:hover,.vxe-form--item .vxe-default-input[type=submit]:hover{color:var(--vxe-ui-font-primary-lighten-color);border-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-form{position:relative;font-size:var(--vxe-ui-font-size);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-form-background-color);text-align:left}.vxe-form-slots{display:none}.vxe-form--item-content,.vxe-form--item-trigger-node{display:inline-block;vertical-align:middle}.vxe-form--item-title{display:flex;flex-direction:row;max-width:320px;padding-right:.8em}.vxe-form--item-title.is--ellipsis .vxe-form--item-title-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-form--item-title .vxe-form--item-title-postfix,.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{flex-shrink:0}.vxe-form--item-title .vxe-form--item-title-prefix,.vxe-form--item-title .vxe-form--item-title-suffix{cursor:help;vertical-align:middle}.vxe-form--item-title .vxe-form--item-title-prefix{margin-right:.25em}.vxe-form--item-title .vxe-form--item-title-suffix{margin-left:.2em}.vxe-form--item-title .vxe-form--item-title-postfix{display:flex;align-items:center}.vxe-form--item-title .vxe-form--item-title-content{flex-grow:1}.vxe-form--item-title .vxe-form--item-title-label{vertical-align:middle}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.vxe-form--item-trigger-node .vxe-form--item-trigger-icon{display:inline-block;margin:0 .25em;transition:all .1s}.vxe-form--item-valid{position:absolute;width:100%;font-size:12px;line-height:1.2em;color:var(--vxe-ui-form-validate-error-color);background-color:var(--vxe-ui-form-validate-error-background-color);z-index:1;opacity:0;transform-origin:center top;transform:scaleY(0);transition:all .2s ease-in-out}.vxe-form .vxe-form--gather{display:inline-flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.vxe-form .vxe-form--wrapper{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form .vxe-form--item{display:none;padding:.5em .8em .5em 0}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--colon .vxe-form--item-title-postfix:after{content:":";font-weight:400;margin-left:.2em}.vxe-form--item.is--asterisk.is--required .vxe-form--item-title-content:before{content:"*";color:var(--vxe-ui-form-validate-error-color);font-family:Verdana,Arial,Tahoma;margin-right:.2em;font-weight:400;vertical-align:middle}.vxe-form--item.is--vertical .vxe-form--item-inner{flex-direction:column;align-items:initial}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title{height:2.2em;line-height:2.2em;padding-right:0;max-width:none}.vxe-form--item.is--vertical .vxe-form--item-inner .vxe-form--item-title-content{flex-grow:initial}.vxe-form--item.is--span .vxe-default-input:not([type=submit]):not([type=reset]),.vxe-form--item.is--span .vxe-default-select,.vxe-form--item.is--span .vxe-default-textarea,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea{width:100%}.vxe-form--item.is--error .vxe-default-input,.vxe-form--item.is--error .vxe-default-select,.vxe-form--item.is--error .vxe-default-textarea,.vxe-form--item.is--error .vxe-input>.vxe-input--inner,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-select.is--active>.vxe-input .vxe-input--inner,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-default-input[type=search]:focus,.vxe-form--item.is--error .vxe-default-input[type=text]:focus,.vxe-form--item.is--error .vxe-default-select:focus,.vxe-form--item.is--error .vxe-default-textarea:focus,.vxe-form--item.is--error .vxe-input>.vxe-input--inner:focus,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner:focus{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-form--item-valid{opacity:1;transform:scaleY(1)}.vxe-form--item .vxe-form--item-inner{display:flex;flex-direction:row;align-items:center;flex-grow:1}.vxe-form--item .vxe-form--item-inner .vxe-form--item-title{flex-shrink:0}.vxe-form--item .vxe-form--item-inner .vxe-form--item-content{position:relative;flex-grow:1;word-break:break-all}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{outline:0;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-border-radius)}.vxe-form--item .vxe-default-input,.vxe-form--item .vxe-default-select{height:var(--vxe-ui-button-height-default)}.vxe-form--item .vxe-default-input{padding:0 .8em}.vxe-form--item .vxe-default-textarea{padding:.3em .6em}.vxe-form--item .vxe-default-input[type=number]{padding-right:.2em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text]{padding:0 1em}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{color:var(--vxe-ui-font-color)}.vxe-form--item .vxe-default-input[type=search]:focus,.vxe-form--item .vxe-default-input[type=text]:focus,.vxe-form--item .vxe-default-select:focus,.vxe-form--item .vxe-default-textarea:focus{border:1px solid var(--vxe-ui-font-primary-color)}.vxe-form--item .vxe-default-input[type=search][disabled],.vxe-form--item .vxe-default-input[type=text][disabled],.vxe-form--item .vxe-default-select[disabled],.vxe-form--item .vxe-default-textarea[disabled]{cursor:not-allowed;background-color:var(--vxe-ui-input-disabled-background-color)}.vxe-form--item .vxe-default-input[type=reset],.vxe-form--item .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-default) - 2px);background-color:#fff;cursor:pointer}.vxe-form--item .vxe-default-input[type=reset]:active,.vxe-form--item .vxe-default-input[type=submit]:active{color:var(--vxe-ui-font-primary-darken-color);border-color:var(--vxe-ui-font-primary-darken-color)}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button{margin-top:6px}.vxe-form--item .vxe-default-input[type=date]::-webkit-inner-spin-button,.vxe-form--item .vxe-default-input[type=number]::-webkit-inner-spin-button{height:24px}.vxe-form--item .vxe-default-input::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-input[type=search],.vxe-form--item .vxe-default-input[type=text],.vxe-form--item .vxe-default-select,.vxe-form--item .vxe-default-textarea{width:180px}.vxe-form--item .vxe-default-textarea{resize:none;vertical-align:middle}.vxe-form--item .vxe-default-textarea::-moz-placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form--item .vxe-default-textarea::placeholder{color:var(--vxe-ui-input-placeholder-color)}.vxe-form .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-default)}.vxe-form .vxe-form--item-inner>.align--center{text-align:center}.vxe-form .vxe-form--item-inner>.align--left{text-align:left}.vxe-form .vxe-form--item-inner>.align--right{text-align:right}.vxe-form.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-form.size--medium .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-medium)}.vxe-form.size--medium .vxe-default-input[type=reset],.vxe-form.size--medium .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-medium) - 2px)}.vxe-form.size--medium .vxe-default-input,.vxe-form.size--medium .vxe-default-select{height:var(--vxe-ui-button-height-medium)}.vxe-form.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-form.size--small .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-small)}.vxe-form.size--small .vxe-default-input[type=reset],.vxe-form.size--small .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-small) - 2px)}.vxe-form.size--small .vxe-default-input,.vxe-form.size--small .vxe-default-select{height:var(--vxe-ui-button-height-small)}.vxe-form.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-form.size--mini .vxe-form--item-inner{min-height:var(--vxe-ui-form-item-min-height-mini)}.vxe-form.size--mini .vxe-default-input[type=reset],.vxe-form.size--mini .vxe-default-input[type=submit]{line-height:calc(var(--vxe-ui-button-height-mini) - 2px)}.vxe-form.size--mini .vxe-default-input,.vxe-form.size--mini .vxe-default-select{height:var(--vxe-ui-button-height-mini)}