aldehyde 0.0.2 → 0.0.3

package/src/components/controls/html-editor/draft.tsx

@@ -1,161 +0,0 @@
-
-import * as React from 'react'
-import {Card} from "antd";
-import {VEControlProps} from "../../tmpl/interface";
-// 核心
-import { EditorState, convertToRaw,convertFromRaw, ContentState } from 'draft-js'
-import { Editor } from 'react-draft-wysiwyg'
-import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
-// draft 转换为 html
-import draftToHtml from 'draftjs-to-html'
-// html 转换为 draft
-import htmlToDraft from 'html-to-draftjs'
-
-interface DraftProps extends VEControlProps {
-    getHtml?:any;
-}
-
-interface DraftState  {
-    editorState:boolean;
-}
-
-export default class Draft extends React.PureComponent<DraftProps, DraftState>{
-
-   state={
-       editorState:EditorState.createEmpty(),
-   }
-
-    componentDidMount() {
-        // 如果从后台读取接口存储的有值，读取过来转换为富文本格式默认显示
-        if (this.props.value) {
-            this.toDraft(this.props.value)
-        }
-    }
-
-    onEditorStateChange = (editorState) => {
-        //this.toHtml(editorState)
-
-        this.setState({
-            editorState
-        })
-    }
-
-    editorChange = value => {
-        console.log('html:',draftToHtml(value))
-        if (this.props.onChange) {
-            this.props.onChange(draftToHtml(value));
-        }
-    }
-
-    // // 转换为 html
-    // toHtml = value => {
-    //     let templateContent = draftToHtml(convertToRaw(value.getCurrentContent()))
-    //
-    //     if (this.props.getHtml) {
-    //         // 输出已经编辑好的html
-    //         this.props.getHtml(templateContent)
-    //     }
-    //
-    // }
-
-    // 转换为 Draft
-
-    toDraft = value => {
-        const blocksFromHtml = htmlToDraft(value);
-        const { contentBlocks, entityMap } = blocksFromHtml;
-        const contentState = ContentState.createFromBlockArray(contentBlocks, entityMap);
-        const editorState = EditorState.createWithContent(contentState);
-        console.log("editorState:",editorState)
-        this.setState({
-            editorState
-        })
-    }
-
-    // imgFileupOnChange = (files) => {
-    //     // 返回值 files 就是上传的文件，控件会默认 Promise 返回，否则无法抓到返回的已上传图片链接
-    //     return new Promise(
-    //         (resolve, rejects) => {
-    //             // 使用 form 表单的形式进行配置，具体参数根据接口来
-    //             let formData = new FormData()
-    //
-    //             formData.append('File', files)
-    //             formData.append('FileType', 'Thumbnail')
-    //             formData.append('IsLogin', true)
-    //             formData.append('Description', '')
-    //
-    //             new Ajax({
-    //                 // 这里是配置自己的图片上传链接
-    //                 url: `/api/file/upload`,
-    //                 method: 'post',
-    //                 headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-    //                 data: formData
-    //
-    //             })
-    //                 .start()
-    //                 .then(res => (res = res.data))
-    //                 .then(res => {
-    //                     if (res.Status === 0) {
-    //
-    //                         // Message.success('上传成功!')
-    //                         resolve({ data: { link: res.Result } })
-    //                     } else {
-    //                         // Message.fail('上传失败!')
-    //
-    //                     }
-    //                 })
-    //         }
-    //     )
-    //
-    //
-    // }
-
-     changeValue = (value) => {
-
-    }
-
-
-    render(){
-        const {viewOrEdit,disabled} = this.props;
-
-        const {editorState}=this.state;
-        let entryControl = undefined;
-
-
-
-        const setToolbar = {
-            options: ['inline', 'blockType', 'fontSize', 'fontFamily', 'list', 'textAlign', 'colorPicker', 'remove', 'history'],
-            colorPicker: {
-                // 图标可以自定义，如果使用默认就注释掉
-                // icon: 'https://-------',
-                className: undefined,
-                component: undefined,
-                popupClassName: undefined,
-                // 图片选项卡自定义
-                colors: ['rgb(97,189,109)', 'rgb(26,188,156)', 'rgb(84,172,210)', 'rgb(44,130,201)',
-                    'rgb(147,101,184)', 'rgb(71,85,119)', 'rgb(204,204,204)', 'rgb(65,168,95)', 'rgb(0,168,133)',
-                    'rgb(61,142,185)', 'rgb(41,105,176)', 'rgb(85,57,130)', 'rgb(40,50,78)', 'rgb(0,0,0)',
-                    'rgb(247,218,100)', 'rgb(251,160,38)', 'rgb(235,107,86)', 'rgb(226,80,65)', 'rgb(163,143,132)',
-                    'rgb(239,239,239)', 'rgb(255,255,255)', 'rgb(250,197,28)', 'rgb(243,121,52)', 'rgb(209,72,65)',
-                    'rgb(184,49,47)', 'rgb(124,112,107)', 'rgb(209,213,216)', 'rgb(0,0,0)'],
-            },
-        }
-
-        entryControl= <Card style={{width:'100%'}} bodyStyle={{padding:'2px',minHeight:'280px'}}>
-            <Editor
-                readOnly={disabled}
-                toolbarHidden={viewOrEdit=='view'? true: false}
-                editorState={editorState}
-                wrapperClassName="contract-template-add-wrapper"
-                editorClassName="contract-template-editor"
-                onEditorStateChange={this.onEditorStateChange}
-                onChange={this.editorChange}
-                toolbar={setToolbar}
-            />
-        </Card>
-
-
-
-        return entryControl;
-
-    }
-}

