@_tc/template-core 0.0.1-bate.46 → 0.0.1-bate.48

package/fe/frontend/widgets/common/menu.js

@@ -1,101 +0,0 @@
-import { modeStore } from "../../widgets/store/mode";
-export var QK;
-(function (QK) {
-    /**
-     * project key
-     */
-    QK["pk"] = "projk";
-    /**
-     * key topMenu key
-     */
-    QK["k"] = "key";
-    /**
-     * sidebar key leftMenu key
-     */
-    QK["sk"] = "sidek";
-    /**
-     * 自定义 页面的key
-     */
-    QK["ck"] = "custk";
-})(QK || (QK = {}));
-export const leftSidebarBasePath = "_sidebar_";
-export const deserializationUrlSearch = (url = window.location.search) => {
-    const urls = new URLSearchParams(url);
-    const data = {};
-    for (const [k, v] of urls.entries()) {
-        data[k] = v;
-    }
-    return data;
-};
-export const serializationUrl = (url, data) => `${url}?${new URLSearchParams(data).toString()}`;
-const generateMenuItem = (item) => {
-    let data = undefined;
-    if (item.menuType === "module") {
-        const pk = modeStore.getState().projectInfo?.key;
-        const query = {
-            [QK.pk]: pk,
-        };
-        switch (item.moduleType) {
-            case "custom":
-                query[QK.ck] = item.key;
-                data = {
-                    ...item,
-                    path: {
-                        pathname: item.customConfig.path,
-                        search: new URLSearchParams(query).toString(),
-                    },
-                };
-                break;
-            case "iframe":
-            case "schema":
-            case "sidebar":
-                let path = `/${item.key}`;
-                let search = new URLSearchParams(query).toString();
-                if (item.moduleType === "sidebar") {
-                    // query[QK.sk] = item.sidebarConfig.menu[0].key;
-                    const sfMenu = findMenuItem(item.sidebarConfig.menu, item.sidebarConfig.menu[0].key);
-                    path += `${sfMenu.path.pathname}`;
-                    search = sfMenu.path.search ?? "";
-                    // path += `/pending`;
-                }
-                data = {
-                    ...item,
-                    path: {
-                        pathname: path,
-                        search,
-                    },
-                };
-                break;
-            default:
-                break;
-        }
-    }
-    return data;
-};
-export const findMenuItem = (menuData, key) => {
-    let data = undefined;
-    const useFirstAvailableMenu = typeof key === "undefined";
-    /**
-     *  url query 分为
-     *
-     *  projk 为项目key
-     *  key  当前选择的top菜单key
-     *  sidek 为侧边栏选中的key
-     */
-    for (const item of menuData) {
-        if (item.menuType === "module") {
-            if (useFirstAvailableMenu || item.key === key) {
-                data = generateMenuItem(item);
-                break;
-            }
-        }
-        if (item.menuType === "group") {
-            const result = findMenuItem(item.subMenu, key);
-            if (result) {
-                data = { ...result };
-                break;
-            }
-        }
-    }
-    return data;
-};

package/fe/frontend/widgets/common/request.d.ts

@@ -1,36 +0,0 @@
-import { AxiosError, FetchAxios, RequestConfig, ResponseConfig } from './CRUD';
-declare const api: FetchAxios;
-export interface PageParams {
-    page?: number;
-    pageSize?: number;
-    [key: string]: string | number | boolean | undefined | null;
-}
-export type PageResponse<T> = {
-    data: T[];
-    total: number;
-    page: number;
-    pageSize: number;
-};
-export interface BaseResponse<T> {
-    data: T;
-    code: number;
-    message: string;
-}
-/**
- * GET/DELETE 不发送 body；统一把 data 转到 params。
- *  */
-export declare function get<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
-export declare function post<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
-export declare function put<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
-export declare function patch<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
-export declare function del<T = unknown, D = unknown>(url: string, data?: D, config?: RequestConfig<D>): Promise<ResponseConfig<BaseResponse<T>, D>>;
-export { api, FetchAxios };
-export type { AxiosError, RequestConfig, ResponseConfig };
-export declare const request: {
-    get: typeof get;
-    put: typeof put;
-    post: typeof post;
-    del: typeof del;
-    patch: typeof patch;
-};
-//# sourceMappingURL=request.d.ts.map

