vxe-pc-ui 4.17.14 → 4.17.16

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.14"}`;
+const uiVersion = `ui v${"4.17.16"}`;
 function createComponentLog(name) {
     const tableVersion = VxeUI.tableVersion ? `table v${VxeUI.tableVersion}` : '';
     const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -95,7 +95,7 @@ function createComponentLog(name) {
 const warnLog$i = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.14";
+const version = "4.17.16";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -622,6 +622,8 @@ setIcon({
     CHECKBOX_CHECKED: iconPrefix + 'checkbox-checked-fill',
     CHECKBOX_UNCHECKED: iconPrefix + 'checkbox-unchecked',
     CHECKBOX_DISABLED_UNCHECKED: iconPrefix + 'checkbox-unchecked-fill',
+    // textarea
+    TEXTAREA_CLEAR: iconPrefix + 'error-circle-fill',
     // input
     INPUT_CLEAR: iconPrefix + 'error-circle-fill',
     INPUT_SEARCH: iconPrefix + 'search',
@@ -4079,11 +4081,8 @@ var VxeBacktopComponent = defineVxeComponent({
                     return;
                 }
                 if (XEUtils.isString(target)) {
-                    const tEl = document.querySelector(target);
-                    if (!tEl) {
-                        errLog$j('vxe.error.errProp', [`target=${target}`, 'body']);
-                    }
                     const { targetEl } = internalData;
+                    const tEl = document.querySelector(target) || document.body;
                     if (targetEl !== tEl) {
                         removeScrollEvent();
                         internalData.targetEl = tEl;
@@ -9863,6 +9862,9 @@ var VxeInputComponent = defineVxeComponent({
             if (!inpImmediate) {
                 handleChange(value, evnt);
             }
+            else {
+                updateDomValue();
+            }
             afterCheckValue();
             if (!reactData.visiblePanel) {
                 reactData.isActivated = false;
@@ -11630,6 +11632,7 @@ var VxeInputComponent = defineVxeComponent({
                         'is--prefix': !!prefix,
                         'is--suffix': !!suffix,
                         'is--visible': visiblePanel,
+                        'is--clear': isClearable,
                         'is--count': isWordCount,
                         'is--disabled': isDisabled,
                         'is--active': isActivated,
@@ -25770,10 +25773,18 @@ var VxeFormComponent = defineVxeComponent({
             }
             return nextTick();
         };
-        const getResetValue = (item, data, itemValue) => {
+        const getResetValue = (item, data, itemValue, currentField) => {
             const { field, resetValue } = item;
             if (XEUtils.isFunction(resetValue)) {
-                return resetValue({ field, item, data, $form: $xeForm, $grid: $xeGrid });
+                return resetValue({
+                    field,
+                    item,
+                    data,
+                    currentField: currentField || field || '',
+                    currentValue: itemValue,
+                    $form: $xeForm,
+                    $grid: $xeGrid
+                });
             }
             else if (XEUtils.eqNull(resetValue)) {
                 // 默认
@@ -25818,9 +25829,16 @@ var VxeFormComponent = defineVxeComponent({
                             XEUtils.set(data, field, getResetValue(item, data, itemValue));
                         }
                         if (startField && endField) {
-                            XEUtils.set(data, startField, getResetValue(item, data, XEUtils.get(data, startField)));
-                            XEUtils.set(data, endField, getResetValue(item, data, XEUtils.get(data, endField)));
+                            XEUtils.set(data, startField, getResetValue(item, data, XEUtils.get(data, startField), startField));
+                            XEUtils.set(data, endField, getResetValue(item, data, XEUtils.get(data, endField), endField));
                         }
+                        if (field === 'startxxxx') {
+                            return '';
+                        }
+                        else if (field === 'endxxx') {
+                            return '';
+                        }
+                        return '';
                     }
                 });
             }
@@ -40453,6 +40471,10 @@ var VxeTextareaComponent = defineVxeComponent({
             type: Boolean,
             default: null
         },
+        clearable: {
+            type: Boolean,
+            default: () => getConfig$3().textarea.clearable
+        },
         placeholder: String,
         maxLength: [String, Number],
         trim: {
@@ -40469,6 +40491,10 @@ var VxeTextareaComponent = defineVxeComponent({
         },
         showWordCount: Boolean,
         countMethod: Function,
+        autoFocus: {
+            type: Boolean,
+            default: null
+        },
         /**
          * 已废弃，被 auto-size 替换
          * @deprecated
@@ -40502,6 +40528,7 @@ var VxeTextareaComponent = defineVxeComponent({
         'change',
         'focus',
         'blur',
+        'clear',
         'lazy-change'
     ],
     setup(props, context) {
@@ -40664,13 +40691,21 @@ var VxeTextareaComponent = defineVxeComponent({
             reactData.inputValue = value;
             emit('update:modelValue', value);
             if (XEUtils.toValueString(props.modelValue) !== value) {
-                textareaMethods.dispatchEvent('change', { value }, evnt);
+                dispatchEvent('change', { value }, evnt);
                 // 自动更新校验状态
                 if ($xeForm && formItemInfo) {
                     $xeForm.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
                 }
             }
         };
+        const clearValueEvent = (evnt, value) => {
+            const { autoFocus } = props;
+            if (autoFocus || autoFocus === null) {
+                focus();
+            }
+            handleChange('', evnt);
+            dispatchEvent('clear', { value }, evnt);
+        };
         const inputEvent = (evnt) => {
             const { immediate } = props;
             const textElem = evnt.target;
@@ -40704,6 +40739,9 @@ var VxeTextareaComponent = defineVxeComponent({
             if (!immediate) {
                 handleChange(inputValue, evnt);
             }
+            else {
+                updateDomValue();
+            }
             dispatchEvent('blur', { value: inputValue }, evnt);
         };
         const textareaMethods = {
@@ -40721,7 +40759,7 @@ var VxeTextareaComponent = defineVxeComponent({
         };
         Object.assign($xeTextarea, textareaMethods);
         const renderVN = () => {
-            const { className, inputClassName, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props;
+            const { className, inputClassName, resize, autosize, autoSize, showWordCount, countMethod, rows, cols, clearable } = props;
             const { inputValue } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -40749,8 +40787,10 @@ var VxeTextareaComponent = defineVxeComponent({
                         'is--autosize': autosize || autoSize,
                         'is--count': showWordCount,
                         'is--disabled': isDisabled,
+                        'is-clear': clearable,
                         'is--rows': !XEUtils.eqNull(rows),
-                        'is--cols': !XEUtils.eqNull(cols)
+                        'is--cols': !XEUtils.eqNull(cols),
+                        'show--clear': clearable && !isDisabled && !(inputValue === '' || XEUtils.eqNull(inputValue))
                     }],
                 spellcheck: false
             }, [
@@ -40777,13 +40817,29 @@ var VxeTextareaComponent = defineVxeComponent({
                     onFocus: triggerEvent,
                     onBlur: blurEvent
                 }),
-                showWordCount
-                    ? h('span', {
-                        class: ['vxe-textarea--count', {
-                                'is--error': isCountError
-                            }]
-                    }, countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ''}`)
-                    : null
+                clearable || showWordCount
+                    ? h('div', {
+                        class: 'vxe-textarea--suffix'
+                    }, [
+                        clearable
+                            ? h('div', {
+                                class: 'vxe-textarea--clear-icon',
+                                onClick: clearValueEvent
+                            }, [
+                                h('i', {
+                                    class: getIcon$2().TEXTAREA_CLEAR
+                                })
+                            ])
+                            : renderEmptyElement($xeTextarea),
+                        showWordCount
+                            ? h('span', {
+                                class: ['vxe-textarea--count', {
+                                        'is--error': isCountError
+                                    }]
+                            }, countMethod ? `${countMethod({ value: inputValue })}` : `${inputCount}${inpMaxLength ? `/${inpMaxLength}` : ''}`)
+                            : renderEmptyElement($xeTextarea)
+                    ])
+                    : renderEmptyElement($xeTextarea)
             ]);
         };
         watch(() => props.modelValue, (val) => {