@wfrog/vc-ui 1.9.18 → 1.9.20

package/dist/es/chunk/{ClZGuAIb.mjs → DZ5W9TaA.mjs}

@@ -6,5 +6,8 @@ function withInstall(main, extra) {
   };
   return main;
 }
+function formatToPx(value) {
+  return typeof value === "number" ? `${value}px` : value;
+}
 
-export { withInstall as w };
+export { formatToPx as f, withInstall as w };

package/dist/es/components/awesome-icon/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './awesome-icon.mjs';
 
 const VcAwesomeIcon = withInstall(_sfc_main);

package/dist/es/components/backbottom/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './backbottom.mjs';
 
 const VcBackbottom = withInstall(_sfc_main);

package/dist/es/components/button/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './button.mjs';
 
 const VcButton = withInstall(Component);

package/dist/es/components/cdn-tag.vue.d.ts

@@ -0,0 +1,5 @@
+interface IPropType {
+    name: string;
+}
+declare const _default: import('vue').DefineComponent<IPropType, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IPropType> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/es/components/chat-container/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './chat-container.mjs';
 
 const VcChatContainer = withInstall(Component);

package/dist/es/components/choice/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './choice.mjs';
 
 const VcChoice = withInstall(Component);

package/dist/es/components/choice-boolean/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './choice-boolean.mjs';
 
 const VcChoiceBoolean = withInstall(_sfc_main);

package/dist/es/components/color-switcher/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './color-switcher.mjs';
 
 const VcColorSwitcher = withInstall(Component);

package/dist/es/components/config-provider/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './config-provider.mjs';
 
 const VcConfigProvider = withInstall(_sfc_main);

package/dist/es/components/cropper/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './cropper.mjs';
 
 const VcCropper = withInstall(Component);

package/dist/es/components/currency/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './currency.mjs';
 
 const VcCurrency = withInstall(Component);

package/dist/es/components/dark-switcher/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './dark-switcher.mjs';
 
 const VcDarkSwitcher = withInstall(Component);

package/dist/es/components/daterange-picker/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './daterange-picker.mjs';
 
 const VcDaterangePicker = withInstall(_sfc_main);

package/dist/es/components/dialog/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './dialog.mjs';
 
 const VcDialog = withInstall(Component);

package/dist/es/components/dialog-camera-upload/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './dialog-camera-upload.mjs';
 
 const VcDialogCameraUpload = withInstall(Component);

package/dist/es/components/dialog-map-point/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './dialog-map-point.mjs';
 
 const VcDialogMapPoint = withInstall(Component);

package/dist/es/components/dialog-upload-images/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './dialog-upload-images.mjs';
 
 const VcDialogUploadImages = withInstall(Component);

package/dist/es/components/drag-verify/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './drag-verify.mjs';
 
 const VcDragVerify = withInstall(Component);

package/dist/es/components/drawer/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './drawer.mjs';
 
 const VcDrawer = withInstall(Component);

package/dist/es/components/easy-pagination/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './easy-pagination.mjs';
 
 const VcEasyPagination = withInstall(Component);

package/dist/es/components/el-icon/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './el-icon.mjs';
 
 const VcElIcon = withInstall(Component);

package/dist/es/components/explorer/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer.mjs';
 
 const VcExplorer = withInstall(Component);

package/dist/es/components/explorer-column-table/explorer-column-table.mjs

@@ -136,6 +136,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       rerender,
       setWidthConfig: (params) => {
         widthConfig.value = params;
+      },
+      getWidthConfig: () => {
+        return widthConfig.value;
       }
     });
     onBeforeUnmount(() => widthConfigWatch.stop());

package/dist/es/components/explorer-column-table/explorer-column-table.vue.d.ts

@@ -2972,6 +2972,12 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
     }> | null>>;
     rerender: typeof rerender;
     setWidthConfig: (params: typeof widthConfig.value) => void;
