@jiangood/open-admin 1.0.1 → 1.1.0

package/src/framework/components/Ellipsis.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import {Modal} from 'antd';
-import './Ellipsis.less'
-import {StringUtils} from "../utils";
-
-export class Ellipsis extends React.Component {
-  static defaultProps = {length: 15}
-
-  render() {
-    let {length, children} = this.props;
-    let text = children;
-    if(!text){
-      return
-    }
-    if(text.length < this.props.length){
-      return text;
-    }
-
-
-    const shortText =  StringUtils.ellipsis(text, length)
-    return (
-        <span className='ellipsis-text' onClick={this.showFull}>{shortText}</span>
-    );
-  }
-
-  showFull = () => {
-    const pre = this.props.pre || false
-    let node = this.props.children
-    if(pre){
-      node = <pre>{node}</pre>
-    }
-    Modal.info({
-      icon: null,
-      title:'文本内容',
-      content: node
-    })
-
-  };
-}

package/src/framework/components/Ellipsis.less

@@ -1,8 +0,0 @@
-.ellipsis-text {
-  cursor: pointer;
- // text-decoration: none; /* 移除默认下划线 */
-  //border-bottom: 1px dotted #4990CD; /* 自定义点状下划线 */
-  //padding-bottom: 2px; /* 可选：调整下划线与文字的间距 */
-
-  text-decoration: underline dotted; /* 点状下划线 */
-}

package/src/framework/components/view/ViewEllipsis.d.ts

@@ -1,11 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-
-declare type ViewEllipsisProps = {
-    maxLength?:  number,
-    value: any
-}
-
-export class ViewEllipsis extends React.Component<ViewEllipsisProps, any> {
-}

package/src/framework/components/view/ViewEllipsis.jsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import {Button, Modal, Popover} from 'antd';
-import {StringUtils} from "../../utils";
-
-
-export class ViewEllipsis extends React.Component {
-
-    static defaultProps = {maxLength: 15}
-
-    render() {
-        let {maxLength, value} = this.props;
-
-        const short = StringUtils.ellipsis(value, maxLength)
-        return  <Popover placement="topLeft" title={'长文本'} content={<Button onClick={this.showModal}>点击查看全部内容</Button>}>
-            {short}
-        </Popover>
-    }
-
-
-    showModal = () => {
-        let {maxLength, value} = this.props;
-        Modal.info({
-            icon:null,
-            title:'长文本内容',
-            content: <div style={{height:500,overflowY:'auto'}}>{value}</div>,
-            width:700
-        })
-    };
-
-}

package/src/framework/components/view/ViewFile.d.ts

@@ -1,10 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type ViewFileProps = {
-    value: string;
-    height: string;
-};
-
-export class ViewFile extends React.Component<ViewFileProps, any> {
-}

package/src/framework/components/view/ViewImage.d.ts

@@ -1,9 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type ViewImageProps = {
-    value: string|string[]
-};
-
-export class ViewImage extends React.Component<ViewImageProps, any> {
-}

package/src/framework/components/view/ViewText.tsx

@@ -1,16 +0,0 @@
-import React from "react";
-import {Typography} from "antd";
-
-interface ViewTextProps {
-    value?: string;
-}
-
-export class ViewText extends React.Component<ViewTextProps, any>{
-
-    render() {
-        if(this.props.value == null){
-            return null;
-        }
-        return <Typography.Text> {this.props.value}</Typography.Text>;
-    }
-}

package/src/framework/components/view/index.ts

@@ -1,10 +0,0 @@
-/**
- * 相对form，显示的是文本
- * 统一有个值叫value
- */
-export * from './ViewEllipsis'
-export * from './ViewBooleanEnableDisable'
-export * from './ViewImage'
-export * from './ViewRange'
-export * from  './ViewFile'
-export * from './ViewText'

package/src/framework/field-components/FieldBoolean.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-
-export interface FieldBooleanProps  {
-
-    type?:'select' | 'radio' | 'checkbox' |  'switch'; // 默认 select
-    value?: boolean;
-    onChange?: (value: boolean) => void;
-
-}
-
-export class FieldBoolean extends React.Component<FieldBooleanProps, any> {}
-

package/src/framework/field-components/FieldDateRange.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import {FieldDateProps} from "./FieldDate";
-
-
-export class FieldDateRange extends React.Component<FieldDateProps, any> {}
-

