icssoa 8 місяців тому
батько
коміт
e2c62a20fc

+ 16 - 6
pages/demo/other/sign.uvue

@@ -1,6 +1,6 @@
 <template>
 	<cl-page>
-		<cl-sign ref="signRef" :height="height" :enable-brush="isBrush"></cl-sign>
+		<cl-sign ref="signRef" :height="height" :width="width" :enable-brush="isBrush"></cl-sign>
 
 		<view class="p-3">
 			<cl-list>
@@ -10,7 +10,7 @@
 				</cl-list-item>
 
 				<cl-list-item label="大屏">
-					<cl-switch v-model="isFullscreen"></cl-switch>
+					<cl-switch v-model="isFullscreen" @change="onFullscreenChange"></cl-switch>
 				</cl-list-item>
 
 				<cl-list-item label="毛笔效果">
@@ -22,11 +22,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { ref } from "vue";
 
-const height = computed(() => {
-	return isFullscreen.value ? uni.getWindowInfo().windowHeight - 200 : 200;
-});
+const height = ref(0);
+const width = ref(0);
 
 const isFullscreen = ref(false);
 const isBrush = ref(true);
@@ -43,4 +42,15 @@ function preview() {
 		});
 	});
 }
+
+function onFullscreenChange() {
+	height.value = isFullscreen.value ? uni.getWindowInfo().windowHeight - 200 : 200;
+}
+
+onReady(() => {
+	const { windowWidth } = uni.getWindowInfo();
+
+	height.value = 200;
+	width.value = windowWidth;
+});
 </script>

+ 1 - 3
uni_modules/cool-ui/components/cl-cropper/cl-cropper.uvue

@@ -521,8 +521,6 @@ function initCrop() {
 	container.height = windowHeight;
 	container.width = windowWidth;
 
-	console.log(container);
-
 	// 设置裁剪框尺寸为传入的初始值
 	cropBox.width = props.cropWidth; // 设置裁剪框宽度
 	cropBox.height = props.cropHeight; // 设置裁剪框高度
@@ -633,7 +631,7 @@ function onImageLoaded(e: UniImageLoadEvent) {
 
 	nextTick(() => {
 		// 执行初始化流程
-		initCrop(); // 初始化裁剪框位置和尺寸
+		reset(); // 重置裁剪框
 		setInitialImageSize(); // 设置图片初始显示尺寸
 		adjustBounds(); // 调整图片边界确保覆盖裁剪框
 	});

+ 0 - 2
uni_modules/cool-ui/components/cl-popup/cl-popup.uvue

@@ -376,8 +376,6 @@ function onTouchStart(e: UniTouchEvent) {
  * 计算手指移动距离,更新弹出层位置
  */
 function onTouchMove(e: UniTouchEvent) {
-	console.log(111);
-
 	if (swipe.isTouch) {
 		// 标记为移动状态
 		swipe.isMove = true;

+ 1 - 1
uni_modules/cool-ui/components/cl-sign/cl-sign.uvue

@@ -32,7 +32,7 @@ const props = defineProps({
 	// 画布宽度
 	width: {
 		type: Number,
-		default: () => uni.getWindowInfo().windowWidth
+		default: 300
 	},
 	// 画布高度
 	height: {