+    getWidthConfig: () => {
+        width: number;
+        data: number;
+        fixed: number;
+        truncate: number;
+    };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:data": (data: IColumnConfig[]) => any;
 }, string, import('vue').PublicProps, Readonly<IExplorerColumnTableProps> & Readonly<{

package/dist/es/components/explorer-column-table/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-column-table.mjs';
 
 const VcExplorerColumnTable = withInstall(Component);

package/dist/es/components/explorer-container/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-container.mjs';
 
 const VcExplorerContainer = withInstall(Component);

package/dist/es/components/explorer-filter/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-filter.mjs';
 
 const VcExplorerFilter = withInstall(Component);

package/dist/es/components/explorer-footer/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-footer.mjs';
 
 const VcExplorerFooter = withInstall(Component);

package/dist/es/components/explorer-form/explorer-form.mjs

@@ -32,8 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isEditing.value = true;
     }
     async function handleCancel() {
-      formRef.value.resetFields();
       emits("cancel");
+      formRef.value.resetFields();
       isEditing.value = false;
     }
     async function handleSave() {

package/dist/es/components/explorer-form/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-form.mjs';
 
 const VcExplorerContainer = withInstall(Component);

package/dist/es/components/explorer-list/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-list.mjs';
 
 const VcExplorerList = withInstall(Component);

package/dist/es/components/explorer-modal-form/explorer-modal-form.mjs

@@ -36,8 +36,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const component = computed(() => props.type === "dialog" ? Component$1 : Component$2);
     const modalTitle = computed(() => props.title || (props.form.fields.id ? "编辑" : "新增"));
     function handleCancel() {
-      modalVisible.value = false;
       emits("cancel");
+      modalVisible.value = false;
     }
     async function handleSave() {
       try {
@@ -52,8 +52,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     function handleEdit() {
-      isEditing.value = true;
       emits("edit");
+      isEditing.value = true;
     }
     const visibleWatch = watch(modalVisible, (val) => {
       if (!val) {

package/dist/es/components/explorer-modal-form/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-modal-form.mjs';
 
 const VcExplorerDialogForm = withInstall(Component);

package/dist/es/components/explorer-panel/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-panel.mjs';
 
 const VcExplorerPanel = withInstall(Component);

package/dist/es/components/explorer-query/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-query.mjs';
 
 const VcExplorerQuery = withInstall(Component);

package/dist/es/components/explorer-table/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-table.mjs';
 
 const VcExplorerTable = withInstall(Component);

package/dist/es/components/explorer-tools/components/column-setter.vue.d.ts

@@ -2984,6 +2984,12 @@ declare function __VLS_template(): {
                     fixed: number;
                     truncate: number;
                 }) => void;
+                getWidthConfig: () => {
+                    width: number;
+                    data: number;
+                    fixed: number;
+                    truncate: number;
+                };
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
             }, string, {
@@ -3022,7 +3028,7 @@ declare function __VLS_template(): {
             emptyColumn: boolean;
         }> & Omit<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
             "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
-        }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig"> & import('vue').ShallowUnwrapRef<{
+        }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig" | "getWidthConfig"> & import('vue').ShallowUnwrapRef<{
             init: () => void;
             tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
                 data: {
@@ -4501,6 +4507,12 @@ declare function __VLS_template(): {
                 fixed: number;
                 truncate: number;
             }) => void;
+            getWidthConfig: () => {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            };
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
@@ -7501,6 +7513,12 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
                 fixed: number;
                 truncate: number;
             }) => void;
+            getWidthConfig: () => {
+                width: number;
+                data: number;
+                fixed: number;
+                truncate: number;
+            };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
         }, string, {
@@ -7539,7 +7557,7 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
         emptyColumn: boolean;
     }> & Omit<Readonly<import('../../explorer-column-table/explorer-column-table').IExplorerColumnTableProps> & Readonly<{
         "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
-    }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig"> & import('vue').ShallowUnwrapRef<{
+    }>, "init" | ("mode" | "size" | "height" | "editable" | "highlightCurrent" | "emptyColumn") | "tableRef" | "rerender" | "setWidthConfig" | "getWidthConfig"> & import('vue').ShallowUnwrapRef<{
         init: () => void;
         tableRef: Readonly<globalThis.ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<globalThis.ExtractPropTypes<{
             data: {
@@ -9018,6 +9036,12 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
             fixed: number;
             truncate: number;
         }) => void;
+        getWidthConfig: () => {
+            width: number;
+            data: number;
+            fixed: number;
+            truncate: number;
+        };
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             default?(_: {}): any;

package/dist/es/components/explorer-tools/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-tools.mjs';
 
 const VcExplorerTools = withInstall(Component);

package/dist/es/components/explorer-tree/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './explorer-tree.mjs';
 
 const VcExplorerTree = withInstall(Component);

package/dist/es/components/flag/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './flag.mjs';
 
 const VcFlag = withInstall(_sfc_main);

package/dist/es/components/icon/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _sfc_main } from './icon.mjs';
 
 const VcIcon = withInstall(_sfc_main);