package/fe/frontend/widgets/common/request.js

@@ -1,133 +0,0 @@
-import md5 from 'md5';
-import { API_AUTH_HEADER_KEY, AUTH_HEADER_KEY, clearAuthToken, getApiAuth, getAuthToken } from './auth';
-import { FetchAxios } from './CRUD';
-const BASE_URL = '/api';
-const api = new FetchAxios({
-    baseURL: BASE_URL,
-    timeout: 15000,
-    credentials: 'include',
-    validateStatus: (status) => status >= 200 && status < 300,
-});
-const removeBaseurlFromURL = (config) => {
-    const { baseURL, url } = config;
-    if (!baseURL || !url)
-        return;
-    const origin = typeof window === 'undefined' ? 'http://localhost' : window.location.origin;
-    const baseURLObject = new URL(baseURL, origin);
-    const basePath = baseURLObject.pathname.replace(/\/+$/, '');
-    const requestURL = new URL(url, baseURLObject.origin);
-    if (requestURL.origin !== baseURLObject.origin || !basePath)
-        return;
-    const normalizedPathname = requestURL.pathname.replace(/\/+$/, '');
-    if (normalizedPathname !== basePath && !requestURL.pathname.startsWith(`${basePath}/`))
-        return;
-    const pathname = requestURL.pathname.slice(basePath.length) || '/';
-    config.url = `${pathname}${requestURL.search}${requestURL.hash}`;
-};
-// ---- Request Interceptors ----
-api.interceptors.request.use(async (config) => {
-    removeBaseurlFromURL(config);
-    const token = await getAuthToken();
-    const aauto = getApiAuth();
-    const time = new Date().getTime();
-    config.headers = {
-        ...config.headers,
-        s_t: time + '',
-        s_sign: md5(`sakjdfnkjwjfnfkjkjldljksndf_${time}`),
-        [API_AUTH_HEADER_KEY]: aauto,
-    };
-    if (token) {
-        config.headers = {
-            ...config.headers,
-            [AUTH_HEADER_KEY]: `Bearer ${token}`,
-        };
-    }
-    return config;
-});
-api.interceptors.request.use((config) => {
-    console.debug(`[API] ${config.method?.toUpperCase()} ${config.url}`);
-    return config;
-});
-// ---- Response Interceptors ----
-api.interceptors.response.use((res) => res, async (err) => {
-    const axiosErr = err;
-    if (axiosErr.response?.status === 401) {
-        await clearAuthToken();
-        if (typeof window !== 'undefined') {
-            window.location.href = '/login';
-        }
-    }
-    const message = extractErrorMessage(err);
-    console.error(`[API Error] ${message}`, {
-        url: err.config.url,
-        status: err.response?.status,
-    });
-    return Promise.reject(err);
-});
-// ---- Helpers ----
-function extractErrorMessage(err) {
-    if (!(err instanceof Error))
-        return 'Unknown error';
-    const axiosErr = err;
-    if (axiosErr.response?.data && typeof axiosErr.response.data === 'object' && axiosErr.response.data !== null) {
-        const data = axiosErr.response.data;
-        if (typeof data.message === 'string')
-            return data.message;
-        if (typeof data.msg === 'string')
-            return data.msg;
-        if (Array.isArray(data.errors) && data.errors.length > 0) {
-            return String(data.errors[0]);
-        }
-    }
-    if (axiosErr.message)
-        return axiosErr.message;
-    if (axiosErr.code === 'ECONNABORTED')
-        return 'Request timed out';
-    return 'Network error';
-}
-/**
- * GET/DELETE 不发送 body；统一把 data 转到 params。
- *  */
-export function get(url, data, config) {
-    const hasDataParams = data !== undefined && data !== null && typeof data === 'object';
-    const getConfig = hasDataParams
-        ? {
-            ...config,
-            params: {
-                ...config?.params,
-                ...data,
-            },
-        }
-        : config;
-    return api.get(url, getConfig);
-}
-export function post(url, data, config) {
-    return api.post(url, data, config);
-}
-export function put(url, data, config) {
-    return api.put(url, data, config);
-}
-export function patch(url, data, config) {
-    return api.patch(url, data, config);
-}
-export function del(url, data, config) {
-    const hasDataParams = data !== undefined && data !== null && typeof data === 'object';
-    const delConfig = hasDataParams
-        ? {
-            ...config,
-            params: {
-                ...config?.params,
-                ...data,
-            },
-        }
-        : config;
-    return api.delete(url, delConfig);
-}
-export { api, FetchAxios };
-export const request = {
-    get,
-    put,
-    post,
-    del,
-    patch,
-};