package/src/components/controls/html-editor/tinymce.js

@@ -1,55 +0,0 @@
-import React from "react";
-import {Input} from "antd";
-import {Editor} from '@tinymce/tinymce-react';
-
-export default class HtmlEidtor extends React.Component {
-    //let [value,setValue] = useState();
-    state = {
-        value: undefined
-    }
-    componentDidMount() {
-        let {initialValue} = this.props;
-        this.setState({
-            value: initialValue
-        })
-    }
-
-    onChange = (content, editor) => {
-        console.log('Content was updated:', content);
-        this.setState({
-            value: content
-        })
-    }
-    onChange1 = (content, editor) => {
-        console.log('Content was updated11:', content);
-        this.setState({
-            value: content
-        })
-    }
-
-
-    render() {
-        let {initialValue} = this.props;
-        return <div>
-            {/*<Input style={{width:'220px'}} />*/}
-            <Editor
-                apiKey={'8htijpc1mghlxkfrfqr8puoylwqnv8nkth2hqvq709awthlo'}
-                initialValue={initialValue}
-                init={{
-                    height: 200,
-                    menubar: false,
-                    plugins: [
-                        'advlist autolink lists link image charmap print preview anchor',
-                        'searchreplace visualblocks code fullscreen',
-                        'insertdatetime media table paste code help wordcount'
-                    ],
-                    toolbar:
-                        'undo redo | formatselect | bold italic backcolor | \
-                        alignleft aligncenter alignright alignjustify | \
-                        bullist numlist outdent indent | removeformat | help'
-                }}
-                onEditorChange={this.props.onChange}
-            />
-        </div>
-    }
-}

package/src/components/controls/input-number/index.tsx

