sard-uniapp 1.1.0-alpha.1 → 1.1.0-alpha.2

package/changelog.md

@@ -1,4 +1,4 @@
-## 1.1.0-alpha.1 (2024-04-03)
+## 1.1.0-alpha.2 (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))

package/components/slider/common.d.ts

@@ -70,4 +70,6 @@ export interface SliderSlots {
 export interface SliderEmits {
     (e: 'update:model-value', value: number | [number, number]): void;
     (e: 'change', value: number | [number, number]): void;
+    (e: 'drag-start', event: TouchEvent): void;
+    (e: 'drag-end', event: TouchEvent): void;
 }

package/components/slider/slider.vue

@@ -31,8 +31,8 @@
           "
           @touchstart="onTouchStart($event, 0)"
           @touchmove.stop.prevent="onTouchMove($event, 0)"
-          @touchend="onTouchEnd()"
-          @touchcancel="onTouchEnd()"
+          @touchend="onTouchEnd($event)"
+          @touchcancel="onTouchEnd($event)"
           @mousedown="onMouseDown($event, 0)"
         >
           <slot name="start-thumb" :value="rangeValue[0]">
@@ -51,8 +51,8 @@
           "
           @touchstart="onTouchStart($event, 1)"
           @touchmove.stop.prevent="onTouchMove($event, 1)"
-          @touchend="onTouchEnd()"
-          @touchcancel="onTouchEnd()"
+          @touchend="onTouchEnd($event)"
+          @touchcancel="onTouchEnd($event)"
           @mousedown="onMouseDown($event, 1)"
         >
           <slot name="end-thumb" :value="rangeValue[1]">
@@ -106,7 +106,12 @@ export default /* @__PURE__ */ _defineComponent({
   ...__default__,
   __name: "slider",
   props: sliderProps,
-  emits: ["update:model-value", "change"],
+  emits: [
+    "update:model-value",
+    "change",
+    "drag-start",
+    "drag-end"
+  ],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
@@ -138,6 +143,7 @@ export default /* @__PURE__ */ _defineComponent({
     let downValue;
     let moveValue;
     let downRatio = 0;
+    let triggerMove = false;
     const onSliderClick = async (event) => {
       if (isDisabled.value || isReadonly.value) {
         return;
@@ -200,6 +206,10 @@ export default /* @__PURE__ */ _defineComponent({
       if (isDisabled.value || isReadonly.value) {
         return;
       }
+      if (!triggerMove) {
+        triggerMove = true;
+        emit("drag-start", event);
+      }
       if (!trackRect) {
         return;
       }
@@ -231,13 +241,15 @@ export default /* @__PURE__ */ _defineComponent({
         emit("update:model-value", nextValue);
       }
     };
-    const onTouchEnd = () => {
+    const onTouchEnd = (event) => {
+      triggerMove = false;
       if (isDisabled.value || isReadonly.value) {
         return;
       }
       if (!arrayEqual(toArray(downValue), toArray(innerValue.value))) {
         emit("change", innerValue.value);
       }
+      emit("drag-end", event);
     };
     const onMouseDown = (event, index) => {
       const info = uni.getSystemInfoSync();
@@ -253,7 +265,7 @@ export default /* @__PURE__ */ _defineComponent({
         );
       };
       const upHandler = () => {
-        onTouchEnd();
+        onTouchEnd(event);
         document.removeEventListener("mouseup", upHandler);
         document.removeEventListener("mousemove", moveHandler);
       };
@@ -362,6 +374,10 @@ export default /* @__PURE__ */ _defineComponent({
       return downRatio;
     }, set downRatio(v) {
       downRatio = v;
+    }, get triggerMove() {
+      return triggerMove;
+    }, set triggerMove(v) {
+      triggerMove = v;
     }, onSliderClick, get downCoord() {
       return downCoord;
     }, set downCoord(v) {

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.1.0-alpha.1",
+  "version": "1.1.0-alpha.2",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "keywords": [
     "uniapp",