package/fe/frontend/widgets/components/BasePage/HeaderView.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "../../../../packages/ui/react/index";
-const defaultTitle = _jsx("span", { children: "Template Core" });
-const defaultProps = {};
-const headerThemeStyle = {
-    "--header-fg": "hsl(var(--theme-text))",
-    "--header-bg": "hsl(var(--theme-bg))",
-    "--header-shadow": "hsl(var(--theme-primary) / 0.18)",
-};
-const HeaderView = (props) => {
-    const { title, menu, userArea, children } = props ?? defaultProps;
-    return (_jsxs("div", { className: "header-view", style: headerThemeStyle, children: [_jsxs("header", { className: cn("header flex h-16 items-center border-b", 
-                // "border-[hsl(var(--theme-bg)/0.14)] bg-(--header-bg) text-(--header-fg)",
-                "shadow-[0_10px_30px_var(--header-shadow)]"), children: [_jsx("div", { className: "brand flex w-60 items-center border-r border-[hsl(var(--theme-bg)/0.14)] px-6 text-base font-semibold tracking-[0.02em] text-(--header-fg)", children: title ?? defaultTitle }), _jsx("div", { className: "top-menu flex flex-1 items-center px-6 text-(--header-fg)", children: menu }), _jsx("div", { className: "user-area flex items-center justify-end border-l border-[hsl(var(--theme-bg)/0.14)] px-6 text-(--header-fg)", children: userArea })] }), children] }));
-};
-export default HeaderView;

package/fe/frontend/widgets/components/Router/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BrowserRouter, HashRouter, Route, Routes } from 'react-router-dom';
-export const generateRouter = (routes, type) => {
-    const RouterComponent = type === 'browser' ? BrowserRouter : HashRouter;
-    const renderDom = (routes) => {
-        return routes.map((route) => {
-            return (_jsx(Route, { path: route.path, element: route.component, children: route.children && renderDom(route.children) }, route.path));
-        });
-    };
-    return (_jsx(RouterComponent, { basename: window._basePath, children: _jsx(Routes, { children: renderDom(routes) }) }));
-};

package/fe/frontend/widgets/components/Router/type.js

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

package/fe/frontend/widgets/defaultPages/Iframe/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import useCurrentMenuData from "../../../widgets/hooks/useCurrentMenuData";
-import { useMemo } from "react";
-const Iframe = () => {
-    const { menu } = useCurrentMenuData(true);
-    const ifUrl = useMemo(() => {
-        if (menu.moduleType === "iframe") {
-            return menu.iframeConfig.path;
-        }
-        return "";
-    }, []);
-    return (_jsx("div", { className: "iframe w-full h-full", children: _jsx("iframe", { className: " w-full h-full", src: ifUrl }) }));
-};
-export default Iframe;

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/DetailPanel.js