@@ -1,101 +0,0 @@
-import React from 'react'
-import {InputNumber as AntdInputNumber,Space} from "antd";
-import {EControlProps} from "../../tmpl/interface";
-import Units from "../../units";
-
-interface InputNumberProps extends EControlProps {
-
-}
-
-const InputNumber: React.FC<InputNumberProps> = (props) => {
-
-    const {id,value, itemType, fieldConfig, onChange,style} = props;
-
-    let entryControl = undefined;
-
-    const changeValue = (value) => {
-        if (onChange) {
-            onChange(value);
-        }
-    }
-
-    let valObj=Units.splitValue(value);
-    let valueBegin=valObj['valueBegin'], valueEnd=valObj['valueEnd'];
-    let valueSingle=value || value==0   ?value:null;
-
-    const changeBeginValue = (value) => {
-        if (onChange) {
-            onChange(Units.concatValue(value,valueEnd));
-        }
-    }
-
-    const changeEndValue = (value) => {
-        if (onChange) {
-            onChange(Units.concatValue(valueBegin,value));
-        }
-    }
-
-    const changeInt = (e) => { //只允许输入整数
-            if ((e.target.value || e.target.value==0) && !isNaN(e.target.value)) {
-                e.target.value = parseInt(e.target.value)
-            } else {
-                e.target.value = null
-            }
-        }
-    ;
-
-    let placeholder = !fieldConfig.disabled ? `请输入${fieldConfig.title}` : "无需输入";
-    let disabled: boolean = fieldConfig.disabled;
-
-    let antdControlProps = {
-       id, placeholder, disabled,value
-    }
-
-    switch (itemType) {
-        case 'int':
-            entryControl = <AntdInputNumber   style={{...style}} min={fieldConfig.min} max={fieldConfig.max}
-                                            {...antdControlProps} value={valueSingle}
-                                            onKeyUp={changeInt} onChange={changeValue}
-            />
-            break;
-        case 'decimal':
-        case 'float':
-        case 'double':
-            entryControl = <AntdInputNumber style={{...style}}
-                {...antdControlProps} value={valueSingle} min={fieldConfig.min} max={fieldConfig.max}
-                // style={{width}}
-                step={0.1} onChange={changeValue}
-            />
-            break;
-        case 'intrange':
-            entryControl =
-                <Space>
-                <AntdInputNumber  min={fieldConfig.min} max={fieldConfig.max}
-                                            placeholder={`开始`} value={valueBegin}
-                                            onKeyUp={changeInt} onChange={changeBeginValue}
-            />~
-            <AntdInputNumber min={fieldConfig.min} max={fieldConfig.max}
-                             placeholder={`结束`} value={valueEnd}
-                             onKeyUp={changeInt} onChange={changeEndValue}
-            />
-                    </Space>;
-            break;
-        case 'decimalrange':
-            entryControl =
-                <Space>
-                    <AntdInputNumber min={fieldConfig.min} max={fieldConfig.max}
-                                     placeholder={`开始`} value={valueBegin}
-                                      onChange={changeBeginValue} step={0.1}
-                                     disabled={disabled}
-                    />~
-                    <AntdInputNumber min={fieldConfig.min} max={fieldConfig.max}
-                                     placeholder={`结束`} value={valueEnd} step={0.1}
-                                      onChange={changeEndValue}  disabled={disabled}
-                    />
-                </Space>;
-            break;
-    }
-    return entryControl;
-}
-
-export default InputNumber;

package/src/components/controls/input-range/index.tsx

@@ -1,48 +0,0 @@
-import React from 'react'
-import {Input} from "antd";
-import {EControlProps} from "../../tmpl/interface";
-import Units from '../../units/'
-
-interface InputRangeProps extends EControlProps {
-
-}
-
-const InputRange: React.FC<InputRangeProps> = (props) => {
-
-    const {id,value, itemType, fieldConfig, onChange, style} = props;
-
-    let entryControl = undefined;
-
-
-    let valObj=Units.splitValue(value);
-    let valueBegin=valObj['valueBegin'], valueEnd=valObj['valueEnd'];
-    const changeBeginValue = ({ target: { value } }) => {
-        if (onChange) {
-            onChange(Units.concatValue(value,valueEnd));
-        }
-    }
-
-    const changeEndValue = ({ target: { value } }) => {
-        if (onChange) {
-            onChange(Units.concatValue(valueBegin,value));
-        }
-    }
-
-    let disabled: boolean = fieldConfig.disabled;
-    entryControl =
-        <Input.Group   compact>
-            <Input id={id} style={{ width: '45%' }} disabled={disabled} min={fieldConfig.min} max={fieldConfig.max}
-                   placeholder={`开始`} value={valueBegin}
-                   onChange={changeBeginValue}
-            />
-            ~
-            <Input style={{ width: '45%' }} disabled={disabled} min={fieldConfig.min} max={fieldConfig.max}
-                   placeholder={`结束`} value={valueEnd}
-                   onChange={changeEndValue}
-            />
-        </Input.Group>;
-
-    return entryControl;
-}
-
-export default InputRange;

package/src/components/controls/password-setter/index.css

@@ -1,3 +0,0 @@
-.setPass .ant-form-item{
-    margin-bottom: 0;
-}

