vap1 0.0.1

package/basetype.d.ts

@@ -0,0 +1,62 @@
+/// <reference types="react" />
+/**
+ * VAP 在应用页面上，自动注入页面参数
+*/
+export type PageProps = {
+    /**
+     * params 是 search 部分
+     * 例如 /app/?a=1&b=2&c=3#/xxx  => {a:'1',b:'2',c:'3'}
+    */
+    params: {
+        [props: string]: string;
+    };
+    /**
+     * pattrens 是 hash 部分
+     * 例如 /app/#/xxx/1/2/3  => ['1','2','3']
+    */
+    patterns: string[];
+    /**
+     * Status 状态参数，不会体现在 url 上，
+     * 只能通过代码 toMenu('url',{status:xxxx}) 带入，页面刷新会丢失
+    */
+    status?: any;
+};
+export type Key = string | number;
+export type BaseTypes = string | number | bigint | boolean | null | undefined;
+export type PlainObject = Record<string, any>;
+/**
+ * VAP 通用
+*/
+export type BaseItem = {
+    /**
+    * 是否有权限查看此列
+    */
+    roleCode?: string;
+    /**
+     * i18nKey, title 替代品，存在 ik(i18n Key) 时，有限使用 i18n Key
+    */
+    ik?: string;
+};
+/**
+ * VAP 通用选项 用于 select , radio, checkbox 等输入，
+ * 支持多级（treeselect cascade）等，级联场景需要传 children
+*/
+export type BaseOption = BaseItem & {
+    /**
+     * 显示名称
+    */
+    label: React.ReactNode;
+    /**
+     * 选中后的取值
+    */
+    value: number | string | boolean | null;
+    /**
+     * 级联模式下传入
+    */
+    children?: BaseOption[];
+    /**
+     * 自定义扩展字段
+    */
+    [propName: string]: any;
+};
+export type { ApiModel } from './hooks/_list';

package/basetype.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/Box/Box.d.ts

@@ -0,0 +1,118 @@
+import React from 'react';
+import type { MutableRefObject } from 'react';
+import type { SelectBarProps } from './SelectBar';
+import type { SearchBarProps } from '../SearchBar';
+import type { ActButton } from '../SearchBar/ActionButtons';
+import type { Key, PlainObject } from '../../basetype';
+import type { UPaginationProps } from '../_common/Upagination';
+type BoxState = {
+    /**
+     * 内容区域高度
+    */
+    height?: number;
+    /**
+     * 当前选中的信息，
+     * 前两项分别为 key 和 data, 后面三项为扩展项，
+    */
+    selected: [Key, PlainObject, any, any, any];
+};
+type BoxContext = {
+    /**
+     * BOX 当前状态
+    */
+    state: BoxState;
+    /**
+     * BOX
+    */
+    resize: () => void;
+    /**
+     * 容器映射
+    */
+    root: MutableRefObject<HTMLDivElement>;
+    /**
+     * 某些支持ref的类型，可以使用 selectRef 进行一些REF操作
+     * 说明：使用时需自行确认类型存在
+    */
+    selectRef?: MutableRefObject<any>;
+};
+declare const BoxContext: React.Context<BoxContext>;
+/**
+ * 展示模式
+ * common : 默认，无固定高度
+ * inner : 当 Table 在一个高度固定的容器内时，使用 inner 模式
+ * fixed : 页面可见区域只有一个 Table 时, 使用 fixed 模式
+*/
+export type BoxMode = 'common' | 'inner' | 'fixed';
+/**
+ * 说明：如果需要使用 useBox 获取BOX内部状态
+ * 必须自行手动再包一层 否则无法使用，
+ * 即： useBox() 代码必须出现在 Box 内
+ *
+ * 例如 ：
+ *
+ *      错误代码
+ *             const box = useBox();
+ *             return <Box>...</Box>
+ *
+ *      正确代码
+ *             const Clild = ()=>{
+ *                  const box = useBox();
+ *                  return <>...</>
+ *             }
+ *
+ *             return <Box><Child/></Box>
+ * */
+export declare const useBox: () => BoxContext;
+/**
+ * Box 排版用于普通的信息交互，统一与简化各种排版
+ *
+ * 左边 ： 自定义条件选择区域
+ * 右边 上 ： 自定义条件输入区域
+ * 右边 下 ： 自定义内容展示区
+*/
+export type BoxProps = {
+    /**
+     * 自定义 className
+    */
+    className?: string;
+    /**
+     * 自定义 className
+    */
+    style?: React.CSSProperties;
+    /**
+     * 展示模式
+    */
+    mode?: BoxMode;
+    /**
+    * 选择区域
+   */
+    selectBar?: SelectBarProps;
+    /**
+     * 搜索区域
+    */
+    searchBar?: SearchBarProps;
+    /**
+     * 操作区域
+    */
+    actionBar?: (ActButton[]) | React.ReactNode;
+    /**
+     * 分页区域
+    */
+    pagination?: UPaginationProps;
+    /**
+     * 传此项时，会自动设置 内容区域为 overflow:auto, 否则 为  overflow:hidden
+    */
+    overflowAuto?: true;
+    /**
+     * 默认查询参数
+    */
+    default?: PlainObject;
+    /**
+     * 在部分皮肤下有效，强制不显示背景
+    */
+    nobg?: boolean;
+};
+export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<{
+    resize: Function;
+}>>;
+export {};

