vap1 0.0.1

package/components/_setup/UForm/UFormTree.js

@@ -0,0 +1,134 @@
+// import React from 'react';
+// import _ from 'lodash';
+// import { TreeSelect } from 'antd';
+// import { registerInputType, UFormInput } from 'vap/_common/UForm';
+// import { Option } from 'vap/_common/UForm/interface';
+// import { TreeNode } from 'antd/lib/tree-select/interface';
+// import { MULTI_CHOOSE_SHOW } from './Select';
+// const optionToTree = (options: Option[]): TreeNode[] => {
+//     return options.map((item) => {
+//         let result: TreeNode = { value: item.value, title: item.name, disabled: item.disabled };
+//         if (_.isArray(item.children) && item.children.length > 0) {
+//             result.children = optionToTree(item.children)
+//         }
+//         return result;
+//     })
+// }
+// const flatOptionToTree = (options: Option[], parent: string): TreeNode[] => {
+//     return options.map(item => {
+//         let result: TreeNode = { value: item.value, title: item.name };
+//         if (_.isArray(item.children) && item.children.length > 0) {
+//             result.children = optionToTree(item.children)
+//         }
+//         return result;
+//     })
+// }
+// registerInputType('stree-select', class extends UFormInput {
+//     render() {
+//         const { value, field, disabled } = this.props;
+//         let params: any = { disabled, value, showSearch: true, searchPlaceholder: '输入关键字过滤', treeDefaultExpandAll: true }
+//         if (field.rule && _.find(field.rule, { required: true })) {
+//             params.allowClear = false;
+//         }
+//         if (!_.has(field, 'config.treeData')) {
+//             if (_.has(field, 'options')) {
+//                 params.treeData = optionToTree(field.options);
+//             } else {
+//                 params.treeData = []
+//             }
+//         }
+//         return <TreeSelect
+//             dropdownStyle={{ maxHeight: 389 ,overflow:'auto'}}
+//             {...params}
+//             {...field.config}
+//             placeholder={this.getSelectTip()}
+//             multiple={false}
+//             value={value}
+//             treeCheckable={false}
+//             onChange={value => this.onChange(value)}
+//         />
+//     }
+// })
+// registerInputType('dtree-select', class extends UFormInput {
+//     render() {
+//         const { value, field, disabled } = this.props;
+//         let selectKey = [];
+//         if (value) {
+//             selectKey = value.split(',').map(item => item.trim())
+//         }
+//         let params: any = { disabled, value, showSearch: true, searchPlaceholder: '输入关键字过滤', treeDefaultExpandAll: true }
+//         if (field.rule && _.find(field.rule, { required: true })) {
+//             params.allowClear = false;
+//         }
+//         if (!_.has(field, 'config.treeData')) {
+//             if (_.has(field, 'options')) {
+//                 params.treeData = optionToTree(field.options);
+//             } else {
+//                 params.treeData = []
+//             }
+//         }
+//         return <TreeSelect
+//             searchPlaceholder={`输入关键字过滤`}
+//             {...params}
+//             {...field.config}
+//             value={selectKey}
+//             placeholder={this.getSelectTip()}
+//             multiple={true}
+//             treeCheckable
+//             onChange={value => this.onChange((value && (value as string[]).length) ? (value as string[]).join(',') : undefined)}
+//         />
+//     }
+// }, {
+//     show: MULTI_CHOOSE_SHOW
+// })
+// // registerInputType('flat-tree-select', class extends UFormInput {
+// //     render() {
+// //         const { value, field, disabled } = this.props;
+// //         let params: any = { disabled, value, showSearch: true }
+// //         if (field.rule && _.find(field.rule, { required: true })) {
+// //             params.allowClear = false;
+// //         }
+// //         if (!_.has(field, 'config.treeData')) {
+// //             if (_.has(field, 'options')) {
+// //                 params.treeData = flatOptionToTree(field.options);
+// //             } else {
+// //                 params.treeData = []
+// //             }
+// //         }
+// //         return <TreeSelect
+// //             {...params}
+// //             {...field.config}
+// //             placeholder={this.getSelectTip()}
+// //             multiple={false}
+// //             treeCheckable={false}
+// //             onChange={value => this.onChange(value)}
+// //         />
+// //     }
+// // })
+// // registerInputType('multi-flat-tree-select', class extends UFormInput {
+// //     render() {
+// //         const { value, field, disabled } = this.props;
+// //         let selectKey = [];
+// //         if (value) {
+// //             selectKey = value.split(',').map(item => item.trim())
+// //         }
+// //         let params: any = { disabled, value: selectKey, showSearch: true }
+// //         if (field.rule && _.find(field.rule, { required: true })) {
+// //             params.allowClear = false;
+// //         }
+// //         if (!_.has(field, 'config.treeData')) {
+// //             if (_.has(field, 'options')) {
+// //                 params.treeData = flatOptionToTree(field.options);
+// //             } else {
+// //                 params.treeData = []
+// //             }
+// //         }
+// //         return <TreeSelect
+// //             {...params}
+// //             placeholder={this.getSelectTip()}
+// //             multiple={true}
+// //             treeCheckable
+// //             onChange={value => this.onChange((value as string[]).join(','))}
+// //         />
+// //     }
+// // })