package/src/framework/field-components/FieldDictSelect.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-
-export interface FieldDictSelectProps extends Omit<SelectProps, 'options' | 'children'|'mode'> {
-
-    /**
-     * 请求地址
-     */
-    typeCode: string ;
-}
-
-export class FieldDictSelect extends React.Component<FieldDictSelectProps, any> {}
-

package/src/framework/field-components/FieldEditor.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-
-export interface FieldEditProps  {
-    value ?: string;
-    onChange ?: (value: string) => void;
-    height ?: number;
-}
-
-export class FieldEditor extends React.Component<FieldEditProps, any> {}
-

package/src/framework/field-components/FieldEditor.jsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import {Editor as TinyMceEditor} from '@tinymce/tinymce-react';
-
-
-/**
- * 富文本编辑器
- *
- * 图片上传相关配置 https://www.tiny.cloud/docs/tinymce/7/image/
- */
-export class FieldEditor extends React.Component {
-    render() {
-        let uploadUrl = 'admin/sysFile/upload'
-        let jsUrl = 'admin/tinymce/tinymce.min.js';
-        const {value,onChange,height} = this.props
-
-        return <>
-            <TinyMceEditor
-                initialValue={value}
-                tinymceScriptSrc={jsUrl}
-                init={{
-                    min_height: 300,
-                    language: 'zh_CN',
-                    height: height,
-
-                    // 上传图片
-                    images_upload_url: uploadUrl,
-                    promotion: false, // 不显示升级按钮（右上角）
-                    cache_suffix: '?v=v7.7',
-
-                    plugins: [
-                        'advlist', 'autolink', 'lists', 'link', 'image', 'charmap', 'preview',
-                        'anchor', 'searchreplace', 'visualblocks', 'code', 'fullscreen',
-                        'insertdatetime', 'media', 'table', 'code', 'help', 'wordcount',
-                        'emoticons'
-                    ],
-                    image_description:false,
-
-                    // 设置图片上传对话框默认选中上传Tab
-                    setup: function (editor) {
-                        editor.on('OpenWindow', function(e) {
-                            const dialog = e.dialog;
-                            // 包含 dimensions 属性应该就是 上传图片的对话框
-                            if (dialog && dialog.getData().dimensions) {
-                                dialog.showTab("upload")
-                            }
-                        });
-                    },
-
-                }}
-                onChange={e => {
-                    if (onChange) {
-                        onChange(e.target.getContent())
-                    }
-                }}
-            />
-        </>;
-    }
-}

package/src/framework/field-components/FieldNumberRange.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-
-export interface FieldNumberRangeProps {
-    value?: string;
-    onChange?: (value: string) => void;
-}
-
-/**
- * 数字的百分数输入框
- */
-export class FieldNumberRange extends React.Component<FieldNumberRangeProps, any> {
-}
-

package/src/framework/field-components/FieldPercent.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-
-export interface FieldPercentProps  {
-    value ?: number;
-    onChange ?: (number: string) => void;
-}
-
-/**
- * 数字的百分数输入框
- */
-export class FieldPercent extends React.Component<FieldPercentProps, any> {}
-

package/src/framework/field-components/FieldRemoteSelect.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-
-export interface FieldRemoteSelectProps extends Omit<SelectProps, 'options' | 'children'|'mode'> {
-
-    /**
-     * 请求地址
-     */
-    url: string ;
-}
-
-export class FieldRemoteSelect extends React.Component<FieldRemoteSelectProps, any> {}
-

package/src/framework/field-components/FieldRemoteSelect.jsx

