vxe-pc-ui 3.0.1 → 3.0.2

package/es/form/src/itemInfo.js

@@ -0,0 +1,43 @@
+import XEUtils from 'xe-utils';
+export class ItemInfo {
+    constructor($xeForm, item) {
+        Object.assign(this, {
+            id: XEUtils.uniqueId('item_'),
+            title: item.title,
+            field: item.field,
+            span: item.span,
+            align: item.align,
+            titleBold: item.titleBold,
+            titleAlign: item.titleAlign,
+            titleWidth: item.titleWidth,
+            titleColon: item.titleColon,
+            vertical: item.vertical,
+            padding: item.padding,
+            titleAsterisk: item.titleAsterisk,
+            titlePrefix: item.titlePrefix,
+            titleSuffix: item.titleSuffix,
+            titleOverflow: item.titleOverflow,
+            showTitle: item.showTitle,
+            resetValue: item.resetValue,
+            visibleMethod: item.visibleMethod,
+            visible: item.visible,
+            folding: item.folding,
+            collapseNode: item.collapseNode,
+            className: item.className,
+            contentClassName: item.contentClassName,
+            contentStyle: item.contentStyle,
+            titleClassName: item.titleClassName,
+            titleStyle: item.titleStyle,
+            itemRender: item.itemRender,
+            rules: item.rules,
+            // 渲染属性
+            showError: false,
+            errRule: null,
+            slots: item.slots,
+            children: []
+        });
+    }
+    update(name, value) {
+        this[name] = value;
+    }
+}

package/es/form/src/render.js

@@ -0,0 +1,78 @@
+import { getIcon, renderer, renderEmptyElement } from '../../ui';
+import { getFuncText, isEnableConf } from '../../ui/src/utils';
+import { getSlotVNs } from '../../ui/src/vn';
+import VxeTooltipComponent from '../../tooltip/src/tooltip';
+import VxeIconComponent from '../../icon/src/icon';
+function renderPrefixIcon(h, titlePrefix) {
+    return h('span', {
+        class: 'vxe-form--item-title-prefix'
+    }, [
+        h(VxeIconComponent, {
+            class: titlePrefix.icon || getIcon().FORM_PREFIX,
+            props: {
+                status: titlePrefix.iconStatus
+            }
+        })
+    ]);
+}
+function renderSuffixIcon(h, titleSuffix) {
+    return h('span', {
+        class: 'vxe-form--item-title-suffix'
+    }, [
+        h(VxeIconComponent, {
+            class: titleSuffix.icon || getIcon().FORM_SUFFIX,
+            props: {
+                status: titleSuffix.iconStatus
+            }
+        })
+    ]);
+}
+export function renderTitle(h, _vm, $xeForm, item) {
+    const formProps = $xeForm;
+    const { data, readonly, disabled } = formProps;
+    const { slots, field, itemRender, titlePrefix, titleSuffix } = item;
+    const tooltipOpts = $xeForm.computeTooltipOpts;
+    const compConf = isEnableConf(itemRender) ? renderer.get(itemRender.name) : null;
+    const params = { data, readonly, disabled, field, property: field, item, $form: $xeForm, $grid: $xeForm.xegrid };
+    const titleSlot = slots ? slots.title : null;
+    const extraSlot = slots ? slots.extra : null;
+    const titVNs = [];
+    if (titlePrefix) {
+        titVNs.push((titlePrefix.content || titlePrefix.message)
+            ? h(VxeTooltipComponent, {
+                props: Object.assign(Object.assign(Object.assign({}, tooltipOpts), titlePrefix), { content: getFuncText(titlePrefix.content || titlePrefix.message) }),
+                scopedSlots: {
+                    default: () => renderPrefixIcon(h, titlePrefix)
+                }
+            })
+            : renderPrefixIcon(h, titlePrefix));
+    }
+    const rftTitle = compConf ? (compConf.renderFormItemTitle || compConf.renderItemTitle) : null;
+    titVNs.push(h('span', {
+        class: 'vxe-form--item-title-label'
+    }, titleSlot ? $xeForm.callSlot(titleSlot, params) : (rftTitle ? getSlotVNs(rftTitle(h, itemRender, params)) : getFuncText(item.title))));
+    const fixVNs = [];
+    if (titleSuffix) {
+        fixVNs.push((titleSuffix.content || titleSuffix.message)
+            ? h(VxeTooltipComponent, {
+                props: Object.assign(Object.assign(Object.assign({}, tooltipOpts), titleSuffix), { content: getFuncText(titleSuffix.content || titleSuffix.message) }),
+                scopedSlots: {
+                    default: () => renderSuffixIcon(h, titleSuffix)
+                }
+            })
+            : renderSuffixIcon(h, titleSuffix));
+    }
+    return [
+        h('div', {
+            class: 'vxe-form--item-title-content'
+        }, titVNs),
+        h('div', {
+            class: 'vxe-form--item-title-postfix'
+        }, fixVNs),
+        extraSlot
+            ? h('div', {
+                class: 'vxe-form--item-title-extra'
+            }, $xeForm.callSlot(extraSlot, params))
+            : renderEmptyElement(_vm)
+    ];
+}

