export default {
    name: 'Test',
    data(){
        return {
            inputValue: 'Test'
        }
    },
    methods: {
        testAdd() {
            console.log(6666)
        }
    },
    render() {
        const self = this
        const config = {span: 12}
        return  (
            <el-col
                span={config.span}
                class={className}
                nativeOnClick={(event) => {
                  activeItem(currentItem);
                  event.stopPropagation();
                }}
            >
              <el-form-item
                  label-width={labelWidth}
                  label={config.showLabel ? config.label : ''}
                  required={config.required}
              >
                <el-input
                  v-model={self.inputValue}
                  placeholder={currentItem.placeholder}
                  autosize={currentItem.autosize}
                  disabled={currentItem.disabled}
                  maxlength={currentItem.maxlength}
                  readonly={true}
                  suffix-icon={currentItem["suffix-icon"]}
                  prefix-icon={currentItem["prefix-icon"]}
                  show-word-limit={
                    currentItem["show-word-limit"]
                  }
                  style={currentItem.style}
                  {...{ on: {
                          'focus': () => {
                            config.showCapitalizedValue = false;
                          } 
                        }}
                  }
                >
                  <template slot={"prepend"}>{currentItem['__slot__']["prepend"]}</template>
                  <template slot={"append"}>{currentItem['__slot__']["append"]}</template>
                </el-input>
              </el-form-item>
              {components.itemBtns.apply(this, arguments)}
            </el-col>
        );
    }
}