vap1 0.2.1 → 0.2.3

package/components/Box/SelectBar.d.ts

@@ -4,7 +4,7 @@ import type { Key, BaseItem, PlainObject } from '../../basetype';
 import type { STreeProps } from '../Trees/STree';
 import type { DTreeProps } from '../Trees/DTree';
 import type { FTreeProps } from '../Trees/FTree';
-import type { SListPorps } from '../Lists/SList';
+import type { SListProps } from '../Lists/SList';
 type SelectBarAction = BaseItem & {
     /**
      * action 图标
@@ -74,7 +74,7 @@ type ExtendSelectProps = {
     config: Omit<FTreeProps, 'searchValue' | 'onSelect'>;
 } | {
     type: 'slist';
-    config: Omit<SListPorps, 'searchValue' | 'onSelect'>;
+    config: Omit<SListProps, 'searchValue' | 'onSelect'>;
 } | {
     type: 'custom';
     config?: any;

package/components/Lists/SList.d.ts

@@ -3,7 +3,9 @@ import type { PlainObject, Key } from '../../basetype';
 import type { ReactNode } from 'react';
 import type { IconProps } from '../_adapt/Icon';
 type ItemRenderFunction = (record: PlainObject, searchValue?: string) => ReactNode;
-export type SListPorps = {
+export type SListProps = {
+    style?: React.CSSProperties;
+    className?: string;
     /**
      * key 字段，默认为ID
     */
@@ -54,5 +56,5 @@ export type SListPorps = {
     */
     mustSelect?: true | ((list: PlainObject[]) => PlainObject);
 };
-export declare const SList: React.FC<SListPorps>;
+export declare const SList: React.FC<SListProps>;
 export {};

package/components/Lists/SList.js

@@ -134,23 +134,26 @@ exports.SList = (0, react_1.memo)((props) => {
         setSelected(item[keyField]);
         onSelect(item[keyField], item);
     }, [list]);
-    const listProps = {
-        className: 'c-selectbar-list',
-        size: "small",
-        dataSource: list,
-    };
-    if (lodash_1.default.isFunction(props.onSelect)) {
-        listProps.className += ' c-selectbar-list-canselect';
-        listProps.renderItem = (item) => react_1.default.createElement(antd_1.List.Item, { className: item[keyField] == selected ? 'c-selectbar-list-selected' : '', onClick: evt => {
+    const listProps = (0, react_1.useMemo)(() => {
+        const clazz = ['c-selectbar-list'];
+        let listProps = { size: "small", style: props.style };
+        if (lodash_1.default.isFunction(props.onSelect))
+            clazz.push('c-selectbar-list-canselect');
+        if (props.className)
+            clazz.push(props.className);
+        listProps.className = clazz.join(' ');
+        return listProps;
+    }, [props.className]);
+    const renderItem = item => {
+        if (!lodash_1.default.isFunction(props.onSelect))
+            return react_1.default.createElement(antd_1.List.Item, null, render(item, searchValue));
+        return react_1.default.createElement(antd_1.List.Item, { className: item[keyField] == selected ? 'c-selectbar-list-selected' : '', onClick: evt => {
                 utils_1.PageUtil.stopEvent(evt);
                 setSelected(item[keyField]);
                 onSelect(item[keyField], item);
             } }, render(item, searchValue));
-    }
-    else {
-        listProps.renderItem = (item) => react_1.default.createElement(antd_1.List.Item, null, render(item, searchValue));
-    }
-    return react_1.default.createElement(antd_1.List, Object.assign({}, listProps));
+    };
+    return react_1.default.createElement(antd_1.List, Object.assign({}, listProps, { dataSource: list, renderItem: renderItem }));
 }, (prev, next) => {
     if (prev.searchValue != next.searchValue)
         return false;

package/components/Tables/STable.js

@@ -46,7 +46,11 @@ const STable = (props) => {
         arrOption.pageSize = 0;
     }
     const model = (0, useArray_1.useArray)(arrOption);
-    (0, react_1.useEffect)(() => { model.setList(props.list); }, [props.list]);
+    (0, react_1.useEffect)(() => {
+        if (lodash_1.default.isArray(props.list)) {
+            model.setList(props.list);
+        }
+    }, [props.list]);
     return react_1.default.createElement(VTable_1.VTable, Object.assign({}, props, { pagination: arrOption.pageSize == 0 ? false : { hideOnSinglePage: true }, model: model }));
 };
 exports.STable = STable;

package/components/UForm/FormWrapper.js

@@ -79,10 +79,10 @@ const getFormLayout = (props, root) => {
             width = totalWidth;
         }
     }
-    let isInfo = false, isEdit = false, isCreate = false;
+    let isInfo = false, isEdit = false, isAdd = false;
     switch (props.mode) {
         case 'ADD':
-            isCreate = true;
+            isAdd = true;
             break;
         case 'EDIT':
             isEdit = true;
@@ -99,14 +99,14 @@ const getFormLayout = (props, root) => {
                 isEdit = true;
                 break;
             }
-            isCreate = true;
+            isAdd = true;
         // if (props.data != null || _.keys(props.data).length == 0) {
         //     isInfo = true;
         //     break;
         // }
         // isInfo = true;
     }
-    return [isGroup, cols, width, colMax, isInfo, isEdit, isCreate];
+    return [isGroup, cols, width, colMax, isInfo, isEdit, isAdd];
 };
 const getMaxTitleWidth = (field) => {
     if (field.type && (0, _register_1.getUFormInput)(field.type).breakTitle)
@@ -128,7 +128,7 @@ const getMaxTitleWidth = (field) => {
     return Math.ceil(sum);
 };
 // 遍历字段，计算表单属性
-const _LOOP = (fs, maxLabel, isInfo, isEdit, isCreate, hiddFields, disableFields) => {
+const _LOOP = (fs, maxLabel, isInfo, isEdit, isAdd, hiddFields, disableFields) => {
     fs.map(field => {
         // @ts-ignore // 兼容 && 写法
         if (field == null || field === false)
@@ -144,22 +144,22 @@ const _LOOP = (fs, maxLabel, isInfo, isEdit, isCreate, hiddFields, disableFields
             else if (field.show) {
                 switch (field.show) {
                     case 'A':
-                        show = !isInfo && !isEdit;
-                        break;
-                    case 'AE':
-                        show = !isInfo;
+                        show = isAdd;
                         break;
                     case 'I':
                         show = isInfo;
                         break;
-                    case 'IE':
-                        show = !isEdit;
+                    case 'E':
+                        show = isEdit;
+                        break;
+                    case 'AE':
+                        show = isAdd || isEdit;
                         break;
                     case 'IE':
                         show = isInfo || isEdit;
                         break;
-                    case 'E':
-                        show = isEdit && !isInfo;
+                    case 'IA':
+                        show = isAdd || isEdit;
                         break;
                     case 'IAE':
                         show = true;
@@ -222,14 +222,14 @@ const FormWrapper = (props) => {
         const { fields } = props;
         if (fields == null || fields.length == 0)
             throw new Error('Must Have Fields');
-        const [isGroup, cols, width, colMax, isInfo, isEdit, isCreate] = getFormLayout(props, formContainer.current);
+        const [isGroup, cols, width, colMax, isInfo, isEdit, isAdd] = getFormLayout(props, formContainer.current);
         let colSpan = 24 / cols;
         // const MAX_LABEL_SPAN = COLMAX[cols];
         if (isGroup) {
-            fields.map(group => _LOOP(group.fields, maxLabelRef, isInfo, isEdit, isCreate, HiddenFieldRef.current, DisableFieldRef.current));
+            fields.map(group => _LOOP(group.fields, maxLabelRef, isInfo, isEdit, isAdd, HiddenFieldRef.current, DisableFieldRef.current));
         }
         else {
-            _LOOP(fields, maxLabelRef, isInfo, isEdit, isCreate, HiddenFieldRef.current, DisableFieldRef.current);
+            _LOOP(fields, maxLabelRef, isInfo, isEdit, isAdd, HiddenFieldRef.current, DisableFieldRef.current);
         }
         let fieldWidth = width / cols;
         var percent = (maxLabelRef.current * FONT_SIZE + 20) / fieldWidth;

package/components/UForm/index.d.ts

@@ -85,7 +85,7 @@ export type Link = {
  * 1. 传 **data** = Update ，
  * 2. 不传= Add
 */
-export type APPEAR_MODE = 'I' | 'A' | 'E' | 'IE' | 'IE' | 'AE' | 'IAE' | false | true;
+export type APPEAR_MODE = 'I' | 'A' | 'E' | 'IE' | 'IA' | 'AE' | 'IAE' | false | true;
 /**
  * 表单的字段定义
 */

package/components/_adapt/Menu.js

@@ -33,17 +33,17 @@ const renderGroup = (props) => {
             return renderGroup(item);
         }
         const itemProps = getMenuProps(item);
-        return react_1.default.createElement(antd_1.Menu.Item, Object.assign({ key: item.key }, itemProps), itemProps.title);
+        return react_1.default.createElement(antd_1.Menu.Item, Object.assign({ key: item.key }, lodash_1.default.omit(itemProps, ['title'])), itemProps.title);
     }));
 };
 const _Menu = props => {
     if (lodash_1.default.isArray(props.items) && props.items.length) {
-        return react_1.default.createElement(antd_1.Menu, Object.assign({}, lodash_1.default.omit(props, 'children')), props.items.map(item => {
+        return react_1.default.createElement(antd_1.Menu, Object.assign({}, lodash_1.default.omit(props, ['children', 'items'])), props.items.map(item => {
             if (lodash_1.default.isArray(item.children)) {
                 return renderGroup(item);
             }
             const itemProps = getMenuProps(item);
-            return react_1.default.createElement(antd_1.Menu.Item, Object.assign({ key: item.key }, itemProps), itemProps.title);
+            return react_1.default.createElement(antd_1.Menu.Item, Object.assign({ key: item.key }, lodash_1.default.omit(itemProps, ['title'])), itemProps.title);
         }));
     }
     return react_1.default.createElement(antd_1.Menu, Object.assign({}, props));

package/components/_common/DateRange.d.ts

@@ -20,11 +20,11 @@ export type DateRangeProps = {
     /**
      * 默认开始时间
     */
-    defaultStart?: string | Dayjs;
+    start?: string | Dayjs;
     /**
      * 默认结束时间
     */
-    defaultEnd?: string | Dayjs;
+    end?: string | Dayjs;
     /**
      * 响应事件，自取参数
      * 第一个参数为 string 类型
@@ -45,6 +45,14 @@ export type DateRangeProps = {
      * 宽度
     */
     width?: number;
+    /**
+     * 开始时间提示
+    */
+    startPlaceholder?: string;
+    /**
+     * 结束时间提示
+    */
+    endPlaceholder?: string;
 };
 /**
  * 日期区间选择

package/components/_common/DateRange.js

@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateRange = void 0;
 const react_1 = __importStar(require("react"));
-const lodash_1 = __importDefault(require("lodash"));
 const dayjs_1 = __importDefault(require("dayjs"));
 const antd_1 = require("antd");
 const hooks_1 = require("../../hooks");
@@ -38,71 +37,52 @@ const Const_1 = require("../_setup/Const");
  * 日期区间选择
 */
 const DateRange = (props) => {
-    const update = (0, hooks_1.useUpdate)();
-    const state = (0, react_1.useRef)({ startOpen: false, endOpen: false });
-    const FORMAT = props.showTime === false ? utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT;
-    (0, react_1.useLayoutEffect)(() => {
-        if (lodash_1.default.has(props, 'defaultStart'))
-            state.current.start = (0, dayjs_1.default)(props.defaultStart);
-        if (lodash_1.default.has(props, 'defaultEnd'))
-            state.current.end = (0, dayjs_1.default)(props.defaultEnd);
-        if (state.current.start || state.current.end)
-            update();
-    }, []);
-    const disabledStartDate = (startValue) => {
-        const endValue = state.current.end;
-        if (!startValue || !endValue) {
-            if (props.minDate) {
-                return startValue.valueOf() > props.minDate.valueOf();
-            }
-            return false;
+    const [start, setStart] = (0, react_1.useState)(props.start ? (0, dayjs_1.default)(props.start) : undefined);
+    const [end, setEnd] = (0, react_1.useState)(props.end ? (0, dayjs_1.default)(props.end) : undefined);
+    const isFirstMounted = (0, hooks_1.useFirstMountState)();
+    // 时间格式，提示
+    const [FORMAT, startPlaceholder, endPlaceholder] = (0, react_1.useMemo)(() => {
+        const FORMAT = props.showTime === false ? utils_1.GLOBAL.CONFIG.DATE.DATE_FORMAT : utils_1.GLOBAL.CONFIG.DATE.DATE_TIME_FORMAT;
+        const startPlaceholder = props.startPlaceholder ? props.startPlaceholder : (props.showTime ? utils_1.i18n.getText(Const_1.V.DATETIME_START) : utils_1.i18n.getText(Const_1.V.DATE_START));
+        const endPlaceholder = props.endPlaceholder ? props.endPlaceholder : (props.showTime ? utils_1.i18n.getText(Const_1.V.DATETIME_END) : utils_1.i18n.getText(Const_1.V.DATE_END));
+        return [FORMAT, startPlaceholder, endPlaceholder];
+    }, [props.showTime, props.startPlaceholder, props.endPlaceholder]);
+    // 是否在范围内
+    const inRange = (0, react_1.useCallback)((value) => {
+        if (props.minDate) {
+            if (value.isBefore(props.minDate))
+                return false;
         }
-        return startValue.valueOf() > endValue.valueOf();
-    };
-    const disabledEndDate = (endValue) => {
-        const startValue = state.current.start;
-        if (!endValue || !startValue) {
-            if (props.maxDate) {
-                return endValue.valueOf() < props.maxDate.valueOf();
-            }
-            return false;
+        if (props.maxDate) {
+            if (value.isAfter(props.maxDate))
+                return false;
         }
-        return endValue.valueOf() <= startValue.valueOf();
-    };
-    const callback = () => {
-        props.onChange([
-            state.current.start ? state.current.start.format(FORMAT) : null,
-            state.current.end ? state.current.end.format(FORMAT) : null,
-        ], [
-            state.current.start ? state.current.start : null,
-            state.current.end ? state.current.end : null,
-        ]);
-    };
-    const onStartChange = (value) => {
-        state.current.start = value;
-        callback();
-        update();
-    };
-    const onEndChange = (value) => {
-        state.current.end = value;
-        callback();
-        update();
-    };
-    const handleStartOpenChange = (open) => {
-        state.current.startOpen = open;
-        state.current.endOpen = !open;
-        update();
-    };
-    const handleEndOpenChange = (open) => {
-        state.current.startOpen = false;
-        state.current.endOpen = open;
-        update();
-    };
+        return true;
+    }, [props.minDate, props.maxDate]);
+    const disabledStartDate = (0, react_1.useCallback)((value) => {
+        if (!inRange(value))
+            return true;
+        if (end != null && value.isAfter(end))
+            return true;
+        return false;
+    }, [end, inRange]);
+    const disabledEndDate = (0, react_1.useCallback)((value) => {
+        if (!inRange(value))
+            return true;
+        if (start != null && value.isBefore(start))
+            return true;
+        return false;
+    }, [start, inRange]);
+    (0, react_1.useLayoutEffect)(() => {
+        if (isFirstMounted)
+            return;
+        props.onChange([start ? start.format(FORMAT) : null, end ? end.format(FORMAT) : null,], [start ? start : null, end ? end : null,]);
+    }, [start, end]);
     let style = {};
     if (props.width)
         style.width = props.width;
     return react_1.default.createElement("div", { className: utils_1.StringUtil.className(['c-daterange'], props.className), style: style },
-        react_1.default.createElement(antd_1.DatePicker, { value: state.current.start, allowClear: props.allowClear, disabled: props.disabled, disabledDate: val => disabledStartDate(val), showTime: props.showTime, format: FORMAT, placeholder: props.showTime ? utils_1.i18n.getText(Const_1.V.DATETIME_START) : utils_1.i18n.getText(Const_1.V.DATE_START), onChange: onStartChange, onOpenChange: open => handleStartOpenChange(open), open: state.current.startOpen }),
-        react_1.default.createElement(antd_1.DatePicker, { value: state.current.end, allowClear: props.allowClear, disabled: props.disabled, disabledDate: val => disabledEndDate(val), showTime: props.showTime, format: FORMAT, placeholder: props.showTime ? utils_1.i18n.getText(Const_1.V.DATETIME_END) : utils_1.i18n.getText(Const_1.V.DATE_END), onChange: (val) => onEndChange(val), open: state.current.endOpen, onOpenChange: handleEndOpenChange }));
+        react_1.default.createElement(antd_1.DatePicker, { value: start, allowClear: props.allowClear, disabled: props.disabled, disabledDate: disabledStartDate, showTime: props.showTime, format: FORMAT, placeholder: startPlaceholder, onChange: setStart }),
+        react_1.default.createElement(antd_1.DatePicker, { value: end, allowClear: props.allowClear, disabled: props.disabled, disabledDate: disabledEndDate, showTime: props.showTime, format: FORMAT, placeholder: endPlaceholder, onChange: setEnd }));
 };
 exports.DateRange = DateRange;

package/components/_setup/SearchField/SearchFieldDate.js

@@ -87,9 +87,9 @@ const Range = (props) => {
         })
     };
     if (data[startField])
-        params.defaultStart = data[startField];
+        params.start = data[startField];
     if (data[endField])
-        params.defaultEnd = data[endField];
+        params.end = data[endField];
     return react_1.default.createElement(DateRange_1.DateRange, Object.assign({}, params));
 };
 const AntdRnage = (props) => {

package/components/_setup/SearchField/SearchFieldSelect.js

@@ -70,26 +70,6 @@ const SearchFieldInput_1 = require("./SearchFieldInput");
     let options = utils_1.PageUtil.getOptions(props.field.options);
     return react_1.default.createElement(antd_1.Checkbox.Group, Object.assign({}, config, { className: "i-checkbox", disabled: disabled, onChange: val => onChange(val.join(',')), value: (lodash_1.default.has(data, field) && data[field]) ? data[field].split(',') : [] }), options.map(option => react_1.default.createElement(antd_1.Checkbox, { value: option.value + '' }, option.label)));
 }, { outside: true });
-// registerSearchField('checkbox-button', (props: SearchFieldProps) => {
-//     const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
-//     if (!_.isArray(props.field.options)) {
-//         console.error('field type : select must have a options field')
-//         return <TEXT {...props} />
-//     }
-//     let options = PageUtil.getOptions(props.field.options);
-//     return <Checkbox.Group
-//         {...config}
-//         style={{ width }}
-//         optionType="button"
-//         buttonStyle="solid"
-//         disabled={disabled}
-//         onChange={val => onChange(val.join(','))}
-//         value={(_.has(data, field) && data[field].split(',')) ? data[field] : undefined}
-//         options={options}
-//     >
-//         {/* {options.map(option => <Checkbox value={option.value + ''}>{option.label}</Checkbox>)} */}
-//     </Checkbox.Group>
-// });
 (0, _register_1.registerSearchField)('switch', (props) => {
     const { field: { field, config, placeholder, allowClear, }, disabled, onChange, data, width } = props;
     if (!lodash_1.default.isArray(props.field.options) || (props.field.options.length <= 1)) {

package/components/_setup/UForm/UFormDate.js

@@ -376,12 +376,12 @@ const DateRangePick = (props) => {
         if (value[startField]) {
             let day = (0, dayjs_1.default)(value[startField]);
             if (day.isValid())
-                params.defaultStart = day;
+                params.start = day;
         }
         if (value[endField]) {
             let day = (0, dayjs_1.default)(value[endField]);
             if (day.isValid())
-                params.defaultEnd = day;
+                params.end = day;
         }
     }
     return react_1.default.createElement(DateRange_1.DateRange, Object.assign({}, field.config, params));

package/components/_setup/UForm/UFormInput.js

@@ -78,14 +78,18 @@ const _utils_1 = require("./_utils");
             config.valueFormat(value),
             " "));
 });
+const formatRange = (value) => {
+    if (value == undefined)
+        return utils_1.Const.NONE;
+    let start = value[0] === undefined ? '?' : value[0];
+    let end = value[1] === undefined ? '?' : value[1];
+    return `${start} - ${end}`;
+};
 (0, _register_1.registerFormField)('slider-range', (props) => {
     const { field, disabled, value, onChange } = props;
-    let config = lodash_1.default.merge({ valueWidth: 128, valueFormat: (range) => range ? `${range[0]} - ${range[1]}` : '0' }, field.config);
+    let config = lodash_1.default.merge({ valueWidth: 128, valueFormat: formatRange }, field.config);
     let params = { range: true, disabled, min: 0, max: 100, step: 1 };
     const [fields, values] = (0, _input_1.getMultiFieldValues)(field, value);
-    if (!lodash_1.default.isFunction(config.valueFormat) || config.valueWidth == 0) {
-        return react_1.default.createElement(Slider_1.Slider, Object.assign({}, params, field.config, { range: true, value: values, onChange: ([start, end]) => onChange({ [fields[0]]: start, [fields[1]]: end }) }));
-    }
     return react_1.default.createElement("div", { className: 'i-slider' },
         react_1.default.createElement(Slider_1.Slider, Object.assign({}, params, field.config, { range: true, value: values, onChange: ([start, end]) => onChange({ [fields[0]]: start, [fields[1]]: end }) })),
         react_1.default.createElement("div", { className: 'i-slider-value', style: { width: config.valueWidth } },

package/components/_setup/UForm/UFormSelect.js

@@ -47,22 +47,25 @@ const Const_1 = require("../Const");
         params.allowClear = false;
     return react_1.default.createElement(Select_1.Select, Object.assign({}, params, field.config, { mode: "default", value: value === null ? undefined : value, onChange: onChange, options: options }));
 });
-// 下拉
+// 多选下拉
 (0, _register_1.registerFormField)('multi-select', (props) => {
     const { field, disabled, value, onChange, options } = props;
+    const onValueChange = (0, react_1.useCallback)((val) => {
+        if (field.dataType == 'array') {
+            onChange(val);
+            return;
+        }
+        onChange(val.join(','));
+    }, [field.dataType]);
     let params = { placeholder: (0, _input_1.getPlaceholder)(field, true), disabled, allowClear: true };
     if (field.required || field.rules && lodash_1.default.find(field.rules, { required: true }))
         params.allowClear = false;
-    let selectKey = [];
-    if (value) {
-        if (lodash_1.default.isArray(value)) {
-            selectKey = value;
-        }
-        else {
-            selectKey = (value || '').split(',').map(lodash_1.default.trim);
-        }
-    }
-    return react_1.default.createElement(Select_1.Select, Object.assign({}, params, field.config, { value: selectKey, mode: "multiple", onChange: (val) => onChange(val.join(',')) }), options.map(item => react_1.default.createElement(Select_1.Select.Option, { value: item.value + '' }, item.label)));
+    const selectKey = (0, react_1.useMemo)(() => {
+        if (lodash_1.default.isArray(value))
+            return value;
+        return (value || '').split(',').map(lodash_1.default.trim);
+    }, [value]);
+    return react_1.default.createElement(Select_1.Select, Object.assign({}, params, field.config, { value: selectKey, mode: "multiple", onChange: onValueChange }), options.map(item => react_1.default.createElement(Select_1.Select.Option, { value: item.value + '' }, item.label)));
 }, {
     render: _utils_1.MULTI_CHOOSE_SHOW
 });

package/deps/echarts.js

@@ -40,7 +40,7 @@ const EChart = props => {
         window.clearTimeout(resizePid.current);
         resizePid.current = setTimeout(() => {
             graphRef.current.resize();
-        }, 66);
+        }, 33);
     };
     (0, react_1.useEffect)(() => {
         graphRef.current = echarts.init(rootRef.current);
@@ -64,6 +64,12 @@ const EChart = props => {
     (0, react_1.useEffect)(() => {
         if (graphRef.current == null)
             return;
+        if (props.data == null)
+            return;
+        if (graphRef.current.setOption == null) {
+            console.error('尚未引入 ECharts,需要在package.json里面声明');
+            return;
+        }
         graphRef.current.setOption(props.data);
     }, [props.data]);
     return react_1.default.createElement("div", { ref: rootRef, className: utils_1.StringUtil.className(['_ev'], props.className) });

package/index.d.ts

@@ -134,7 +134,7 @@ export { UForm, UFormModal, UInfo, UInfoModal, UModal, UDescriptions } from './c
 export { VTable, ApiTable, ApiTableModal, STable, TopTable, TopTableModal } from './components/Tables';
 export { STree, DTree, FTree } from './components/Trees';
 export { UploadFile, UploadImage, UploadModal } from './components/Upload';
-export { SList } from './components/Lists/SList';
+export { SList, type SListProps } from './components/Lists/SList';
 export type { UFromProps, UModalProps, UFormField, UFormFieldGroup, LinkResult, UDescriptionsProps, UFormRef, Link, LinkValue } from './components/UForm';
 export type { TableColumn } from './components/Tables/index';
 export type { VTableProps, VTableRef } from './components/Tables/VTable';

package/package.json

@@ -1 +1 @@
-{"name":"vap1","version":"0.2.1","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}
+{"name":"vap1","version":"0.2.3","description":"vap1, Both support MicroService and SAP FrameWork, Support IE>9","main":"index.js","author":"Xiang da","license":"ISC"}

package/utils/PageUtil.js

@@ -68,7 +68,9 @@ exports.clearURL = (len == 0) ? (val => val) : (url) => {
 /**
  * 判断是否有权限
 */
-const hasRole = (roleCode) => Global_1.CONFIG.PROMISSION.ROLE.has(lodash_1.default.trim(roleCode).toLowerCase());
+const hasRole = (roleCode) => {
+    return Global_1.CONFIG.PROMISSION.ROLE.has(roleCode) || Global_1.CONFIG.PROMISSION.ROLE.has((0, StringUtil_1.trimLower)(roleCode));
+};
 exports.hasRole = hasRole;
 // export const hasRole = (roleCode: string): boolean => true; // 测试中，总返回有权限
 const GLOBAL_APPS = new Map();

package/utils/StringUtil.d.ts

@@ -91,6 +91,7 @@ export declare const searchText: (sentence: string, keyword: string) => MatchPat
  * 拼 className
 */
 export declare const className: (base: string[], classNameProps?: string) => string;
+export declare const replaceAll: (text: string, keyword: string | RegExp, replaceText: string) => string;
 /**
  * 试图转px的值
  * 300px -> 300

package/utils/StringUtil.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFileType = exports.getFloat = exports.getInteger = exports.getBoolean = exports.getString = exports.copy = exports.px = exports.className = exports.searchText = exports.trimLower = exports.isBoolean = exports.isBTCAddress = exports.uuid = exports.genKey = exports.isId = exports.isId15 = exports.isId18 = exports.REG_ID_15 = exports.REG_ID_18 = exports.isIP = exports.isIP6 = exports.isIP4 = exports.isPhone = exports.isMAC = exports.isURL = exports.isEmail = exports.isTelePhone = exports.isMobilePhone = exports.REG_PORT = exports.REG_URL = exports.REG_IPV6 = exports.REG_IPV4 = exports.REG_TELEPHONE = exports.REG_PHONE = exports.REG_EMAIL = void 0;
+exports.getFileType = exports.getFloat = exports.getInteger = exports.getBoolean = exports.getString = exports.copy = exports.px = exports.replaceAll = exports.className = exports.searchText = exports.trimLower = exports.isBoolean = exports.isBTCAddress = exports.uuid = exports.genKey = exports.isId = exports.isId15 = exports.isId18 = exports.REG_ID_15 = exports.REG_ID_18 = exports.isIP = exports.isIP6 = exports.isIP4 = exports.isPhone = exports.isMAC = exports.isURL = exports.isEmail = exports.isTelePhone = exports.isMobilePhone = exports.REG_PORT = exports.REG_URL = exports.REG_IPV6 = exports.REG_IPV4 = exports.REG_TELEPHONE = exports.REG_PHONE = exports.REG_EMAIL = void 0;
 const lodash_1 = __importDefault(require("lodash"));
 const _Support_1 = require("./_Support");
 const dayjs_1 = __importDefault(require("dayjs"));
@@ -205,6 +205,12 @@ const className = (base, classNameProps) => {
     return base.join(' ');
 };
 exports.className = className;
+const replaceAll = (text, keyword, replaceText) => {
+    let reg = lodash_1.default.isRegExp(keyword) ? new RegExp(keyword, 'g') : new RegExp(keyword, "g");
+    return lodash_1.default.replace(text, reg, replaceText);
+    ;
+};
+exports.replaceAll = replaceAll;
 /**
  * 试图转px的值
  * 300px -> 300