"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
Object.defineProperty(exports, "__esModule", { value: true });
var promise_wx_api_1 = require("../../../../utils/promise-wx-api");
var anime_1 = require("../../../../mixins/anime");
var app = getApp();
Component({
    behaviors: [anime_1.default],
    properties: {
        tagName: {
            type: String,
            value: "",
        },
    },
    data: {
        customerId: "",
        currentGridName: "",
        iniLoaded: false,
        tagsMore: false,
        tagsStatus: false,
        hideMore: false,
        tagsList: [],
        filterTags: [],
        hideMoreBtn: false,
        secondeTags: [],
        releasedUrl: "resi/voice/article/articlelist",
        listParams: {
            gridId: "",
        },
        listIsMock: false,
        tagIdList: [],
        filterHeight: "185rpx",
        tagsHeight: "162rpx",
        scrollTops: 0,
        swiperHeight: "100%",
    },
    ready: function () {
        return __awaiter(this, void 0, void 0, function () {
            return __generator(this, function (_a) {
                this.computedTagHeight();
                return [2];
            });
        });
    },
    methods: {
        onShow: function () {
            return __awaiter(this, void 0, void 0, function () {
                return __generator(this, function (_a) {
                    this.initTags();
                    return [2];
                });
            });
        },
        onLoad: function () {
            return __awaiter(this, void 0, void 0, function () {
                var tagName;
                return __generator(this, function (_a) {
                    switch (_a.label) {
                        case 0: return [4, app.doAfterLogin()];
                        case 1:
                            _a.sent();
                            return [4, this.initTags()];
                        case 2:
                            _a.sent();
                            tagName = this.data.tagName;
                            if (tagName) {
                                this.choiceTag(tagName);
                                wx.setNavigationBarTitle({
                                    title: tagName,
                                });
                            }
                            this.init();
                            return [2];
                    }
                });
            });
        },
        onReachBottom: function () {
            console.log("onReachBottom");
            var $list = this.selectComponent("#releasedList");
            $list.getMore();
        },
        init: function () {
            return __awaiter(this, void 0, void 0, function () {
                var iniLoaded, $loading, _a, gridId, currentGridName, that;
                return __generator(this, function (_b) {
                    iniLoaded = this.data.iniLoaded;
                    $loading = this.selectComponent("#loading");
                    if (!iniLoaded) {
                        $loading.show();
                    }
                    _a = app.globalData, gridId = _a.gridId, currentGridName = _a.currentGridName;
                    this.setData({
                        listParams: {
                            gridId: gridId,
                        },
                        currentGridName: currentGridName,
                    });
                    that = this;
                    setTimeout(function () {
                        that.setData({
                            iniLoaded: true,
                        });
                        $loading.hide();
                    }, 1000);
                    return [2];
                });
            });
        },
        initTags: function () {
            return __awaiter(this, void 0, void 0, function () {
                var _a, _b, code, data, msg, that_1;
                return __generator(this, function (_c) {
                    switch (_c.label) {
                        case 0: return [4, promise_wx_api_1.wxRequestPost("resi/voice/article/taglist", {
                                gridId: app.globalData.gridId,
                                customerId: app.globalData.customerId,
                            }, {
                                isMock: false,
                            })];
                        case 1:
                            _a = _c.sent(), _b = _a.data.data, code = _b.code, data = _b.data, msg = _a.msg;
                            if (msg === "success" && code === 0) {
                                this.setData({ tagsList: data });
                                that_1 = this;
                                setTimeout(function () {
                                    that_1.getInitTagsHeight();
                                }, 1000);
                            }
                            return [2];
                    }
                });
            });
        },
        getInitTagsHeight: function () {
            var that = this;
            var query = wx.createSelectorQuery().in(this);
            query
                .selectAll(".tags-item-container")
                .boundingClientRect(function (res) {
                if (Array.isArray(res) && res.length > 0) {
                    console.log("res7777778887777777", res[0].height);
                    var hideMoreBtn = false;
                    if (res[0].height <= 35) {
                        hideMoreBtn = true;
                    }
                    that.setData({
                        hideMoreBtn: hideMoreBtn,
                    });
                }
            })
                .exec();
        },
        handleTagsMore: function () {
            if (this.data.tagsMore)
                this.animeFadeOut("tags-mask");
            this.setData({
                scrollTops: 0,
                tagsMore: !this.data.tagsMore,
            });
        },
        getRelationTag: function (arr) {
            return __awaiter(this, void 0, void 0, function () {
                var _a, _b, code, data, msg;
                return __generator(this, function (_c) {
                    switch (_c.label) {
                        case 0: return [4, promise_wx_api_1.wxRequestPost("resi/voice/article/tagcascadelist", {
                                customerId: app.globalData.customerId,
                                gridId: app.globalData.gridId,
                                tagIdList: arr,
                            }, {
                                isMock: false,
                            })];
                        case 1:
                            _a = _c.sent(), _b = _a.data.data, code = _b.code, data = _b.data, msg = _a.msg;
                            if (msg === "success" && code === 0) {
                                this.setData({ secondeTags: data });
                            }
                            return [2];
                    }
                });
            });
        },
        handleFilterTag: function (e) {
            return __awaiter(this, void 0, void 0, function () {
                var index, _a, filterTags, tagsList, secondeTags, tagsMore, tagIdList;
                return __generator(this, function (_b) {
                    index = e.currentTarget.dataset.index;
                    _a = this.data, filterTags = _a.filterTags, tagsList = _a.tagsList, secondeTags = _a.secondeTags, tagsMore = _a.tagsMore, tagIdList = _a.tagIdList;
                    if (tagsMore)
                        this.setData({ tagsMore: !tagsMore });
                    filterTags.push(tagsList[index]);
                    tagIdList = filterTags.map(function (item) { return item.tagId; });
                    this.getRelationTag(tagIdList);
                    this.setData({ filterTags: filterTags, tagIdList: tagIdList });
                    this.computeScrollViewHeight();
                    this.computedTagHeight();
                    return [2];
                });
            });
        },
        choiceTag: function (tagName) {
            return __awaiter(this, void 0, void 0, function () {
                var _a, filterTags, tagsList, tagsMore, tagIdList, tagItem;
                return __generator(this, function (_b) {
                    _a = this.data, filterTags = _a.filterTags, tagsList = _a.tagsList, tagsMore = _a.tagsMore, tagIdList = _a.tagIdList;
                    if (tagsMore)
                        this.setData({ tagsMore: !tagsMore });
                    tagItem = tagsList.find(function (item) { return item.tagName == tagName; });
                    filterTags.push(tagItem);
                    tagIdList = filterTags.map(function (item) { return item.tagId; });
                    this.getRelationTag(tagIdList);
                    this.setData({ filterTags: filterTags, tagIdList: tagIdList });
                    return [2];
                });
            });
        },
        handleFilterDel: function (e) {
            return __awaiter(this, void 0, void 0, function () {
                var index, _a, filterTags, secondeTags, tagIdList;
                return __generator(this, function (_b) {
                    index = e.currentTarget.dataset.index;
                    _a = this.data, filterTags = _a.filterTags, secondeTags = _a.secondeTags, tagIdList = _a.tagIdList;
                    filterTags.splice(index, 1);
                    if (filterTags.length < 1) {
                        secondeTags = [];
                        tagIdList = [];
                    }
                    tagIdList = filterTags.map(function (item) { return item.tagId; });
                    this.getRelationTag(tagIdList);
                    this.setData({ filterTags: filterTags, tagIdList: tagIdList });
                    if (filterTags.length > 0)
                        this.computeScrollViewHeight();
                    this.computedTagHeight();
                    return [2];
                });
            });
        },
        handleSecondTag: function (e) {
            return __awaiter(this, void 0, void 0, function () {
                var index, _a, filterTags, secondeTags, tagIdList;
                return __generator(this, function (_b) {
                    index = e.currentTarget.dataset.index;
                    _a = this.data, filterTags = _a.filterTags, secondeTags = _a.secondeTags, tagIdList = _a.tagIdList;
                    filterTags.push(secondeTags[index]);
                    tagIdList = filterTags.map(function (item) { return item.tagId; });
                    this.getRelationTag(tagIdList);
                    this.setData({ filterTags: filterTags, tagIdList: tagIdList });
                    this.computeScrollViewHeight();
                    this.computedTagHeight();
                    return [2];
                });
            });
        },
        computedTagHeight: function () {
            var that = this;
            var query = wx.createSelectorQuery().in(this);
            var ress = wx.getSystemInfoSync();
            query
                .selectAll(".tags-item-container, .tags-show, .fixed-h, .tags-height")
                .boundingClientRect(function (res) {
                console.log("res111", res);
                console.log("_height", res);
            })
                .exec();
        },
        computedSwiperHeight: function () {
            var that = this;
            var query = wx.createSelectorQuery().in(this);
            var ress = wx.getSystemInfoSync();
            query
                .select(".fixed-h")
                .boundingClientRect(function (res) {
                that.setData({
                    swiperHeight: ress.windowHeight - res.height + "px",
                });
                console.log("_height", res);
            })
                .exec();
        },
        computeScrollViewHeight: function () {
            var that = this;
            var query = wx.createSelectorQuery().in(this);
            query
                .select(".tags-filter")
                .boundingClientRect(function (res) {
                var _height = res.height;
                that.setData({
                    filterHeight: _height + "px",
                });
            })
                .exec();
        },
        tagScroll: function (e) {
            var scrollTop = e.detail.scrollTop;
            this.setData({ scrollTops: scrollTop });
        },
    },
});