sard-uniapp 1.0.4 → 1.1.0-alpha.1

package/changelog.md

@@ -0,0 +1,32 @@
+## 1.1.0-alpha.1 (2024-04-03)
+
+* docs: update quickstart.md ([fa280f6](https://github.com/sutras/sard-uniapp/commit/fa280f6))
+* build: 新增changelog构建流程 ([e1e862d](https://github.com/sutras/sard-uniapp/commit/e1e862d))
+
+
+
+## <small>1.0.5 (2024-03-30)</small>
+
+* fix: 修复打包组件缺少文件的问题 ([21c032f](https://github.com/sutras/sard-uniapp/commit/21c032f))
+* test(test): 完善测试用例 ([49f9967](https://github.com/sutras/sard-uniapp/commit/49f9967))
+
+
+
+## <small>1.0.4 (2024-01-12)</small>
+
+* fix(sard-uniapp): 修复打包缺少tag组件的bug ([c78f26c](https://github.com/sutras/sard-uniapp/commit/c78f26c))
+* docs(doc): global component type prompt ([fb7d84e](https://github.com/sutras/sard-uniapp/commit/fb7d84e))
+* build(sard-uniapp): update npm files field ([004ce1e](https://github.com/sutras/sard-uniapp/commit/004ce1e))
+* add LICENSE. ([8082335](https://github.com/sutras/sard-uniapp/commit/8082335))
+
+
+
+## <small>1.0.2 (2023-12-23)</small>
+
+* fix(global): fixed bugs ([eee4541](https://github.com/sutras/sard-uniapp/commit/eee4541))
+* feat: 新增基础组件 ([8e6385e](https://github.com/sutras/sard-uniapp/commit/8e6385e))
+* feat(global): 新增组件 ([5c65aab](https://github.com/sutras/sard-uniapp/commit/5c65aab))
+* chore: 基础框架搭建 ([212fc3a](https://github.com/sutras/sard-uniapp/commit/212fc3a))
+
+
+

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

@@ -69,4 +69,5 @@ export interface SliderSlots {
 }
 export interface SliderEmits {
     (e: 'update:model-value', value: number | [number, number]): void;
+    (e: 'change', value: number | [number, number]): void;
 }

package/components/slider/slider.vue

@@ -31,6 +31,8 @@
           "
           @touchstart="onTouchStart($event, 0)"
           @touchmove.stop.prevent="onTouchMove($event, 0)"
+          @touchend="onTouchEnd()"
+          @touchcancel="onTouchEnd()"
           @mousedown="onMouseDown($event, 0)"
         >
           <slot name="start-thumb" :value="rangeValue[0]">
@@ -49,6 +51,8 @@
           "
           @touchstart="onTouchStart($event, 1)"
           @touchmove.stop.prevent="onTouchMove($event, 1)"
+          @touchend="onTouchEnd()"
+          @touchcancel="onTouchEnd()"
           @mousedown="onMouseDown($event, 1)"
         >
           <slot name="end-thumb" :value="rangeValue[1]">
@@ -102,7 +106,7 @@ export default /* @__PURE__ */ _defineComponent({
   ...__default__,
   __name: "slider",
   props: sliderProps,
-  emits: ["update:model-value"],
+  emits: ["update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -171,6 +175,7 @@ export default /* @__PURE__ */ _defineComponent({
       if (nextValue !== void 0) {
         innerValue.value = nextValue;
         emit("update:model-value", nextValue);
+        emit("change", nextValue);
       }
     };
     let downCoord = {
@@ -226,6 +231,14 @@ export default /* @__PURE__ */ _defineComponent({
         emit("update:model-value", nextValue);
       }
     };
+    const onTouchEnd = () => {
+      if (isDisabled.value || isReadonly.value) {
+        return;
+      }
+      if (!arrayEqual(toArray(downValue), toArray(innerValue.value))) {
+        emit("change", innerValue.value);
+      }
+    };
     const onMouseDown = (event, index) => {
       const info = uni.getSystemInfoSync();
       onTouchStart(
@@ -240,6 +253,7 @@ export default /* @__PURE__ */ _defineComponent({
         );
       };
       const upHandler = () => {
+        onTouchEnd();
         document.removeEventListener("mouseup", upHandler);
         document.removeEventListener("mousemove", moveHandler);
       };
@@ -352,7 +366,7 @@ export default /* @__PURE__ */ _defineComponent({
       return downCoord;
     }, set downCoord(v) {
       downCoord = v;
-    }, onTouchStart, onTouchMove, onMouseDown, rangeValue, rangePercent, scales, sliderClass, sliderStyle, thumbStyle, valueClass, valueStyle, get classNames() {
+    }, onTouchStart, onTouchMove, onTouchEnd, onMouseDown, rangeValue, rangePercent, scales, sliderClass, sliderStyle, thumbStyle, valueClass, valueStyle, get classNames() {
       return classNames;
     }, get stringifyStyle() {
       return stringifyStyle;

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

@@ -3,7 +3,7 @@ export interface ToastProps {
     rootStyle?: StyleValue;
     rootClass?: string;
     type?: 'text' | 'loading' | 'success' | 'fail';
-    title?: string;
+    title?: string | number;
     visible?: boolean;
     position?: 'top' | 'center' | 'bottom';
     overlay?: boolean;
@@ -15,10 +15,10 @@ 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;
+    title: (StringConstructor | NumberConstructor)[];
     visible: BooleanConstructor;
     position: {
         type: PropType<NonNullable<"center" | "top" | "bottom" | undefined>>;

package/components/toast/common.js

@@ -12,7 +12,7 @@ export const toastProps = {
         type: String,
         default: defaultConfig.toast.type,
     },
-    title: String,
+    title: [String, Number],
     visible: Boolean,
     position: {
         type: String,

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

@@ -10,10 +10,10 @@ 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;
+    title: (StringConstructor | NumberConstructor)[];
     visible: BooleanConstructor;
     position: {
         type: import("vue").PropType<NonNullable<"center" | "top" | "bottom" | undefined>>;
@@ -40,10 +40,10 @@ export declare const mapIdImperative: Record<string, {
 export type ToastOptions = ToastAgentProps;
 export interface ToastSimpleShowFunction {
     (options: ToastOptions): void;
-    (title: string, options?: ToastOptions): void;
+    (title?: string | number, options?: ToastOptions): void;
 }
 export interface ToastShowFunction {
-    (optionsOrTitle: string | ToastOptions, options?: ToastOptions, internalType?: ToastOptions['type']): void;
+    (optionsOrTitle?: string | number | ToastOptions, options?: ToastOptions, internalType?: ToastOptions['type']): void;
 }
 export type ToastFunction = ToastSimpleShowFunction & {
     success: ToastSimpleShowFunction;

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.1.0-alpha.1",
   "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;