sard-uniapp 1.0.4 → 1.0.5

package/components/_template/common.d.ts

@@ -0,0 +1,15 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface _TemplateProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+}
+export declare const _templateProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+};
+export interface _TemplateSlots {
+    default(props: Record<string, never>): any;
+}
+export interface _TemplateEmits {
+    (e: 'click', event: any): void;
+}

package/components/_template/common.js

@@ -0,0 +1,4 @@
+export const _templateProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+};

package/components/_template/index.d.ts

@@ -0,0 +1 @@
+export {} from './common';

package/components/_template/index.js

@@ -0,0 +1 @@
+export {};

package/components/button/common.d.ts

@@ -16,15 +16,15 @@ export declare const buttonProps: {
     rootStyle: PropType<StyleValue>;
     rootClass: StringConstructor;
     type: {
-        type: PropType<"text" | "default" | "pale" | "mild" | "outline" | "pale-text" | undefined>;
+        type: PropType<"default" | "text" | "pale" | "mild" | "outline" | "pale-text" | undefined>;
         default: string;
     };
     theme: {
-        type: PropType<"success" | "primary" | "info" | "secondary" | "warning" | "danger" | "neutral" | undefined>;
+        type: PropType<"primary" | "info" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined>;
         default: string;
     };
     size: {
-        type: PropType<"medium" | "mini" | "small" | "large" | undefined>;
+        type: PropType<"small" | "medium" | "mini" | "large" | undefined>;
         default: string;
     };
     round: BooleanConstructor;

package/components/col/col.vue

@@ -30,8 +30,8 @@ export default /* @__PURE__ */ _defineComponent({
     const colClass = computed(() => {
       return classNames(
         bem.b(),
-        bem.m(props.span, props.span),
-        bem.m(`offset-${props.span}`, props.offset),
+        bem.m(props.span, props.span !== void 0),
+        bem.m(`offset-${props.offset}`, props.offset !== void 0),
         props.rootClass
       );
     });

package/components/dialog/common.d.ts

@@ -26,7 +26,7 @@ export declare const dialogProps: {
         default: boolean;
     };
     buttonType: {
-        type: PropType<NonNullable<"text" | "round" | undefined>>;
+        type: PropType<NonNullable<"round" | "text" | undefined>>;
         default: string;
     };
     showCancel: {

package/components/dialog-agent/common.d.ts

@@ -17,7 +17,7 @@ export declare const dialogAgentProps: {
         default: boolean;
     };
     buttonType: {
-        type: import("vue").PropType<NonNullable<"text" | "round" | undefined>>;
+        type: import("vue").PropType<NonNullable<"round" | "text" | undefined>>;
         default: string;
     };
     showCancel: {

package/components/input/common.d.ts

@@ -71,7 +71,7 @@ export declare const inputProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    inputmode: PropType<"text" | "search" | "url" | "email" | "none" | "decimal" | "numeric" | "tel" | undefined>;
+    inputmode: PropType<"search" | "text" | "url" | "email" | "none" | "decimal" | "numeric" | "tel" | undefined>;
     autoHeight: BooleanConstructor;
     fixed: BooleanConstructor;
     showConfirmBar: {

package/components/notify/common.d.ts

@@ -15,7 +15,7 @@ export declare const notifyProps: {
     rootStyle: PropType<StyleValue>;
     rootClass: StringConstructor;
     type: {
-        type: PropType<"success" | "primary" | "warning" | "error" | undefined>;
+        type: PropType<"primary" | "success" | "warning" | "error" | undefined>;
         default: string;
     };
     message: StringConstructor;

package/components/notify-agent/common.d.ts

@@ -10,7 +10,7 @@ export declare const notifyAgentProps: {
     rootStyle: import("vue").PropType<import("vue").StyleValue>;
     rootClass: StringConstructor;
     type: {
-        type: import("vue").PropType<"success" | "primary" | "warning" | "error" | undefined>;
+        type: import("vue").PropType<"primary" | "success" | "warning" | "error" | undefined>;
         default: string;
     };
     message: StringConstructor;

package/components/progress-bar/progress-bar.vue

@@ -52,7 +52,7 @@ export default /* @__PURE__ */ _defineComponent({
         bem.m("inside", props.inside),
         bem.m("striped", props.striped),
         bem.m("animated", props.animated),
-        bem.m(props.status),
+        bem.m(props.status, props.status),
         props.rootClass
       );
     });

package/components/progress-circle/progress-circle.vue

@@ -58,7 +58,7 @@ export default /* @__PURE__ */ _defineComponent({
       return `url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3e%3ccircle stroke='black' fill='none' stroke-width='${props.thickness}' cx='50' cy='50' r='${radius.value}' /%3e%3c/svg%3e")`;
     });
     const progressCircleClass = computed(() => {
-      return classNames(bem.b(), bem.m(props.status), props.rootClass);
+      return classNames(bem.b(), bem.m(props.status, props.status), props.rootClass);
     });
     const progressCircleStyle = computed(() => {
       return stringifyStyle(

package/components/result/common.d.ts

@@ -13,7 +13,7 @@ export declare const resultProps: {
     rootStyle: PropType<StyleValue>;
     rootClass: StringConstructor;
     status: {
-        type: PropType<NonNullable<"success" | "info" | "warning" | "error" | "question" | undefined>>;
+        type: PropType<NonNullable<"info" | "success" | "warning" | "error" | "question" | undefined>>;
         default: string;
     };
     icon: StringConstructor;

package/components/share-sheet/share-sheet.vue

@@ -8,7 +8,7 @@
     <view :class="shareSheetClass" :style="shareSheetStyle">
       <view v-if="title || description" :class="bem.e('header')">
         <view v-if="title" :class="bem.e('title')">
-          {{ description }}
+          {{ title }}
         </view>
         <view v-if="description" :class="bem.e('description')">
           {{ description }}

package/components/stepper/common.d.ts

@@ -30,7 +30,7 @@ export declare const stepperProps: {
         type: NumberConstructor;
         default: number;
     };
-    valueOnClear: PropType<number | "min" | "max" | undefined>;
+    valueOnClear: PropType<number | "max" | "min" | undefined>;
     step: {
         type: NumberConstructor;
         default: number;

package/components/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/components/style/index.js

@@ -0,0 +1 @@
+export {};

package/components/tag/common.d.ts

@@ -15,14 +15,14 @@ export declare const tagProps: {
     rootStyle: PropType<StyleValue>;
     rootClass: StringConstructor;
     theme: {
-        type: PropType<"success" | "default" | "primary" | "info" | "secondary" | "warning" | "danger" | undefined>;
+        type: PropType<"default" | "primary" | "info" | "secondary" | "success" | "warning" | "danger" | undefined>;
         default: string;
     };
     plain: BooleanConstructor;
     round: BooleanConstructor;
     mark: BooleanConstructor;
     size: {
-        type: PropType<"medium" | "small" | "large" | undefined>;
+        type: PropType<"small" | "medium" | "large" | undefined>;
         default: string;
     };
     color: StringConstructor;

package/components/tag/tag.vue

@@ -1,12 +1,7 @@
 <template>
   <view :class="tagClass" :style="tagStyle" @click="$emit('click', $event)">
     <slot></slot>
-    <view
-      v-if="closable"
-      :class="iconClass"
-      :style="iconStyle"
-      @click="$emit('close', $event)"
-    >
+    <view v-if="closable" :class="iconClass" @click="$emit('close', $event)">
       <sar-icon name="close" />
     </view>
   </view>
@@ -56,18 +51,9 @@ export default /* @__PURE__ */ _defineComponent({
       );
     });
     const iconClass = computed(() => {
-      return classNames(
-        bem.e("close"),
-        bem.em("close", props.theme),
-        bem.em("close", `${props.theme}-plain`, props.plain)
-      );
-    });
-    const iconStyle = computed(() => {
-      return stringifyStyle({
-        color: props.plain ? props.color : props.textColor
-      });
+      return classNames(bem.e("close"));
     });
-    const __returned__ = { props, bem, tagClass, tagStyle, iconClass, iconStyle, SarIcon };
+    const __returned__ = { props, bem, tagClass, tagStyle, iconClass, SarIcon };
     return __returned__;
   }
 });

package/components/toast/common.d.ts

@@ -15,7 +15,7 @@ export declare const toastProps: {
     rootStyle: PropType<StyleValue>;
     rootClass: StringConstructor;
     type: {
-        type: PropType<NonNullable<"success" | "text" | "loading" | "fail" | undefined>>;
+        type: PropType<NonNullable<"text" | "loading" | "success" | "fail" | undefined>>;
         default: string;
     };
     title: StringConstructor;

package/components/toast-agent/common.d.ts

@@ -10,7 +10,7 @@ export declare const toastAgentProps: {
     rootStyle: import("vue").PropType<import("vue").StyleValue>;
     rootClass: StringConstructor;
     type: {
-        type: import("vue").PropType<NonNullable<"success" | "text" | "loading" | "fail" | undefined>>;
+        type: import("vue").PropType<NonNullable<"text" | "loading" | "success" | "fail" | undefined>>;
         default: string;
     };
     title: StringConstructor;

package/components/upload/utils.d.ts

@@ -0,0 +1,24 @@
+interface chooseMediaOptions {
+    count?: number;
+    mediaType?: 'image' | 'video';
+    sourceType?: ('album' | 'camera')[];
+    maxDuration?: number;
+    sizeType?: ('original' | 'compressed')[];
+    camera?: 'back' | 'front';
+    success?: (result: chooseMediaResult) => void;
+    fail?: (err: any) => void;
+    complete?: () => void;
+}
+interface chooseMediaResult {
+    tempFiles: {
+        tempFilePath: string;
+        size: number;
+        duration: number;
+        height: number;
+        width: number;
+        fileType: 'image' | 'video';
+    }[];
+    type: 'image' | 'video';
+}
+export declare function chooseMedia(options: chooseMediaOptions): void;
+export {};

package/components/upload/utils.js

@@ -0,0 +1,53 @@
+import { toArray } from '../../utils';
+export function chooseMedia(options) {
+    const { count = 9, mediaType = 'image', sourceType = ['album', 'camera'], maxDuration = 10, sizeType = ['original', 'compressed'], camera = 'back', success, fail, complete, } = options;
+    if (mediaType === 'image') {
+        return uni.chooseImage({
+            count,
+            sizeType,
+            sourceType,
+            success(res) {
+                success?.({
+                    type: 'image',
+                    tempFiles: toArray(res.tempFiles).map((file) => {
+                        return {
+                            tempFilePath: file.path,
+                            size: file.size,
+                            duration: 0,
+                            height: 0,
+                            width: 0,
+                            fileType: 'image',
+                        };
+                    }),
+                });
+            },
+            fail,
+            complete,
+        });
+    }
+    else {
+        return uni.chooseVideo({
+            sourceType,
+            compressed: sizeType.includes('compressed'),
+            maxDuration,
+            camera,
+            success(res) {
+                success?.({
+                    type: 'video',
+                    tempFiles: [
+                        {
+                            tempFilePath: res.tempFilePath,
+                            size: res.size,
+                            duration: res.duration,
+                            height: res.height,
+                            width: res.width,
+                            fileType: 'video',
+                        },
+                    ],
+                });
+            },
+            fail,
+            complete,
+        });
+    }
+}

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "keywords": [
     "uniapp",
@@ -28,6 +28,7 @@
     "vue": "^3.2.45"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "region-data": "^1.0.6"
   },
   "author": "wuzhitao",

package/utils/date.d.ts

@@ -1,5 +1,5 @@
 export declare function isLeapYear(year: number): boolean;
-export declare function getDaysInMonth(year: number, month: number): 30 | 29 | 28 | 31;
+export declare function getDaysInMonth(year: number, month: number): 29 | 28 | 30 | 31;
 export declare function getDayOnFirstOfMonth(year: number, month: number): number;
 export declare function getDaysInDate(date: Date): number;
 export declare function toDateNumber(date: Date): number;