@@ -1,87 +0,0 @@
-import React from 'react';
-import {Select, Spin, message} from 'antd';
-import {debounce} from 'lodash';
-import {HttpUtils} from "../utils";
-
-export class FieldRemoteSelect extends React.Component {
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            options: [],
-            loading: false,
-        };
-
-        this.fetchIdRef = 0;
-        this.loadDataDebounce = debounce(this.loadData, 800);
-    }
-
-    static defaultProps = {
-        placeholder: '请搜索选择'
-    };
-
-    componentDidMount() {
-        this.loadData('')
-    }
-
-    componentWillUnmount() {
-        this.loadDataDebounce.cancel();
-    }
-
-    loadData = async (searchText) => {
-        const {url, value} = this.props;
-        const fetchId = ++this.fetchIdRef;
-
-        this.setState({loading: true});
-
-        try {
-            const data = await HttpUtils.get(url, {searchText, selected: value});
-
-            if (fetchId === this.fetchIdRef) {
-                this.setState({options: data || []});
-            }
-        } catch (error) {
-            console.error('远程搜索失败:', error);
-            message.error('搜索失败，请重试');
-            this.setState({options: []});
-        } finally {
-            if (fetchId === this.fetchIdRef) {
-                this.setState({loading: false});
-            }
-        }
-    };
-
-    handleSearch = (value) => {
-        if (value.trim() === '') {
-            this.setState({options: []});
-            return;
-        }
-        this.loadDataDebounce(value.trim());
-    };
-
-    render() {
-        const {options, loading} = this.state;
-        const {value, onChange, url, ...selectProps} = this.props;
-
-        return (
-            <Select
-                showSearch={
-                    {
-                        filterOption: false,
-                        onSearch: this.handleSearch,
-                    }
-                }
-                value={value}
-                onChange={onChange}
-                options={options}
-                notFoundContent={loading ? <Spin size="small"/> : '数据为空'}
-                style={{width: '100%', minWidth: 200}}
-                allowClear
-
-                {...selectProps}
-            >
-            </Select>
-        );
-    }
-}
-

package/src/framework/field-components/FieldRemoteSelectMultiple.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-
-export interface FieldRemoteSelectMultipleProps extends Omit<SelectProps, 'options' | 'children'| 'mode'> {
-
-    /**
-     * 请求地址
-     */
-    url: string ;
-}
-
-export class FieldRemoteSelectMultiple extends React.Component<FieldRemoteSelectMultipleProps, any> {}
-

package/src/framework/field-components/FieldRemoteSelectMultipleInline.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-
-/**
- *  多选，但是值是字符串，逗号破解的
- */
-export interface FieldRemoteSelectMultipleInlineProps  {
-
-    /**
-     * 请求地址
-     */
-    url: string ;
-
-    /**
-     * 默认展开所有
-     */
-    treeDefaultExpandAll?: boolean ;
-}
-
-export class FieldRemoteSelectMultipleInline extends React.Component<FieldRemoteSelectMultipleInlineProps, any> {}
-

package/src/framework/field-components/FieldRemoteTree.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-import {TreeProps} from "antd";
-
-export interface FieldRemoteTreeProps  {
-
-    /**
-     * 请求地址
-     */
-    url: string ;
-}
-
-/**
- * 多选树
- *
- * 区别于下拉框，是扁平展示的树
- * 这种需要扁平展示的树，通常都是多选。
- *
- */
-export class FieldRemoteTree extends React.Component<FieldRemoteTreeProps, any> {}
-

package/src/framework/field-components/FieldRemoteTree.jsx

@@ -1,45 +0,0 @@
-import React from "react";
-import {Spin, Tree} from "antd";
-import {HttpUtils} from "../utils";
-
-export class FieldRemoteTree extends React.Component {
-
-    state = {
-        treeLoading: true,
-        treeData: [],
-    }
-
-     componentDidMount() {
-         this.loadData();
-    }
-
-
-    loadData = async () => {
-        this.setState({treeLoading: true})
-        let url = this.props.url;
-        try {
-            const treeData = await HttpUtils.get(url)
-            this.setState({treeData})
-        } catch (e) {
-            console.log(e)
-        } finally {
-            this.setState({treeLoading: false})
-        }
-    };
-
-    render() {
-        if (this.state.treeLoading) {
-            return <Spin/>
-        }
-        return <Tree
-            multiple
-            checkable
-            onCheck={e => this.props.onChange(e.checked)}
-            checkedKeys={this.props.value}
-            treeData={this.state.treeData}
-            defaultExpandAll
-            checkStrictly
-        >
-        </Tree>
-    }
-}

package/src/framework/field-components/FieldRemoteTreeSelect.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-
-export interface FieldRemoteTreeSelectProps  {
-
-    /**
-     * 请求地址
-     */
-    url: string ;
-
-    /**
-     * 默认展开所有
-     */
-    treeDefaultExpandAll?: boolean ;
-}
-
-export class FieldRemoteTreeSelect extends React.Component<FieldRemoteTreeSelectProps, any> {}
-

