vxe-pc-ui 4.17.0 → 4.17.1

package/dist/all.esm.js

@@ -81,7 +81,7 @@ function checkDynamic() {
 }
 
 const { log } = VxeUI;
-const uiVersion = `ui v${"4.17.0"}`;
+const uiVersion = `ui v${"4.17.1"}`;
 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$h = log.create('warn', uiVersion);
 log.create('error', uiVersion);
 
-const version = "4.17.0";
+const version = "4.17.1";
 VxeUI.uiVersion = version;
 VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -9089,6 +9089,10 @@ var VxeInputComponent = defineVxeComponent({
         align: String,
         form: String,
         className: String,
+        inputClassName: {
+            type: String,
+            default: () => getConfig$3().input.inputClassName
+        },
         size: {
             type: String,
             default: () => getConfig$3().input.size || getConfig$3().size
@@ -11584,7 +11588,7 @@ var VxeInputComponent = defineVxeComponent({
         };
         Object.assign($xeInput, inputMethods);
         const renderVN = () => {
-            const { className, controls, type, title, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
+            const { className, inputClassName, controls, type, title, align, showWordCount, countMethod, name, autoComplete, autocomplete } = props;
             const { inputValue, visiblePanel, isActivated } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -11628,7 +11632,7 @@ var VxeInputComponent = defineVxeComponent({
                 }, [
                     h('input', {
                         ref: refInputTarget,
-                        class: 'vxe-input--inner',
+                        class: 'vxe-input--inner' + (inputClassName ? (' ' + inputClassName) : ''),
                         value: inputValue,
                         name,
                         type: inputType,
@@ -15157,6 +15161,10 @@ var VxeNumberInputComponent = defineVxeComponent({
         align: String,
         form: String,
         className: String,
+        inputClassName: {
+            type: String,
+            default: () => getConfig$3().numberInput.inputClassName
+        },
         size: {
             type: String,
             default: () => getConfig$3().numberInput.size || getConfig$3().size
@@ -15972,7 +15980,7 @@ var VxeNumberInputComponent = defineVxeComponent({
             ]);
         };
         const renderInput = () => {
-            const { type, name, autocomplete, autoComplete } = props;
+            const { inputClassName, type, name, autocomplete, autoComplete } = props;
             const { inputValue, isFocus } = reactData;
             const isDisabled = computeIsDisabled.value;
             const numLabel = computeNumLabel.value;
@@ -15989,7 +15997,7 @@ var VxeNumberInputComponent = defineVxeComponent({
                 }, [
                     h('input', {
                         ref: refInputTarget,
-                        class: 'vxe-number-input--input',
+                        class: 'vxe-number-input--input' + (inputClassName ? (' ' + inputClassName) : ''),
                         value: !isFocus && type === 'amount' ? numLabel : inputValue,
                         name,
                         type: 'text',
@@ -20214,6 +20222,10 @@ var VxeDatePickerComponent = defineVxeComponent({
         },
         form: String,
         className: String,
+        inputClassName: {
+            type: String,
+            default: () => getConfig$3().datePicker.inputClassName
+        },
         zIndex: Number,
         size: {
             type: String,
@@ -21662,7 +21674,7 @@ var VxeDatePickerComponent = defineVxeComponent({
             ]);
         };
         const renderVN = () => {
-            const { className, type, name, autoComplete } = props;
+            const { className, inputClassName, type, name, autoComplete } = props;
             const { inputValue, visiblePanel, isActivated, labelFlag } = reactData;
             const { inputLabel } = internalData;
             const vSize = computeSize.value;
@@ -21699,7 +21711,7 @@ var VxeDatePickerComponent = defineVxeComponent({
                 }, [
                     h('input', {
                         ref: refInputTarget,
-                        class: 'vxe-date-picker--inner',
+                        class: 'vxe-date-picker--inner' + (inputClassName ? (' ' + inputClassName) : ''),
                         value: labelFlag ? inputLabel : '',
                         name,
                         type: 'text',
@@ -21833,6 +21845,10 @@ var VxeDateRangePickerComponent = defineVxeComponent({
         },
         form: String,
         className: String,
+        inputClassName: {
+            type: String,
+            default: () => getConfig$3().dateRangePicker.inputClassName
+        },
         zIndex: Number,
         size: {
             type: String,
@@ -23178,7 +23194,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
             ]);
         };
         const renderVN = () => {
-            const { className, type, name, autoComplete } = props;
+            const { className, inputClassName, type, name, autoComplete } = props;
             const { selectStValue, selectEdValue, visiblePanel, isActivated } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -23213,7 +23229,7 @@ var VxeDateRangePickerComponent = defineVxeComponent({
                 }, [
                     h('input', {
                         ref: refInputTarget,
-                        class: 'vxe-date-range-picker--inner',
+                        class: 'vxe-date-range-picker--inner' + (inputClassName ? (' ' + inputClassName) : ''),
                         value: inputLabel,
                         name,
                         type: 'text',
@@ -33801,6 +33817,10 @@ var VxePasswordInputComponent = defineVxeComponent({
             default: 'off'
         },
         className: String,
+        inputClassName: {
+            type: String,
+            default: () => getConfig$3().passwordInput.inputClassName
+        },
         size: {
             type: String,
             default: () => getConfig$3().passwordInput.size || getConfig$3().size
@@ -34061,7 +34081,7 @@ var VxePasswordInputComponent = defineVxeComponent({
             reactData.inputValue = val;
         });
         const renderVN = () => {
-            const { className, name, disabled, readonly, autocomplete, autoComplete, maxLength } = props;
+            const { className, inputClassName, name, disabled, readonly, autocomplete, autoComplete, maxLength } = props;
             const { inputValue, isActivated } = reactData;
             const vSize = computeSize.value;
             const inpReadonly = computeInpReadonly.value;
@@ -34089,7 +34109,7 @@ var VxePasswordInputComponent = defineVxeComponent({
                 }, [
                     h('input', {
                         ref: refInputTarget,
-                        class: 'vxe-password-input--inner',
+                        class: 'vxe-password-input--inner' + (inputClassName ? (' ' + inputClassName) : ''),
                         value: inputValue,
                         name,
                         type: inputType,
@@ -40279,6 +40299,10 @@ var VxeTextareaComponent = defineVxeComponent({
     props: {
         modelValue: [String, Number],
         className: String,
+        inputClassName: {
+            type: String,
+            default: () => getConfig$3().textarea.inputClassName
+        },
         immediate: {
             type: Boolean,
             default: true
@@ -40553,7 +40577,7 @@ var VxeTextareaComponent = defineVxeComponent({
         };
         Object.assign($xeTextarea, textareaMethods);
         const renderVN = () => {
-            const { className, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props;
+            const { className, inputClassName, resize, autosize, autoSize, showWordCount, countMethod, rows, cols } = props;
             const { inputValue } = reactData;
             const vSize = computeSize.value;
             const isDisabled = computeIsDisabled.value;
@@ -40588,7 +40612,7 @@ var VxeTextareaComponent = defineVxeComponent({
             }, [
                 h('textarea', {
                     ref: refTextarea,
-                    class: 'vxe-textarea--inner',
+                    class: 'vxe-textarea--inner' + (inputClassName ? (' ' + inputClassName) : ''),
                     value: inputValue,
                     name: props.name,
                     placeholder: inpPlaceholder,