import { makeDataTransformer, translateAttributes } from '../../utils/usefulFn';
import { assert } from 'oak-domain/lib/utils/assert';
export default OakComponent({
    isList: false,
    properties: {
        entity: '',
        title: '',
        bordered: false,
        layout: 'horizontal',
        attributes: [],
        data: {},
        column: 3,
    },
    formData() {
        const { data, attributes } = this.props;
        const { transformer } = this.state;
        const renderData = transformer(data);
        return {
            renderData,
        };
    },
    listeners: {
        data(prev, next) {
            if (prev.data !== next.data) {
                this.reRender();
            }
        },
        // data() {
        //     this.reRender();
        // },
        // attributes() {
        //     this.reRender();
        // },
    },
    data: {
        transformer: (() => []),
        judgeAttributes: [],
    },
    lifetimes: {
        ready() {
            const { attributes, entity } = this.props;
            const schema = this.features.cache.getSchema();
            assert(attributes);
            const judgeAttributes = translateAttributes(schema, entity, attributes);
            const ttt = this.t.bind(this);
            const transformer = makeDataTransformer(schema, entity, attributes, ttt);
            this.setState({
                transformer,
                judgeAttributes,
            });
        },
    },
    methods: {
        decodeTitle(entity, attr) {
            if (attr === ('$$createAt$$' || '$$updateAt$$')) {
                return this.t(`common::${attr}`);
            }
            return this.t(`${entity}:attr.${attr}`);
        },
        preview(event) {
            let currentUrl = event.currentTarget.dataset.src;
            let urlList = event.currentTarget.dataset.list;
            wx.previewImage({
                current: currentUrl, // 当前显示图片的http链接
                urls: urlList, // 需要预览的图片http链接列表
            });
        },
        getColor(attr, value) {
            return this.features.style.getColor(this.props.entity, attr, value);
        }
    },
});