vite-uni-dev-tool 1.1.0 → 1.2.0

package/dist/v3/components/CircularButton/index.vue

@@ -1,84 +1,84 @@
-<template>
-  <view
-    class="circular-button"
-    :style="[computedStyle, customStyle]"
-    @click="onClick">
-    <slot>{{ text }}</slot>
-  </view>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-const props = withDefaults(
-  defineProps<{
-    text?: string;
-    customStyle?: string | Record<string, any>;
-    size?: string | number;
-    type?: 'default' | 'primary' | 'warn' | 'error';
-  }>(),
-  {
-    text: '',
-    size: '22px',
-    type: 'default',
-  },
-);
-
-const emit = defineEmits<{
-  (e: 'click', event: MouseEvent | TouchEvent): void;
-}>();
-
-const computedStyle = computed(() => {
-  const sizeValue =
-    typeof props.size === 'number' ? `${props.size}px` : props.size;
-  return {
-    width: sizeValue,
-    height: sizeValue,
-    fontSize: `calc(${sizeValue} * 0.6)`,
-  };
-});
-
-function onClick(e: MouseEvent | TouchEvent) {
-  emit('click', e);
-}
-</script>
-
-<style scoped>
-.circular-button {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  border: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-  color: var(--dev-tool-text-color);
-  cursor: pointer;
-  user-select: none;
-  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  pointer-events: auto;
-  background-color: transparent;
-  line-height: 1;
-}
-
-/* Hover state - using active bg color for consistency */
-@media (hover: hover) {
-  .circular-button:hover {
-    background-color: var(--dev-tool-active-bg-color);
-    border-color: var(--dev-tool-text-color);
-    opacity: 0.9;
-  }
-}
-
-.circular-button:active {
-  transform: scale(0.85);
-  background-color: var(--dev-tool-active-bg-color);
-  opacity: 1;
-}
-
-/* Different types if needed */
-.circular-button-primary {
-  color: var(--dev-tool-main-color);
-  border-color: var(--dev-tool-main-color);
-}
-</style>
+<template>
+  <view
+    class="circular-button"
+    :style="[computedStyle, customStyle]"
+    @click="onClick">
+    <slot>{{ text }}</slot>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+const props = withDefaults(
+  defineProps<{
+    text?: string;
+    customStyle?: string | Record<string, any>;
+    size?: string | number;
+    type?: 'default' | 'primary' | 'warn' | 'error';
+  }>(),
+  {
+    text: '',
+    size: '22px',
+    type: 'default',
+  },
+);
+
+const emit = defineEmits<{
+  (e: 'click', event: MouseEvent | TouchEvent): void;
+}>();
+
+const computedStyle = computed(() => {
+  const sizeValue =
+    typeof props.size === 'number' ? `${props.size}px` : props.size;
+  return {
+    width: sizeValue,
+    height: sizeValue,
+    fontSize: `calc(${sizeValue} * 0.6)`,
+  };
+});
+
+function onClick(e: MouseEvent | TouchEvent) {
+  emit('click', e);
+}
+</script>
+
+<style scoped>
+.circular-button {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  border: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+  color: var(--dev-tool-text-color);
+  cursor: pointer;
+  user-select: none;
+  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: auto;
+  background-color: transparent;
+  line-height: 1;
+}
+
+/* Hover state - using active bg color for consistency */
+@media (hover: hover) {
+  .circular-button:hover {
+    background-color: var(--dev-tool-active-bg-color);
+    border-color: var(--dev-tool-text-color);
+    opacity: 0.9;
+  }
+}
+
+.circular-button:active {
+  transform: scale(0.85);
+  background-color: var(--dev-tool-active-bg-color);
+  opacity: 1;
+}
+
+/* Different types if needed */
+.circular-button-primary {
+  color: var(--dev-tool-main-color);
+  border-color: var(--dev-tool-main-color);
+}
+</style>

package/dist/v3/components/CustomSwiper/CustomSwiperItem.vue