package/components/_setup/UForm/UFormUpload.d.ts

@@ -0,0 +1 @@
+export {};

package/components/_setup/UForm/UFormUpload.js

@@ -0,0 +1,173 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const Upload_1 = require("../../Upload");
+const _register_1 = require("../../UForm/_register");
+const _input_1 = require("../../UForm/_input");
+const utils_1 = require("../../../utils");
+const utils_2 = require("../../../utils");
+const DefaultResultChange = (result) => result.fileId || result.guid || result.id;
+const getUploadValue = (values) => {
+    if (!lodash_1.default.isArray(values))
+        return null;
+    if (values[0] == null || values[0] == undefined)
+        return null;
+    return {
+        fileId: values[0],
+        fileName: (values.length > 1 && values[1] != null) ? values[1] : values[0]
+    };
+};
+(0, _register_1.registerFormField)('file', (props) => {
+    const { field, disabled, value, } = props;
+    const fileProps = {
+        disabled,
+        onChange: (data, file) => {
+            const change = lodash_1.default.has(field.config, 'onChange') && lodash_1.default.isFunction(field.config.onChange) ? field.config.onChange : DefaultResultChange;
+            const fileId = change(data);
+            const val = { [fields[0]]: fileId };
+            if (fields.length > 1) {
+                val[fields[1]] = file.name || file.fileName;
+            }
+            props.onChange(val);
+        }
+    };
+    const [fields, values] = (0, _input_1.getMultiFieldValues)(field, value);
+    let uploadValue = getUploadValue(values);
+    if (uploadValue != null)
+        fileProps.value = uploadValue;
+    return react_1.default.createElement(Upload_1.UploadFile, Object.assign({}, fileProps));
+}, {
+    isMultiple: true,
+    render: (value, data, field) => {
+        const [fields, values] = (0, _input_1.getMultiFieldValues)(field, data);
+        return utils_1.Renders.fileRender(values[0], values[1]);
+    }
+});
+const RATIO = 1280 / 1920;
+(0, _register_1.registerFormField)('img', (props) => {
+    const { field, disabled, value, } = props;
+    const fileProps = {
+        disabled,
+        onChange: (data) => {
+            const change = lodash_1.default.has(field.config, 'onChange') && lodash_1.default.isFunction(field.config.onChange) ? field.config.onChange : DefaultResultChange;
+            const fileId = change(data);
+            props.onChange(fileId);
+        }
+    };
+    if (value) {
+        fileProps.value = { fileId: value };
+    }
+    return react_1.default.createElement(Upload_1.UploadImage, Object.assign({}, field.config, fileProps));
+}, {
+    breakCol: true,
+    render: (value, data, field) => {
+        const style = {
+            cursor: 'pointer', borderRadius: '6px'
+        };
+        if (lodash_1.default.has(field.config, 'width')) {
+            style.width = field.config.width;
+            if (lodash_1.default.has(field.config, 'height')) {
+                style.height = field.config.height;
+            }
+            else {
+                style.height = field.config.width * RATIO;
+            }
+        }
+        else if (lodash_1.default.has(field.config, 'height')) {
+            style.height = field.config.height;
+            if (lodash_1.default.has(field.config, 'width')) {
+                style.width = field.config.width;
+            }
+            else {
+                style.width = field.config.height / RATIO;
+            }
+        }
+        else {
+            style.height = 80;
+            style.width = 80;
+        }
+        return react_1.default.createElement("img", { src: utils_2.GLOBAL.CONFIG.UPLOAD.PREVIEW + value, style: style, onClick: (evt) => utils_2.PageUtil.stopEvent(evt, () => window.open(utils_2.GLOBAL.CONFIG.UPLOAD.PREVIEW + value, '_blank')) });
+    }
+});
+// registerFormField('multi-file', (props) => {
+//     return <div></div>
+// });
+// registerInputType('multi-file', class extends UFormInput {
+//     state = {
+//         fileList: [],
+//     };
+//     componentDidMount() {
+//         const { value } = this.props;
+//         if (value) {
+//             try {
+//                 let list = JSON.parse(value)
+//                 if (_.isArray(list)) {
+//                     const fileList = list.map(item => {
+//                         return { uid: item.uid, name: item.name, url: `/api/fs/view/${item.uid}` }
+//                     });
+//                     this.setState({ fileList });
+//                 }
+//             } catch {
+//                 console.error('文件列表解析失败')
+//             }
+//         }
+//     }
+//     handleChange(info: UploadChangeParam) {
+//         this.setState({ fileList: info.fileList }, () => {
+//             if (info.file.status == 'removed') {
+//                 this.props.onChange({
+//                     [this.props.field.field]: JSON.stringify(info.fileList.filter(item => !_.has(item, 'status')))
+//                 })
+//                 return;
+//             }
+//             if (info.file.status != 'done') return;
+//             let idx = _.findIndex(info.fileList, { uid: info.file.uid });
+//             let files = [...info.fileList.slice(0, idx), {
+//                 uid: info.file.response.data.guid,
+//                 name: info.file.response.data.orginName,
+//                 url: `/api/fs/view/${info.file.response.data.guid}`,
+//             }, ...info.fileList.slice(idx + 1)]
+//             this.setState({ fileList: files });
+//             this.props.onChange({
+//                 [this.props.field.field]: JSON.stringify(
+//                     _.filter(files, item => !_.has(item, 'status')).map((item: any) => ({ uid: item.uid, name: item.name }))
+//                 )
+//             })
+//         });
+//     };
+//     render(): React.ReactNode {
+//         return <Upload
+//             action='/api/fs/upload'
+//             multiple
+//             showUploadList={{
+//                 showPreviewIcon: true,
+//                 showDownloadIcon: true,
+//                 showRemoveIcon: true,
+//             }}
+//             onChange={info => this.handleChange(info)}
+//             fileList={this.state.fileList as any}
+//         >
+//             <Button icon="upload">请上传附件，支持多个</Button>
+//         </Upload >
+//     }
+// }, {
+//     breakCol: true,
+//     show: (value) => {
+//         if (value == null) return <React.Fragment />
+//         try {
+//             let files = JSON.parse(value)
+//             if (_.isArray(files)) {
+//                 return <ul className='multi-file-show'>
+//                     {files.map(item => <li>{renderFile(item)}</li>)}
+//                 </ul>
+//             }
+//         } catch {
+//             console.error('签收人JSON格式错误')
+//         }
+//         return <React.Fragment />
+//     }
+// })

