import { Component, OnInit } from '@angular/core';
import { ComboServerSideToken } from 'projects/combo-list/src/public-api';
import { LookupHttpBeQueryService } from './service/Lookup-http.service';
import { of } from 'rxjs';
import { ServerSideToken } from '@farris/ui-lookup';
import * as TreeData from '../../../assets/data/big-tree-data-lookup.json';
import * as NormalData from '../../../assets/data/grid.json';
@Component({
    selector: 'farris-doc-combo-lookup',
    templateUrl: './combo-demo.component.html',
    styleUrls: ['./combo-demo.component.scss'],
    providers: [{ provide: ServerSideToken, useClass: LookupHttpBeQueryService }]
})
export class ComboLookUpDemoComponent implements OnInit {
    prefix = 'assets/codes/combo-lookup/'
    value1 = '';
    value2 = '';
    value3 = '';
    value4 = '12eb1a6f-109f-43d3-a70e-dffbb7fe3b3a';
    value5 = '';
    data = {
        txt : '中国',
        txt2 : '',
        txt3 : '',
        value1 : '1',
        value2 : '2',
        value3 : '1,2,3'
    };
    items = [
        {id: false, label: '中国', src: 'assets/images/avatar-1.png'},
        {id: 2, label: '俄罗斯', src: 'assets/images/avatar-2.png'},
        {id: 3, label: '菲律宾', src: 'assets/images/avatar-3.png'},
        {id: 4, label: '越南', src: 'assets/images/avatar-4.png'},
        {id: 5, label: '老挝', src: 'assets/images/avatar-5.png'},
        {id: 6, label: '中国1', src: 'assets/images/avatar-1.png'},
        {id: 7, label: '俄罗斯1', src: 'assets/images/avatar-2.png'},
        {id: 8, label: '菲律宾1', src: 'assets/images/avatar-3.png'},
        {id: 9, label: '越南1', src: 'assets/images/avatar-4.png'},
        {id: 10, label: '老挝1', src: 'assets/images/avatar-5.png'},
        {id: 11, label: '中国2', src: 'assets/images/avatar-1.png'},
        {id: 12, label: '俄罗斯2', src: 'assets/images/avatar-2.png'},
        {id: 13, label: '菲律宾2', src: 'assets/images/avatar-3.png'},
        {id: 14, label: '越南2', src: 'assets/images/avatar-4.png'},
        {id: 15, label: '老挝2', src: 'assets/images/avatar-5.png'},
        {id: 16, label: '中国3', src: 'assets/images/avatar-1.png'},
        {id: 17, label: '俄罗斯3', src: 'assets/images/avatar-2.png'},
        {id: 18, label: '菲律宾3', src: 'assets/images/avatar-3.png'},
        {id: 19, label: '越南3', src: 'assets/images/avatar-4.png'},
        {id: 20, label: '老挝3', src: 'assets/images/avatar-5.png'}
    ];

    stateVal = { id: '2', label:'审核通过'};
    stateItems = [
        {
            id: '1',
            label: '审核中',
            state: 'info'
        },
        {
            id: '2',
            label: '审核通过',
            state: 'success'
        },
        {
            id: '3',
            label: '不通过',
            state: 'error'
        }
    ]
    lookupData = TreeData['default'];

    lookupListData = NormalData['default'];

    comboLookupData= [
        {
            propertiy: '[disabled]',
            default: 'false',
            type: 'boolean',
            description: '设置是否禁用组件'
        },
        {
            propertiy: '[readonly]',
            default: 'false',
            type: 'boolean',
            description: '设置是否组件只读'
        },
        {
            propertiy: '[editable]',
            default: 'true',
            type: 'boolean',
            description: '设置组件是否可以键入'
        },
        {
            propertiy: '[placeholder]',
            default: '请选择',
            type: 'string',
            description: '为空时提示消息'
        },
        {
            propertiy: '[panelWidth]',
            default: '300',
            type: 'number',
            description: '弹出面板宽度,当autoWidth为trues时，不起作用'
        },
        {
            propertiy: '[panelHeight]',
            default: '300',
            type: 'number',
            description: '弹出面板高度'
        },
        {
            propertiy: '[enableClear]',
            default: 'true',
            type: 'boolean',
            description: '内容不为空时是否显示清除按钮'
        },
        {
            propertiy: '[mapFields]',
            default: '-',
            type: 'string',
            description: '映射字段，将帮助字段与表单字段映射'
        },
        {
            propertiy: '[data]',
            default: '-',
            type: 'any[]',
            description: 'panel中显示的数据，当uri不为空时，此属性无用'
        },
        {
            propertiy: '[idField]',
            default: '-',
            type: 'string',
            description: 'id字段'
        },
        {
            propertiy: '[displayType]',
            default: '-',
            type: 'string',
            description: '显示类型，区分列表帮助还是树帮助， LOOKUPLIST || LOOKUPTREELIST'
        },
        {
            propertiy: '[valueField]',
            default: '-',
            type: 'string',
            description: '值字段'
        },
        {
            propertiy: '[textField]',
            default: '-',
            type: 'string',
            description: '显示字段'
        },
        {
            propertiy: '[multiSelect]',
            default: 'false',
            type: 'boolean',
            description: '是否启用多选'
        },
        {
            propertiy: '[selectedValues]',
            default: '-',
            type: 'string',
            description: '默认选中数据'
        },
        {
            propertiy: '[uri]',
            default: '-',
            type: 'string',
            description: '动态数据源地址'
        },
        {
            propertiy: '[displayText]',
            default: '-',
            type: 'string',
            description: '默认显示值'
        },
        {
            propertiy: '(valueChange)',
            default: '-',
            type: 'EventEmitter<string>',
            description: '值变化事件'
        },
        {
            propertiy: '(selectChange)',
            default: '-',
            type: 'EventEmitter<any>',
            description: '选择事件'
        },
        {
            propertiy: '(showPanel)',
            default: '-',
            type: 'EventEmitter<void>',
            description: '显示panle事件'
        },
        {
            propertiy: '(hidePanel)',
            default: '-',
            type: 'EventEmitter<void>',
            description: '隐藏panle事件'
        },
        {
            propertiy: '(clear)',
            default: '-',
            type: 'EventEmitter<void>',
            description: '清除事件'
        }
    ];

    valObj = { addrID: '9', name: '越南1' };
    nosearch = false;
    lookupShowHeader = true;
    ngOnInit(): void {
    }
    onSelect(e) {
        console.log(e);
    }
    beforeShow1(instance: any) {
        console.log(instance)
        return of(true)
    }
    beforeHide(instance: any) {
        console.log(instance)
        return of('')
    }
    onValueChange(e) {
        console.log(e)
    }
    onShowPanel() {
        console.log(this)
    }
    onHidePanel() {
        console.log(this)
    }
}