sard-uniapp 1.19.1 → 1.19.2

package/components/qrcode/qrcode.vue

@@ -2,7 +2,7 @@
   <view :class="qrcodeClass" :style="qrcodeStyle">
     <view :class="bem.e('canvas-wrapper')">
       <canvas
-        type="2d"
+        :class="canvasId"
         :width="canvasSize"
         :height="canvasSize"
         :style="{ width: canvasSize + 'px', height: canvasSize + 'px' }"
@@ -10,7 +10,12 @@
         :id="canvasId"
       ></canvas>
     </view>
-    <image :src="dataURL" mode="aspectFit" :class="bem.e('image')" />
+    <image
+      :src="dataURL"
+      :show-menu-by-longpress="showMenuByLongpress"
+      mode="aspectFit"
+      :class="bem.e('image')"
+    />
     <slot></slot>
   </view>
 </template>
@@ -30,9 +35,7 @@ import {
   stringifyStyle,
   createBem,
   uniqid,
-  qrcode,
-  isApp,
-  getNode
+  qrcode
 } from "../../utils";
 import { defaultQrcodeProps } from "./common";
 export default  _defineComponent({
@@ -53,7 +56,9 @@ export default  _defineComponent({
     canvasSize: { type: Number, required: false },
     color: { type: String, required: false },
     bgColor: { type: String, required: false },
-    quietZoneModules: { type: Number, required: false }
+    quietZoneModules: { type: Number, required: false },
+    showMenuByLongpress: { type: Boolean, required: false },
+    icon: { type: String, required: false }
   }, defaultQrcodeProps),
   setup(__props, { expose: __expose }) {
     __expose();
@@ -62,14 +67,13 @@ export default  _defineComponent({
     const instance = getCurrentInstance();
     const canvasId = uniqid();
     const contextRef = shallowRef();
-    const canvasRef = shallowRef();
     const qrcodeMap = computed(() => {
       return qrcode(props.text, {
         ecl: props.ecl
       });
     });
     const dataURL = ref("");
-    const drawQrcodeInApp = () => {
+    const drawQrcode = async () => {
       const context = contextRef.value;
       if (!context) {
         return;
@@ -94,76 +98,69 @@ export default  _defineComponent({
           }
         });
       });
-      context.draw();
-      uni.canvasToTempFilePath({
-        x: 0,
-        y: 0,
-        width: size,
-        height: size,
-        destWidth: size,
-        destHeight: size,
-        canvasId,
-        success(res) {
-          dataURL.value = res.tempFilePath;
-        }
+      await drawIcon(context);
+      context.draw(false, () => {
+        uni.canvasToTempFilePath(
+          {
+            x: 0,
+            y: 0,
+            width: size,
+            height: size,
+            destWidth: size,
+            destHeight: size,
+            canvasId,
+            success(res) {
+              dataURL.value = res.tempFilePath;
+            },
+            fail(err) {
+              console.log("uni.canvasToTempFilePath fail", err);
+            }
+          },
+          instance
+        );
       });
     };
-    const drawQrcodeInOthers = () => {
-      const canvas = canvasRef.value;
-      if (!canvas) {
-        return;
+    const drawIcon = async (ctx) => {
+      if (props.icon) {
+        const iconInfo = await loadIcon(props.icon);
+        const size = props.canvasSize;
+        ctx.save();
+        ctx.beginPath();
+        ctx.drawImage(iconInfo.path, size * 0.4, size * 0.4, size * 0.2, size * 0.2);
+        ctx.restore();
       }
-      const map = qrcodeMap.value;
-      const size = props.canvasSize;
-      canvas.width = size;
-      canvas.height = size;
-      const moduleSize = size / (map.length + props.quietZoneModules * 2);
-      const margin = moduleSize * props.quietZoneModules;
-      const context = canvas.getContext("2d");
-      const path2D = context.createPath2D ? context.createPath2D() : canvas.createPath2D ? canvas.createPath2D() : new Path2D();
-      map.forEach((row, rowIndex) => {
-        row.forEach((col, colIndex) => {
-          if (col === 1) {
-            path2D.rect(
-              colIndex * moduleSize + margin,
-              rowIndex * moduleSize + margin,
-              moduleSize,
-              moduleSize
-            );
+    };
+    const loadIcon = (path) => {
+      return new Promise((resolve, reject) => {
+        uni.getImageInfo({
+          src: path,
+          success(res) {
+            resolve(res);
+          },
+          fail(err) {
+            console.log("uni.getImageInfo fail", path);
+            console.log("uni.getImageInfo fail", err);
+            reject(err);
           }
         });
       });
-      context.clearRect(0, 0, size, size);
-      context.fillStyle = props.bgColor;
-      context.fillRect(0, 0, size, size);
-      context.fillStyle = props.color;
-      context.fill(path2D);
-      dataURL.value = canvas.toDataURL();
     };
     watch(
       [
         contextRef,
-        canvasRef,
         qrcodeMap,
         () => props.canvasSize,
         () => props.color,
         () => props.bgColor,
-        () => props.quietZoneModules
+        () => props.quietZoneModules,
+        () => props.icon
       ],
       () => {
-        if (isApp) {
-          drawQrcodeInApp();
-        } else {
-          drawQrcodeInOthers();
-        }
+        drawQrcode();
       }
     );
     onMounted(async () => {
-      if (isApp) {
-        contextRef.value = uni.createCanvasContext(canvasId, instance);
-      } else {
-        canvasRef.value = await getNode(`#${canvasId}`, instance);
-      }
+      contextRef.value = uni.createCanvasContext(canvasId, instance);
     });
     const qrcodeClass = computed(() => {
       return classNames(bem.b(), props.rootClass);
@@ -174,12 +171,12 @@ export default  _defineComponent({
         height: props.size
       });
     });
-    const __returned__ = { props, bem, instance, canvasId, contextRef, canvasRef, qrcodeMap, dataURL, drawQrcodeInApp, drawQrcodeInOthers, qrcodeClass, qrcodeStyle };
+    const __returned__ = { props, bem, instance, canvasId, contextRef, qrcodeMap, dataURL, drawQrcode, drawIcon, loadIcon, qrcodeClass, qrcodeStyle };
     return __returned__;
   }
 });
 </script>
 
 <style lang="scss">
-@import './index.scss';
+@use './index.scss' as *;
 </style>

package/components/radio/variables.scss

@@ -5,7 +5,7 @@ page,
   --sar-radio-group-row-gap: 16rpx;
 
   --sar-radio-icon-font-size: 40rpx;
-  --sar-radio-icon-color: var(--sar-quaternary-color);
+  --sar-radio-icon-color: var(--sar-fourth-color);
   --sar-radio-icon-checked-color: var(--sar-primary);
   --sar-radio-icon-disabled-color: var(--sar-disabled-color);
   --sar-radio-icon-transition-duration: var(--sar-duration);

package/components/radio-input/common.d.ts

@@ -3,11 +3,13 @@ import { type PopoutInputProps } from '../popout-input/common';
 import { type RadioPopoutEmits, type RadioPopoutProps } from '../radio-popout/common';
 export type RadioInputOption = RadioGroupOption;
 export interface RadioInputProps extends RadioPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
+    valueOnClear?: () => any;
 }
 export declare const defaultRadioInputProps: () => {
+    valueOnClear: RadioInputProps["valueOnClear"];
     options: () => never[];
     validateEvent: boolean;
-    type: RadioInputProps["type"];
+    type: RadioPopoutProps["type"];
 };
 export interface RadioInputEmits extends RadioPopoutEmits {
 }

package/components/radio-input/common.js

@@ -1,2 +1,6 @@
 import { defaultRadioPopoutProps, } from '../radio-popout/common';
-export const defaultRadioInputProps = defaultRadioPopoutProps;
+import { defaultConfig } from '../config';
+export const defaultRadioInputProps = () => ({
+    ...defaultRadioPopoutProps(),
+    ...defaultConfig.radioInput,
+});

package/components/radio-input/radio-input.d.ts

@@ -10,6 +10,7 @@ declare const _default: import("vue").DefineComponent<RadioInputProps, {}, {}, {
 }>, {
     options: import("../radio/common").RadioGroupOption[];
     type: import("../radio/common").IconType;
+    valueOnClear: () => any;
     validateEvent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/radio-input/radio-input.vue

@@ -37,7 +37,7 @@ import { defaultOptionKeys } from "../radio/common";
 import {
   defaultRadioInputProps
 } from "./common";
-import { getMayPrimitiveOption, isNullish } from "../../utils";
+import { getMayPrimitiveOption, isEmptyBinding, isNullish } from "../../utils";
 import { usePopoutInput } from "../../use";
 export default  _defineComponent({
   components: {
@@ -52,6 +52,7 @@ export default  _defineComponent({
   },
   __name: "radio-input",
   props:  _mergeDefaults({
+    valueOnClear: { type: Function, required: false },
     visible: { type: Boolean, required: false },
     title: { type: String, required: false },
     popoutClass: { type: String, required: false },
@@ -89,7 +90,7 @@ export default  _defineComponent({
       return isNullish(option) ? "" : getMayPrimitiveOption(option, optionKeys.label);
     }
     function getInputValue() {
-      if (isNullish(innerValue.value) || innerValue.value.length === 0) {
+      if (isEmptyBinding(innerValue.value)) {
         return "";
       }
       return getOutletText(props.options, fieldKeys.value, innerValue.value);

package/components/radio-popout/common.d.ts

@@ -9,7 +9,7 @@ export interface RadioPopoutProps extends RadioGroupProps {
 export declare const defaultRadioPopoutProps: () => {
     options: () => never[];
     validateEvent: boolean;
-    type: import("../radio-input").RadioInputProps["type"];
+    type: RadioPopoutProps["type"];
 };
 export interface RadioPopoutSlots {
     default?(props: Record<string, never>): any;

package/components/rate/rate.d.ts

@@ -6,9 +6,9 @@ declare const _default: import("vue").DefineComponent<RateProps, {}, {}, {}, {},
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
     onChange?: ((value: number) => any) | undefined;
 }>, {
+    validateEvent: boolean;
     count: number;
     icon: string;
-    validateEvent: boolean;
     voidIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/rate/variables.scss

@@ -3,7 +3,7 @@ page,
 .sar-portal {
   --sar-rate-gap: 20rpx;
   --sar-rate-star-font-size: 40rpx;
-  --sar-rate-star-void-color: var(--sar-quaternary-color);
+  --sar-rate-star-void-color: var(--sar-fourth-color);
   --sar-rate-star-color: var(--sar-warning);
 }
 // #endvariables

package/components/search/variables.scss

@@ -7,6 +7,6 @@ page,
 
   --sar-search-input-bg: var(--sar-body-bg);
   --sar-search-input-disabled-bg: var(--sar-disabled-shallow-bg);
-  --sar-search-icon-color: var(--sar-quaternary-color);
+  --sar-search-icon-color: var(--sar-fourth-color);
 }
 // #endvariables

package/components/share-sheet/variables.scss

@@ -34,7 +34,7 @@ page,
   --sar-share-sheet-item-description-margin-top: 0;
   --sar-share-sheet-item-description-padding-x: 8rpx;
   --sar-share-sheet-item-description-font-size: var(--sar-text-sm);
-  --sar-share-sheet-item-description-color: var(--sar-quaternary-color);
+  --sar-share-sheet-item-description-color: var(--sar-fourth-color);
 
   --sar-share-sheet-gap-bg: var(--sar-body-bg);
   --sar-share-sheet-gap-height: 16rpx;

package/components/stepper/variables.scss

@@ -9,7 +9,7 @@ page,
   --sar-stepper-input-padding-x: 10rpx;
   --sar-stepper-input-font-size: var(--sar-text-base);
   --sar-stepper-input-disabled-color: var(--sar-disabled-color);
-  --sar-stepper-placeholder-color: var(--sar-quaternary-color);
+  --sar-stepper-placeholder-color: var(--sar-fourth-color);
 
   --sar-stepper-button-font-size: var(--sar-text-lg);
   --sar-stepper-button-border-radius: var(--sar-rounded-sm);

package/components/style/variables-dark.scss

@@ -11,6 +11,8 @@
   --sar-secondary-bg: var(--sar-gray-700);
   --sar-tertiary-color: var(--sar-gray-500);
   --sar-tertiary-bg: var(--sar-gray-600);
+  --sar-fourth-color: var(--sar-gray-600);
+  --sar-fourth-bg: var(--sar-gray-500);
   --sar-quaternary-color: var(--sar-gray-600);
   --sar-quaternary-bg: var(--sar-gray-500);
   --sar-emphasis-color: var(--sar-white);
@@ -26,6 +28,8 @@
   --sar-secondary-bg-rgb: var(--sar-gray-700-rgb);
   --sar-tertiary-color-rgb: var(--sar-gray-500-rgb);
   --sar-tertiary-bg-rgb: var(--sar-gray-700-rgb);
+  --sar-fourth-color-rgb: var(--sar-gray-600-rgb);
+  --sar-fourth-bg-rgb: var(--sar-gray-700-rgb);
   --sar-quaternary-color-rgb: var(--sar-gray-600-rgb);
   --sar-quaternary-bg-rgb: var(--sar-gray-700-rgb);
   --sar-emphasis-color-rgb: var(--sar-white-rgb);
@@ -36,12 +40,12 @@
   // # 阴影
   --sar-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.1);
   --sar-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
-  --sar-shadow-md: 0 2px 6px -1px rgb(0 0 0 / 0.2),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --sar-shadow-lg: 0 5px 15px -3px rgb(0 0 0 / 0.2),
-    0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --sar-shadow-xl: 0 10px 25px -5px rgb(0 0 0 / 0.25),
-    0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --sar-shadow-md:
+    0 2px 6px -1px rgb(0 0 0 / 0.2), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --sar-shadow-lg:
+    0 5px 15px -3px rgb(0 0 0 / 0.2), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --sar-shadow-xl:
+    0 10px 25px -5px rgb(0 0 0 / 0.25), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --sar-shadow-2xl: 0 15px 50px -12px rgb(0 0 0 / 0.5);
   --sar-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.1);
 

package/components/style/variables.scss

@@ -90,6 +90,8 @@ page,
   --sar-tertiary-bg: var(--sar-gray-300);
   --sar-quaternary-color: var(--sar-gray-500);
   --sar-quaternary-bg: var(--sar-gray-400);
+  --sar-fourth-color: var(--sar-gray-500);
+  --sar-fourth-bg: var(--sar-gray-400);
   --sar-emphasis-color: var(--sar-black);
   --sar-emphasis-bg: var(--sar-white);
   --sar-border-color: var(--sar-gray-300);
@@ -105,6 +107,8 @@ page,
   --sar-tertiary-bg-rgb: var(--sar-gray-300-rgb);
   --sar-quaternary-color-rgb: var(--sar-gray-500-rgb);
   --sar-quaternary-bg-rgb: var(--sar-gray-400-rgb);
+  --sar-fourth-color-rgb: var(--sar-gray-500-rgb);
+  --sar-fourth-bg-rgb: var(--sar-gray-400-rgb);
   --sar-emphasis-color-rgb: var(--sar-black-rgb);
   --sar-emphasis-bg-rgb: var(--sar-white-rgb);
   --sar-border-color-rgb: var(--sar-gray-300-rgb);
@@ -119,12 +123,14 @@ page,
   --sar-rounded-full: 9999px;
 
   // # 字体
-  --sar-font-sans: system-ui, -apple-system, 'Segoe UI', Roboto,
-    'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --sar-font-sans:
+    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   --sar-font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
-  --sar-font-mono: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-    'Courier New', monospace;
+  --sar-font-mono:
+    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;
 
   // # 字号
   --sar-text-xs: 20rpx;
@@ -150,12 +156,12 @@ page,
   // # 阴影
   --sar-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --sar-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  --sar-shadow-md: 0 2px 6px -1px rgb(0 0 0 / 0.1),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-  --sar-shadow-lg: 0 3px 15px -3px rgb(0 0 0 / 0.1),
-    0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --sar-shadow-xl: 0 5px 25px -5px rgb(0 0 0 / 0.1),
-    0 8px 10px -6px rgb(0 0 0 / 0.1);
+  --sar-shadow-md:
+    0 2px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  --sar-shadow-lg:
+    0 3px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --sar-shadow-xl:
+    0 5px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
   --sar-shadow-2xl: 0 10px 50px -12px rgb(0 0 0 / 0.25);
   --sar-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
 

package/components/tag/common.d.ts

@@ -5,7 +5,7 @@ export interface TagProps {
     theme?: 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
     plain?: boolean;
     round?: boolean;
-    mark?: boolean;
+    mark?: boolean | 'left' | 'right';
     size?: 'small' | 'medium' | 'large';
     color?: string;
     textColor?: string;

package/components/tag/index.scss

@@ -66,7 +66,11 @@ $sar-tag-sizes: (
   }
 
   // 标记
-  @include m(mark) {
+  @include m(mark-left) {
+    border-top-left-radius: var(--sar-rounded-full);
+    border-bottom-left-radius: var(--sar-rounded-full);
+  }
+  @include m(mark, mark-right) {
     border-top-right-radius: var(--sar-rounded-full);
     border-bottom-right-radius: var(--sar-rounded-full);
   }

package/components/tag/tag.vue

@@ -32,7 +32,7 @@ export default  _defineComponent({
     theme: { type: String, required: false },
     plain: { type: Boolean, required: false },
     round: { type: Boolean, required: false },
-    mark: { type: Boolean, required: false },
+    mark: { type: [Boolean, String], required: false },
     size: { type: String, required: false },
     color: { type: String, required: false },
     textColor: { type: String, required: false },
@@ -51,7 +51,7 @@ export default  _defineComponent({
         bem.m(`${props.theme}-plain`, props.plain),
         bem.m(props.size),
         bem.m("round", props.round),
-        bem.m("mark", props.mark),
+        bem.m(props.mark === true ? "mark" : `mark-${props.mark}`, !!props.mark),
         props.rootClass
       );
     });

package/components/timeline/variables.scss

@@ -10,7 +10,7 @@ page,
   --sar-timeline-item-icon-wrapper-margin-y: 6rpx;
 
   --sar-timeline-item-icon-font-size: 48rpx;
-  --sar-timeline-item-icon-color: var(--sar-quaternary-bg);
+  --sar-timeline-item-icon-color: var(--sar-fourth-bg);
 
   --sar-timeline-item-dot-size: 16rpx;
   --sar-timeline-item-dot-bg: var(--sar-tertiary-bg);

package/components/tree/variables.scss

@@ -27,17 +27,17 @@ page,
 
   --sar-tree-edit-padding-x: 24rpx;
   --sar-tree-edit-font-size: 36rpx;
-  --sar-tree-edit-color: var(--sar-quaternary-color);
+  --sar-tree-edit-color: var(--sar-fourth-color);
   --sar-tree-edit-active-opacity: var(--sar-active-opacity);
 
   --sar-tree-level-btn-padding-x: 24rpx;
   --sar-tree-level-btn-font-size: 36rpx;
-  --sar-tree-level-btn-color: var(--sar-quaternary-color);
+  --sar-tree-level-btn-color: var(--sar-fourth-color);
   --sar-tree-level-btn-active-opacity: var(--sar-active-opacity);
 
   --sar-tree-drag-padding-x: 24rpx;
   --sar-tree-drag-font-size: 36rpx;
-  --sar-tree-drag-color: var(--sar-quaternary-color);
+  --sar-tree-drag-color: var(--sar-fourth-color);
   --sar-tree-drag-active-opacity: var(--sar-active-opacity);
 }
 // #endvariables

package/components/upload/common.d.ts

@@ -33,6 +33,7 @@ export interface UploadProps {
     overSize?: (fileItem: UploadFileItem[]) => void;
     disabled?: boolean;
     readonly?: boolean;
+    beforeChoose?: (fileList: UploadFileItem[], next: (allowed: boolean) => void) => void;
     beforeRead?: (file: UploadFile) => boolean | Promise<UploadFile>;
     afterRead?: (fileItem: UploadFileItem) => void;
     removable?: boolean;

package/components/upload/upload.d.ts

@@ -10,11 +10,11 @@ declare const __VLS_component: import("vue").DefineComponent<UploadProps, {}, {}
     onRemove?: ((index: number, item: UploadFileItem) => any) | undefined;
 }>, {
     accept: "image" | "video";
+    validateEvent: boolean;
     maxDuration: number;
     maxCount: number;
     maxSize: number | ((file: UploadFile) => boolean);
     removable: boolean;
-    validateEvent: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/upload/upload.vue

@@ -20,7 +20,7 @@
         @image-click="onImageClick"
       />
       <view
-        v-if="innerValue.length < maxCount"
+        v-if="innerValue.length < maxCount && !isReadonly"
         :class="bem.e('select')"
         @click="onSelect"
       >
@@ -81,6 +81,7 @@ export default  _defineComponent({
     overSize: { type: Function, required: false },
     disabled: { type: Boolean, required: false },
     readonly: { type: Boolean, required: false },
+    beforeChoose: { type: Function, required: false },
     beforeRead: { type: Function, required: false },
     afterRead: { type: Function, required: false },
     removable: { type: Boolean, required: false },
@@ -201,33 +202,47 @@ export default  _defineComponent({
       );
       chain(files);
     }
+    let isSelectPending = false;
     const onSelect = () => {
-      if (isDisabled.value || isReadonly.value || innerValue.value.length >= props.maxCount) {
+      if (isSelectPending || isDisabled.value || isReadonly.value || innerValue.value.length >= props.maxCount) {
         return;
       }
-      chooseMedia({
-        mediaType: props.accept,
-        count: props.multiple ? 9999 : 1,
-        sizeType: props.sizeType,
-        sourceType: props.sourceType,
-        maxDuration: props.maxDuration,
-        camera: props.camera,
-        success(result) {
-          toChain(
-            result.tempFiles.map((file) => {
-              return {
-                type: file.fileType,
-                size: file.size,
-                path: file.tempFilePath,
-                duration: file.duration,
-                width: file.width,
-                height: file.height
-              };
-            })
-          );
-        },
-        fail: noop
-      });
+      const next = () => {
+        chooseMedia({
+          mediaType: props.accept,
+          count: props.multiple ? 9999 : 1,
+          sizeType: props.sizeType,
+          sourceType: props.sourceType,
+          maxDuration: props.maxDuration,
+          camera: props.camera,
+          success(result) {
+            toChain(
+              result.tempFiles.map((file) => {
+                return {
+                  type: file.fileType,
+                  size: file.size,
+                  path: file.tempFilePath,
+                  duration: file.duration,
+                  width: file.width,
+                  height: file.height
+                };
+              })
+            );
+          },
+          fail: noop
+        });
+      };
+      if (props.beforeChoose) {
+        isSelectPending = true;
+        props.beforeChoose?.(innerValue.value, (allowed) => {
+          isSelectPending = false;
+          if (allowed) {
+            next();
+          }
+        });
+      } else {
+        next();
+      }
     };
     const onRemove = (index, item) => {
       const list = innerValue.value.filter((_, i) => i !== index);
@@ -259,7 +274,11 @@ export default  _defineComponent({
     const uploadStyle = computed(() => {
       return stringifyStyle(props.rootStyle);
     });
-    const __returned__ = { props, emit, bem, formContext, formItemContext, isDisabled, isReadonly, innerValue, limitCountNode, beforeReadNode, toUploadFileNode, limitSizeNode, afterReadNode, toChain, onSelect, onRemove, onImageClick, uploadClass, uploadStyle, SarUploadPreview, SarIcon };
+    const __returned__ = { props, emit, bem, formContext, formItemContext, isDisabled, isReadonly, innerValue, limitCountNode, beforeReadNode, toUploadFileNode, limitSizeNode, afterReadNode, toChain, get isSelectPending() {
+      return isSelectPending;
+    }, set isSelectPending(v) {
+      isSelectPending = v;
+    }, onSelect, onRemove, onImageClick, uploadClass, uploadStyle, SarUploadPreview, SarIcon };
     return __returned__;
   }
 });

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.19.1",
+  "version": "1.19.2",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {
@@ -122,7 +122,7 @@
     "lodash-es": "^4.17.21",
     "prettier": "^3.5.3",
     "region-data": "^1.2.3",
-    "sard-cli": "^1.2.4",
+    "sard-cli": "^1.3.0",
     "sass": "^1.69.7",
     "tel-area-code": "^1.1.0",
     "ts-custom-error": "^3.3.1",

package/use/useFormPopout.d.ts

@@ -10,7 +10,7 @@ export interface UseFormPopoutEmits {
 }
 export declare function useFormPopout(props: UseFormPopoutProps, emit: UseFormPopoutEmits, options?: {
     onChange?: (...args: any[]) => void;
-    onConfirmBefore?: () => void;
+    onConfirmBefore?: () => any;
 }): {
     innerVisible: import("vue").Ref<boolean | undefined, boolean | undefined>;
     innerValue: import("vue").Ref<any, any>;