package/components/_setup/UForm/_utils.d.ts

@@ -0,0 +1,11 @@
+import type { UFormField } from '../../UForm';
+import type { ValidationRule } from 'antd/es/form/Form';
+import type { PlainObject } from '../../../basetype';
+/**
+* 特殊字符校验(不包含网站符号)
+*/
+export declare const ILLEGAL_CHAR_VALIDATER: (field: UFormField) => ValidationRule[];
+/**
+ * 多选，render,
+*/
+export declare const MULTI_CHOOSE_SHOW: (value: any, data: PlainObject, field: UFormField) => string;

package/components/_setup/UForm/_utils.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MULTI_CHOOSE_SHOW = exports.ILLEGAL_CHAR_VALIDATER = void 0;
+const utils_1 = require("../../../utils");
+const Const_1 = require("../Const");
+/**
+* 特殊字符校验(不包含网站符号)
+*/
+const ILLEGAL_CHAR_VALIDATER = (field) => {
+    if (!utils_1.GLOBAL.CONFIG.FORM.ILLEGAL_CHAR_VALIDATE)
+        return [];
+    if (field.ignore || field.config && field.config.ignore)
+        return [];
+    return [{
+            validator: (rule, value, callback) => {
+                if (utils_1.GLOBAL.CONFIG.FORM.ILLEGAL_CHAR_REGEXP.test(value)) {
+                    callback(utils_1.i18n.txt(Const_1.V.ERR_ILLEGAL_CHAR));
+                }
+                else {
+                    callback();
+                }
+            },
+        }];
+};
+exports.ILLEGAL_CHAR_VALIDATER = ILLEGAL_CHAR_VALIDATER;
+/**
+ * 多选，render,
+*/
+const MULTI_CHOOSE_SHOW = (value, data, field) => {
+    if (value == '')
+        return '';
+    let MAP = new Map();
+    field.options.map(item => MAP.set(item.value + '', item.label));
+    let values = [];
+    value.split(',').map(key => {
+        if (MAP.has(key))
+            values.push(MAP.get(key));
+    });
+    return values.join(',');
+};
+exports.MULTI_CHOOSE_SHOW = MULTI_CHOOSE_SHOW;