package/dist/es/components/icon-picker/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './icon-picker.mjs';
 
 const VcIconPicker = withInstall(Component);

package/dist/es/components/iconify-icon/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './iconify-icon.mjs';
 
 const VcIconifyIcon = withInstall(Component);

package/dist/es/components/image/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './image.mjs';
 
 const VcImage = withInstall(Component);

package/dist/es/components/input/index.css

@@ -1,8 +1,4 @@
 /* source: src/components/input/input.vue */
-div._input_1vcoq_1 {
-  width: var(--v7a89bfe6);
-  display: inline-flex;
-}
-div._input_1vcoq_1._block_1vcoq_5 {
-  display: flex;
+div._input-width_wnpjs_1 {
+  width: var(--v02e4134e);
 }

package/dist/es/components/input/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './input.mjs';
 
 const VcInput = withInstall(Component);

package/dist/es/components/input/input.d.ts

@@ -1,6 +1,5 @@
 export interface IInputProps {
-    block?: boolean;
-    width?: string;
+    width?: string | number;
     disabled?: boolean;
     clearable?: boolean;
 }

package/dist/es/components/input/input.mjs

@@ -3,12 +3,12 @@ import '../../chunk/Gk1J52Yw.mjs';
 import { E as ElInput } from '../../chunk/DFOYvCRL.mjs';
 import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, createBlock, openBlock, normalizeClass, createSlots, withCtx, renderSlot } from 'vue';
 import { useFormDisabled, useFormItem } from 'element-plus';
+import { f as formatToPx } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "input",
   props: {
-    block: { type: Boolean, default: false },
     width: {},
     disabled: { type: Boolean, default: void 0 },
     clearable: { type: Boolean, default: true }
@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["blur", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v7a89bfe6": unref(myWidth)
+      "v02e4134e": unref(myWidth)
     }));
     const props = __props;
     const emits = __emit;
@@ -25,12 +25,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const formDisabled = useFormDisabled();
     const { formItem } = useFormItem();
     const className = computed(() => ({
-      [$style.input]: true,
-      [$style.block]: props.block
+      [$style["input-width"]]: !!props.width
     }));
