<script>
import render from "../custom/viewRender";
const layouts = {
  colItem(h, element, value) {
    element.disabled = true;
    // let labelWidth = element.labelWidth ? `${element.labelWidth}px` : null
    if (element.viewType === "component") {
      return (
        <render
          key={element.id}
          conf={element}
          value={value}
          onInput={(event) => {
            this.$set(element, "value", event);
          }}
        />
      );
    } else if (element.viewType === "html") {
      return <fancy-html text={value} />;
    } else {
      return <fancy-text text={value} align="center" />;
    }
  },
};

export default {
  name: "fancyDynamicTableViewItem",
  components: {
    render,
  },
  props: ["model", "value"],
  data() {
    return {
      eleConfig: this.model,
    };
  },
  render(h) {
    return layouts.colItem.call(this, h, this.eleConfig, this.value);
  },
};
</script>
<style>
/* .el-form-item__label{
  font-weight: 600;
} */
</style>