package/src/components/controls/password-setter/index.js

@@ -1,70 +0,0 @@
-import React from 'react'
-import {Modal, Input, Form, message} from 'antd'
-import {LockOutlined} from '@ant-design/icons';
-import './index.css'
-
-export default class SetPasswords extends React.Component {
-
-    handleOk = () => {
-        const {oldPass} = this.props
-        this.props.form.validateFields({force: true}, (err, values) => { //提交再次验证
-            if (!err) {
-                if (oldPass === values.oldpass) {
-                    this.props.setNewPass(values.newpass)
-                } else {
-                    message.error("原登录密码不正确！")
-                }
-            }
-
-        })
-    }
-    compareToFirstPassword = (rule, value, callback) => {
-        const form = this.props.form;
-        if (value && value !== form.getFieldValue('newpass')) {
-            callback('请输入相同的密码!');
-        } else {
-            callback();
-        }
-    }
-
-    render() {
-        const {showSetPass, handleCancel} = this.props
-        return (
-            <Modal
-                title="修改密码"
-                visible={showSetPass}
-                onOk={this.handleOk}
-                destroyOnClose
-                onCancel={handleCancel}
-                className="setPass"
-                maskClosable={false}
-            >
-                <Form style={{width: "100%"}}>
-                    <Form.Item label={"原登录密码"} name='oldpass' rules={[{required: true, message: '请输入原登录密码!'}]}>
-                        <Input
-                            prefix={<LockOutlined/>}
-                            placeholder="请输入原登录密码"
-                            type="password"
-                        />,
-                    </Form.Item>
-                    <Form.Item label={"新登录密码"} name='oldpass'> rules={[{required: true, message: '请输入新登录密码!'}]}
-                        <Input
-                            prefix={<LockOutlined/>}
-                            type="password"
-                            placeholder="请输入新登录密码"
-                        />,
-                    </Form.Item>
-                    <Form.Item label={"确认密码"}> name='apass' rules={[{required: true, message: '确认密码!'},
-                        {validator: this.compareToFirstPassword,}
-                    ]}
-                        <Input
-                            prefix={<LockOutlined/>}
-                            type="password"
-                            placeholder="确认密码"
-                        />
-                    </Form.Item>
-                </Form>
-            </Modal>
-        )
-    }
-}

package/src/components/controls/progress/index.tsx

@@ -1,61 +0,0 @@
-import React from 'react'
-import {InputNumber as AntdInputNumber,Progress as AntdProgress,Space} from "antd";
-import {EControlProps,VEControlProps} from "../../tmpl/interface";
-import Units from "../../units";
-
-interface ProgressProps extends VEControlProps {
-
-}
-
-const Progress: React.FC<ProgressProps> = (props) => {
-
-    const {value, itemType, fieldConfig, onChange,style,viewOrEdit} = props;
-
-    let val=0;
-
-    if (!value ) {
-        val=0;
-    }else{
-        if(isNaN(value)){
-           val= value;
-        }else {
-            val=value.toString();
-        }
-    }
-
-    const changeValue = (value) => {
-        if (onChange) {
-            onChange(value);
-        }
-    }
-
-    const changeInt = (e) => { //只允许输入整数
-            if (e.target.value && !isNaN(e.target.value)) {
-                e.target.value = parseInt(e.target.value)
-            } else {
-                e.target.value = 0
-            }
-        }
-    ;
-
-    let placeholder = !fieldConfig.disabled ? `请输入${fieldConfig.title}` : "无需输入";
-    let disabled: boolean = fieldConfig.disabled;
-
-    let antdControlProps = {
-        placeholder, disabled,value
-    }
-
-    let entryControl;
-
-    if(viewOrEdit=='view' || fieldConfig.disabled){
-        entryControl= <AntdProgress width={90}  percent={val} />
-    }else{
-        entryControl = <AntdInputNumber style={{...style}} min={0} max={100}
-                                        {...antdControlProps}
-                                        onKeyUp={changeInt} onChange={changeValue}
-        />
-    }
-    return entryControl;
-}
-
-export default Progress;

package/src/components/controls/relation-existion/index.css