-    const myWidth = computed(() => {
-      return props.width || (props.block ? "100%" : "240px");
-    });
+    const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
     function handleBlur(evt) {
       formItem?.validate?.("blur").catch(() => {
       });
@@ -86,11 +83,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const input = "_input_1vcoq_1";
-const block = "_block_1vcoq_5";
-const style0 = {
-	input: input,
-	block: block
+/* unplugin-vue-components disabled */const style0 = {
+	"input-width": "_input-width_wnpjs_1"
 };
 
 const cssModules = {

package/dist/es/components/input/input.vue.d.ts

@@ -832,7 +832,6 @@ declare const __VLS_component: import('vue').DefineComponent<IInputProps, {
 }>, {
     disabled: boolean;
     clearable: boolean;
-    block: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: ({
         $: import('vue').ComponentInternalInstance;

package/dist/es/components/input-number/index.css

@@ -1,24 +1,25 @@
 /* source: src/components/input-number/input-number.vue */
-div._input-number_1piks_1 {
-  display: inline-flex;
+div._input-number_1e1b7_1 {
+  display: flex;
   width: auto;
   padding: 0;
 }
-div._input-number_1piks_1.el-input-group--prepend :not(.el-select) .el-input__wrapper {
+div._input-number_1e1b7_1.el-input-group--prepend :not(.el-select) .el-input__wrapper {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-div._input-number_1piks_1.el-input-group--prepend div.el-select .el-input__wrapper {
+div._input-number_1e1b7_1.el-input-group--prepend div.el-select .el-input__wrapper {
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base)) 0 0 var(--el-input-border-radius, var(--el-border-radius-base));
   box-shadow: 0 0 0 0;
 }
-div._input-number_1piks_1.input-with-select .el-input-group__prepend {
+div._input-number_1e1b7_1.input-with-select .el-input-group__prepend {
   background-color: var(--el-fill-color-blank);
 }
-div._el-input-number_1piks_18 {
-  width: auto;
-  line-height: 10px;
+div._input-number-width_1e1b7_18 {
+  width: var(--v2d4d2c22);
 }
-div._el-input-number_1piks_18 .el-input__inner {
-  width: var(--e4533d92);
+div._el-input-number_1e1b7_22 {
+  display: flex;
+  width: 100%;
+  line-height: 10px;
 }

package/dist/es/components/input-number/index.mjs

@@ -1,4 +1,4 @@
-import { w as withInstall } from '../../chunk/ClZGuAIb.mjs';
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
 import { C as Component } from './input-number.mjs';
 
 const VcInputNumber = withInstall(Component);

package/dist/es/components/input-number/input-number.d.ts

@@ -4,6 +4,6 @@ export interface IInputNumberProps {
     controlsPosition?: 'right' | '';
     size?: 'large' | 'default' | 'small';
     inputNumberClass?: string;
-    inputWidth?: string;
     disabled?: boolean;
+    width?: string | number;
 }

package/dist/es/components/input-number/input-number.mjs

@@ -2,8 +2,9 @@ import './index.css'
 import '../../chunk/Gk1J52Yw.mjs';
 import '../../chunk/DFOYvCRL.mjs';
 import { E as ElInputNumber } from '../../chunk/C-7W07Z_.mjs';
-import { defineComponent, useCssVars, useSlots, useCssModule, ref, useTemplateRef, computed, watch, onUnmounted, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, renderSlot, mergeProps, isRef, createSlots, withCtx, nextTick } from 'vue';
+import { defineComponent, useCssVars, unref, computed, useSlots, useCssModule, ref, useTemplateRef, watch, onUnmounted, createElementBlock, openBlock, normalizeClass, createCommentVNode, createBlock, renderSlot, mergeProps, isRef, createSlots, withCtx, nextTick } from 'vue';
 import { useFormDisabled, useFormItem } from 'element-plus';
+import { f as formatToPx } from '../../chunk/DZ5W9TaA.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _hoisted_1 = {
@@ -18,13 +19,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     controlsPosition: {},
     size: {},
     inputNumberClass: {},
-    inputWidth: { default: "80px" },
-    disabled: { type: Boolean, default: void 0 }
+    disabled: { type: Boolean, default: void 0 },
+    width: {}
   },
   emits: ["update:modelValue", "change", "blur"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "e4533d92": _ctx.inputWidth
+      "v2d4d2c22": unref(myWidth)
     }));
     const props = __props;
     const emits = __emit;
@@ -37,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const mainClass = computed(() => {
       const className = {
         [$style["input-number"]]: true,
+        [$style["input-number-width"]]: !!props.width,
         "el-input": true,
         "el-input-group--prepend": $slots.prepend,
         "input-with-select": inputNumberRef.value?.querySelector(".el-input-group__prepend>.el-select")
@@ -46,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return className;
     });
+    const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
     const myControlsPosition = computed(() => $slots.prepend && props.controlsPosition === void 0 ? "right" : props.controlsPosition);
     const myValue = computed({
       get: () => props.modelValue,
@@ -129,8 +132,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 
 /* unplugin-vue-components disabled */const style0 = {
-	"input-number": "_input-number_1piks_1",
-	"el-input-number": "_el-input-number_1piks_18"
+	"input-number": "_input-number_1e1b7_1",
+	"input-number-width": "_input-number-width_1e1b7_18",
+	"el-input-number": "_el-input-number_1e1b7_22"
 };
 
 const cssModules = {