vap1 0.1.4 → 0.1.5

package/uform/inputs/_date.js

@@ -0,0 +1,178 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_DATE = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("../../index");
+const lodash_1 = __importDefault(require("lodash"));
+const dayjs_1 = __importDefault(require("dayjs"));
+const utils_1 = require("../../utils");
+const defaultPlaceholder = '请选择';
+const style = { pointerEvents: 'none', };
+const getPlaceholder = (props) => {
+    if (props.placeholder)
+        return props.placeholder;
+    return defaultPlaceholder + props.title;
+};
+// 日期输入相关的组件
+const DatePick = (props) => {
+    const { field, disabled, value, form, onChange } = props;
+    let params = { placeholder: getPlaceholder(field), disabled, allowClear: true, style };
+    if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
+        params.allowClear = false;
+    if (field.config && field.config._startField) {
+        params.disabledDate = (current) => {
+            let startStr = form.getFieldValue(field.config._startField);
+            if (startStr == null || field.config._startField == '')
+                return false;
+            return (0, dayjs_1.default)(startStr).diff(current) > 0;
+        };
+    }
+    else if (field.config && field.config._endField) {
+        params.disabledDate = (current) => {
+            let endDateStr = form.getFieldValue(field.config._endField);
+            if (endDateStr == null || field.config._endField == '')
+                return false;
+            return (0, dayjs_1.default)(endDateStr).diff(current) < 0;
+        };
+    }
+    if (value) {
+        let day = (0, dayjs_1.default)(value);
+        if (day.isValid())
+            params.value = day;
+    }
+    const format = lodash_1.default.has(field.config, 'format') ? field.config.format : (props.showTime ? utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT);
+    return react_1.default.createElement(index_1.DatePicker, Object.assign({ style: { width: '80%', pointerEvents: 'none' } }, params, field.config, { showTime: props.showTime, format: format, onChange: day => {
+            if (day == null) {
+                onChange(undefined);
+            }
+            else {
+                onChange(day.format(format));
+            }
+        } }));
+};
+// 内置输入
+exports.FORM_DATE = [
+    {
+        type: 'date',
+        title: '日期',
+        icon: 'date.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = {
+                field: props,
+                onChange: () => { },
+                form: {},
+            };
+            if (props._default)
+                params.value = (0, dayjs_1.default)(props._default);
+            return react_1.default.createElement(DatePick, Object.assign({}, params, { showTime: false }));
+        }
+    },
+    {
+        type: 'datetime',
+        title: '日期+时间',
+        icon: 'date.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = {
+                field: props,
+                onChange: () => { },
+                form: {},
+            };
+            if (props._default)
+                params.value = (0, dayjs_1.default)(props._default);
+            return react_1.default.createElement(DatePick, Object.assign({}, params, { showTime: true }));
+        }
+    },
+    {
+        type: 'daterange',
+        title: '日期范围',
+        icon: 'date.png',
+        fieldCount: 2,
+        Component: props => {
+            const { config } = props;
+            return react_1.default.createElement(index_1.DatePicker.RangePicker, Object.assign({ style: style }, config, { showTime: false, disabled: props.disabled ? true : false }));
+        }
+    },
+    {
+        type: 'timerange',
+        title: '时间范围',
+        icon: 'date.png',
+        fieldCount: 2,
+        Component: props => {
+            const { config } = props;
+            return react_1.default.createElement(index_1.DatePicker.RangePicker, Object.assign({ style: style }, config, { showTime: true, disabled: props.disabled ? true : false }));
+        }
+    },
+    {
+        type: 'daterange-single',
+        title: '日期范围(单)',
+        icon: 'date.png',
+        fieldCount: 2,
+        breakCol: true,
+        Component: props => {
+            const { config } = props;
+            return react_1.default.createElement(index_1.DateRange, Object.assign({}, config, { showTime: false, disabled: props.disabled ? true : false }));
+        }
+    },
+    {
+        type: 'timerange-single',
+        title: '时间范围(单)',
+        icon: 'date.png',
+        fieldCount: 2,
+        breakCol: true,
+        Component: props => {
+            const { config } = props;
+            return react_1.default.createElement(index_1.DateRange, Object.assign({}, config, { showTime: true, disabled: props.disabled ? true : false }));
+        }
+    },
+    {
+        type: 'month',
+        title: '月',
+        icon: 'date.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = {
+                style: { width: '80%', pointerEvents: 'none' },
+                placeholder: getPlaceholder(props),
+            };
+            if (props._default)
+                params.value = (0, dayjs_1.default)(props._default);
+            return react_1.default.createElement(index_1.DatePicker.MonthPicker, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'week',
+        title: '周',
+        icon: 'date.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = {
+                style: { width: '80%', pointerEvents: 'none' },
+                placeholder: getPlaceholder(props),
+            };
+            if (props._default)
+                params.value = (0, dayjs_1.default)(props._default);
+            return react_1.default.createElement(index_1.DatePicker.WeekPicker, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'time',
+        title: '时间',
+        icon: 'date.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = {
+                style: { width: '80%', pointerEvents: 'none' },
+                placeholder: getPlaceholder(props),
+            };
+            if (props._default)
+                params.value = (0, dayjs_1.default)(props._default);
+            return react_1.default.createElement(index_1.TimePicker, Object.assign({}, params, props.config));
+        }
+    },
+];
+// monthrange

