sard-uniapp 1.0.3 → 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/layout/common.d.ts

@@ -0,0 +1,54 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface RowProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    gap?: number | string;
+    justify?: 'start' | 'center' | 'end' | 'around' | 'between' | 'evenly';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+}
+export declare const rowProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+    gap: (StringConstructor | NumberConstructor)[];
+    justify: PropType<"start" | "center" | "end" | "around" | "between" | "evenly" | undefined>;
+    align: PropType<"start" | "center" | "end" | "stretch" | undefined>;
+};
+export interface RowSlots {
+    default(props: Record<string, never>): any;
+}
+export interface ColProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    span?: number | 'auto' | 'none';
+    offset?: number;
+    order?: number;
+}
+export declare const colProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+    span: PropType<number | "auto" | "none" | undefined>;
+    offset: NumberConstructor;
+    order: NumberConstructor;
+};
+export interface ColSlots {
+    default(props: Record<string, never>): any;
+}
+export type RowContext = {
+    gutter: readonly [number, string];
+    gap: RowProps['gap'];
+};
+export declare const rowSymbol: unique symbol;
+export declare const mapJustify: {
+    start: string;
+    center: string;
+    end: string;
+    around: string;
+    between: string;
+    evenly: string;
+};
+export declare const mapAlign: {
+    start: string;
+    center: string;
+    end: string;
+    stretch: string;
+};

package/components/layout/common.js

@@ -0,0 +1,29 @@
+export const rowProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+    gap: [Number, String],
+    justify: String,
+    align: String,
+};
+export const colProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+    span: [Number, String],
+    offset: Number,
+    order: Number,
+};
+export const rowSymbol = Symbol('row-context');
+export const mapJustify = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    around: 'space-around',
+    between: 'space-between',
+    evenly: 'space-evenly',
+};
+export const mapAlign = {
+    start: 'flex-start',
+    center: 'center',
+    end: 'flex-end',
+    stretch: 'stretch',
+};

package/components/layout/index.d.ts

@@ -0,0 +1 @@
+export type { RowProps, RowSlots, ColProps, ColSlots } from './common';

package/components/layout/index.js

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

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/popout-input/index.d.ts

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

package/components/popout-input/index.js

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

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

@@ -0,0 +1,38 @@
+import { type PropType, type StyleValue } from 'vue';
+export interface TagProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    theme?: 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
+    plain?: boolean;
+    round?: boolean;
+    mark?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    textColor?: string;
+    closable?: boolean;
+}
+export declare const tagProps: {
+    rootStyle: PropType<StyleValue>;
+    rootClass: StringConstructor;
+    theme: {
+        type: PropType<"default" | "primary" | "info" | "secondary" | "success" | "warning" | "danger" | undefined>;
+        default: string;
+    };
+    plain: BooleanConstructor;
+    round: BooleanConstructor;
+    mark: BooleanConstructor;
+    size: {
+        type: PropType<"small" | "medium" | "large" | undefined>;
+        default: string;
+    };
+    color: StringConstructor;
+    textColor: StringConstructor;
+    closable: BooleanConstructor;
+};
+export interface TagSlots {
+    default(props: Record<string, never>): any;
+}
+export interface TagEmits {
+    (e: 'click', event: any): void;
+    (e: 'close', event: any): void;
+}

package/components/tag/common.js

@@ -0,0 +1,23 @@
+import { defaultConfig } from '../config';
+// const props = withDefaults(defineProps<TagProps>(), {
+//   theme: 'default',
+//   size: 'medium',
+// })
+export const tagProps = {
+    rootStyle: [String, Object, Array],
+    rootClass: String,
+    theme: {
+        type: String,
+        default: defaultConfig.tag.theme,
+    },
+    plain: Boolean,
+    round: Boolean,
+    mark: Boolean,
+    size: {
+        type: String,
+        default: defaultConfig.tag.size,
+    },
+    color: String,
+    textColor: String,
+    closable: Boolean,
+};

package/components/tag/index.d.ts

@@ -0,0 +1 @@
+export type { TagProps, TagSlots, TagEmits } from './common';

package/components/tag/index.js

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

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/global.d.ts

@@ -1,8 +1,8 @@
 import '@vue/runtime-core'
 
 import SarAccordion from './components/accordion/accordion.vue'
-import SarActionSheet from './components/action-sheet/action-sheet.vue'
 import SarAccordionItem from './components/accordion-item/accordion-item.vue'