package/src/framework/field-components/FieldRemoteTreeSelectMultiple.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-
-export interface FieldRemoteTreeSelectMultipleProps  {
-
-    /**
-     * 请求地址
-     */
-    url: string ;
-
-    /**
-     * 默认展开所有
-     */
-    treeDefaultExpandAll?: boolean ;
-}
-
-export class FieldRemoteTreeSelectMultiple extends React.Component<FieldRemoteTreeSelectMultipleProps, any> {}
-

package/src/framework/field-components/FieldSysOrgTree.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-
-export interface FieldSysOrgTreeProps  {
-
-    type?: 'dept' | 'unit'
-
-
-}
-
-export class FieldSysOrgTree extends React.Component<FieldSysOrgTreeProps, any> {}
-

package/src/framework/field-components/FieldSysOrgTree.jsx

@@ -1,23 +0,0 @@
-/**
- * 组织机构树
- */
-import React from "react";
-import {FieldRemoteTree} from "./FieldRemoteTree";
-
-
-export  class FieldSysOrgTree extends React.Component {
-  static defaultProps = {
-    type: 'dept',
-  }
-
-
-  render() {
-    let {type,...rest} = this.props;
-    const url = type === 'dept'?
-        '/admin/sysOrg/deptTree':
-        '/admin/sysOrg/unitTree'
-    return <FieldRemoteTree url={url} {...rest} />
-  }
-
-
-}

package/src/framework/field-components/FieldSysOrgTreeSelect.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { SelectProps } from 'antd/es/select';
-
-export interface FieldSysOrgTreeSelectProps  {
-
-    type?: 'dept' | 'unit'
-
-
-}
-
-export class FieldSysOrgTreeSelect extends React.Component<FieldSysOrgTreeSelectProps, any> {}
-

package/src/framework/field-components/FieldTable.d.ts

@@ -1,17 +0,0 @@
-import React from "react";
-import {ColumnsType} from "antd/es/table";
-
-declare type FieldTableProps = {
-    columns:  ColumnsType,
-    value?: any[]
-    onChange?: (list:any[])=>{},
-    style?: React.CSSProperties
-};
-
-/***
- * 可编辑表格
- */
-export class FieldTable extends React.Component<FieldTableProps, any> {
-
-
-}

package/src/framework/field-components/FieldTableSelect.d.ts

@@ -1,19 +0,0 @@
-// @ts-ignore
-import React from "react";
-
-declare type FieldTableSelectProps = {
-    url:string;
-    placeholder?:string;
-    columns: {
-        title: string;
-        dataIndex: string;
-    }[];
-};
-
-/**
- * 下拉表格
- *
- * 后端参考接口：
- */
-export class FieldTableSelect extends React.Component<FieldTableSelectProps, any> {
-}

package/src/framework/field-components/system/index.ts

@@ -1,2 +0,0 @@
-export * from './OrgTree';
-export * from './RoleTree';

package/src/framework/view-components/ViewBoolean.tsx

@@ -1,6 +0,0 @@
-import {ViewBooleanProps} from "./ViewProps";
-
-export function ViewBoolean(props: ViewBooleanProps) {
-    let {value} = props;
-    return value == null ? null : (value ? '是' : '否')
-}

package/src/framework/view-components/ViewFlowableInstanceProgress.d.ts

@@ -1,12 +0,0 @@
-// @ts-ignore
-import React from "react";
-import {ViewProps, ViewStringProps} from "./ViewProps";
-
-
-
-/**
- * 业务标识businessKey
- */
-export class ViewFlowableInstanceProgress extends React.Component<ViewStringProps, any> {
-}
-

package/src/framework/view-components/ViewProps.ts

@@ -1,11 +0,0 @@
-export interface ViewProps {
-    value?: any;
-}
-
-export interface ViewStringProps {
-    value: string;
-}
-
-export interface ViewBooleanProps {
-    value: boolean;
-}

package/src/framework/view-components/index.ts

@@ -1,6 +0,0 @@
-// 查看组件，主要是value 属性
-export * from './ViewPassword';
-export * from './ViewBoolean';
-export * from './ViewApproveStatus'
-export * from './ViewFlowableInstanceProgress'
-export * from './ViewFlowableInstanceProgressButton'