import {defineStore} from 'pinia'


export const useDnsStore = defineStore('useDnsStore', {
    state: () => {
        const {t} = useI18n()
        return {
            defaultDnsArr: [
                {
                    label: "本地接口",
                    name: "nuxt",
                    order: 0,
                    show: true,
                    disabled: false,
                    iName: "本地 DNS",
                    flag: 'material-symbols:dns-outline'
                },
                {
                    label: "Google",
                    name: "google",
                    order: 1,
                    show: true,
                    disabled: false,
                    iName: 'Google',
                    flag: 'flat-color-icons:google'
                },
                {
                    label: "AliYun",
                    name: "aliyun",
                    order: 2,
                    show: true,
                    disabled: false,
                    iName: 'AliYun',
                    flag: 'ant-design:aliyun-outlined'
                },
                {
                    label: "Tencent",
                    name: "tencent",
                    order: 3,
                    show: true,
                    disabled: false,
                    iName: 'Tencent',
                    flag: 'emojione:cloud'
                },
                {
                    label: "Cloudflare",
                    name: "cloudflare",
                    order: 4,
                    show: false,
                    disabled: true,
                    iName: 'CloudFlare',
                    flag: 'skill-icons:cloudflare-light'
                }
            ],
            newsDnsArr: [] as any,
        }
    },
    actions: {
        newDnsList() {
            this.newsDnsArr = this.defaultDnsArr;
        },
        checkNewsDnsUpdate() {
            const mainData = this.newsDnsArr;
            let updatedNum = 0;
            if (!mainData) return false;
            // console.log("列表尝试更新", this.defaultWhoisArr, this.newsWhoisArr);
            // 执行比较并迁移
            if (this.newsDnsArr.length > 0) {
                for (const newItem of this.defaultDnsArr) {
                    const exists = this.newsDnsArr.some(
                        (news: any) =>
                            newItem.label === news.label && newItem.name === news.name
                    );
                    if (!exists) {
                        // console.log("列表有更新：", newItem);
                        updatedNum++;
                        this.newsDnsArr.push(newItem);
                    }
                }
                if (updatedNum) useMessage().success(`成功更新 ${updatedNum} 个Dns数据`);
            } else {
                // console.log("列表无内容，写入默认");
                this.newsDnsArr = this.defaultDnsArr;
            }
        },
        moveToTop(name: string) {
            // 找到对应元素的索引
            const index = this.newsDnsArr.findIndex((item: any) => item.name === name);
            if (index === -1) return; // 如果没找到，直接返回

            // 获取该元素
            const itemToMove = this.newsDnsArr.splice(index, 1)[0];
            // 将该元素移动到数组的开头
            this.newsDnsArr.unshift(itemToMove);

            // 可选：如果您想同时更新所有元素的order属性以反映新的顺序
            this.newsDnsArr.forEach((item: any, idx: any) => {
                item.order = idx;
            });
        },
    },
    getters: {
        getNewDnsArr: (state: any) => state.newsDnsArr,
        // 获取第一个展示的 Dns 服务器
        getFirstNewDnsShown: (state: any) => state.newsDnsArr.find((item: any) => item.show),
        //判断是否有开启的 Dns 服务器
        getHasShownItems(state: any) {
            return state.newsDnsArr.some((item: any) => item.show);
        },
    },
    persist: {
        storage: persistedState.cookiesWithOptions({
            sameSite: 'strict',
        }),
    },
})