vxe-pc-ui 4.17.21 → 4.17.23

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.21"}`;
+const uiVersion = `ui v${"4.17.23"}`;
 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.21";
+const version = "4.17.23";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -9078,6 +9078,10 @@ var VxeInputComponent = defineVxeComponent({
             type: String,
             default: null
         },
+        floatContent: {
+            type: String,
+            default: () => getConfig$3().input.floatContent
+        },
         maxLength: {
             type: [String, Number],
             default: () => getConfig$3().input.maxLength
@@ -11607,7 +11611,7 @@ var VxeInputComponent = defineVxeComponent({
             return createCommentVNode();
         };
         const renderVN = () => {
-            const { className, inputClassName, controls, type, title, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
+            const { className, inputClassName, controls, type, title, floatContent, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
             const { inputValue, visiblePanel, isActivated } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -11628,6 +11632,7 @@ var VxeInputComponent = defineVxeComponent({
             const isWordCount = showWordCount && ['text', 'search'].includes(type);
             const prefix = renderPrefixIcon();
             const suffix = renderSuffixIcon();
+            const floatSlot = slots.float;
             return h('div', {
                 ref: refElem,
                 class: ['vxe-input', `type--${type}`, className, {
@@ -11670,6 +11675,11 @@ var VxeInputComponent = defineVxeComponent({
                     })
                 ]),
                 suffix || createCommentVNode(),
+                floatContent || floatSlot
+                    ? h('span', {
+                        class: 'vxe-input--float-wrapper'
+                    }, floatSlot ? floatSlot({}) : getText(floatContent))
+                    : renderEmptyElement($xeInput),
                 // 下拉面板
                 renderPanel(),
                 // 字数统计
@@ -15183,6 +15193,10 @@ var VxeNumberInputComponent = defineVxeComponent({
             default: null
         },
         placeholder: String,
+        floatContent: {
+            type: String,
+            default: () => getConfig$3().numberInput.floatContent
+        },
         maxLength: {
             type: [String, Number],
             default: () => getConfig$3().numberInput.maxLength
@@ -16119,6 +16133,16 @@ var VxeNumberInputComponent = defineVxeComponent({
                 renderMinusBtn()
             ]);
         };
+        const renderFloat = () => {
+            const { floatContent } = props;
+            const floatSlot = slots.float;
+            if (floatContent || floatSlot) {
+                return h('span', {
+                    class: 'vxe-number-input--float-wrapper'
+                }, floatSlot ? floatSlot({}) : getText(floatContent));
+            }
+            return renderEmptyElement($xeNumberInput);
+        };
         const renderVN = () => {
             const { className, controls, type, align, prefixIcon, suffixIcon } = props;
             const { inputValue, isActivated } = reactData;
@@ -16141,7 +16165,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             const isControls = isEnableConf(controlOpts) && (controls === false ? controls : showButton);
             return h('div', {
                 ref: refElem,
-                class: ['vxe-number-input', `type--${type}`, `ctl--${layout === 'right' || layout === 'left' ? layout : 'default'}`, className, {
+                class: ['vxe-number-input', `type--${type}`, isControls ? (`ctl--${layout === 'right' || layout === 'left' ? layout : 'default'}`) : '', className, {
                         [`size--${vSize}`]: vSize,
                         [`is--${align}`]: align,
                         'is--controls': isControls && !inputReadonly,
@@ -16156,20 +16180,24 @@ var VxeNumberInputComponent = defineVxeComponent({
                 ? (layout === 'right'
                     ? [
                         renderInput(),
-                        renderSideControl()
+                        renderSideControl(),
+                        renderFloat()
                     ]
                     : (layout === 'left'
                         ? [
                             renderSideControl(),
-                            renderInput()
+                            renderInput(),
+                            renderFloat()
                         ]
                         : [
                             renderMinusBtn(),
                             renderInput(),
-                            renderPlusBtn()
+                            renderPlusBtn(),
+                            renderFloat()
                         ]))
                 : [
-                    renderInput()
+                    renderInput(),
+                    renderFloat()
                 ]);
         };
         $xeNumberInput.renderVN = renderVN;
@@ -33886,6 +33914,10 @@ var VxePasswordInputComponent = defineVxeComponent({
         disabled: Boolean,
         maxLength: [String, Number],
         placeholder: String,
+        floatContent: {
+            type: String,
+            default: () => getConfig$3().passwordInput.floatContent
+        },
         autoComplete: {
             type: String,
             default: 'off'
@@ -34196,7 +34228,7 @@ var VxePasswordInputComponent = defineVxeComponent({
                 : null;
         };
         const renderVN = () => {
-            const { className, inputClassName, name, readonly, autocomplete, autoComplete, maxLength } = props;
+            const { className, inputClassName, name, readonly, floatContent, autocomplete, autoComplete, maxLength } = props;
             const { inputValue, isActivated } = reactData;
             const isDisabled = computeIsDisabled.value;
             const formReadonly = computeFormReadonly.value;
@@ -34213,6 +34245,7 @@ var VxePasswordInputComponent = defineVxeComponent({
             const inputReadonly = computeInputReadonly.value;
             const prefix = renderPrefixIcon();
             const suffix = renderSuffixIcon();
+            const floatSlot = slots.float;
             return h('div', {
                 ref: refElem,
                 class: ['vxe-password-input', className, {
@@ -34247,7 +34280,12 @@ var VxePasswordInputComponent = defineVxeComponent({
                         onBlur: blurEvent
                     })
                 ]),
-                suffix || renderEmptyElement($xePasswordInput)
+                suffix || renderEmptyElement($xePasswordInput),
+                floatContent || floatSlot
+                    ? h('span', {
+                        class: 'vxe-password-input--float-wrapper'
+                    }, floatSlot ? floatSlot({}) : getText(floatContent))
+                    : renderEmptyElement($xePasswordInput)
             ]);
         };
         watch(() => props.modelValue, (val) => {