import { LightningElement,api, track } from 'lwc';

export default class jzlookup extends LightningElement {


    connectedCallback(){
        // this.changeSearchData();

        // setInterval(()=>{
        //     this.searchchangeRefresh();
        // },400);
    }

    renderedCallback(){
        if (this.disabled == true) {
            var inputs = this.template.querySelectorAll('lightning-input');
            inputs.forEach(fileInput=>{
                fileInput.disabled = true;
            })
        }
    }
    //加载
    IsLoading = false;
    LodingText = ''
    OnLoading(flag,value=''){
        this.LodingText = value;
        this.IsLoading = flag;
            
    }
    @api name=''
    @api option = []
    @api searchdata=[];
    @api label = ''
    @api placeholder = ''
    @track InputValue = '';

    @api disabled= false;
    ShowData = []

    isShow = false;
    searchClick(event)
    {
        //判断是否禁用
        if(this.ondisabledShow)
        {
            return;
        }
        //判断值是否有变化
        if(this.itemClickValue == this.InputValue && this.InputValue != undefined && this.InputValue!='')
        {
            return;
        }
     
        if(this.InputValue == undefined || this.InputValue == '' )
        {
            this.isShow= true;
            this.OnLoading(true,"搜索中...");
            const getSearchParamsEvent = new CustomEvent('searchclick', {
                detail: {}
            });
            this.dispatchEvent(getSearchParamsEvent);
            return;
        }

        this.isShow= true;
    }
    onblurFn(event)
    {
        setTimeout(()=>{
            if (!this.isClick) {
                const getSearchParamsEvent = new CustomEvent('clear', {
                    detail: {}
                });
                this.dispatchEvent(getSearchParamsEvent);
            }
            this.isShow= false; 
            //判断值是否有变化
            if(this.itemClickValue == this.InputValue)
            {
                return;
            }

            if (!this.isClick) {
                this.InputValue = '';
            }
            },400)
       
    }

    refreshCount = 0;
    changeSearchData()
    {

        this.refreshCount ++;
        console.warn(this.refreshCount +" == "+ this.searchCount);
    

        if (this.refreshCount > this.searchCount) {
            this.refreshCount = this.searchCount;
        }
        if (this.refreshCount < this.searchCount) {
            return;
        }

  

        var TempShowData= [];
        this.searchdata.forEach(item=>{
            var temp = {};
            this.option.forEach(option=>{
                temp.value1 = item[option.lableOne];
                temp.value2 = item[option.lableTwo];
            })
            temp.Id = item.Id;
            TempShowData.push(temp);
        })

        this.ShowData = [...[],...TempShowData];
       

        setTimeout(()=>{
            if (this.ShowData.length<1) {
                this.OnLoading(true,"暂无数据");
            }else{
                this.OnLoading(false,"");
            }
        },300);
        
    }


    ifFlag = false;
    searchCount = 0;
    //搜索输入
    searchchange(event)
    {   
        this.isClick = false;
        var values = event.target.value;
        //判断值是否有变化
        if(this.itemClickValue == values)
        {
            return;
        }
        if (values.length >= 3) {
            this.isShow= true;
            this.OnLoading(true,"搜索中...");
            this.InputValue = values;
            this.searchchangeRefresh();
            this.searchCount++;
        }
     
    
    }

    oldSearchContent = '';
    searchchangeRefresh()
    {
        const getSearchParamsEvent = new CustomEvent('searchchange', {
            detail: {searchContent:this.InputValue}
        });
        this.dispatchEvent(getSearchParamsEvent);
    }

    
    isClick =  false;
    itemClickValue = '';
    //选项列表点击
    itemclick(event,id)
    {
        if(this.isIconClick)
        {
            return;
        }
        
        var Id;
        if (id!=undefined) {
            Id = id;
        }else{
            Id = event.target.dataset.id;
        }
         
        
        var tempData  = {};
        this.searchdata.forEach(item=>{
            if (item.Id == Id) {
                tempData = {...{},...item};
            }
        })
        this.InputValue = tempData[this.option[0].lableOne] == undefined?"":tempData[this.option[0].lableOne];
        this.itemClickValue = this.InputValue;
        const getSearchParamsEvent = new CustomEvent('selected', {
            detail: {selectdata:tempData,name:this.name}
        });
        this.dispatchEvent(getSearchParamsEvent);

        this.isShow= false;
        this.isClick = true;
    }
    isIconClick = false;
    iconclick(event)
    {
        this.itemclick(null,event.target.title);
        this.isIconClick = true;

        setTimeout(() => {
            this.isIconClick = false;
        }, 200);
    }

    @api refreshdata(data){
        if (data!=undefined) {
            this.IsZero = false;
            this.searchdata = [...[],...data];
            this.changeSearchData();
        }
    }

    @api setvalue(data){
        this.InputValue=data;
        this.itemClickValue = this.InputValue;
    }
    @api getvalue(){
        return this.InputValue;
    }

    IsZero = false;
    
    @api iszero(){
      this.OnLoading(false);
      this.IsZero = true;
    }

    ondisabledShow = false;
     
    @api todisabled()
    {
        var inputs = this.template.querySelectorAll('lightning-input');
        inputs.forEach(inputFile=>{
            inputFile.disabled = true;
        })
        this.ondisabledShow = true;
    }
}