persagy-vant 0.0.39 → 0.0.41

package/lib/stepper/Stepper.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-export declare type StepperTheme = 'default' | 'round';
+export declare type StepperTheme = 'default' | 'round' | 'round-outline';
 declare const stepperProps: {
     min: {
         type: (NumberConstructor | StringConstructor)[];

package/lib/stepper/index.css

@@ -1 +1 @@
-:root{--van-stepper-background-color: var(--van-active-color);--van-stepper-button-icon-color: var(--van-text-color);--van-stepper-button-disabled-color: var(--van-background-color);--van-stepper-button-disabled-icon-color: var(--van-gray-5);--van-stepper-button-round-theme-color: var(--van-primary-color);--van-stepper-input-width: 32px;--van-stepper-input-height: 28px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: normal;--van-stepper-input-text-color: var(--van-text-color);--van-stepper-input-disabled-text-color: var(--van-text-color-3);--van-stepper-input-disabled-background-color: var(--van-active-color);--van-stepper-border-radius: var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background-color);border:0}.van-stepper__minus:before,.van-stepper__plus:before{width:50%;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:50%}.van-stepper__minus:before,.van-stepper__plus:before,.van-stepper__minus:after,.van-stepper__plus:after{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:""}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:-moz-read-only{cursor:default}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__plus,.van-stepper--round .van-stepper__minus{border-radius:100%}.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-background-color-light);border:1px solid var(--van-stepper-button-round-theme-color)}
+:root{--van-stepper-background-color: var(--van-active-color);--van-stepper-button-icon-color: var(--van-text-color);--van-stepper-button-disabled-color: var(--van-background-color);--van-stepper-button-disabled-icon-color: var(--van-gray-5);--van-stepper-button-round-theme-color: var(--van-primary-color);--van-stepper-input-width: 32px;--van-stepper-input-height: 28px;--van-stepper-input-font-size: var(--van-font-size-md);--van-stepper-input-line-height: normal;--van-stepper-input-text-color: var(--van-text-color);--van-stepper-input-disabled-text-color: var(--van-text-color-3);--van-stepper-input-disabled-background-color: var(--van-active-color);--van-stepper-border-radius: var(--van-border-radius-md)}.van-stepper{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-stepper__minus,.van-stepper__plus{position:relative;box-sizing:border-box;width:var(--van-stepper-input-height);height:var(--van-stepper-input-height);margin:0;padding:0;color:var(--van-stepper-button-icon-color);vertical-align:middle;background:var(--van-stepper-background-color);border:0}.van-stepper__minus:before,.van-stepper__plus:before{width:50%;height:1px}.van-stepper__minus:after,.van-stepper__plus:after{width:1px;height:50%}.van-stepper__minus:before,.van-stepper__plus:before,.van-stepper__minus:after,.van-stepper__plus:after{position:absolute;top:50%;left:50%;background-color:currentColor;transform:translate(-50%,-50%);content:""}.van-stepper__minus--disabled,.van-stepper__plus--disabled{color:var(--van-stepper-button-disabled-icon-color);background-color:var(--van-stepper-button-disabled-color);cursor:not-allowed}.van-stepper__minus{border-radius:var(--van-stepper-border-radius) 0 0 var(--van-stepper-border-radius)}.van-stepper__minus:after{display:none}.van-stepper__plus{border-radius:0 var(--van-stepper-border-radius) var(--van-stepper-border-radius) 0}.van-stepper__input{box-sizing:border-box;width:var(--van-stepper-input-width);height:var(--van-stepper-input-height);margin:0 2px;padding:0;color:var(--van-stepper-input-text-color);font-size:var(--van-stepper-input-font-size);line-height:var(--van-stepper-input-line-height);text-align:center;vertical-align:middle;background:var(--van-stepper-background-color);border:0;border-width:1px 0;border-radius:0;-webkit-appearance:none}.van-stepper__input:disabled{color:var(--van-stepper-input-disabled-text-color);background-color:var(--van-stepper-input-disabled-background-color);-webkit-text-fill-color:var(--van-stepper-input-disabled-text-color);opacity:1}.van-stepper__input:-moz-read-only{cursor:default}.van-stepper__input:read-only{cursor:default}.van-stepper--round .van-stepper__input{background-color:transparent}.van-stepper--round .van-stepper__plus,.van-stepper--round .van-stepper__minus{border-radius:100%}.van-stepper--round .van-stepper__plus--disabled,.van-stepper--round .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}.van-stepper--round .van-stepper__plus{color:var(--van-white);background:var(--van-stepper-button-round-theme-color)}.van-stepper--round .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background-color:var(--van-background-color-light);border:1px solid var(--van-stepper-button-round-theme-color)}.van-stepper--round-outline .van-stepper__input{background-color:transparent}.van-stepper--round-outline .van-stepper__plus,.van-stepper--round-outline .van-stepper__minus{color:var(--van-stepper-button-round-theme-color);background:var(--van-background-color-light);border:1px solid var(--van-stepper-button-round-theme-color);border-radius:100%}.van-stepper--round-outline .van-stepper__plus--disabled,.van-stepper--round-outline .van-stepper__minus--disabled{opacity:.3;cursor:not-allowed}