package/components/Box/Box.js

@@ -0,0 +1,150 @@
+"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.Box = exports.useBox = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const hooks_1 = require("../../hooks");
+const SelectBar_1 = require("./SelectBar");
+const SearchBar_1 = require("../SearchBar");
+const Upagination_1 = require("../_common/Upagination");
+const utils_1 = require("../../utils");
+const _register_1 = require("./_register");
+const HEIGHT_OMIT = 'ubox-omit';
+const getParentByClassName = (el, clazz) => {
+    if (el.classList.contains(clazz))
+        return el;
+    return getParentByClassName(el.parentElement, clazz);
+};
+const BoxContext = (0, react_1.createContext)(null);
+/**
+ * 说明：如果需要使用 useBox 获取BOX内部状态
+ * 必须自行手动再包一层 否则无法使用，
+ * 即： useBox() 代码必须出现在 Box 内
+ *
+ * 例如 ：
+ *
+ *      错误代码
+ *             const box = useBox();
+ *             return <Box>...</Box>
+ *
+ *      正确代码
+ *             const Clild = ()=>{
+ *                  const box = useBox();
+ *                  return <>...</>
+ *             }
+ *
+ *             return <Box><Child/></Box>
+ * */
+const useBox = () => (0, react_1.useContext)(BoxContext);
+exports.useBox = useBox;
+exports.Box = react_1.default.forwardRef((props, ref) => {
+    const app = (0, hooks_1.useApp)();
+    const [state, setState] = (0, hooks_1.useSetState)(null);
+    const rootRef = (0, react_1.useRef)(null);
+    const contextRef = (0, react_1.useRef)(null);
+    const selectRef = (0, react_1.useRef)(null);
+    const className = ['c-box'];
+    if (props.nobg)
+        className.push('c-box-nobg');
+    const style = Object.assign({}, props.style);
+    if (props.mode)
+        className.push('c-box-' + props.mode);
+    if (props.mode == 'inner') {
+        if (rootRef.current == null) {
+            // style.height = 0;
+            style.display = 'none';
+        }
+        else {
+            const container = getParentByClassName(rootRef.current.parentElement, 'c-box');
+            style.height = Math.floor(container.parentElement.getBoundingClientRect().height);
+        }
+    }
+    else if (props.mode == 'fixed') {
+        if (app != null) {
+            style.height = app.theme.contentHeight;
+        }
+        else {
+            style.height = '100%';
+        }
+    }
+    const resize = () => {
+        if (props.mode == undefined || props.mode == 'common' || app == null) {
+            if (state === null)
+                setState({});
+            return;
+        }
+        ;
+        let el = rootRef.current;
+        if (!el)
+            return;
+        document.body.classList.add('v-resizing');
+        let total = el.getBoundingClientRect().height;
+        if (props.mode == 'inner') {
+            total = el.parentElement.parentElement.getBoundingClientRect().height;
+        }
+        let children = el.children;
+        if (el.children.length == 1 && el.children.item(0).classList.contains('ubox-content')) {
+            children = el.children.item(0).children;
+        }
+        for (let i = 0, _i = children.length; i < _i; i++) {
+            let child = children.item(i);
+            if (child.classList.contains(HEIGHT_OMIT)) {
+                total -= child.getBoundingClientRect().height;
+            }
+        }
+        setState({ height: Math.floor(total) });
+        document.body.classList.remove('v-resizing');
+    };
+    (0, react_1.useEffect)(() => { setTimeout(resize, 2); }, [app === null || app === void 0 ? void 0 : app.theme.contentHeight]);
+    (0, react_1.useLayoutEffect)(() => {
+        if (ref) {
+            ref.current = { resize };
+        }
+        setTimeout(resize, 1);
+    }, []);
+    let paginationProps = {};
+    // if (props.pagination && props.mode == 'inner') {
+    //     paginationProps.hideOnSinglePage = true;
+    // }
+    return react_1.default.createElement(antd_1.Layout, { className: utils_1.StringUtil.className(className, props.className), style: style },
+        props.selectBar && (0, _register_1.getSelectBar)(props.selectBar.type) != null && react_1.default.createElement(SelectBar_1.SelectBar, Object.assign({}, props.selectBar, { ref: selectRef, onSelect: (...args) => setState({ selected: args }) })),
+        react_1.default.createElement(antd_1.Layout.Content, { style: { overflow: props.overflowAuto ? 'auto' : 'hidden' }, ref: ctx => rootRef.current = ctx.context },
+            (props.searchBar ||
+                (props.actionBar && ((lodash_1.default.isArray(props.actionBar) && props.actionBar.length > 0)
+                    || (!lodash_1.default.isArray(props.actionBar) && react_1.default.isValidElement(props.actionBar))))) && react_1.default.createElement(SearchBar_1.SearchBar, Object.assign({}, props.searchBar, { default: props.default, className: HEIGHT_OMIT, onExpand: (isExpand) => {
+                    resize();
+                    if (lodash_1.default.isFunction(props.searchBar.onExpand)) {
+                        props.searchBar.onExpand(isExpand);
+                    }
+                } }), props.actionBar ? (lodash_1.default.isArray(props.actionBar) ? react_1.default.createElement(SearchBar_1.SearchBar.ActionButtons, { buttons: props.actionBar }) : props.actionBar) : []),
+            react_1.default.createElement(BoxContext.Provider, { value: { state, resize, root: contextRef, selectRef } },
+                react_1.default.createElement("div", { className: 'ubox-content', ref: contextRef }, state != null && props.children)),
+            props.pagination && react_1.default.createElement(Upagination_1.UPagination, Object.assign({}, paginationProps, props.pagination, { className: HEIGHT_OMIT }))));
+});