@@ -1,49 +1,49 @@
-<template>
-  <view class="custom-swiper-item" :style="customStyle">
-    <slot></slot>
-  </view>
-</template>
-
-<script lang="ts">
-export default {
-  options: {
-    virtualHost: true, // 开启虚拟节点，使组件标签不渲染，属性直接透传
-  },
-};
-</script>
-
-<script setup lang="ts">
-defineProps<{
-  customStyle?: string | Record<string, any>;
-}>();
-</script>
-
-<style scoped>
-.custom-swiper-item {
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-  overflow-y: auto;
-  box-sizing: border-box;
-
-  /* 解决模糊问题 */
-  backface-visibility: hidden;
-  transform: translateZ(0);
-}
-
-/* #ifdef H5 || APP-PLUS */
-.custom-swiper-item::-webkit-scrollbar {
-  display: none;
-  width: 0;
-  height: 0;
-  background-color: transparent;
-}
-
-.custom-swiper-item::-webkit-scrollbar-thumb {
-  width: 0;
-  height: 0;
-  background-color: transparent;
-}
-
-/* #endif */
-</style>
+<template>
+  <view class="custom-swiper-item" :style="customStyle">
+    <slot></slot>
+  </view>
+</template>
+
+<script lang="ts">
+export default {
+  options: {
+    virtualHost: true, // 开启虚拟节点，使组件标签不渲染，属性直接透传
+  },
+};
+</script>
+
+<script setup lang="ts">
+defineProps<{
+  customStyle?: string | Record<string, any>;
+}>();
+</script>
+
+<style scoped>
+.custom-swiper-item {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  box-sizing: border-box;
+
+  /* 解决模糊问题 */
+  backface-visibility: hidden;
+  transform: translateZ(0);
+}
+
+/* #ifdef H5 || APP-PLUS */
+.custom-swiper-item::-webkit-scrollbar {
+  display: none;
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+
+.custom-swiper-item::-webkit-scrollbar-thumb {
+  width: 0;
+  height: 0;
+  background-color: transparent;
+}
+
+/* #endif */
+</style>

package/dist/v3/components/CustomSwiper/index.vue

@@ -1,104 +1,104 @@
-<template>
-  <view
-    class="custom-swiper"
-    @touchstart="onTouchStart"
-    @touchend="onTouchEnd"
-    @mousedown="onMouseDown"
-    @mouseup="onMouseUp"
-    @mouseleave="onMouseLeave">
-    <view class="custom-swiper-wrapper" :style="wrapperStyle">
-      <slot></slot>
-    </view>
-  </view>
-</template>
-<script lang="ts">
-export default {
-  options: {
-    virtualHost: true, // 开启虚拟节点，使组件标签不渲染，属性直接透传
-  },
-};
-</script>
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-const props = defineProps<{
-  modelValue: number;
-  itemCount: number;
-}>();
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: number): void;
-  (e: 'change', value: number): void;
-}>();
-
-const touchStart = ref({ x: 0, y: 0 });
-
-const isDragging = ref(false);
-
-const wrapperStyle = computed(() => ({
-  transform: `translateX(-${props.modelValue * 100}%)`,
-}));
-
-// 统一处理滑动逻辑
-function handleSwipe(deltaX: number, deltaY: number) {
-  if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {
-    if (deltaX > 0 && props.modelValue > 0) {
-      const next = props.modelValue - 1;
-      emit('update:modelValue', next);
-      emit('change', next);
-    } else if (deltaX < 0 && props.modelValue < props.itemCount - 1) {
-      const next = props.modelValue + 1;
-      emit('update:modelValue', next);
-      emit('change', next);
-    }
-  }
-}
-
-// 触摸事件处理
-function onTouchStart(e: TouchEvent) {
-  const touch = e.touches[0];
-  touchStart.value = { x: touch.clientX, y: touch.clientY };
-}
-
-function onTouchEnd(e: TouchEvent) {
-  const touch = e.changedTouches[0];
-  const deltaX = touch.clientX - touchStart.value.x;
-  const deltaY = touch.clientY - touchStart.value.y;
-  handleSwipe(deltaX, deltaY);
-}
-
-// 鼠标事件处理
-function onMouseDown(e: MouseEvent) {
-  isDragging.value = true;
-  touchStart.value = { x: e.clientX, y: e.clientY };
-}
-
-function onMouseUp(e: MouseEvent) {
-  if (!isDragging.value) return;
-  isDragging.value = false;
-  const deltaX = e.clientX - touchStart.value.x;
-  const deltaY = e.clientY - touchStart.value.y;
-  handleSwipe(deltaX, deltaY);
-}
-
-function onMouseLeave() {
-  isDragging.value = false;
-}
-</script>
-
-<style scoped>
-.custom-swiper {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-}
-
-.custom-swiper-wrapper {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  will-change: transform;
-}
-</style>
+<template>
+  <view
+    class="custom-swiper"
+    @touchstart="onTouchStart"
+    @touchend="onTouchEnd"
+    @mousedown="onMouseDown"
+    @mouseup="onMouseUp"
+    @mouseleave="onMouseLeave">
+    <view class="custom-swiper-wrapper" :style="wrapperStyle">
+      <slot></slot>
+    </view>
+  </view>
+</template>
+<script lang="ts">
+export default {
+  options: {
+    virtualHost: true, // 开启虚拟节点，使组件标签不渲染，属性直接透传
+  },
+};
+</script>
+<script setup lang="ts">
+import { computed, ref } from 'vue';
+
+const props = defineProps<{
+  modelValue: number;
+  itemCount: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: number): void;
+  (e: 'change', value: number): void;
+}>();
+
+const touchStart = ref({ x: 0, y: 0 });
+
+const isDragging = ref(false);
+
+const wrapperStyle = computed(() => ({
+  transform: `translateX(-${props.modelValue * 100}%)`,
+}));
+
+// 统一处理滑动逻辑
+function handleSwipe(deltaX: number, deltaY: number) {
+  if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {
+    if (deltaX > 0 && props.modelValue > 0) {
+      const next = props.modelValue - 1;
+      emit('update:modelValue', next);
+      emit('change', next);
+    } else if (deltaX < 0 && props.modelValue < props.itemCount - 1) {
+      const next = props.modelValue + 1;
+      emit('update:modelValue', next);
+      emit('change', next);
+    }
+  }
+}
+
+// 触摸事件处理
+function onTouchStart(e: TouchEvent) {
+  const touch = e.touches[0];
+  touchStart.value = { x: touch.clientX, y: touch.clientY };
+}
+
+function onTouchEnd(e: TouchEvent) {
+  const touch = e.changedTouches[0];
+  const deltaX = touch.clientX - touchStart.value.x;
+  const deltaY = touch.clientY - touchStart.value.y;
+  handleSwipe(deltaX, deltaY);
+}
+
+// 鼠标事件处理
+function onMouseDown(e: MouseEvent) {
+  isDragging.value = true;
+  touchStart.value = { x: e.clientX, y: e.clientY };
+}
+
+function onMouseUp(e: MouseEvent) {
+  if (!isDragging.value) return;
+  isDragging.value = false;
+  const deltaX = e.clientX - touchStart.value.x;
+  const deltaY = e.clientY - touchStart.value.y;
+  handleSwipe(deltaX, deltaY);
+}
+
+function onMouseLeave() {
+  isDragging.value = false;
+}
+</script>
+
+<style scoped>
+.custom-swiper {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  position: relative;
+}
+
+.custom-swiper-wrapper {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  will-change: transform;
+}
+</style>