package/lib/stepper/index.less

@@ -130,4 +130,23 @@
       border: 1px solid var(--van-stepper-button-round-theme-color);
     }
   }
+
+  &--round-outline {
+    .van-stepper__input {
+      background-color: transparent;
+    }
+
+    .van-stepper__plus,
+    .van-stepper__minus {
+      color: var(--van-stepper-button-round-theme-color);
+      background: var(--van-background-color-light);
+      border: 1px solid var(--van-stepper-button-round-theme-color);
+      border-radius: 100%;
+
+      &--disabled {
+        opacity: 0.3;
+        cursor: not-allowed;
+      }
+    }
+  }
 }

package/lib/title-bar/TitleBar.d.ts

@@ -11,8 +11,17 @@ declare const titleBarProps: {
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -41,8 +50,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -69,8 +87,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -96,12 +123,15 @@ declare const _default: import("vue").DefineComponent<{
     title: string;
     size: TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
     showAction: boolean;
     showDescription: boolean;
+    showExpandIcon: boolean;
 }>;
 export default _default;

package/lib/title-bar/TitleBar.js

@@ -30,8 +30,11 @@ const titleBarProps = {
   description: (0, import_utils.makeStringProp)(""),
   icon: String,
   showIcon: Boolean,
+  rightIcon: (0, import_utils.makeStringProp)("cross"),
+  showRightIcon: Boolean,
   showDescription: Boolean,
   showArrow: Boolean,
+  showExpandIcon: import_utils.truthProp,
   actionText: (0, import_utils.makeStringProp)("\u64CD\u4F5C"),
   showAction: Boolean,
   size: (0, import_utils.makeStringProp)("default"),
@@ -102,11 +105,14 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onClick": onActionClick
       }, null)])]), props.size !== "mini" && props.showDescription && props.description && (0, import_vue.createVNode)("span", {
         "class": bem("description")
-      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable) && (0, import_vue.createVNode)(import_icon.Icon, {
+      }, [((_b = slots.description) == null ? void 0 : _b.call(slots)) || props.description])]), (props.showArrow || props.expandable && props.showExpandIcon) && (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "arrow-up",
         "class": bem("arrow", {
           expanded: props.expandable && props.modelValue
         })
+      }, null), props.showRightIcon && (0, import_vue.createVNode)(import_icon.Icon, {
+        "name": props.rightIcon,
+        "class": bem("right-icon")
       }, null)]), (!props.expandable || props.modelValue) && ((_c = slots.default) == null ? void 0 : _c.call(slots))]);
     };
   }

package/lib/title-bar/index.css