package/components/Box/SelectBar.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+import type { ComponentType } from 'react';
+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';
+type SelectBarAction = BaseItem & {
+    /**
+     * action 图标
+    */
+    icon: string;
+    /**
+     * 鼠标 hover tips 标题
+    */
+    title?: string;
+    /**
+     * 点击事件
+     * */
+    onClick: () => void;
+    /**
+     * 如需二次确定，传提示消息
+    */
+    confirm?: React.ReactNode;
+};
+type _BoxSelectBarProps = BaseItem & {
+    /**
+     * 标题,如传了 ik ，则由 ik 替代之
+     * 传 fasle 时，不显示标题区域
+    */
+    title: string | false;
+    /**
+     * 宽度，默认为250
+     */
+    width?: number;
+    /**
+     * 选中一个项目后的回调方法
+     *
+     * 说明　：
+     * 1. sekectKey 可能 为空，需要判断，为空时，代表没有条目被选中
+     * 2. 前两项，固定为 被选中条目的key, 被选中条目的数据，根据实际情况不同，可能返回后面的项目
+     *      在 stree,ftree,dtree 中， 第 三 四 五项分别为 ： 父结点 ID Key，  父结点 对象 Object，全路径 Object []
+     *      list 中没有
+    */
+    onSelect: (key: Key, object?: PlainObject, ...args: any[]) => PlainObject;
+    /**
+     * 是否可以过滤
+     * 说明，开启后，将会往注册的组件注入 searchValue,组件需要自行实现
+    */
+    filter?: boolean;
+    /**
+     * 操作区域
+    */
+    actions?: SelectBarAction[];
+    /**
+     * 边栏状态变更触发
+    */
+    onSelectCollapse?: (boolean: any) => void;
+};
+/**
+ * 说明： 内置 stree/dtree/ftree 三种树类型，和 list 类型
+ * 当为类置 type 时，不要传以下属性：
+ * searchValue : 在 selectBar 里面传 filter: true
+ * onSelect    : 在 selectBar 里面传 onSelect
+ */
+type ExtendSelectProps = {
+    type: 'stree';
+    config: Omit<STreeProps, 'searchValue' | 'onSelect'>;
+} | {
+    type: 'dtree';
+    config: Omit<DTreeProps, 'searchValue' | 'onSelect'>;
+} | {
+    type: 'ftree';
+    config: Omit<FTreeProps, 'searchValue' | 'onSelect'>;
+} | {
+    type: 'slist';
+    config: Omit<SListPorps, 'searchValue' | 'onSelect'>;
+} | {
+    type: 'custom';
+    config?: any;
+    content: ComponentType<_BoxSelectBarProps>;
+} | {
+    type: string;
+    config?: any;
+};
+export type SelectBarProps = _BoxSelectBarProps & ExtendSelectProps;
+export declare const SelectBar: React.ForwardRefExoticComponent<Omit<SelectBarProps, "onSelect"> & {
+    onSelect: (key: Key, object?: PlainObject, ...args: any[]) => void;
+} & React.RefAttributes<any>>;
+export {};