package/components/_setup/index.d.ts

@@ -0,0 +1,21 @@
+import './I18N/index';
+import './ICON/IconTypes';
+import './SelectBar/SelectTree';
+import './SelectBar/SelectList';
+import './SearchField/SearchFieldInput';
+import './SearchField/SearchFieldSelect';
+import './SearchField/SearchFieldDate';
+import './SearchField/SearchFieldTree';
+import './SearchField/SearchFieldAdvance';
+import './UForm/UFormInput';
+import './UForm/UFormSelect';
+import './UForm/UFormDate';
+import './UForm/UFormUpload';
+import './UForm/UFormTree';
+import './UForm/UFormRole';
+import './UForm/UFormOrg';
+import './UForm/UFormSearch';
+import './UForm/UFormJSON';
+import './UForm/UFormCrontab';
+import './UForm/UFormAdvanceInput';
+import './UForm/UFormAdvanceSelect';

package/components/_setup/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// 内置组件一键注册
+require("./I18N/index"); // 内置I18N
+require("./ICON/IconTypes"); // 图标
+require("./SelectBar/SelectTree"); // 选择框，树选择
+require("./SelectBar/SelectList"); // 选择框，列表选择
+//
+require("./SearchField/SearchFieldInput"); // 搜索框： 输入
+require("./SearchField/SearchFieldSelect"); // 搜索框： 选择
+require("./SearchField/SearchFieldDate"); // 搜索框： 日期
+require("./SearchField/SearchFieldTree"); // 搜索框： 树
+require("./SearchField/SearchFieldAdvance"); // 搜索框： 高级类型
+require("./UForm/UFormInput"); // 基础类型：输入
+require("./UForm/UFormSelect"); // 基础类型：选择
+require("./UForm/UFormDate"); // 基础类型：日期
+require("./UForm/UFormUpload"); // 基础类型：上传
+require("./UForm/UFormTree"); // 高阶类型：树选择
+require("./UForm/UFormRole"); // 高阶类型：角色
+require("./UForm/UFormOrg"); // 高阶类型：机构
+require("./UForm/UFormSearch"); // 高阶类型：自动填充/自动搜索（API接口获取数据）
+require("./UForm/UFormJSON"); // 高阶类型：JSON Array, JSON Object
+require("./UForm/UFormCrontab"); // 高阶类型：Crontab
+require("./UForm/UFormAdvanceInput"); // 高阶类型：高级输入
+require("./UForm/UFormAdvanceSelect"); // 高阶类型：高级选择

package/components/index.d.ts

@@ -0,0 +1,7 @@
+export { registerFormField, } from './UForm/_register';
+export { getPlaceholder, getMultiFieldValues, registerApiTableSelector } from './UForm/_input';
+export type { FormFieldComponent, FormFieldProps, FormFieldOptions, } from './UForm/_register';
+export { registerSearchField, } from './SearchBar/_register';
+export type { SearchFieldComponent, SearchFieldProps, SearchFieldOptions, } from './SearchBar/_register';
+export { registerSelectBar } from './Box/_register';
+export type { SelectBarComponent, SelectBarProps, SelectBarOptions, } from './Box/_register';