@@ -1,94 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getText } from '../../../../../widgets/common/language';
-import { Drawer } from '../../../../../../packages/ui/react/components';
-import { memo, useMemo, useState } from 'react';
-import { request } from '../../../../../widgets/common/request';
-import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
-import { eventsInfo } from '../../data/eventInfo';
-import useComConfig from '../../hooks/useComConfig';
-import { schemaEventBus } from '../../stores/schemaEventBus';
-import { handlingRequestErrors } from '../../utils/fetchErrorShow';
-import { merge } from '../../utils/permissions';
-const EMPTY_TEXT = '-';
-const isEmptyValue = (value) => value === undefined || value === null || value === '';
-const stringifyValue = (value) => {
-    if (isEmptyValue(value))
-        return EMPTY_TEXT;
-    if (typeof value === 'object')
-        return JSON.stringify(value);
-    return String(value);
-};
-const getOptionLabel = (options, value) => {
-    if (!Array.isArray(options))
-        return undefined;
-    const matchedOption = options.find((option) => {
-        if (!option || typeof option !== 'object')
-            return false;
-        return option.value === value;
-    });
-    if (!matchedOption || typeof matchedOption !== 'object')
-        return undefined;
-    const label = matchedOption.label;
-    return label ?? stringifyValue(value);
-};
-const formatValue = (value, fieldInfo) => {
-    if (isEmptyValue(value))
-        return EMPTY_TEXT;
-    const option = fieldInfo.option;
-    const optionLabel = getOptionLabel(option?.options ?? option?.enumList, value);
-    if (optionLabel !== undefined)
-        return optionLabel;
-    if (Array.isArray(value)) {
-        if (value.length === 0)
-            return EMPTY_TEXT;
-        return value
-            .map((item) => {
-            return stringifyValue(item);
-        })
-            .join(', ');
-    }
-    if (typeof value === 'boolean')
-        return value ? getText('是') : getText('否');
-    return stringifyValue(value);
-};
-const generateFields = (schema, data) => {
-    if (!schema?.properties)
-        return [];
-    return Object.keys(schema.properties)
-        .reduce((fields, key) => {
-        const fieldInfo = schema.properties[key];
-        if (!fieldInfo.option || fieldInfo.option.visible === false)
-            return fields;
-        fields.push({
-            key,
-            label: getText(fieldInfo.label),
-            value: formatValue(data?.[key], fieldInfo),
-            level: fieldInfo.level ?? 10,
-        });
-        return fields;
-    }, [])
-        .sort((a, b) => a.level - b.level);
-};
-const DetailPanel = memo((props) => {
-    const [open, setOpen] = useState(true);
-    const [data, setData] = useState(props.data);
-    const { config, schema, api } = useComConfig({ comName: props.comName });
-    const fields = useMemo(() => generateFields(schema, data), [data, schema]);
-    useExecuteOnce(async () => {
-        const fetchKey = config?.fetchKey;
-        if (fetchKey) {
-            const params = {
-                [fetchKey]: props.data[fetchKey],
-            };
-            const { url: furl = api, method = 'get' } = config.fetchConfig ?? {};
-            const res = await handlingRequestErrors(request[method](furl, params));
-            if (res.data.code === 0)
-                setData(res.data.data);
-        }
-    }, { executionPhase: 'mount' });
-    return (_jsx("div", { className: "detail-panel", children: _jsx(Drawer, { title: getText(config?.title ?? ''), open: open, onClose: () => {
-                setOpen(false);
-                schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
-            }, children: fields.length > 0 ? (_jsx("div", { className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2", children: fields.map((field) => (_jsxs("div", { className: "min-w-0 border-b border-border pb-3", children: [_jsx("div", { className: "mb-1 text-xs text-muted-foreground", children: field.label }), _jsx("div", { className: "break-words text-sm leading-6 text-foreground", children: field.value })] }, field.key))) })) : (_jsx("div", { className: "py-8 text-center text-sm text-muted-foreground", children: getText('暂无数据') })) }) }));
-});
-export default DetailPanel;

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/PopFrom.js

@@ -1,124 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getText } from '../../../../../widgets/common/language';
-import { Modal, SchemaForm } from '../../../../../../packages/ui/react/components';
-import { post, put, request } from '../../../../../widgets/common/request';
-import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
-import { memo, useCallback, useMemo, useRef, useState } from 'react';
-import { eventsInfo } from '../../data/eventInfo';
-import useComConfig from '../../hooks/useComConfig';
-import { schemaEventBus } from '../../stores/schemaEventBus';
-import { handlingRequestErrors } from '../../utils/fetchErrorShow';
-import { merge } from '../../utils/permissions';
-import { createAjvValidator } from '../../utils/validator';
-const generateSchemas = (schema) => {
-    if (!schema?.properties)
-        return [];
-    return Object.keys(schema.properties).reduce((schemas, key) => {
-        const fieldInfo = schema.properties[key];
-        const option = fieldInfo?.option;
-        if (!option || option.visible === false)
-            return schemas;
-        const { comType = 'input', default: _defaultValue, visible: _visible, ...fieldProps } = option;
-        schemas.push({
-            key,
-            label: getText(fieldInfo.label),
-            type: comType,
-            required: schema.required?.includes(key),
-            rules: [
-                ...(schema.required?.includes(key)
-                    ? [{ required: true, message: `请输入${getText(fieldInfo.label)}` }]
-                    : []),
-                {
-                    validator: createAjvValidator(fieldInfo),
-                },
-            ],
-            fieldProps: {
-                ...fieldProps,
-                ...(comType === 'select'
-                    ? {
-                        getPopupContainer: 'parent',
-                    }
-                    : []),
-            },
-        });
-        return schemas;
-    }, []);
-};
-const generateDefaultValue = (schema, data) => {
-    const defaultValue = { ...(data ?? {}) };
-    if (!schema?.properties)
-        return defaultValue;
-    Object.keys(schema.properties).forEach((key) => {
-        const defaultFieldValue = schema.properties[key]?.option?.default;
-        if (typeof defaultFieldValue !== 'undefined' && typeof defaultValue[key] === 'undefined') {
-            defaultValue[key] = defaultFieldValue;
-        }
-    });
-    return defaultValue;
-};
-const PopForm = memo((props) => {
-    const [open, setOpen] = useState(true);
-    const [submitting, setSubmitting] = useState(false);
-    const { schema, config, api } = useComConfig({ comName: props.comName });
-    const formRef = useRef(null);
-    const [loading, setLoading] = useState(false);
-    /**
-     * 1. 生成 schemas
-     * 2. 根据config 获取相关展示内容、请求数据
-     * 3. 支持 create、edit
-     *
-     *
-     * 交互结束时 通知上层 清除show component
-     *
-     *
-     */
-    const schemas = useMemo(() => {
-        return generateSchemas(schema);
-    }, [schema]);
-    const closed = submitting
-        ? undefined
-        : () => {
-            schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
-            setOpen(false);
-        };
-    const defaultValue = useMemo(() => generateDefaultValue(schema, props.data), [schema, props.data]);
-    useExecuteOnce(async () => {
-        /**
-         * 编辑弹窗需要 获取一下数据
-         */
-        if (props.comName === 'editForm' && 'fetchKey' in config) {
-            const { fetchKey } = config;
-            const params = {
-                [fetchKey]: props.data[fetchKey],
-            };
-            const { url = api, method = 'get' } = config?.fetchConfig ?? {};
-            setLoading(true);
-            const res = await handlingRequestErrors(request[method](url, params));
-            res.data.code === 0 && formRef.current?.setFieldsValue(res.data.data);
-            setLoading(false);
-        }
-    }, { executionPhase: 'mount' });
-    const handleSubmit = useCallback(async (v) => {
-        setSubmitting(true);
-        // 逻辑处理
-        let fetchFn = put;
-        if (props.comName === 'createForm') {
-            fetchFn = post;
-        }
-        try {
-            const res = await handlingRequestErrors(fetchFn(api, v));
-            if (res.data.code === 0) {
-                // 通知
-                schemaEventBus.getState().emitCom({
-                    type: merge(eventsInfo.closeCom, eventsInfo.initTable, props.comName === 'createForm' ? eventsInfo.resetSearch : eventsInfo.none),
-                });
-            }
-        }
-        finally {
-            setSubmitting(false);
-        }
-    }, [api, props.comName]);
-    return (_jsx(Modal, { open: open, onClose: closed, title: getText(config?.title ?? ''), width: 640, maskClosable: !submitting, children: _jsx(SchemaForm, { schemas: schemas, initialValues: defaultValue, getForm: (f) => (formRef.current = f), onFinish: handleSubmit, onCancel: closed, buttonClassName: "justify-end", submitText: config?.saveBtnText, submitButtonProps: { loading: submitting }, cancelButtonProps: { disabled: submitting } }, `${String(props?.comName ?? '')}-${JSON.stringify(defaultValue)}`) }));
-});
-PopForm.displayName = 'PopForm';
-export default PopForm;

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/data.d.ts

@@ -1,3 +0,0 @@
-import { CallComponent } from '../../schemaType';
-export declare const components: CallComponent<any>;
-//# sourceMappingURL=data.d.ts.map

package/fe/frontend/widgets/defaultPages/Schema/components/CallCom/data.js

@@ -1,6 +0,0 @@
-import { lazy } from 'react';
-export const components = {
-    editForm: lazy(() => import('./PopFrom')),
-    createForm: lazy(() => import('./PopFrom')),
-    detailPanel: lazy(() => import('./DetailPanel')),
-};

package/fe/frontend/widgets/defaultPages/Schema/components/SchemaSearch/index.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { getText } from '../../../../../widgets/common/language';
-import { filterEmpty } from '../../../../../../packages/common/index.js';
-import { TableSearch } from '../../../../../../packages/ui/react/components';
-import useInit from '../../../../../../packages/ui/react/hooks/useInit';
-import { memo, useState } from 'react';
-import { schemaEventBus } from '../../stores/schemaEventBus';
-import { useSchemaStore } from '../../stores/schemaStore';
-const generateSchemas = (config) => {
-    // TODO ? 是否需要缓存
-    // const { comSchemaCache } = schemaStore.getState()
-    // if (comSchemaCache.has(schemaKey)) {
-    // }
-    const keys = Object.keys(config);
-    const schemas = [];
-    let defaultValue = undefined;
-    keys.forEach((k) => {
-        const fieldInfo = config[k];
-        if (fieldInfo.option) {
-            const { comType = 'input', default: defaultFieldValue, ...fieldProps } = fieldInfo.option;
-            if (typeof defaultFieldValue !== 'undefined') {
-                if (!defaultValue) {
-                    defaultValue = {};
-                }
-                defaultValue[k] = defaultFieldValue;
-            }
-            schemas.push({
-                label: getText(fieldInfo.label),
-                key: k,
-                type: comType,
-                fieldProps,
-            });
-        }
-    });
-    return { schemas, defaultValue };
-};
-const SchemaSearch = memo(() => {
-    // 暂时没有 config
-    const schema = useSchemaStore((s) => s.searchSchema);
-    const [schemas, setSchemas] = useState([]);
-    const [defaultValue, setSchemaDefaultValue] = useState(undefined);
-    useInit(() => {
-        const { schemas, defaultValue } = generateSchemas(schema.properties);
-        setSchemas(schemas);
-        setSchemaDefaultValue(defaultValue);
-    });
-    const tsProps = {
-        schemas,
-        defaultValue,
-        onSearch(values) {
-            schemaEventBus.getState().emitSearch(filterEmpty(values));
-        },
-        onReset() {
-            schemaEventBus.getState().emitSearch(undefined);
-        },
-        renderActionBtnArea: () => {
-            return undefined;
-        },
-    };
-    return (_jsx("div", { className: "schema-search", children: _jsx(TableSearch, { ...tsProps }) }));
-});
-SchemaSearch.displayName = 'SchemaSearch';
-export default SchemaSearch;