package/uform/inputs/_input.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { FormInput } from './register';
+import type { FormItem } from '../schema';
+export declare const getPlaceholder: (props: FormItem) => string;
+export declare const INPUT: (props: any) => React.JSX.Element;
+export declare const FORM_INPUT: FormInput[];

package/uform/inputs/_input.js

@@ -0,0 +1,139 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_INPUT = exports.INPUT = exports.getPlaceholder = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("../../index");
+const lodash_1 = __importDefault(require("lodash"));
+const defaultPlaceholder = '请输入';
+const style = { pointerEvents: 'none' };
+const getPlaceholder = (props) => {
+    if (props.placeholder)
+        return props.placeholder;
+    return defaultPlaceholder + props.title;
+};
+exports.getPlaceholder = getPlaceholder;
+const INPUT = props => {
+    let params = { placeholder: (0, exports.getPlaceholder)(props), autoComplete: 'off', style, disabled: props.disabled ? true : false };
+    if (props._default)
+        params.value = props._default;
+    return react_1.default.createElement(index_1.Input, Object.assign({}, params, props.config));
+};
+exports.INPUT = INPUT;
+// 内置输入
+exports.FORM_INPUT = [
+    {
+        type: 'text',
+        title: '文本',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: exports.INPUT
+    },
+    {
+        type: 'textarea',
+        title: '文本域',
+        icon: 'textarea.png',
+        breakCol: true,
+        defaultPlaceholder,
+        Component: props => {
+            let params = { placeholder: (0, exports.getPlaceholder)(props), autoComplete: 'off', style, disabled: props.disabled ? true : false };
+            if (props._default)
+                params.value = props._default;
+            return react_1.default.createElement(index_1.Input.TextArea, Object.assign({}, params, props.config));
+        },
+    },
+    {
+        type: 'password',
+        title: '密码',
+        icon: 'password.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = { placeholder: (0, exports.getPlaceholder)(props), autoComplete: 'off', style, disabled: props.disabled ? true : false };
+            if (props._default)
+                params.value = props._default;
+            return react_1.default.createElement(index_1.Input.Password, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'number',
+        title: '数字',
+        icon: 'number.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = { placeholder: (0, exports.getPlaceholder)(props), autoComplete: 'off', style, disabled: props.disabled ? true : false };
+            if (props._default)
+                params.value = props._default;
+            return react_1.default.createElement(index_1.InputNumber, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'input-with-select',
+        title: '输入 + 选择',
+        icon: 'text.png',
+        fieldCount: 2,
+        defaultPlaceholder,
+        hasOption: true,
+        defaultProperties: { selectProps: { style: { minWidth: 96 } }, },
+        Component: props => {
+            const { disabled, options, config } = props;
+            let inputProps = {
+                placeholder: (0, exports.getPlaceholder)(props),
+                disabled: disabled ? true : false,
+                autoComplete: 'off',
+            };
+            let selectProps = {
+                options: options,
+                disabled: disabled ? true : false,
+                allowClear: true,
+                placeholder: "请选择",
+                style: { minWidth: 80 }
+            };
+            let atRight = lodash_1.default.has(config, 'atAfter') && config.atAfter;
+            if (atRight) {
+                inputProps.addonAfter = react_1.default.createElement(index_1.Select, Object.assign({}, selectProps));
+            }
+            else {
+                inputProps.addonBefore = react_1.default.createElement(index_1.Select, Object.assign({}, selectProps));
+            }
+            return react_1.default.createElement(index_1.Input, Object.assign({}, inputProps));
+        },
+    },
+    {
+        type: 'slider',
+        title: '数字滑动',
+        icon: 'text.png',
+        defaultConfig: { min: 0, max: 100, step: 1 },
+        Component: props => {
+            let params = { style, min: props._min ? props._min : 0, max: props._max ? props._max : 100, disabled: props.disabled ? true : false };
+            if (props._default) {
+                try {
+                    params.value = parseInt(props._default);
+                }
+                catch (_a) { }
+            }
+            return react_1.default.createElement(index_1.Slider, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'slider-range',
+        title: '数字范围',
+        icon: 'text.png',
+        fieldCount: 2,
+        defaultConfig: { min: 0, max: 100, step: 1 },
+        Component: props => {
+            let params = { style, min: props._min ? props._min : 0, max: props._max ? props._max : 100, disabled: props.disabled ? true : false, range: true };
+            if (props._default) {
+                try {
+                    const ptns = props._default.split(',');
+                    if (ptns.length == 2) {
+                        params.value = [parseInt(ptns[0]), parseInt(ptns[1])];
+                    }
+                }
+                catch (_a) { }
+            }
+            return react_1.default.createElement(index_1.Slider, Object.assign({}, params, props.config));
+        }
+    },
+];

package/uform/inputs/_select.d.ts

@@ -0,0 +1,2 @@
+import type { FormInput } from './register';
+export declare const FORM_SELECT: FormInput[];

package/uform/inputs/_select.js

@@ -0,0 +1,241 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_SELECT = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("../../index");
+const lodash_1 = __importDefault(require("lodash"));
+const defaultPlaceholder = '请选择';
+const style = { pointerEvents: 'none', width: '100%' };
+const getPlaceholder = (props) => {
+    if (props.placeholder)
+        return props.placeholder;
+    return defaultPlaceholder + props.title;
+};
+// 内置输入
+exports.FORM_SELECT = [
+    {
+        type: 'select',
+        title: '下拉',
+        icon: 'select.png',
+        defaultPlaceholder,
+        hasOption: true,
+        Component: props => {
+            let params = { placeholder: getPlaceholder(props), style, options: props.options, disabled: props.disabled ? true : false };
+            if (props._default) {
+                params.value = props._default;
+                if (props._isNumber) {
+                    try {
+                        params.value = parseInt(props._default);
+                    }
+                    catch (_a) { }
+                }
+            }
+            return react_1.default.createElement(index_1.Select, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'multi-select',
+        title: '下拉(多选)',
+        icon: 'select.png',
+        defaultPlaceholder,
+        hasOption: true,
+        Component: props => {
+            let params = { placeholder: getPlaceholder(props), style, options: props.options, disabled: props.disabled ? true : false };
+            if (props._default)
+                params.value = (props._default || '').split('').map(lodash_1.default.trim).filter(txt => txt.length > 0);
+            return react_1.default.createElement(index_1.Select, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'switch',
+        title: '开关',
+        icon: 'select.png',
+        hasOption: true,
+        Component: props => {
+            let params = {
+                checkedChildren: props.options[0].label,
+                unCheckedChildren: props.options[1].label,
+                checked: props._default == props.options[0].value,
+                disabled: props.disabled ? true : false
+            };
+            return react_1.default.createElement(index_1.Switch, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'radio',
+        title: '单选',
+        icon: 'select.png',
+        hasOption: true,
+        breakCol: true,
+        Component: props => {
+            let params = {
+                options: props.options,
+                disabled: props.disabled ? true : false,
+                optionType: "default"
+            };
+            if (props._default) {
+                params.value = props._default;
+                if (props._isNumber) {
+                    try {
+                        params.value = parseInt(props._default);
+                    }
+                    catch (_a) { }
+                }
+            }
+            return react_1.default.createElement(index_1.Radio.Group, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'radio-button',
+        title: '单选（按钮）',
+        icon: 'select.png',
+        hasOption: true,
+        Component: props => {
+            let params = {
+                optionType: "button",
+                buttonStyle: "solid",
+                options: props.options,
+                disabled: props.disabled ? true : false,
+            };
+            if (props._default) {
+                params.value = props._default;
+                if (props._isNumber) {
+                    try {
+                        params.value = parseInt(props._default);
+                    }
+                    catch (_a) { }
+                }
+            }
+            return react_1.default.createElement(index_1.Radio.Group, Object.assign({}, params, props.config));
+        }
+    },
+    {
+        type: 'radio-with-more',
+        title: '单选（更多）',
+        icon: 'select.png',
+        hasOption: true,
+        breakCol: true,
+        Component: props => {
+            return react_1.default.createElement(index_1.Radio.Group, { disabled: props.disabled ? true : false },
+                props.options.map(item => react_1.default.createElement(index_1.Radio, { value: item.value }, item.label)),
+                react_1.default.createElement(index_1.Radio, { value: "___MORE__" }, "\u66F4\u591A"));
+        }
+    },
+    {
+        type: 'checkbox',
+        title: '多选',
+        icon: 'select.png',
+        hasOption: true,
+        Component: props => {
+            const { _default } = props;
+            const options = {
+                className: 'i-checkbox-group',
+                options: props.options.map((item) => (Object.assign(Object.assign({}, item), { value: item.value + '' }))),
+                disabled: props.disabled ? true : false,
+                value: [],
+            };
+            if (_default)
+                options.value = _default.split(',').map(item => item.trim());
+            return react_1.default.createElement(index_1.Checkbox.Group, Object.assign({}, options));
+        }
+    },
+    {
+        type: 'checkbox-with-all',
+        title: '多选（全选）',
+        icon: 'select.png',
+        hasOption: true,
+        Component: props => {
+            const { _default } = props;
+            const options = {
+                className: 'i-checkbox-group',
+                options: props.options.map((item) => (Object.assign(Object.assign({}, item), { value: item.value + '' }))),
+                disabled: props.disabled ? true : false,
+                value: [],
+            };
+            options.options.unshift({ label: '全部', value: '____CHECK_ALL' });
+            if (_default)
+                options.value = _default.split(',').map(item => item.trim());
+            return react_1.default.createElement(index_1.Checkbox.Group, Object.assign({}, options));
+        }
+    },
+    {
+        type: 'icon',
+        title: '图标',
+        icon: 'select.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = { placeholder: getPlaceholder(props), style, disabled: props.disabled ? true : false };
+            return react_1.default.createElement(index_1.Select, Object.assign({}, params));
+        }
+    },
+    // tree-select	树选择	string | number	
+    // dtree-select	树选择（动态树）	string | number
+];
+// registerFormField({
+//     group: GroupType.SELECT,
+//     type: 'transfer',
+//     text: '穿梭框选择',
+//     breakCol: true,
+//     thumbnail: '/transfer.png',
+//     component: class extends FormField {
+//         render() {
+//             let param: any = this.param();
+//             let options = this.props.options || [];
+//             if (param.value) {
+//                 param.selectedKeys = param.value.split(',')
+//             }
+//             return <Transfer
+//                 titles={['未选择', '已选择']}
+//                 {...param}
+//                 dataSource={options.map(item => ({ key: item.value, title: item.name }))}
+//                 render={item => item.title}
+//             />
+//         }
+//     }
+// });
+// registerFormField({
+//     group: GroupType.SELECT,
+//     type: 'tree-select',
+//     text: '树选择',
+//     thumbnail: '/select.png',
+//     component: class extends FormField {
+//         render() {
+//             let param: any = this.param();
+//             let options = this.props.options || [];
+//             if (param.value) {
+//                 param.selectedKeys = param.value.split(',')
+//             }
+//             return <TreeSelect
+//                 dropdownStyle={{ maxHeight: 389, overflow: 'auto' }}
+//                 {...param}
+//                 multiple={false}
+//                 treeCheckable={false}
+//             />
+//         }
+//     }
+// });
+// registerFormField({
+//     group: GroupType.SELECT,
+//     type: 'multi-tree-select',
+//     text: '树选择 (多选)',
+//     thumbnail: '/select.png',
+//     component: class extends FormField {
+//         render() {
+//             let param: any = this.param();
+//             let options = this.props.options || [];
+//             if (param.value) {
+//                 param.selectedKeys = param.value.split(',')
+//             }
+//             return <TreeSelect
+//                 dropdownStyle={{ maxHeight: 389, overflow: 'auto' }}
+//                 treeData={options.map(item => ({ title: item.name, key: item.value, value: item.value }))}
+//                 {...param}
+//                 multiple
+//                 treeCheckable={false}
+//             />
+//         }
+//     }
+// });

package/uform/inputs/_specific.d.ts

@@ -0,0 +1,2 @@
+import type { FormInput } from './register';
+export declare const FROM_SPECIFIC: FormInput[];

package/uform/inputs/_specific.js

@@ -0,0 +1,107 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FROM_SPECIFIC = void 0;
+const react_1 = __importDefault(require("react"));
+const _input_1 = require("./_input");
+const index_1 = require("../../index");
+const defaultPlaceholder = '请输入';
+// 内置输入
+exports.FROM_SPECIFIC = [
+    {
+        type: 'ip',
+        title: 'IP地址',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'ip4',
+        title: 'IP4',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: props => react_1.default.createElement(index_1.Input.Group, { style: { pointerEvents: 'none', }, className: 'i-ip' },
+            react_1.default.createElement(index_1.InputNumber, { placeholder: '192', style: { width: 60, borderRightColor: 'transparent', borderTopRightRadius: 0, borderBottomRightRadius: 0 } }),
+            react_1.default.createElement(index_1.InputNumber, { placeholder: '168', style: { width: 60, borderLeftColor: 'transparent', borderRightColor: 'transparent', borderRadius: 0 } }),
+            react_1.default.createElement(index_1.InputNumber, { placeholder: '1', style: { width: 60, borderLeftColor: 'transparent', borderRightColor: 'transparent', borderRadius: 0 } }),
+            react_1.default.createElement(index_1.InputNumber, { placeholder: '1', style: { width: 60, borderLeftColor: 'transparent', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 } }))
+    },
+    {
+        type: 'ip6',
+        title: 'IP6',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    // ip4 port email url crontab
+    {
+        type: 'port',
+        title: '端口',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: props => {
+            let params = { placeholder: (0, _input_1.getPlaceholder)(props), disabled: props.disabled === false, autoComplete: 'off', };
+            return react_1.default.createElement(index_1.Input.Group, { style: { pointerEvents: 'none', }, compact: true, className: 'i-port' },
+                react_1.default.createElement(index_1.InputNumber, Object.assign({}, params, { autoComplete: "off", value: props._default === null ? undefined : props._default, min: 1, max: 65535, step: 1, style: { width: 120 } })),
+                react_1.default.createElement(index_1.Button, { icon: react_1.default.createElement(index_1.Icon, { type: "select" }) }, "\u5E38\u7528\u7AEF\u53E3"));
+        }
+    },
+    {
+        type: 'idcard',
+        title: '身份证',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'phone',
+        title: '电话号码',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'mobilephone',
+        title: '手机号码',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'telephone',
+        title: '固话号码',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'mac',
+        title: 'MAC地址',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'url',
+        title: 'URL地址',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'email',
+        title: 'Email地址',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: _input_1.INPUT
+    },
+    {
+        type: 'crontab',
+        title: 'Crontab',
+        icon: 'text.png',
+        defaultPlaceholder,
+        Component: props => react_1.default.createElement(index_1.Button, { style: { pointerEvents: 'none', } }, props.placeholder || '设置周期')
+    },
+];

package/uform/inputs/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export { Groups } from './register';
+import type { FormItem } from '../schema';
+export type { FormInput } from './register';
+export declare const getInput: (type: string) => import("./register").FormInput;
+export declare const preview: (props: FormItem) => import("react").FunctionComponentElement<FormItem>;