package/components/index.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerSelectBar = exports.registerSearchField = exports.registerApiTableSelector = exports.getMultiFieldValues = exports.getPlaceholder = exports.registerFormField = void 0;
+// UForm 表单输入字段
+var _register_1 = require("./UForm/_register");
+Object.defineProperty(exports, "registerFormField", { enumerable: true, get: function () { return _register_1.registerFormField; } });
+var _input_1 = require("./UForm/_input"); // 常用方法
+Object.defineProperty(exports, "getPlaceholder", { enumerable: true, get: function () { return _input_1.getPlaceholder; } });
+Object.defineProperty(exports, "getMultiFieldValues", { enumerable: true, get: function () { return _input_1.getMultiFieldValues; } });
+Object.defineProperty(exports, "registerApiTableSelector", { enumerable: true, get: function () { return _input_1.registerApiTableSelector; } });
+// SearchField 搜索条件输入字段
+var _register_2 = require("./SearchBar/_register");
+Object.defineProperty(exports, "registerSearchField", { enumerable: true, get: function () { return _register_2.registerSearchField; } });
+// SelectBar - 左侧边栏
+var _register_3 = require("./Box/_register");
+Object.defineProperty(exports, "registerSelectBar", { enumerable: true, get: function () { return _register_3.registerSelectBar; } });

package/deps/JsonView.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ReactJsonViewProps } from 'react-json-view';
+export type JsonViewProps = Omit<ReactJsonViewProps, 'src'> & {
+    data: object;
+};
+export declare const JsonView: React.FC<JsonViewProps>;

package/deps/JsonView.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.JsonView = void 0;
+// 依赖
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const react_json_view_1 = __importDefault(require("react-json-view"));
+const JsonView = props => {
+    const jsonViewProps = (0, react_1.useMemo)(() => {
+        let params = Object.assign(Object.assign({ name: false }, props), { src: props.data });
+        if (props.data == null)
+            return params;
+        // Auto Detect Collapse Level
+        if (!lodash_1.default.has(props, 'collapsed')) {
+            if (lodash_1.default.isArray(props.data)) {
+                if (props.data.length >= 2) {
+                    params.collapsed = 1;
+                }
+                else {
+                    params.collapsed = 2;
+                }
+            }
+            else {
+                params.collapsed = 2;
+            }
+        }
+        return params;
+    }, [props.data]);
+    return react_1.default.createElement(react_json_view_1.default, Object.assign({}, jsonViewProps));
+};
+exports.JsonView = JsonView;

package/deps/SpringBoot.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 只用于单机版的组件 (Spring Boot)
+*/
+export declare const Link: () => void;

package/deps/SpringBoot.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * 只用于单机版的组件 (Spring Boot)
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+// export const CEMS = {};
+const Link = () => {
+};
+exports.Link = Link;
+// function draw({
+//     shape: Shape,
+//     xPos: number = 100,
+//     yPos: number = 100
+//   }) {
+//     let myShape = shape; // 报错
+//     let x = xPos; // 报错
+//   }

package/deps/SpringCloud.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 只用于微服务版的组件 (SpringCloud)
+*/
+/**
+ * 微服务组件说明：
+ * 并不需要显示引入其它依赖，但仅适用于 微服务(Spring Cloud)项目中使用
+ * 单机项目中使用时，
+*/
+import React from 'react';
+export declare const Service: () => React.JSX.Element;
+/**
+ * 安全域
+*/
+export declare const Domain: () => React.JSX.Element;

package/deps/SpringCloud.js

@@ -0,0 +1,29 @@
+"use strict";
+/**
+ * 只用于微服务版的组件 (SpringCloud)
+*/
+/**
+ * 微服务组件说明：
+ * 并不需要显示引入其它依赖，但仅适用于 微服务(Spring Cloud)项目中使用
+ * 单机项目中使用时，
+*/
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Domain = exports.Service = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * 服务容器
+*/
+const utils_1 = require("../utils");
+utils_1.Ajax.SESSION('/api-common/services');
+const Service = () => {
+    return utils_1.Const.NONE;
+};
+exports.Service = Service;
+/**
+ * 安全域
+*/
+const Domain = () => react_1.default.createElement("div", null);
+exports.Domain = Domain;

package/deps/_editor/advance/_Audio.js

@@ -0,0 +1 @@
+// Audio Support Todo

package/deps/_editor/advance/_Image.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Image: (props: any) => React.JSX.Element;