package/components/Box/SelectBar.js

@@ -0,0 +1,93 @@
+"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.SelectBar = void 0;
+const react_1 = __importStar(require("react"));
+const lodash_1 = __importDefault(require("lodash"));
+const antd_1 = require("antd");
+const hooks_1 = require("../../hooks");
+const utils_1 = require("../../utils");
+const _register_1 = require("./_register");
+const Const_1 = require("../_setup/Const");
+const Icon_1 = require("../_adapt/Icon");
+exports.SelectBar = react_1.default.forwardRef((props, ref) => {
+    const [keyword, setKeyword] = (0, react_1.useState)(null);
+    const [collapsed, setCollapsed] = (0, hooks_1.useToggle)(false);
+    // const setKeyword = _.debounce(_setKeyword, 100);
+    let component = (0, _register_1.getSelectBar)(props.type);
+    (0, react_1.useLayoutEffect)(() => {
+        if (lodash_1.default.isFunction(props.onSelectCollapse)) {
+            props.onSelectCollapse(collapsed);
+        }
+    }, [collapsed]);
+    if (component == undefined) {
+        console.warn('SelectBar Type is not registerd ', props.type);
+        return utils_1.Const.NONE;
+    }
+    if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
+        return utils_1.Const.NONE;
+    const width = lodash_1.default.isNumber(props.width) ? props.width : 250;
+    const renderContent = () => {
+        if (props.type == 'custom') {
+            if (!lodash_1.default.has(props, 'content')) {
+                return utils_1.Const.NONE;
+            }
+            // @ts-ignore
+            return react_1.default.createElement(props.content, Object.assign({}, props, { searchValue: keyword }));
+        }
+        return react_1.default.createElement(component.component, Object.assign({}, props, { searchValue: keyword, ref: ref }));
+    };
+    if (props.title === false)
+        return react_1.default.createElement(antd_1.Layout.Sider, { collapsed: false, width: width }, renderContent());
+    const title = utils_1.i18n.getText(props.ik, props.title);
+    const SearchAction = (props) => {
+        if (props.roleCode && !utils_1.PageUtil.hasRole(props.roleCode))
+            return utils_1.Const.NONE;
+        const iconProps = { type: props.icon, };
+        if (props.ik) {
+            iconProps.title = utils_1.i18n.txt(props.ik);
+        }
+        else if (props.title) {
+            iconProps.title = props.title;
+        }
+        if (props.confirm == null)
+            return react_1.default.createElement(Icon_1.Icon, Object.assign({}, iconProps, { onClick: props.onClick }));
+        return react_1.default.createElement(antd_1.Popconfirm, { placement: "right", title: props.confirm, onConfirm: props.onClick },
+            react_1.default.createElement(Icon_1.Icon, Object.assign({}, iconProps, { evt: true })));
+    };
+    return react_1.default.createElement(antd_1.Layout.Sider, { className: 'c-selectbar-' + utils_1.GLOBAL.CONFIG.BOX.SELECT_CLOSE, collapsed: collapsed, collapsedWidth: utils_1.GLOBAL.CONFIG.BOX.SELECT_CLOSE == 2 ? 0 : 6, width: width },
+        react_1.default.createElement("div", { className: 'c-selectbar-closed', onClick: setCollapsed, title: utils_1.i18n.txt(Const_1.V.TXT_EXPAND) }),
+        react_1.default.createElement("div", { className: 'c-selectbar' },
+            react_1.default.createElement("div", { className: 'c-selectbar-head' },
+                react_1.default.createElement("div", { className: 'c-selectbar-title' },
+                    react_1.default.createElement(Icon_1.Icon, { type: "left-circle", title: utils_1.i18n.txt(Const_1.V.TXT_COLLAPSE), onClick: setCollapsed }),
+                    props.filter && react_1.default.createElement("input", { onChange: evt => utils_1.PageUtil.stopEvent(evt, () => setKeyword(evt.target.value)), value: keyword, placeholder: utils_1.i18n.getText(props.ik, props.title) }),
+                    !props.filter && react_1.default.createElement("span", null, title)),
+                react_1.default.createElement("div", { className: 'c-selectbar-action' }, (props.actions || []).map(item => react_1.default.createElement(SearchAction, Object.assign({}, item))))),
+            react_1.default.createElement("div", { className: 'c-selectbar-body' }, renderContent())));
+});

