aldehyde 0.0.2 → 0.0.3

package/src/components/import/template-builder.js

@@ -1,474 +0,0 @@
-import React from 'react'
-import Super from "../tmpl/superagent"
-import Units from "../units"
-import {Button,Popover,Input,Modal, message,Collapse,Tag} from 'antd'
-import {BulbOutlined,DeleteOutlined,FileAddOutlined,DownloadOutlined,SaveOutlined,SnippetsOutlined } from '@ant-design/icons';
-import DragTable from '../drag-table'
-import './index.css'
-const {confirm} = Modal
-const {Panel}=Collapse
-const {CheckableTag}=Tag
-
-
-export default class ModelImport extends React.Component{
-
-    state={
-        modelList:[],
-        title:"",
-        visible:false,
-        dataSource:[],
-    }
-    componentDidMount(){
-        const {menuId}=this.props
-        this.loadWords(menuId)
-    }
-    loadWords=(menuId)=>{
-        Super.super({
-            url:`v2/menu/${menuId}/ltmpl/importer/dict`,
-            method:'GET',
-        }).then((res)=>{
-            let selectWords=res.fieldDictionary.composites
-            //console.log(selectWords)
-            const forType=[]
-            selectWords.forEach((item)=>{
-                if(item.fields.length>0){
-                    item.fields.forEach((it)=>{
-                        it.checked=false
-                        it.key=it.name
-                        if(item.type==="relation"){
-                            it.compositeId=item.id
-                        }
-                        const list={
-                            type:item.type,
-                            fieldId:it.id,
-                        }
-                        forType.push(list)
-                    })
-                }
-            })
-            this.setState({
-                selectWords,
-                forType
-            })
-        })
-    }
-    switchTemplate=()=>{
-        const {menuId}=this.props
-        this.handleVisibleChange(true)
-        Super.super({
-            url:`v2/menu/${menuId}/ltmpl/importer/tmpls/list`,
-            method:'GET',
-        }).then((res)=>{
-            if(res){
-                this.setState({
-                    modelList:res.tmpls,
-                })
-            }
-        })
-    }
-    handelModel=(tmplId)=>{
-        const {menuId}=this.props
-        const {forType,selectWords}=this.state
-        Super.super({
-            url:`v2/menu/${menuId}/ltmpl/importer/tmpls/detail`,
-            query:{
-                tmplId
-            },
-            method:'GET',
-        }).then((res)=>{
-            //console.log(res.tmpl.fields)
-            if(res){
-                selectWords.forEach((item)=>{
-                    if(item.type==="normal"){
-                        item.fields.forEach((it)=>{
-                            let check=false
-                            res.tmpl.fields.forEach((i)=>{
-                                if(i.fieldId===it.id){
-                                    check=true
-                                }
-                            })
-                            it.checked=check
-                        })
-                    }
-                })
-                let data=[]
-                let type=""
-                res.tmpl.fields.forEach((item)=>{
-                    forType.forEach((it)=>{  //选择模板数据，添加type值
-                        if(item.mStrucFieldGroupId===it.mStrucFieldGroupId){
-                            type=it.type
-                        }
-                    })
-                    let list={
-                        key:item.title,
-                        name:item.title,
-                        words:item.title,
-                        fieldId:item.mStrucFieldId,
-                        compositeId:item.mStrucFieldGroup,
-                        id:item.id,
-                        fieldIndex:item.fieldIndex,
-                        type,
-                    }
-                    if(item.mStrucFieldId!==null){
-                        list.totalname=item.title.split("[")[0]
-                    }
-                    data.push(list)
-                })
-                this.setState({
-                    tmplId:res.tmpl.id,
-                    dataSource:data,
-                    title:res.tmpl.title,
-                    listLength:res.tmpl.fields.length,
-                    selectWords
-                })
-                this.handleVisibleChange(false)
-            }
-        })
-    }
-    handleVisibleChange=(value)=>{
-        this.setState({ visible:value });
-    }
-    handleSave=()=>{  
-        const {menuId}=this.props   
-        let {tmplId,title,dataSource}=this.state
-        const fields=this.getFields(dataSource)       
-        Super.super({
-            url:`v2/menu/${menuId}/ltmpl/importer/tmpls`,
-            method:'POST',
-            data:JSON.stringify({
-                    tmplId,
-                    title,
-                    fields,
-                })
-        },'json').then((res)=>{
-            if(res && res.status==="success"){
-                message.success("保存成功！")
-                this.setState({
-                    tmplId:res.tmplId,
-                    listLength:dataSource.length,
-                    dataSource,
-                })
-            }else{
-                message.error("Units.forFile(保存！)")
-            }
-        })
-    }
-    visibleModal=()=>{  
-        const { title }=this.state
-        const _this=this
-        if(!title){
-            message.error("请设置模板名称！")
-            return
-        }  
-        this.getdatasource.getdata()
-        confirm({
-            title: "确定保存导入模板？",
-            okText: '确定',
-            okType: 'danger',
-            cancelText: '取消',
-            onOk() {
-                _this.handleSave()
-            },
-          });
-    }
-    handleDownload=()=>{       
-        const { tmplId,title,listLength,dataSource }=this.state
-        if(dataSource.length!==listLength){
-            message.info("请保存模板")
-            return
-        }
-        const hydrocarbonToken=Units.getLocalStorge("hydrocarbonToken")
-        if(tmplId){
-            confirm({
-                title: `确认下载`,
-                content: `当前模板[${title}]，模板内共有${listLength}个字段`,
-                okText: '是的',
-                cancelText: '取消',
-                onOk() {
-                    const hydrocarbonToken=Units.getLocalStorge("hydrocarbonToken")
-                    Units.downloadFile(`v2/importer/${tmplId}/excel?@token=${hydrocarbonToken}`)
-                },
-            }) 
-        }else{
-            message.info("请选择模板")
-        }
-    }
-    setModelName=(e)=>{
-        this.setState({
-            title:e.target.value
-        })
-    }
-    deleteRow=(record)=>{
-        let {dataSource,selectWords}=this.state
-        dataSource.forEach((item,i)=>{
-            if(item.key===record.key){
-                dataSource.splice(i,1)
-            }
-        })
-        if(record.type==="normal"){           
-            selectWords.forEach((item,i)=>{ //控制模板内tag是否选中
-                if(item.fields.length>0){
-                    item.fields.forEach((it)=>{
-                        if(it.key===record.key){
-                            it.checked=false
-                        }
-                    })
-                }
-            })
-        }else{
-            let len=[]
-            let labelarr=[]
-            let data=[]
-            dataSource.forEach((item)=>{
-                if(item.mStrucFieldGroupId===record.mStrucFieldGroupId && !item.key.includes("label")){
-                    len.push(item)
-                }
-                if(item.key.includes("label")){  
-                    labelarr.push(item)
-                }
-                if(item.mStrucFieldGroupId && !item.key.includes("label")){
-                    data.push(item)
-                }
-            })
-            len.forEach((item,i)=>{
-                const NM=`${record.totalname}[${i}].${record.name.split(".")[1]}`
-                item.key=NM
-                item.name=NM
-                item.words=NM
-                item.fieldIndex=i
-            })
-            if(record.type==="relation"){ 
-                let dele=true
-                data.forEach((item)=>{
-                    const dataTotal=item.key.split(".")[0]
-                    const labelLastTotal=labelarr[labelarr.length-1].key.split(".")[0]                    
-                    if(dataTotal===labelLastTotal){
-                        dele=false
-                    }
-                    labelarr[labelarr.length-1].delete=dele  
-                })
-                if(data.length===0){
-                    labelarr[labelarr.length-1].delete=true
-                }          
-                dataSource.forEach((item,i)=>{
-                    if(item.delete){
-                        dataSource.splice(i,1)
-                    }
-                })
-            }
-        }
-        this.setState({
-            dataSource:Units.uniq(dataSource,"key"),
-            selectWords,
-        })
-    }
-    getWords=(list,type)=>{
-        let {dataSource,selectWords}=this.state   
-        if(type==="normal"){
-            dataSource.push(list)        
-            selectWords.forEach((item,i)=>{ //normal改变tag选中状态
-                if(item.fields.length>0 && item.type==="normal"){
-                    item.fields.forEach((it)=>{
-                        if(it.id===list.fieldId){
-                            it.checked=true
-                        }
-                    })
-                }
-            })
-        }else{
-            let len=[]
-            dataSource.forEach((item)=>{
-                if(item.mStrucFieldGroupId===list.mStrucFieldGroupId && !item.key.includes("label")){
-                    len.push(item)
-                }
-            })
-            const NM=`${list.totalname}[${len.length}].${list.name}`
-            const res={
-                mStrucFieldGroupId:list.mStrucFieldGroupId,
-                key:NM,
-                name:NM,
-                words:NM,
-                totalname:list.totalname,
-                fieldIndex:len.length,
-                type:list.type,
-            }
-            if(type==="relation"){
-                const NLabel=`${list.totalname}[${len.length}].$$label$$`
-                const labelRes={
-                    key:NLabel,
-                    name:NLabel,
-                    words:NLabel,
-                    fieldIndex:len.length,
-                    totalname:list.totalname,
-                    compositeId:list.compositeId
-                }   
-                dataSource.push(labelRes)
-            }
-            dataSource.push(res)
-        }
-        //console.log(dataSource)
-        this.setState({
-            dataSource:Units.uniq(dataSource,"key"),
-            selectWords,
-        })
-    }
-    getFields=(dataSource)=>{
-        const fields=[]
-        dataSource.forEach((item)=>{
-            const list={}
-            if(item.fieldIndex!==null){
-                list.fieldIndex=item.fieldIndex
-            }
-            if(item.mStrucFieldGroupId){
-                list.mStrucFieldGroupId=item.mStrucFieldGroupId
-            }
-            if(item.mStrucFieldId){
-                list.mStrucFieldId=item.mStrucFieldId
-            }
-            if(item.id){
-                list.id=item.id
-            }
-            fields.push(list)
-        })
-        return fields
-    }
-    onRef=(ref)=>{
-		this.getdatasource=ref
-    }
-    setdatasource=(data)=>{
-        this.setState({
-            dataSource:data
-        })
-    }
-    resetForm=()=>{
-        this.setState({
-            modelList:[],
-            title:"",
-            visible:false,
-            dataSource:[],
-        })
-    }
-    render(){
-        const { visible,title,dataSource,selectWords,modelList,tmplId }=this.state
-        const content = (
-            <div>
-                {modelList.map(item =>
-                    <div key={item.id} className="modelList" onClick={()=>this.handelModel(item.id)}>
-                        <span className={tmplId===item.id?"light":""}><BulbOutlined /></span>
-                        <p className="tit">{item.title}</p>
-                        <p>{Units.formateDate(item.createTime)}</p>
-                    </div>
-                )}
-            </div>
-        );
-        const columns = [{
-            title: '表头',
-            key: 'name',
-            width: 200,
-            dataIndex:"name"
-          }, {
-            title: '字段',
-            key: 'words',
-            width: 200,
-            dataIndex:"words"
-          }, {
-            title: '操作',
-            key: 'action',
-            render: (text, record) => (
-                <Button 
-                    style={{display:record.key.includes("label")?'none':'block'}} 
-                    size='small' type="danger"
-                     onClick={()=>this.deleteRow(record)}>
-                    <DeleteOutlined />
-                </Button>
-            ),
-          }, ]
-        return (
-            <div className="selectModal">
-                <h3>
-                    导入模板配置
-                    <p className="fr">
-                        <Button className="hoverbig" title="新建模板" onClick={this.resetForm}><FileAddOutlined /></Button>
-                        <Button className="hoverbig" title="下载导入模板" onClick={this.handleDownload}><DownloadOutlined /></Button>
-                        <Button className="hoverbig" title="保存模板" onClick={this.visibleModal}><SaveOutlined /></Button>
-                        <Popover 
-                            content={content} 
-                            placement="bottomRight" 
-                            trigger="click" 
-                            visible={visible} 
-                            onVisibleChange={this.handleVisibleChange}>
-                            <Button 
-                                className="hoverbig" 
-                                title="切换模板" 
-                                onClick={this.switchTemplate}
-                                >
-                                <SnippetsOutlined />
-                            </Button>
-                        </Popover> 
-                    </p>
-                </h3>
-                <div style={{marginBottom:20}}>
-                    模板名称：
-                    <Input placeholder="输入导入模板名称" style={{ width: 200 }} value={title} onChange={this.setModelName}/>
-                </div>
-                <div className="table">
-                    <DragTable
-                        columns={columns}
-                        dataSource={dataSource}
-                        onRef={this.onRef}
-                        setdatasource={this.setdatasource}
-                        size="small"
-                    
-                    />
-                </div>
-                {
-                    selectWords?<Collapse accordion style={{float:"right"}}>
-                                    {selectWords.map((item)=>{
-                                        if(item.fields.length>0){
-                                            return <Panel header={item.name} key={item.id}>
-                                                        {item.fields.map(it =>
-                                                            <MyTag 
-                                                                key={it.name} 
-                                                                id={it.id}
-                                                                name={it.name}
-                                                                checked={it.checked}
-                                                                getwords={this.getWords}
-                                                                type={item.type}
-                                                                totalname={item.name}
-                                                                compositeid={it.compositeId}
-                                                                >{it.name}</MyTag>
-                                                        )}
-                                                    </Panel>
-                                            
-                                        }
-                                        return false
-                                    })}
-                                </Collapse>:""
-                }
-            </div>
-        )
-    }
-}
-
-class MyTag extends React.Component {
-    
-    handleChange = (id,name) => {
-      const {type,totalname,compositeid}=this.props
-      const list={
-        key:name,
-        fieldId:id,
-        name:name,
-        words:name,
-        totalname,
-        type,
-        compositeId:compositeid
-      }
-      this.props.getwords(list,type)
-    };
-    render() {
-      const {name,id,checked}=this.props
-      return (
-        <CheckableTag {...this.props} onChange={()=>this.handleChange(id,name)} className={checked?"":"borderTag"}/>
-      );
-    }
-  }

package/src/components/import/template.css

@@ -1,51 +0,0 @@
-.modelList {
-    margin-bottom:15px;
-    cursor: pointer;
-    width:200px;
-}
-.modelList:hover{
-    color:#1890ff
-}
-.modelList p{
-    margin-bottom: 4px;
-    line-height: 1.3;
-}
-.modelList p.tit{
-    font-weight: bold;
-    font-size: 15px
-}
-.modelList span{
-    display: inline-block;
-    width:40px;
-    height:40px;
-    border-radius: 50%;
-    line-height:45px;
-    text-align: center;
-    float: left;
-    margin-right:10px;
-    align-self: center;
-    background:#1890ff;
-}
-.modelList span.light{
-    background:red;
-    color:#fff;
-}
-.selectModal{
-    height:400px
-}
-.selectModal .table{
-    width:50%;
-    float: left;
-    overflow-y:auto;
-    max-height:300px;
-}
-.ant-collapse{
-    width:45%;
-    float: right;
-}
-.selectModal .ant-tag{
-    margin-bottom: 4px
-}
-.borderTag{
-    border:1px solid #ccc!important;
-}