@@ -1,4 +0,0 @@
-
-.ant-popover-inner-content {
-  padding: 4px;
-}

package/src/components/controls/relation-existion/index.tsx

@@ -1,108 +0,0 @@
-import * as React from 'react'
-import {Popover, Select} from 'antd'
-import {EControlProps, SelectedRow} from "../../tmpl/interface";
-import {SearchOutlined} from '@ant-design/icons';
-import SelectTable from '../../table/select-table'
-import './index.css'
-
-interface RelationExistionProps extends EControlProps {
-
-};
-
-interface RelationExistionState {
-    showSelectTable: boolean;
-};
-
-export default class RelationExistion extends React.PureComponent<RelationExistionProps, RelationExistionState> {
-
-    state = {
-        showSelectTable: false,
-    }
-
-    onClick = () => {
-        this.setState({
-            showSelectTable: true,
-        })
-    }
-
-    onClear = () => {
-        const { onChange} = this.props;
-        onChange([]);
-    }
-
-    onDeselect=(val:string)=>{
-        const {value, onChange} = this.props;
-        let newValue = [];
-        if (value) {
-            for (let v of value) {
-                if(val!=v){
-                    newValue.push(v);
-                }
-            }
-        }
-        onChange(newValue);
-    }
-
-    onSelect = (selectedRows: SelectedRow[]) => {
-        const {value, onChange} = this.props;
-        let newValue = [];
-        if (selectedRows) {
-            for (let row of selectedRows) {
-                newValue.push(row.code+ '@R@' +row.title  );
-            }
-        }
-        onChange(newValue);
-        // this.setState({
-        //     showSelectTable: false,
-        // })
-    }
-
-
-    render() {
-        const {id,value, itemType, fieldConfig, onChange, style} = this.props;
-        const {showSelectTable} = this.state;
-        let selectedRows: SelectedRow[] = [];
-        let relationOptions = []
-        if (value) {
-            value.forEach((v) => {
-                if (v.indexOf('@R@') > 0) {
-                    let vs=v.split('@R@');
-                    selectedRows.push({code: vs[0], title:vs[1]});
-                    relationOptions.push({value: v, label: vs[1]});
-                }
-            })
-        }
-        return <>
-            <Popover placement="bottom" color={'#f0f0f0'} overlayStyle={{maxWidth: 'calc(100vw - 60px)', maxHeight: 'calc(100vh - 50px)',} }
-                     overlayInnerStyle={{padding:'0px'}}
-                     // getPopupContainer={(triggerNode) => {
-                     //        return triggerNode.parentNode;}}
-                     content={<div style={{height:300,backgroundColor:'#fafafa',overflow:'auto',borderStyle:'solid',borderRadius:'6px',
-                         borderWidth:'0px',borderColor:'#8c8c8c'}}><SelectTable selectedRows={selectedRows} sourceId={fieldConfig.id}  onChange={this.onSelect}></SelectTable></div>}
-                     trigger="click">
-            <Select id={id} style={{...style}}
-                    value={value}
-                    mode="multiple"
-                    placeholder={`请选择${fieldConfig.title}`}
-                    notFoundContent="请选择"
-                    allowClear={true}
-                    showArrow={true}
-                    suffixIcon={<SearchOutlined/>}
-                    dropdownStyle={{display: 'none'}}
-                    onChange={(value)=>{
-                        onChange(value)}
-                    }
-                    options={relationOptions}
-            >
-            </Select>
-            </Popover>
-            {/*<ModelSelectTable*/}
-            {/*    maxSelectedRows={fieldConfig.max ? fieldConfig.max - (exceptCodes.length > 0 ? exceptCodes.length : 0) : 100}*/}
-            {/*    visible={showSelectTable}*/}
-            {/*    onOK={this.onSelect} onCancel={() => {*/}
-            {/*    this.setState({showSelectTable: false})*/}
-            {/*}} sourceName={'rcriteria'} exceptCodes={exceptCodes}*/}
-            {/*    sourceId={fieldConfig.id}></ModelSelectTable>*/}
-        </>;
-    }
-}

package/src/components/controls/rfield/index.css

@@ -1,4 +0,0 @@
-
-.buttons {
-  max-width: 300px;
-}