@@ -1 +1 @@
-:root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 0 0 8px;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}
+:root{--van-title-bar-padding: 12px var(--van-padding-md) 4px;--van-title-bar-gap: 4px;--van-title-bar-title-color: var(--van-gray-8);--van-title-bar-description-color: var(--van-gray-6);--van-title-bar-required-color: var(--van-danger-color);--van-title-bar-action-divider-before-gap: 8px;--van-title-bar-action-divider-after-gap: 2px;--van-title-bar-action-divider-color: var(--van-gray-4);--van-title-bar-action-divider-height: 12px;--van-title-bar-action-padding: 0 8px}.van-title-bar{color:var(--van-title-bar-title-color)}.van-title-bar__header{display:flex;box-sizing:border-box;align-items:flex-start;width:100%;padding:var(--van-title-bar-padding);color:inherit;font:inherit;text-align:left;background:transparent;border:0}.van-title-bar--required .van-title-bar__header{position:relative;overflow:visible}.van-title-bar--required .van-title-bar__header:before{position:absolute;top:12px;left:var(--van-padding-xs);color:var(--van-title-bar-required-color);font-size:var(--van-font-size-md);line-height:var(--van-line-height-lg);content:"*"}.van-title-bar--expandable .van-title-bar__header{cursor:pointer}.van-title-bar--expandable .van-title-bar__header:active{background:var(--van-active-color)}.van-title-bar__icon{flex:none;margin:3px 4px 0 0;font-size:16px}.van-title-bar__text{display:flex;flex:1;flex-direction:column;min-width:0}.van-title-bar__title-row{display:flex;align-items:center;min-width:0}.van-title-bar__text strong{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__description{overflow:hidden;color:var(--van-title-bar-description-color);font-size:var(--van-font-size-sm);font-weight:400;line-height:var(--van-line-height-md);text-overflow:ellipsis;white-space:nowrap}.van-title-bar__action{display:flex;flex:none;align-items:center;margin-left:var(--van-title-bar-action-divider-before-gap)}.van-title-bar__action-divider{width:1px;height:var(--van-title-bar-action-divider-height);margin-right:var(--van-title-bar-action-divider-after-gap);background:var(--van-title-bar-action-divider-color)}.van-title-bar__action .van-button{flex:none;height:var(--van-line-height-lg);padding:var(--van-title-bar-action-padding);font-size:var(--van-font-size-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-line-height-lg)}.van-title-bar__arrow{flex:none;margin:4px 8px 0 0;color:var(--van-gray-6);font-size:14px;transition:transform var(--van-animation-duration-fast);transform:rotate(180deg)}.van-title-bar__arrow--expanded{transform:rotate(0)}.van-title-bar__right-icon{flex:none;width:16px;height:16px;margin:3px 0 0 8px;color:var(--van-gray-7);font-size:16px;line-height:16px}.van-title-bar--mini .van-title-bar__header{padding-top:12px;padding-bottom:4px}.van-title-bar--mini .van-title-bar__text strong{font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}.van-title-bar--mini .van-title-bar__icon{margin-top:3px;font-size:14px}.van-title-bar--mini .van-title-bar__arrow{margin-top:3px}.van-title-bar--mini .van-title-bar__right-icon{width:12px;height:12px;margin-top:3px;font-size:12px;line-height:12px}.van-title-bar--mini .van-title-bar__action .van-button{height:var(--van-line-height-md);font-size:var(--van-font-size-sm);line-height:var(--van-line-height-md)}

package/lib/title-bar/index.d.ts

@@ -9,8 +9,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -37,8 +46,17 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     };
     icon: StringConstructor;
     showIcon: BooleanConstructor;
+    rightIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showRightIcon: BooleanConstructor;
     showDescription: BooleanConstructor;
     showArrow: BooleanConstructor;
+    showExpandIcon: {
+        type: BooleanConstructor;
+        default: true;
+    };
     actionText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -64,13 +82,16 @@ export declare const TitleBar: import("../utils").WithInstall<import("vue").Defi
     title: string;
     size: import("./TitleBar").TitleBarSize;
     description: string;
+    rightIcon: string;
     showIcon: boolean;
+    showRightIcon: boolean;
     modelValue: boolean;
     showArrow: boolean;
     actionText: string;
     expandable: boolean;
     showAction: boolean;
     showDescription: boolean;
+    showExpandIcon: boolean;
 }>>;
 export default TitleBar;
 export type { TitleBarProps, TitleBarSize } from './TitleBar';

package/lib/title-bar/index.less