package/components/Box/_register.d.ts

@@ -0,0 +1,49 @@
+import type { Key, PlainObject } from '../../basetype';
+import type { ComponentType } from 'react';
+export type SelectBarProps = {
+    /**
+     * 选中一个项目后的回调方法
+     * 按规范:
+     * 第一个参数返回选中项的 key
+     * 第二个参数返回选中项的 数据
+     * 后面的项，可在不同类型间扩展，根据不同的类型，参数会有不同
+    */
+    onSelect: (key: Key, obj: PlainObject, ...args: any[]) => PlainObject;
+    /**
+     * 搜索值
+    */
+    searchValue?: string;
+    /**
+     * 自定义扩展配置
+    */
+    config?: any;
+};
+/**
+ * 通用 Table 左侧组件定义
+*/
+export type SelectBarComponent = ComponentType<SelectBarProps>;
+/**
+ * 左边选择栏 组件特性
+*/
+export type SelectBarOptions = {
+    /**
+     * 是否支持搜索
+    */
+    canSearch?: boolean;
+};
+type SelectBar = SelectBarOptions & {
+    component: SelectBarComponent;
+};
+/**
+ * @param type
+ *      类型名称, 支持： VTable,STable,ApiTalbe,DataTable,Box
+ * @param element
+ *      输入组件，为一个React 类型，自动注入 props @see FieldProps
+ * @param options
+ *      注册选项  @see FieldOptions
+ * @param forceOverWrite
+ *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
+*/
+export declare const registerSelectBar: (type: string, component: SelectBarComponent, options?: SelectBarOptions, forceOverWrite?: boolean) => void;
+export declare const getSelectBar: (type: string) => SelectBar;
+export {};

