<template>
    <BaseSameLayer
        :hosSameLayerArgs="hosSameLayerArgs"
        embedType="native/midea-picker"
        :defaultWidth="300"
        :defaultHeight="180"
    ></BaseSameLayer>
</template>

<script>
import BaseSameLayer from './baseSameLayer.vue'

export default {
    data() {
        return {
            width: 0,
            height: 0
        }
    },
    name: "MideaPicker",
    components: {
        BaseSameLayer
    },
    props: {
        hosUniqueProps: {
            type: Object,
            default() {
                return {}
            }
        },
        config: {
            type: Object,
            required: true
        }
    },
    computed: {
        hosSameLayerArgs() {
            return {
                ...this.hosUniqueProps,// 鸿蒙原生组件独有属性
                width: this.width,
                height: this.height,
                config: this.config,
                onScrollCompleted: this.onScollCompleted
            }
        }
    },
    mounted() {
        this.width = this.$el.clientWidth;
        this.height = this.$el.clientHeight;
    },

    methods: {
        onScollCompleted(res) {
            this.$emit("mideaPickerChange", res)
        },
    },
};
</script>