@@ -16,7 +16,7 @@
 .van-title-bar {
   color: var(--van-title-bar-title-color);
 
-  &__header { display: flex; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
+  &__header { display: flex; box-sizing: border-box; align-items: flex-start; width: 100%; padding: var(--van-title-bar-padding); color: inherit; font: inherit; text-align: left; background: transparent; border: 0; }
   &--required &__header { position: relative; overflow: visible; }
   &--required &__header::before { position: absolute; top: 12px; left: var(--van-padding-xs); color: var(--van-title-bar-required-color); font-size: var(--van-font-size-md); line-height: var(--van-line-height-lg); content: '*'; }
   &--expandable &__header { cursor: pointer; &:active { background: var(--van-active-color); } }
@@ -28,11 +28,13 @@
   &__action { display: flex; flex: none; align-items: center; margin-left: var(--van-title-bar-action-divider-before-gap); }
   &__action-divider { width: 1px; height: var(--van-title-bar-action-divider-height); margin-right: var(--van-title-bar-action-divider-after-gap); background: var(--van-title-bar-action-divider-color); }
   &__action .van-button { flex: none; height: var(--van-line-height-lg); padding: var(--van-title-bar-action-padding); font-size: var(--van-font-size-md); font-weight: var(--van-font-weight-bold); line-height: var(--van-line-height-lg); }
-  &__arrow { flex: none; margin: 4px 0 0 8px; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
+  &__arrow { flex: none; margin: 4px 8px 0 0; color: var(--van-gray-6); font-size: 14px; transition: transform var(--van-animation-duration-fast); transform: rotate(180deg); }
   &__arrow--expanded { transform: rotate(0); }
+  &__right-icon { flex: none; width: 16px; height: 16px; margin: 3px 0 0 8px; color: var(--van-gray-7); font-size: 16px; line-height: 16px; }
   &--mini &__header { padding-top: 12px; padding-bottom: 4px; }
   &--mini &__text strong { font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
   &--mini &__icon { margin-top: 3px; font-size: 14px; }
   &--mini &__arrow { margin-top: 3px; }
+  &--mini &__right-icon { width: 12px; height: 12px; margin-top: 3px; font-size: 12px; line-height: 12px; }
   &--mini &__action .van-button { height: var(--van-line-height-md); font-size: var(--van-font-size-sm); line-height: var(--van-line-height-md); }
 }

package/lib/uploader/Uploader.d.ts

@@ -45,6 +45,7 @@ declare const uploaderProps: {
         type: BooleanConstructor;
         default: true;
     };
+    uploadFirst: BooleanConstructor;
     modelValue: {
         type: PropType<UploaderFileListItem[]>;
         default: () => never[];
@@ -109,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    uploadFirst: BooleanConstructor;
     modelValue: {
         type: PropType<UploaderFileListItem[]>;
         default: () => never[];
@@ -171,6 +173,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    uploadFirst: BooleanConstructor;
     modelValue: {
         type: PropType<UploaderFileListItem[]>;
         default: () => never[];
@@ -213,6 +216,7 @@ declare const _default: import("vue").DefineComponent<{
     uploadIcon: string;
     deletable: boolean;
     showUpload: boolean;
+    uploadFirst: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;

package/lib/uploader/Uploader.js

@@ -76,6 +76,7 @@ const uploaderProps = {
   deletable: import_utils.truthProp,
   afterRead: Function,
   showUpload: import_utils.truthProp,
+  uploadFirst: Boolean,
   modelValue: (0, import_utils.makeArrayProp)(),
   beforeRead: Function,
   beforeDelete: Function,
@@ -296,6 +297,6 @@ var stdin_default = (0, import_vue.defineComponent)({
       "class": (0, import_utils2.bem)("wrapper", {
         disabled: props.disabled
       })
-    }, [renderPreviewList(), renderUpload()])]);
+    }, [props.uploadFirst ? (0, import_vue.createVNode)(import_vue.Fragment, null, [renderUpload(), renderPreviewList()]) : (0, import_vue.createVNode)(import_vue.Fragment, null, [renderPreviewList(), renderUpload()])])]);
   }
 });

package/lib/uploader/index.d.ts

@@ -41,6 +41,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    uploadFirst: BooleanConstructor;
     modelValue: {
         type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
         default: () => never[];
@@ -103,6 +104,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    uploadFirst: BooleanConstructor;
     modelValue: {
         type: import("vue").PropType<import("./types").UploaderFileListItem[]>;
         default: () => never[];
@@ -145,6 +147,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     uploadIcon: string;
     deletable: boolean;
     showUpload: boolean;
+    uploadFirst: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;