widget.qw 1.0.83 → 1.0.84

package/src/components/widget/DataPop.vue

@@ -1,96 +1,96 @@
-<template>
-    <!-- 数据选择弹出层 -->
-    <van-popup v-model:show="show" position="bottom" class="popup-box">
-        <!-- 全选 -->
-        <div class="select-all-container">
-            <van-checkbox shape="square" v-model="data.isAllChecked" @click="onToggleAll"
-                label-position="left">全选</van-checkbox>
-        </div>
-        <!-- 数据列表 -->
-        <div class="checkbox-list">
-            <van-checkbox-group v-model="modelValue" direction="vertical">
-                <van-checkbox style="padding:5px 0;" v-for="(option, i) in props.options" :key="i" :name="option.code"
-                    shape="square">{{ option.title }}</van-checkbox>
-            </van-checkbox-group>
-        </div>
-    </van-popup>
-</template>
-
-<script setup>
-import { onMounted, ref, reactive, onBeforeUpdate, computed, nextTick, watch } from "vue"
-import { useVModel } from "@vueuse/core";
-
-const props = defineProps({
-    show: {
-        type: Boolean,
-        default: false,
-    },
-    options: {
-        type: Array,
-        default: []
-    },
-    modelValue: {
-        type: Array,
-        default: []
-    }
-});
-
-const data = reactive({
-    isAllChecked: false,
-})
-// 定义emit
-const emit = defineEmits(["update:show", "update:modelValue"]);
-// 弹出?
-const show = useVModel(props, 'show', emit)
-// 选中的code列表
-const modelValue = useVModel(props, 'modelValue', emit)
-
-onMounted(async () => {
-
-});
-
-const onToggleAll = () => {
-    if (data.isAllChecked) {
-        modelValue.value = props.options.map(item => {
-            return item.code
-        })
-    } else {
-        modelValue.value = [];
-    }
-};
-</script>
-
-<style scoped>
-.popup-box {
-    min-height: 20vh;
-    max-height: 40vh;
-    overflow-y: auto;
-
-    .checkbox-list {
-        padding: 15px 25px;
-
-        :deep(.van-checkbox__label) {
-            flex: 1;
-            text-align: right;
-        }
-    }
-}
-
-.select-all-container {
-    font-size: 14px;
-    padding: 15px 25px 0 15px;
-    margin: 10px 0;
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-}
-
-.select-all-container .van-checkbox {
-    margin-left: auto;
-}
-
-/* 新增：调整方形复选框的边距 */
-.van-checkbox--square {
-    margin-left: 8px;
-}
+<template>
+    <!-- 数据选择弹出层 -->
+    <van-popup v-model:show="show" position="bottom" class="popup-box">
+        <!-- 全选 -->
+        <div class="select-all-container">
+            <van-checkbox shape="square" v-model="data.isAllChecked" @click="onToggleAll"
+                label-position="left">全选</van-checkbox>
+        </div>
+        <!-- 数据列表 -->
+        <div class="checkbox-list">
+            <van-checkbox-group v-model="modelValue" direction="vertical">
+                <van-checkbox style="padding:5px 0;" v-for="(option, i) in props.options" :key="i" :name="option.code"
+                    shape="square">{{ option.title }}</van-checkbox>
+            </van-checkbox-group>
+        </div>
+    </van-popup>
+</template>
+
+<script setup>
+import { onMounted, ref, reactive, onBeforeUpdate, computed, nextTick, watch } from "vue"
+import { useVModel } from "@vueuse/core";
+
+const props = defineProps({
+    show: {
+        type: Boolean,
+        default: false,
+    },
+    options: {
+        type: Array,
+        default: []
+    },
+    modelValue: {
+        type: Array,
+        default: []
+    }
+});
+
+const data = reactive({
+    isAllChecked: false,
+})
+// 定义emit
+const emit = defineEmits(["update:show", "update:modelValue"]);
+// 弹出?
+const show = useVModel(props, 'show', emit)
+// 选中的code列表
+const modelValue = useVModel(props, 'modelValue', emit)
+
+onMounted(async () => {
+
+});
+
+const onToggleAll = () => {
+    if (data.isAllChecked) {
+        modelValue.value = props.options.map(item => {
+            return item.code
+        })
+    } else {
+        modelValue.value = [];
+    }
+};
+</script>
+
+<style scoped>
+.popup-box {
+    min-height: 20vh;
+    max-height: 40vh;
+    overflow-y: auto;
+
+    .checkbox-list {
+        padding: 15px 25px;
+
+        :deep(.van-checkbox__label) {
+            flex: 1;
+            text-align: right;
+        }
+    }
+}
+
+.select-all-container {
+    font-size: 14px;
+    padding: 15px 25px 0 15px;
+    margin: 10px 0;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+}
+
+.select-all-container .van-checkbox {
+    margin-left: auto;
+}
+
+/* 新增：调整方形复选框的边距 */
+.van-checkbox--square {
+    margin-left: 8px;
+}
 </style>