package/components/Box/_register.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSelectBar = exports.registerSelectBar = void 0;
+const _Support_1 = require("../../utils/_Support");
+const StringUtil_1 = require("../../utils/StringUtil");
+const _RegisterUtil_1 = require("../_RegisterUtil");
+const _C_SELECT_BAR = (0, _Support_1.globalDefault)('_C_SELECT_BAR', new Map());
+const DEFAULT = { canSearch: false };
+/**
+ * @param type
+ *      类型名称, 支持： VTable,STable,ApiTalbe,DataTable,Box
+ * @param element
+ *      输入组件，为一个React 类型，自动注入 props @see FieldProps
+ * @param options
+ *      注册选项  @see FieldOptions
+ * @param forceOverWrite
+ *      强制覆盖掉已注册的组件，默认重复注册相同的类型时，后注册的不能生效，使用 true 后，强㓡覆盖掉之前注册的组件
+*/
+const registerSelectBar = (type, component, options = null, forceOverWrite = false) => {
+    (0, _RegisterUtil_1.register)(_C_SELECT_BAR, type, DEFAULT, component, options, forceOverWrite);
+};
+exports.registerSelectBar = registerSelectBar;
+const getSelectBar = (type) => {
+    let key = (0, StringUtil_1.trimLower)(type);
+    if (_C_SELECT_BAR.has(key))
+        return _C_SELECT_BAR.get(key);
+    return null;
+};
+exports.getSelectBar = getSelectBar;

package/components/Box/index.d.ts

@@ -0,0 +1,9 @@
+import { useBox } from './Box';
+import { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
+import type { BoxProps } from './Box';
+export type BoxComponent = ForwardRefExoticComponent<PropsWithChildren<BoxProps> & RefAttributes<{
+    resize: () => void;
+}>> & {
+    useBox: typeof useBox;
+};
+export declare const Box: BoxComponent;

package/components/Box/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Box = void 0;
+const Box_1 = require("./Box");
+exports.Box = Box_1.Box;
+exports.Box.useBox = Box_1.useBox;

package/components/Lists/SList.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+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 = {
+    /**
+     * key 字段，默认为ID
+    */
+    keyField: string;
+    /**
+     * Icon字段 ，默认为空，传入后，以此字段显示图标
+    */
+    iconField?: string;
+    /**
+     * title 字段，传字段名称。
+    */
+    titleField: string;
+    /**
+     * 值字段，传值时，显示在右
+    */
+    valueField?: string;
+    /**
+     * 搜索关键字
+    */
+    searchValue?: string;
+    /**
+     * 自定义 render, 说明：自定义时，搜索关键字可能会失效。
+    */
+    itemRender?: ItemRenderFunction;
+    /**
+     * 自定义 Renders
+     * 说明：优先级：
+     *
+     * itemRender > renders > 自动生成 (通过传field)
+     *
+    */
+    renders?: {
+        icon?: (record: PlainObject, searchValue?: string) => IconProps | string | React.ReactNode;
+        title: ItemRenderFunction;
+        value?: ItemRenderFunction;
+        action?: ItemRenderFunction;
+    };
+    /**
+     * 数据
+    */
+    list: PlainObject[];
+    /**
+     * 选中方法
+    */
+    onSelect?: (key: Key, data: PlainObject) => void;
+    /**
+     * 可选中必选
+    */
+    mustSelect?: true | ((list: PlainObject[]) => PlainObject);
+};
+export declare const SList: React.FC<SListPorps>;
+export {};