tntd 1.4.17 → 2.0.0-beta

package/.eslintignore

@@ -1,3 +0,0 @@
-**/node_modules
-lib
-es

package/.eslintrc.js

@@ -1,23 +0,0 @@
-
-const OFF = 0;
-const WARN = 1;
-const ERROR = 2;
-
-module.exports = {
-    // extends: 'eslint:recommended',
-    // extends: 'tdued',
-    parser: 'babel-eslint',
-    parserOptions: {
-        ecmaVersion: 6,
-        sourceType: 'module',
-        ecmaFeatures: {
-            jsx: true
-        }
-    },
-    rules: {
-        semi: 'error',
-        quotes: [WARN, 'single'],
-        indent: [ERROR, 4],
-        'no-restricted-globals': [OFF, 'console']
-    }
-};

package/.prettierrc

@@ -1,7 +0,0 @@
-{
-    "printWidth": 100,
-    "trailingComma": "es5",
-    "tabWidth": 4,
-    "singleQuote": false,
-    "semi": true
-}

package/README.md

@@ -1,91 +0,0 @@
-## 简介(tntd)
-tntd是同盾前端UED部门，基于特定业务场景开发的一套业务场景组件。
-
-### 功能特性
-- Layout, UED部门统一的外框架组件，包含头整体页面布局、头部导航、菜单
-- QueryListScene, 查询列表页，主要适用场景是表单查询 + Table页面及组件，包含了数据管理，通用逻辑处理如： 分页、查询、重置、表单内容自适应展开、收缩、Loading、轮询等
-
-### 环境依赖
-- nodejs、npm
-- React、antd
-
-### 安装
-- npm install tntd --save
-
-### 运行DEMO
-- npm install
-- npm run start
-
-### 目录结构
-<pre>
-.
-├── components(组件源码)
-|   ├── layout
-|   └── querylistscene
-├── lib(babel编译后的代码)
-|   ├── layout
-|   └── querylistscene
-├── babel.config.js
-├── package.json
-└── README.md
-</pre>
-
-### 使用
-```js
-import ReactDOM from 'react-dom';
-import { QueryListScene, Layout } from 'tntd';
-
-const { QueryForm, Field, QueryList } = QueryListScene;
-const columns = [
-    {
-        title: 'ID',
-        dataIndex: 'id',
-        width: 60
-    },
-    {
-        title: '项目名称',
-        dataIndex: 'name',
-        sorter: (a, b) => a.name > b.name
-    }
-];
-const query = params => {
-    return new Promise(resolve => {
-        resolve([
-            { id: 1, name: 'xxx' },
-            { id: 2, name: 'yyy' }
-        ])
-    })
-};
-
-ReactDOM.render(
-     <Layout
-        logo=""
-        name="应用名称"
-        enName="Application English Name"
-        userInfo={{}}
-        menus={[]}
-        onMenuChange={onMenuChange}
-        onMenuSelect={onMenuSelect}
-        onLanguageChange={onLanguageChange}
-        onThemeChange={onThemeChange}
-        onAppChange={onAppChange}
-    >
-        <QueryListScene query={query} title="查询列表页">
-            <QueryForm>
-                <Field type="string" name="name" props={{ placeholder: "名称" }} />
-                <Field type="date" name="date" />
-                <Field
-                    type="select"
-                    name="select"
-                    props={{
-                        placeholder: '状态',
-                        options: ['初始化', '运行中', '成功', '失败']
-                    }}
-                />
-            </QueryForm>
-            <QueryList columns={columns} />
-        </QueryListScene>
-    </Layout>,
-    document.getElementById('root')
-)
-```

package/babel.config.js

