@_tc/template-core 0.1.16 → 0.2.0-bate.0

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/DetailPanel.js

@@ -1,95 +1,102 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { handlingRequestErrors } from '../../../../common/fetchErrorShow';
-import { getText } from '../../../../common/language';
-import { request } from '../../../../common/request';
-import { frontendLangKeys } from '../../../../language';
-import { schemaEventBus } from '../../../../stores/schemaEventBus';
-import { Drawer } from '../../../../../../packages/ui/react/components';
-import useExecuteOnce from '../../../../../../packages/ui/react/hooks/useExecuteOnce';
-import { memo, useMemo, useState } from 'react';
-import { eventsInfo } from '../../data/eventInfo';
-import useComConfig from '../../hooks/useComConfig';
-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);
+import { frontendLangKeys } from "../../../../language/index.js";
+import { getText } from "../../../../common/language.js";
+import { Drawer } from "../../../../../../packages/react/ui/components/Drawer/Drawer.js";
+import "../../../../../../packages/react/ui/components/index.js";
+import { request } from "../../../../common/request.js";
+import { schemaEventBus } from "../../../../stores/schemaEventBus.js";
+import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
+import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
+import { eventsInfo } from "../../data/eventInfo.js";
+import useComConfig from "../../hooks/useComConfig.js";
+import { merge } from "../../utils/permissions.js";
+import { memo, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/DetailPanel.tsx
+var EMPTY_TEXT = "-";
+var isEmptyValue = (value) => value === void 0 || value === null || value === "";
+var 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);
+var getOptionLabel = (options, value) => {
+	if (!Array.isArray(options)) return void 0;
+	const matchedOption = options.find((option) => {
+		if (!option || typeof option !== "object") return false;
+		return option.value === value;
+	});
+	if (!matchedOption || typeof matchedOption !== "object") return void 0;
+	return matchedOption.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(frontendLangKeys.yes) : getText(frontendLangKeys.no);
-    return stringifyValue(value);
+var formatValue = (value, fieldInfo) => {
+	if (isEmptyValue(value)) return EMPTY_TEXT;
+	const option = fieldInfo.option;
+	const optionLabel = getOptionLabel(option?.options ?? option?.enumList, value);
+	if (optionLabel !== void 0) 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(frontendLangKeys.yes) : getText(frontendLangKeys.no);
+	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);
+var 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(frontendLangKeys.noData) })) }) }));
+var 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 /* @__PURE__ */ jsx("div", {
+		className: "detail-panel",
+		children: /* @__PURE__ */ jsx(Drawer, {
+			title: getText(config?.title ?? ""),
+			open,
+			onClose: () => {
+				setOpen(false);
+				schemaEventBus.getState().emitCom({ type: merge(eventsInfo.closeCom) });
+			},
+			children: fields.length > 0 ? /* @__PURE__ */ jsx("div", {
+				className: "grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-2",
+				children: fields.map((field) => /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 border-b border-border pb-3",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "mb-1 text-xs text-muted-foreground",
+						children: field.label
+					}), /* @__PURE__ */ jsx("div", {
+						className: "break-words text-sm leading-6 text-foreground",
+						children: field.value
+					})]
+				}, field.key))
+			}) : /* @__PURE__ */ jsx("div", {
+				className: "py-8 text-center text-sm text-muted-foreground",
+				children: getText(frontendLangKeys.noData)
+			})
+		})
+	});
 });
-export default DetailPanel;
+//#endregion
+export { DetailPanel as default };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/PopFrom.d.ts