package/es/form/src/util.js

@@ -0,0 +1,66 @@
+import { renderer } from '../../ui';
+import XEUtils from 'xe-utils';
+import { ItemInfo } from './itemInfo';
+import { isEnableConf } from '../../ui/src/utils';
+export function isFormItem(item) {
+    return item instanceof ItemInfo;
+}
+export function createItem($xeForm, _vm) {
+    return isFormItem(_vm) ? _vm : new ItemInfo($xeForm, _vm);
+}
+export function handleFieldOrItem($xeForm, fieldOrItem) {
+    if (fieldOrItem) {
+        return XEUtils.isString(fieldOrItem) ? $xeForm.getItemByField(fieldOrItem) : fieldOrItem;
+    }
+    return null;
+}
+export function isHiddenItem($xeForm, formItem) {
+    const { reactData } = $xeForm;
+    const { collapseAll } = reactData;
+    const { folding, visible } = formItem;
+    return visible === false || (folding && collapseAll);
+}
+export function isActiveItem($xeForm, formItem) {
+    let { visibleMethod, itemRender, visible, field } = formItem;
+    if (visible === false) {
+        return visible;
+    }
+    const compConf = isEnableConf(itemRender) ? renderer.get(itemRender.name) : null;
+    const fiVisibleMethod = compConf ? (compConf.formItemVisibleMethod || compConf.itemVisibleMethod) : null;
+    if (!visibleMethod && fiVisibleMethod) {
+        visibleMethod = fiVisibleMethod;
+    }
+    if (!visibleMethod) {
+        return true;
+    }
+    const formProps = $xeForm;
+    const { data } = formProps;
+    return visibleMethod({ data, field, property: field, item: formItem, $form: $xeForm, $grid: $xeForm.xegrid });
+}
+export function watchItem(_vm, formItemPropKeys, formItem) {
+    formItemPropKeys.forEach(name => {
+        _vm.$watch(name, (val) => {
+            formItem.update(name, val);
+        });
+    });
+}
+export function assembleItem($xeForm, el, formItem, formGather) {
+    const { reactData } = $xeForm;
+    const { staticItems } = reactData;
+    const parentElem = el.parentNode;
+    const parentItem = formGather ? formGather.formItem : null;
+    const parentItems = parentItem ? parentItem.children : staticItems;
+    if (parentElem) {
+        parentItems.splice(XEUtils.arrayIndexOf(parentElem.children, el), 0, formItem);
+        reactData.staticItems = staticItems.slice(0);
+    }
+}
+export function destroyItem($xeForm, formItem) {
+    const { reactData } = $xeForm;
+    const { staticItems } = reactData;
+    const index = XEUtils.findIndexOf(staticItems, item => item.id === formItem.id);
+    if (index > -1) {
+        staticItems.splice(index, 1);
+    }
+    reactData.staticItems = staticItems.slice(0);
+}