@@ -1,55 +0,0 @@
-/**
- * @file babel 配置文件
- * @author zhangyou
- */
-
-const presets = [
-    '@babel/env',
-    '@babel/preset-react'
-];
-
-const plugins = [
-    [
-        '@babel/plugin-proposal-decorators',
-        {
-            legacy: true
-        }
-    ],
-    [
-        '@babel/plugin-proposal-class-properties',
-        {
-            loose: true
-        }
-    ],
-    [
-        '@babel/plugin-proposal-optional-chaining',
-        {
-            loose: true
-        }
-    ]
-    // ['babel-plugin-styless']
-];
-
-const isES = process.env.BUILD_ENV === 'es';
-
-if (isES) {
-    presets[0] = [
-        presets[0],
-        {
-            modules: false
-        }
-    ];
-}
-
-if (process.env.BUILD_ENV !== 'umd' && !process.env.WEBPACK_DEV_SERVER) {
-    plugins.push([
-        'import',
-        {
-            libraryName: 'antd',
-            // libraryDirectory: isES ? 'es' : 'lib',
-            style: true,
-        }
-    ]);
-}
-
-module.exports = { presets, plugins };

package/components/ArrayInput/README.md

@@ -1,129 +0,0 @@
-## ArrayInput 组件
-
-### 代码演示 1
-
-```jsx
-import React, { useState } from "react";
-import ReactDOM from "react-dom";
-import { Button, Icon, Input, Select } from "antd";
-import { ArrayInput } from "tntd";
-import "antd/dist/antd.css";
-
-const Option = Select.Option;
-
-const Demo = () => {
-    const [value, setValue] = useState([{ type: "input" }]);
-    return (
-        <ArrayInput
-            value={value}
-            onChange={v => {
-                console.log("值修改了", v);
-                setValue(v);
-            }}
-            plusTip="注意要添加哦"
-            deleteTip="注意要删除了哦"
-            require
-        >
-            {(row, index) => {
-                return (
-                    <>
-                        <Select
-                            name="type"
-                            placeholder="联动"
-                            span={4}
-                            onChange={(value, index, changeValue) => {
-                                changeValue(index, "string", undefined);
-                            }}
-                        >
-                            <Option value="input">输入框</Option>
-                            <Option value="select">选择框</Option>
-                        </Select>
-                        {row.type === "input" ? (
-                            <Input name="string" placeholder="输入值" span={6} />
-                        ) : (
-                            <Select name="string" placeholder="下拉值" span={6}>
-                                <Option value="input">下拉值1</Option>
-                                <Option value="select">下拉值2</Option>
-                            </Select>
-                        )}
-                        <Input name="input" placeholder="输入框" />
-                    </>
-                );
-            }}
-        </ArrayInput>
-    );
-};
-
-ReactDOM.render(<Demo />, document.getElementById("root"));
-```
-
-### 代码演示 2
-
-```jsx
-import React, { useState } from "react";
-import ReactDOM from "react-dom";
-import { Button, Icon, Input, Select } from "antd";
-import { ArrayInput } from "tntd";
-import "antd/dist/antd.css";
-
-const Option = Select.Option;
-
-const Demo = () => {
-    return (
-        <ArrayInput mode="table">
-            {(row, index) => {
-                return [
-                    <Select
-                        name="type"
-                        placeholder="联动"
-                        title="输入框类型"
-                        span={4}
-                        onChange={(value, index, changeValue) => {
-                            changeValue(index, "string", undefined);
-                        }}
-                    >
-                        <Option value="input">输入框</Option>
-                        <Option value="select">选择框</Option>
-                    </Select>,
-                    row.type === "input" ? (
-                        <Input name="string" placeholder="输入值" title="输入类型联动" span={6} />
-                    ) : (
-                        <Select name="string" placeholder="输入值" title="输入类型联动" span={6}>
-                            <Option value="input">下拉值1</Option>
-                            <Option value="select">下拉值2</Option>
-                        </Select>
-                    ),
-                    <Input name="input" placeholder="输入框" title="输入框" span={6} />,
-                ];
-            }}
-        </ArrayInput>
-    );
-};
-
-ReactDOM.render(<Demo />, document.getElementById("root"));
-```
-
-### API
-
-#### ArrayInput
-
-| 参数         | type              | description                   | default |
-| :----------- | :---------------- | :---------------------------- | :------ |
-| defaultValue | array             | 默认值                        |         |
-| value        | array             | 可控值                        |         |
-| onChange     | Function          | 值变化时的回调                |         |
-| mode         | string            | 展示形式(list 或者 table)     | list    |
-| gutter       | number/array      | 同 antd 中的 row 使用方法类似 | 10      |
-| require      | boolean           | 是否至少有一列                | false   |
-| children     | Function          | 每行渲染函数                  |         |
-| deleteTip    | string            | 删除按钮说明文案              |         |
-| plusTip      | string            | 添加按钮说明文案              |         |
-| addText      | string\|ReactNode | 添加按钮文本                  | '添加'  |
-
-#### children 中输入控件参数
-
-| 参数  | type   | description                   | default |
-| :---- | :----- | :---------------------------- | :------ |
-| name  | string | 控件的 key(必填)              |         |
-| span  | number | 同 antd 中的 Col 使用方法类似 | 4       |
-| title | string | mode 为 table 的时候必填      |         |