+import SarActionSheet from './components/action-sheet/action-sheet.vue'
 import SarAvatar from './components/avatar/avatar.vue'
 import SarBadge from './components/badge/badge.vue'
 import SarButton from './components/button/button.vue'
@@ -37,6 +37,7 @@ import SarListItem from './components/list-item/list-item.vue'
 import SarLoading from './components/loading/loading.vue'
 import SarMenu from './components/menu/menu.vue'
 import SarNavbar from './components/navbar/navbar.vue'
+import SarNavbarItem from './components/navbar-item/navbar-item.vue'
 import SarNoticeBar from './components/notice-bar/notice-bar.vue'
 import SarNotify from './components/notify/notify.vue'
 import SarNotifyAgent from './components/notify-agent/notify-agent.vue'
@@ -70,9 +71,10 @@ import SarSteps from './components/steps/steps.vue'
 import SarSwiperDot from './components/swiper-dot/swiper-dot.vue'
 import SarSwitch from './components/switch/switch.vue'
 import SarTab from './components/tab/tab.vue'
-import SarTabs from './components/tabs/tabs.vue'
 import SarTabbar from './components/tabbar/tabbar.vue'
 import SarTabbarItem from './components/tabbar-item/tabbar-item.vue'
+import SarTabs from './components/tabs/tabs.vue'
+import SarTag from './components/tag/tag.vue'
 import SarToast from './components/toast/toast.vue'
 import SarToastAgent from './components/toast-agent/toast-agent.vue'
 import SarUpload from './components/upload/upload.vue'
@@ -117,6 +119,7 @@ declare module '@vue/runtime-core' {
     SarLoading: typeof SarLoading
     SarMenu: typeof SarMenu
     SarNavbar: typeof SarNavbar
+    SarNavbarItem: typeof SarNavbarItem
     SarNoticeBar: typeof SarNoticeBar
     SarNotify: typeof SarNotify
     SarNotifyAgent: typeof SarNotifyAgent
@@ -150,9 +153,10 @@ declare module '@vue/runtime-core' {
     SarSwiperDot: typeof SarSwiperDot
     SarSwitch: typeof SarSwitch
     SarTab: typeof SarTab
-    SarTabs: typeof SarTabs
     SarTabbar: typeof SarTabbar
     SarTabbarItem: typeof SarTabbarItem
+    SarTabs: typeof SarTabs
+    SarTag: typeof SarTag
     SarToast: typeof SarToast
     SarToastAgent: typeof SarToastAgent
     SarUpload: typeof SarUpload

package/index.d.ts

@@ -24,6 +24,7 @@ export * from './components/icon';
 export * from './components/indexes';
 export * from './components/input';
 export * from './components/keyboard';
+export * from './components/layout';
 export * from './components/list';
 export * from './components/loading';
 export * from './components/locale';
@@ -38,6 +39,7 @@ export * from './components/password-input';
 export * from './components/picker';
 export * from './components/picker-input';
 export * from './components/popout';
+export * from './components/popout-input';
 export * from './components/popover';
 export * from './components/popover-reference';
 export * from './components/popup';
@@ -54,8 +56,9 @@ export * from './components/stepper';
 export * from './components/steps';
 export * from './components/swiper-dot';
 export * from './components/switch';
-export * from './components/tabs';
 export * from './components/tabbar';
+export * from './components/tabs';
+export * from './components/tag';
 export * from './components/toast';
 export * from './components/toast-agent';
 export * from './components/upload';

package/index.js

@@ -24,6 +24,7 @@ export * from './components/icon';
 export * from './components/indexes';
 export * from './components/input';
 export * from './components/keyboard';
+export * from './components/layout';
 export * from './components/list';
 export * from './components/loading';
 export * from './components/locale';
@@ -38,6 +39,7 @@ export * from './components/password-input';
 export * from './components/picker';
 export * from './components/picker-input';
 export * from './components/popout';
+export * from './components/popout-input';
 export * from './components/popover';
 export * from './components/popover-reference';
 export * from './components/popup';
@@ -54,8 +56,9 @@ export * from './components/stepper';
 export * from './components/steps';
 export * from './components/swiper-dot';
 export * from './components/switch';
-export * from './components/tabs';
 export * from './components/tabbar';
+export * from './components/tabs';
+export * from './components/tag';
 export * from './components/toast';
 export * from './components/toast-agent';
 export * from './components/upload';

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.0.3",
+  "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;