package/es/form/style.css

@@ -0,0 +1,470 @@
+.vxe-form--item .vxe-default-input[type=submit]:hover,
+.vxe-form--item .vxe-default-input[type=reset]: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-default);
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  background-color: var(--vxe-ui-layout-background-color);
+  text-align: left;
+}
+.vxe-form .vxe-row {
+  flex-shrink: 0;
+}
+
+.vxe-form--item-content,
+.vxe-form--item-row {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.vxe-form--item-content > .vxe-form--item-col_1,
+.vxe-form--item-row > .vxe-form--item-col_1 {
+  width: 4.16667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_2,
+.vxe-form--item-row > .vxe-form--item-col_2 {
+  width: 8.33333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_3,
+.vxe-form--item-row > .vxe-form--item-col_3 {
+  width: 12.5%;
+}
+.vxe-form--item-content > .vxe-form--item-col_4,
+.vxe-form--item-row > .vxe-form--item-col_4 {
+  width: 16.66667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_5,
+.vxe-form--item-row > .vxe-form--item-col_5 {
+  width: 20.83333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_6,
+.vxe-form--item-row > .vxe-form--item-col_6 {
+  width: 25%;
+}
+.vxe-form--item-content > .vxe-form--item-col_7,
+.vxe-form--item-row > .vxe-form--item-col_7 {
+  width: 29.16667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_8,
+.vxe-form--item-row > .vxe-form--item-col_8 {
+  width: 33.33333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_9,
+.vxe-form--item-row > .vxe-form--item-col_9 {
+  width: 37.5%;
+}
+.vxe-form--item-content > .vxe-form--item-col_10,
+.vxe-form--item-row > .vxe-form--item-col_10 {
+  width: 41.66667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_11,
+.vxe-form--item-row > .vxe-form--item-col_11 {
+  width: 45.83333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_12,
+.vxe-form--item-row > .vxe-form--item-col_12 {
+  width: 50%;
+}
+.vxe-form--item-content > .vxe-form--item-col_13,
+.vxe-form--item-row > .vxe-form--item-col_13 {
+  width: 54.16667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_14,
+.vxe-form--item-row > .vxe-form--item-col_14 {
+  width: 58.33333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_15,
+.vxe-form--item-row > .vxe-form--item-col_15 {
+  width: 62.5%;
+}
+.vxe-form--item-content > .vxe-form--item-col_16,
+.vxe-form--item-row > .vxe-form--item-col_16 {
+  width: 66.66667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_17,
+.vxe-form--item-row > .vxe-form--item-col_17 {
+  width: 70.83333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_18,
+.vxe-form--item-row > .vxe-form--item-col_18 {
+  width: 75%;
+}
+.vxe-form--item-content > .vxe-form--item-col_19,
+.vxe-form--item-row > .vxe-form--item-col_19 {
+  width: 79.16667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_20,
+.vxe-form--item-row > .vxe-form--item-col_20 {
+  width: 83.33333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_21,
+.vxe-form--item-row > .vxe-form--item-col_21 {
+  width: 87.5%;
+}
+.vxe-form--item-content > .vxe-form--item-col_22,
+.vxe-form--item-row > .vxe-form--item-col_22 {
+  width: 91.66667%;
+}
+.vxe-form--item-content > .vxe-form--item-col_23,
+.vxe-form--item-row > .vxe-form--item-col_23 {
+  width: 95.83333%;
+}
+.vxe-form--item-content > .vxe-form--item-col_24,
+.vxe-form--item-row > .vxe-form--item-col_24 {
+  width: 100%;
+}
+
+.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: 0.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-prefix,
+.vxe-form--item-title .vxe-form--item-title-suffix,
+.vxe-form--item-title .vxe-form--item-title-postfix {
+  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: 0.25em;
+}
+.vxe-form--item-title .vxe-form--item-title-suffix {
+  margin-left: 0.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-title .vxe-form--item-title-extra {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: right;
+  flex-grow: 1;
+}
+
+.vxe-form--item-trigger-node {
+  font-size: 12px;
+  min-width: 100px;
+  color: #909399;
+  text-align: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  cursor: pointer;
+}
+.vxe-form--item-trigger-node .vxe-form--item-trigger-icon {
+  display: inline-block;
+  margin: 0 0.25em;
+  transition: all 0.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 0.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;
+}
+.vxe-form .vxe-form--item.is--active:not(.is--hidden) {
+  display: inline-flex;
+}
+
+.vxe-form--item.is--padding {
+  padding: 0.6em;
+}
+.vxe-form--item.is--padding.is--vertical {
+  padding: 0.4em 0.6em;
+}
+.vxe-form--item.is--bold > .vxe-form--item-inner > .vxe-form--item-title {
+  font-weight: bold;
+}
+.vxe-form--item.is--colon .vxe-form--item-title-postfix:after {
+  content: ":";
+  font-weight: normal;
+  margin-left: 0.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: 0.2em;
+  font-weight: normal;
+  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.5em;
+  line-height: 2.3em;
+  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-textarea,
+.vxe-form--item.is--span .vxe-default-select,
+.vxe-form--item.is--span .vxe-input,
+.vxe-form--item.is--span .vxe-number-input,
+.vxe-form--item.is--span .vxe-password-input,
+.vxe-form--item.is--span .vxe-date-picker,
+.vxe-form--item.is--span .vxe-textarea,
+.vxe-form--item.is--span .vxe-select,
+.vxe-form--item.is--span .vxe-tree-select,
+.vxe-form--item.is--span .vxe-ico-picker {
+  width: 100%;
+}
+.vxe-form--item.is--error .vxe-input,
+.vxe-form--item.is--error .vxe-number-input,
+.vxe-form--item.is--error .vxe-password-input,
+.vxe-form--item.is--error .vxe-date-picker,
+.vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner,
+.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box,
+.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn > .vxe-button,
+.vxe-form--item.is--error .vxe-select,
+.vxe-form--item.is--error .vxe-tree-select,
+.vxe-form--item.is--error .vxe-default-input,
+.vxe-form--item.is--error .vxe-default-textarea,
+.vxe-form--item.is--error .vxe-default-select,
+.vxe-form--item.is--error .vxe-ico-picker {
+  border-color: var(--vxe-ui-form-validate-error-color);
+}
+.vxe-form--item.is--error .vxe-input:focus,
+.vxe-form--item.is--error .vxe-number-input:focus,
+.vxe-form--item.is--error .vxe-password-input:focus,
+.vxe-form--item.is--error .vxe-date-picker:focus,
+.vxe-form--item.is--error .vxe-textarea > .vxe-textarea--inner:focus,
+.vxe-form--item.is--error .vxe-default-input[type=text]:focus,
+.vxe-form--item.is--error .vxe-default-input[type=search]:focus,
+.vxe-form--item.is--error .vxe-default-textarea:focus,
+.vxe-form--item.is--error .vxe-default-select: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-textarea,
+.vxe-form--item .vxe-default-select {
+  outline: 0;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-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 0.8em;
+}
+.vxe-form--item .vxe-default-textarea {
+  height: calc(var(--vxe-ui-button-height-default) * 2);
+  padding: 0.3em 0.6em;
+}
+.vxe-form--item .vxe-default-input[type=number] {
+  padding-right: 0.2em;
+}
+.vxe-form--item .vxe-default-input[type=text],
+.vxe-form--item .vxe-default-input[type=search] {
+  padding: 0 1em;
+}
+.vxe-form--item .vxe-default-input[type=text],
+.vxe-form--item .vxe-default-input[type=search],
+.vxe-form--item .vxe-default-textarea,
+.vxe-form--item .vxe-default-select {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-form--item .vxe-default-input[type=text]:focus,
+.vxe-form--item .vxe-default-input[type=search]:focus,
+.vxe-form--item .vxe-default-textarea:focus,
+.vxe-form--item .vxe-default-select:focus {
+  border: 1px solid var(--vxe-ui-font-primary-color);
+}
+.vxe-form--item .vxe-default-input[type=text][disabled],
+.vxe-form--item .vxe-default-input[type=search][disabled],
+.vxe-form--item .vxe-default-textarea[disabled],
+.vxe-form--item .vxe-default-select[disabled] {
+  cursor: not-allowed;
+  background-color: var(--vxe-ui-input-disabled-background-color);
+}
+.vxe-form--item .vxe-default-input[type=submit],
+.vxe-form--item .vxe-default-input[type=reset] {
+  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-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:-ms-input-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=text],
+.vxe-form--item .vxe-default-input[type=search],
+.vxe-form--item .vxe-default-textarea,
+.vxe-form--item .vxe-default-select {
+  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:-ms-input-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=submit],
+.vxe-form.size--medium .vxe-default-input[type=reset] {
+  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--medium .vxe-default-textarea {
+  height: calc(var(--vxe-ui-button-height-medium) * 2);
+}
+.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=submit],
+.vxe-form.size--small .vxe-default-input[type=reset] {
+  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--small .vxe-default-textarea {
+  height: calc(var(--vxe-ui-button-height-small) * 2);
+}
+.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=submit],
+.vxe-form.size--mini .vxe-default-input[type=reset] {
+  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);
+}
+.vxe-form.size--mini .vxe-default-textarea {
+  height: calc(var(--vxe-ui-button-height-mini) * 2);
+}

package/es/form/style.min.css

@@ -0,0 +1 @@
+.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-default);color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family);background-color:var(--vxe-ui-layout-background-color);text-align:left}.vxe-form .vxe-row{flex-shrink:0}.vxe-form--item-content,.vxe-form--item-row{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-form--item-content>.vxe-form--item-col_1,.vxe-form--item-row>.vxe-form--item-col_1{width:4.16667%}.vxe-form--item-content>.vxe-form--item-col_2,.vxe-form--item-row>.vxe-form--item-col_2{width:8.33333%}.vxe-form--item-content>.vxe-form--item-col_3,.vxe-form--item-row>.vxe-form--item-col_3{width:12.5%}.vxe-form--item-content>.vxe-form--item-col_4,.vxe-form--item-row>.vxe-form--item-col_4{width:16.66667%}.vxe-form--item-content>.vxe-form--item-col_5,.vxe-form--item-row>.vxe-form--item-col_5{width:20.83333%}.vxe-form--item-content>.vxe-form--item-col_6,.vxe-form--item-row>.vxe-form--item-col_6{width:25%}.vxe-form--item-content>.vxe-form--item-col_7,.vxe-form--item-row>.vxe-form--item-col_7{width:29.16667%}.vxe-form--item-content>.vxe-form--item-col_8,.vxe-form--item-row>.vxe-form--item-col_8{width:33.33333%}.vxe-form--item-content>.vxe-form--item-col_9,.vxe-form--item-row>.vxe-form--item-col_9{width:37.5%}.vxe-form--item-content>.vxe-form--item-col_10,.vxe-form--item-row>.vxe-form--item-col_10{width:41.66667%}.vxe-form--item-content>.vxe-form--item-col_11,.vxe-form--item-row>.vxe-form--item-col_11{width:45.83333%}.vxe-form--item-content>.vxe-form--item-col_12,.vxe-form--item-row>.vxe-form--item-col_12{width:50%}.vxe-form--item-content>.vxe-form--item-col_13,.vxe-form--item-row>.vxe-form--item-col_13{width:54.16667%}.vxe-form--item-content>.vxe-form--item-col_14,.vxe-form--item-row>.vxe-form--item-col_14{width:58.33333%}.vxe-form--item-content>.vxe-form--item-col_15,.vxe-form--item-row>.vxe-form--item-col_15{width:62.5%}.vxe-form--item-content>.vxe-form--item-col_16,.vxe-form--item-row>.vxe-form--item-col_16{width:66.66667%}.vxe-form--item-content>.vxe-form--item-col_17,.vxe-form--item-row>.vxe-form--item-col_17{width:70.83333%}.vxe-form--item-content>.vxe-form--item-col_18,.vxe-form--item-row>.vxe-form--item-col_18{width:75%}.vxe-form--item-content>.vxe-form--item-col_19,.vxe-form--item-row>.vxe-form--item-col_19{width:79.16667%}.vxe-form--item-content>.vxe-form--item-col_20,.vxe-form--item-row>.vxe-form--item-col_20{width:83.33333%}.vxe-form--item-content>.vxe-form--item-col_21,.vxe-form--item-row>.vxe-form--item-col_21{width:87.5%}.vxe-form--item-content>.vxe-form--item-col_22,.vxe-form--item-row>.vxe-form--item-col_22{width:91.66667%}.vxe-form--item-content>.vxe-form--item-col_23,.vxe-form--item-row>.vxe-form--item-col_23{width:95.83333%}.vxe-form--item-content>.vxe-form--item-col_24,.vxe-form--item-row>.vxe-form--item-col_24{width:100%}.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-title .vxe-form--item-title-extra{display:flex;flex-direction:row;align-items:center;justify-content:right;flex-grow:1}.vxe-form--item-trigger-node{font-size:12px;min-width:100px;color:#909399;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-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}.vxe-form .vxe-form--item.is--active:not(.is--hidden){display:inline-flex}.vxe-form--item.is--padding{padding:.6em}.vxe-form--item.is--padding.is--vertical{padding:.4em .6em}.vxe-form--item.is--bold>.vxe-form--item-inner>.vxe-form--item-title{font-weight:700}.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.5em;line-height:2.3em;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-date-picker,.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-ico-picker,.vxe-form--item.is--span .vxe-input,.vxe-form--item.is--span .vxe-number-input,.vxe-form--item.is--span .vxe-password-input,.vxe-form--item.is--span .vxe-select,.vxe-form--item.is--span .vxe-textarea,.vxe-form--item.is--span .vxe-tree-select{width:100%}.vxe-form--item.is--error .vxe-date-picker,.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-ico-picker,.vxe-form--item.is--error .vxe-input,.vxe-form--item.is--error .vxe-number-input,.vxe-form--item.is--error .vxe-password-input,.vxe-form--item.is--error .vxe-select,.vxe-form--item.is--error .vxe-textarea>.vxe-textarea--inner,.vxe-form--item.is--error .vxe-tree-select,.vxe-form--item.is--error .vxe-upload .vxe-upload--file-action-btn>.vxe-button,.vxe-form--item.is--error .vxe-upload .vxe-upload--image-action-box{border-color:var(--vxe-ui-form-validate-error-color)}.vxe-form--item.is--error .vxe-date-picker:focus,.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:focus,.vxe-form--item.is--error .vxe-number-input:focus,.vxe-form--item.is--error .vxe-password-input: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-base-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{height:calc(var(--vxe-ui-button-height-default) * 2);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:-ms-input-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:-ms-input-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--medium .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-medium) * 2)}.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--small .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-small) * 2)}.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)}.vxe-form.size--mini .vxe-default-textarea{height:calc(var(--vxe-ui-button-height-mini) * 2)}

package/es/form-gather/index.js

@@ -0,0 +1,12 @@
+import { VxeUI } from '@vxe-ui/core';
+import VxeFormGatherComponent from '../form/src/form-gather';
+import { dynamicApp } from '../dynamics';
+export const VxeFormGather = Object.assign(VxeFormGatherComponent, {
+    install(app) {
+        app.component(VxeFormGatherComponent.name, VxeFormGatherComponent);
+    }
+});
+dynamicApp.use(VxeFormGather);
+VxeUI.component(VxeFormGatherComponent);
+export const FormGather = VxeFormGather;
+export default VxeFormGather;