@@ -1,4 +1,4 @@
-import type { CallComNames, ComponentConfig, SchemaDefaultValue } from '../../schemaType';
+import type { CallComNames, ComponentConfig, SchemaDefaultValue } from "../../schemaType";
 type PopFormComName = keyof ComponentConfig;
 export interface PopFormValue {
     comName: PopFormComName;
@@ -10,4 +10,3 @@ export interface PopFormProps {
 }
 declare const PopForm: import("react").MemoExoticComponent<(props: PopFormProps) => import("react/jsx-runtime").JSX.Element>;
 export default PopForm;
-//# sourceMappingURL=PopFrom.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/PopFrom.js

@@ -1,130 +1,119 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { handlingRequestErrors } from '../../../../common/fetchErrorShow';
-import { getText } from '../../../../common/language';
-import { post, put, request } from '../../../../common/request';
-import { frontendLangKeys } from '../../../../language';
-import { schemaEventBus } from '../../../../stores/schemaEventBus';
-import { Modal, SchemaForm } from '../../../../../../packages/ui/react/components';
-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 { 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(frontendLangKeys.requiredInput, { label: getText(fieldInfo.label) }),
-                        },
-                    ]
-                    : []),
-                {
-                    validator: createAjvValidator(fieldInfo, { required: schema.required?.includes(key) }),
-                },
-            ],
-            fieldProps: {
-                ...fieldProps,
-                ...(comType === 'select'
-                    ? {
-                        getPopupContainer: 'parent',
-                    }
-                    : []),
-            },
-        });
-        return schemas;
-    }, []);
+import { frontendLangKeys } from "../../../../language/index.js";
+import { getText } from "../../../../common/language.js";
+import { Modal } from "../../../../../../packages/react/ui/components/Modal/Modal.js";
+import { SchemaForm } from "../../../../../../packages/react/ui/components/Form/SchemaForm/index.js";
+import "../../../../../../packages/react/ui/components/index.js";
+import { post, put, request } from "../../../../common/request.js";
+import { schemaEventBus } from "../../../../stores/schemaEventBus.js";
+import { handlingRequestErrors } from "../../../../common/fetchErrorShow.js";
+import useExecuteOnce from "../../../../../../packages/react/hooks/useExecuteOnce.js";
+import { eventsInfo } from "../../data/eventInfo.js";
+import useComConfig from "../../hooks/useComConfig.js";
+import { merge } from "../../utils/permissions.js";
+import { createAjvValidator } from "../../utils/validator.js";
+import { memo, useCallback, useMemo, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/PopFrom.tsx
+var 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(frontendLangKeys.requiredInput, { label: getText(fieldInfo.label) })
+			}] : [], { validator: createAjvValidator(fieldInfo, { required: schema.required?.includes(key) }) }],
+			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;
+var 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)}`) }));
+var 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 ? void 0 : () => {
+		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 {
+			if ((await handlingRequestErrors(fetchFn(api, v))).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 /* @__PURE__ */ jsx(Modal, {
+		open,
+		onClose: closed,
+		title: getText(config?.title ?? ""),
+		width: 640,
+		maskClosable: !submitting,
+		children: /* @__PURE__ */ jsx(SchemaForm, {
+			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;
+PopForm.displayName = "PopForm";
+//#endregion
+export { PopForm as default };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.d.ts

@@ -1,33 +1,18 @@
-import type { FetchInfo } from '../../../../../../model/types/data/fetchInfo';
-import type { ComponentType, LazyExoticComponent } from 'react';
+import type { FetchInfo } from "../../../../../../model/types/data/fetchInfo";
+import type { ComponentType, LazyExoticComponent } from "react";
 type CallComRenderer = ComponentType<any> | LazyExoticComponent<ComponentType<any>>;
 type CallComDefinition<Config> = CallComRenderer & {
     readonly __config: Config;
 };
 type CreateFormConfig = {
-    /**
-     * 表单标题
-     */
     title: string;
-    /**
-     *  保存按钮文案
-     */
     saveBtnText?: string;
 } & Partial<Pick<FetchInfo, 'fetchConfig'>>;
 type EditFormConfig = {
-    /**
-     * 表单标题
-     */
     title: string;
-    /**
-     *  保存按钮文案
-     */
     saveBtnText?: string;
 } & FetchInfo;
 type DetailPanelConfig = {
-    /**
-     * 表单标题
-     */
     title: string;
 } & FetchInfo;
 export declare const baseComponentsMap: {
@@ -41,4 +26,3 @@ export type BuiltInCallComConfigMap = {
     [K in BuiltInCallComNames]?: InferCallComConfig<(typeof baseComponentsMap)[K]>;
 };
 export {};
-//# sourceMappingURL=builtIn.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.js

@@ -1,7 +1,10 @@
-import { lazy } from 'react';
-const defineCallCom = (component) => component;
-export const baseComponentsMap = {
-    editForm: defineCallCom(lazy(() => import('./PopFrom'))),
-    createForm: defineCallCom(lazy(() => import('./PopFrom'))),
-    detailPanel: defineCallCom(lazy(() => import('./DetailPanel'))),
+import { lazy } from "react";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/builtIn.ts
+var defineCallCom = (component) => component;
+var baseComponentsMap = {
+	editForm: defineCallCom(lazy(() => import("./PopFrom.js"))),
+	createForm: defineCallCom(lazy(() => import("./PopFrom.js"))),
+	detailPanel: defineCallCom(lazy(() => import("./DetailPanel.js")))
 };
+//#endregion
+export { baseComponentsMap };

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/data.d.ts

@@ -1,4 +1,3 @@
-import type { CallComComponentsMap } from '../../schemaType';
+import type { CallComComponentsMap } from "../../schemaType";
 export declare const components: CallComComponentsMap;
 export type { CallComComponentsMap };
-//# sourceMappingURL=data.d.ts.map

package/fe/frontend/src/defaultPages/SchemaPage/components/CallCom/data.js

@@ -1,6 +1,9 @@
-import consumerComponentsMap from '@tc/scalability/SchemaPage/CallCom/data';
-import { baseComponentsMap } from './builtIn';
-export const components = {
-    ...baseComponentsMap,
-    ...consumerComponentsMap,
+import { baseComponentsMap } from "./builtIn.js";
+import consumerComponentsMap from "@tc/scalability/SchemaPage/CallCom/data";
+//#region frontend/src/defaultPages/SchemaPage/components/CallCom/data.ts
+var components = {
+	...baseComponentsMap,
+	...consumerComponentsMap
 };
+//#endregion
+export { components };

package/fe/frontend/src/defaultPages/SchemaPage/components/SchemaSearch/index.d.ts

@@ -1,3 +1,2 @@
 declare const SchemaSearch: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default SchemaSearch;
-//# sourceMappingURL=index.d.ts.map