package/components/ArrayInput/icon.js

@@ -1,28 +0,0 @@
-export const plusIcon = (
-    <svg
-        viewBox="64 64 896 896"
-        focusable="false"
-        data-icon="plus-circle"
-        width="1em"
-        height="1em"
-        fill="currentColor"
-        aria-hidden="true"
-    >
-        <path d="M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"></path>
-        <path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path>
-    </svg>
-);
-
-export const deleteIcon = (
-    <svg
-        viewBox="64 64 896 896"
-        focusable="false"
-        data-icon="delete"
-        width="1em"
-        height="1em"
-        fill="currentColor"
-        aria-hidden="true"
-    >
-        <path d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"></path>
-    </svg>
-);

package/components/ArrayInput/index.js

@@ -1,221 +0,0 @@
-import React, { useEffect, useState, useCallback, isValidElement } from "react";
-import { Row, Col, Table, Tooltip } from "antd";
-import { isFunction, isArray, sumBy, sum, set, get } from "lodash";
-import { plusIcon, deleteIcon } from "./icon";
-import "./index.less";
-
-const { Column } = Table;
-const getWidth = span => 1000 / span;
-
-export default function ArrayInput({
-    children,
-    defaultValue,
-    value,
-    onChange,
-    mode = "list",
-    gutter = 10,
-    require = false,
-    deleteTip = "",
-    plusTip = "",
-    addText = "添加",
-}) {
-    if (!isFunction(children)) {
-        throw new Error("ArrayInput的children必须是函数");
-    }
-
-    const [_value, setValue] = useState(value || defaultValue);
-
-    useEffect(() => {
-        setValue(value);
-    }, [value]);
-
-    const _onChange = useCallback(value => {
-        if (onChange) {
-            onChange(value);
-        } else {
-            setValue(value);
-        }
-    }, []);
-
-    let inValue = _value || [];
-    if (require && inValue.length === 0) {
-        inValue = [{}];
-    }
-
-    const changeValue = (index, name, value) => {
-        inValue[index] = {
-            ...inValue[index],
-            [name]: value,
-        };
-        _onChange([...inValue]);
-    };
-
-    const onAdd = index => {
-        if (index === undefined) {
-            _onChange([...inValue, {}]);
-        } else {
-            inValue.splice(index + 1, 0, {});
-            _onChange([...inValue]);
-        }
-    };
-
-    const onDelete = i => {
-        inValue.splice(i, 1);
-        _onChange([...inValue]);
-    };
-
-    if (mode === "list") {
-        return (
-            <div className="tntd-array-input">
-                {inValue.map((item, index) => {
-                    let fields = children(item, index);
-                    if (!isArray(fields)) {
-                        fields = get(fields, "props.children", []);
-                    }
-                    return (
-                        <Row gutter={gutter} key={index} className="tntd-array-input-item">
-                            {fields.map((field, i) => {
-                                if (!isValidElement(field)) {
-                                    return field ? (
-                                        <Col span={4} key={i}>
-                                            {field}
-                                        </Col>
-                                    ) : (
-                                        ""
-                                    );
-                                }
-                                const {
-                                    name,
-                                    span = 4,
-                                    onChange: fieldChange,
-                                    ...other
-                                } = field?.props;
-                                return (
-                                    <Col span={span} key={i}>
-                                        {React.cloneElement(field, {
-                                            value: item[name] || undefined,
-                                            onChange: e => {
-                                                fieldChange && fieldChange(e, index, changeValue);
-                                                const newValue = e.target ? e.target.value : e;
-                                                changeValue(index, name, newValue);
-                                            },
-                                            ...other,
-                                        })}
-                                    </Col>
-                                );
-                            })}
-                            <Col span={24 - (sum(fields.map(f => get(f, "props.span", 4))) % 24)}>
-                                <span className="tntd-array-input-action">
-                                    {plusTip ? (
-                                        <Tooltip title={plusTip} placement="left">
-                                            <span className="mr10" onClick={() => onAdd(index)}>
-                                                {plusIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span className="mr10" onClick={() => onAdd(index)}>
-                                            {plusIcon}
-                                        </span>
-                                    )}
-                                    {deleteTip ? (
-                                        <Tooltip title={deleteTip} placement="right">
-                                            <span onClick={() => onDelete(index)}>
-                                                {deleteIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span onClick={() => onDelete(index)}>{deleteIcon}</span>
-                                    )}
-                                </span>
-                            </Col>
-                        </Row>
-                    );
-                })}
-                {inValue.length === 0 && <a onClick={() => onAdd()}>{addText}</a>}
-            </div>
-        );
-    } else {
-        let fields = children({}, 0);
-        if (!isArray(fields)) {
-            fields = get(fields, "props.children", []);
-        }
-        const dataSource = inValue.map((value, index) => {
-            const fields = children(value, index);
-            const back = {};
-            fields.forEach(field => {
-                const name = field?.props?.name;
-                name && set(back, name, field);
-            });
-            return back;
-        });
-        return (
-            <div className="tntd-array-input">
-                <Table
-                    dataSource={dataSource}
-                    pagination={false}
-                    locale={{
-                        emptyText: <a onClick={() => onAdd()}>{addText}</a>,
-                    }}
-                >
-                    {fields.map(field => {
-                        const { name, span, title } = field?.props || {};
-                        return (
-                            <Column
-                                key={name}
-                                dataIndex={name}
-                                title={title}
-                                width={getWidth(span || 24 / (fields.length + 1))}
-                                render={(field, row, index) => {
-                                    if (!isValidElement(field)) {
-                                        return field;
-                                    }
-                                    const { onChange: fieldChange } = field.props;
-                                    return React.cloneElement(field, {
-                                        value: inValue[index][name] || undefined,
-                                        onChange: e => {
-                                            fieldChange && fieldChange(e, index, changeValue);
-                                            const newValue = e.target ? e.target.value : e;
-                                            changeValue(index, name, newValue);
-                                        },
-                                    });
-                                }}
-                            ></Column>
-                        );
-                    })}
-                    <Column
-                        key="action"
-                        dataIndex="action"
-                        title="操作"
-                        width={getWidth(24 - (sumBy(fields, "props.span") % 24))}
-                        render={(text, row, index) => {
-                            return (
-                                <span className="tntd-array-input-action">
-                                    {plusTip ? (
-                                        <Tooltip title={plusTip} placement="left">
-                                            <span className="mr10" onClick={() => onAdd(index)}>
-                                                {plusIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span className="mr10" onClick={() => onAdd(index)}>
-                                            {plusIcon}
-                                        </span>
-                                    )}
-                                    {deleteTip ? (
-                                        <Tooltip title={deleteTip} placement="right">
-                                            <span onClick={() => onDelete(index)}>
-                                                {deleteIcon}
-                                            </span>
-                                        </Tooltip>
-                                    ) : (
-                                        <span onClick={() => onDelete(index)}>{deleteIcon}</span>
-                                    )}
-                                </span>
-                            );
-                        }}
-                    ></Column>
-                </Table>
-            </div>
-        );
-    }
-}

package/components/ArrayInput/index.less

@@ -1,20 +0,0 @@
-.tntd-array-input {
-    &-item {
-        margin-bottom: 10px;
-    }
-    .ant-col,
-    .ant-table-row {
-        .ant-select {
-            width: 100%;
-        }
-    }
-    .mr10 {
-        margin-right: 10px;
-    }
-    &-action {
-        line-height: 28px;
-        > span {
-            cursor: pointer;
-        }
-    }
-}

package/components/AuthContext.js

@@ -1,3 +0,0 @@
-import { createContext } from 'react';
-
-export default createContext(() => true);