@sg-front-core/ui-v1 1.0.0

package/dist/types.d.ts

@@ -0,0 +1,238 @@
+import { CSSProperties } from 'react';
+import { default as default_2 } from 'react';
+import { FC } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { SegmentedLabeledOption } from 'antd/es/segmented';
+import { SegmentedValue } from 'antd/es/segmented';
+import { SVGAttributes } from 'react';
+import { TooltipPlacement } from 'antd/es/tooltip';
+
+export declare type AppContextLike = Record<string, any>;
+
+export declare const closeTab: (payload: TabClosePayload) => void;
+
+declare const dispatchEvent_2: (eventName: string, payload?: unknown) => void;
+export { dispatchEvent_2 as dispatchEvent }
+
+export declare function EmptyMask(props: EmptyMaskProps): JSX_2.Element | null;
+
+export declare type EmptyMaskProps = {
+    show: boolean;
+    className?: string;
+    style?: default_2.CSSProperties;
+    children?: default_2.ReactNode;
+};
+
+export declare type EncryptFn = (plaintext: string) => string;
+
+export declare class ErrorBoundary extends default_2.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState>;
+    static getDerivedStateFromProps(props: ErrorBoundaryProps, state: ErrorBoundaryState): {
+        hasError: false;
+        error: null;
+        prevResetKeys: unknown[] | undefined;
+    } | null;
+    componentDidCatch(error: Error): void;
+    reset: () => void;
+    render(): string | number | boolean | Iterable<default_2.ReactNode> | JSX_2.Element | null | undefined;
+}
+
+export declare type ErrorBoundaryFallbackRender = (args: {
+    error: Error;
+    reset: () => void;
+}) => default_2.ReactNode;
+
+export declare type ErrorBoundaryProps = {
+    children: default_2.ReactNode;
+    fallback?: default_2.ReactNode;
+    fallbackRender?: ErrorBoundaryFallbackRender;
+    resetKeys?: unknown[];
+    onError?: (error: Error) => void;
+};
+
+declare type ErrorBoundaryState = {
+    hasError: boolean;
+    error: Error | null;
+    prevResetKeys: unknown[] | undefined;
+};
+
+declare type ExtraElement = default_2.ReactElement;
+
+export declare function FormItemHoc(Component: WrappedComponent, extraElement: ExtraElement): (props: any) => JSX_2.Element;
+
+export declare function getSgTemplateAppContext<T extends AppContextLike = AppContextLike>(): T;
+
+export declare function getSgTemplateEncrypt(): EncryptFn;
+
+export declare function getSgTemplateLocal<T extends UiLocalLike = UiLocalLike>(): T;
+
+export declare function getSgTemplateRequest(): RequestFn;
+
+export declare const Home: FC;
+
+export declare function Iconfont(props: IconfontProps): JSX_2.Element;
+
+export declare type IconfontProps = default_2.SVGProps<SVGSVGElement> & {
+    icon: string;
+    size?: number;
+    loading?: boolean;
+};
+
+/**
+ * 注入 iconfont 的 SVG sprite 字符串（由 iconfont 脚本产物提供）。
+ * - 传入完整的 `<svg>...</svg>` 字符串
+ * - 可通过 `id` 控制重复注入
+ */
+export declare function injectIconSprite(svgSprite: string, options?: InjectIconSpriteOptions): void;
+
+export declare type InjectIconSpriteOptions = {
+    /** 默认插入到 body 开头 */
+    position?: 'prepend' | 'append';
+    /** 避免重复注入 */
+    id?: string;
+};
+
+export declare function LoadingMask(props: LoadingMaskProps): JSX_2.Element | null;
+
+export declare type LoadingMaskProps = {
+    show: boolean;
+    isFirst: boolean;
+    width?: number;
+    height?: number;
+    className?: string;
+    style?: default_2.CSSProperties;
+    /** 遮罩层内容（如自定义 skeleton/背景） */
+    children?: default_2.ReactNode;
+    /** 过渡时长（ms），默认 180 */
+    durationMs?: number;
+};
+
+export declare const Loginew: () => JSX_2.Element;
+
+export declare function LowcodeCommon(): JSX_2.Element;
+
+export declare function LowcodeFlow(): JSX_2.Element;
+
+export declare function NotFound(): JSX_2.Element;
+
+export declare const openTab: (payload: TabOpenPayload) => void;
+
+export declare function PopConfirm(props: PopConfirmProps): JSX_2.Element;
+
+export declare type PopConfirmProps = {
+    children: default_2.ReactNode;
+    title: string;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void | Promise<void>;
+    placement?: TooltipPlacement;
+    okText?: string;
+    cancelText?: string;
+};
+
+declare type Props<T extends SegmentedValue> = {
+    value?: T;
+    onChange?: (value: T) => void;
+    options: (SegmentedValue | SegmentedLabeledOption)[];
+    initialValue?: T;
+    extra?: default_2.ReactNode;
+    disabled?: boolean;
+    disabledText?: string;
+};
+
+export declare const reloadTab: () => void;
+
+export declare type RequestFn = <T = unknown>(config: {
+    url: string;
+    method?: string;
+    headers?: Record<string, unknown> | undefined;
+    params?: unknown;
+    data?: unknown;
+}) => Promise<T>;
+
+export declare type RoutePayload = {
+    url?: string;
+    params?: any;
+};
+
+export declare const routeTo: (payload: RoutePayload) => void;
+
+export declare function Search({ onChange, placeholder, className }: SearchProps): JSX_2.Element;
+
+export declare interface SearchProps {
+    onChange: (value: string) => void;
+    placeholder: string;
+    className?: string;
+}
+
+export declare function SegmentedStatus<T extends SegmentedValue>(props: Props<T>): JSX_2.Element;
+
+export declare function setupSgTemplateUI(options: SetupSgTemplateUIOptions): void;
+
+export declare type SetupSgTemplateUIOptions = {
+    useSystemStore: UseSystemStoreHook;
+    local: UiLocalLike;
+    request: RequestFn;
+    encrypt: EncryptFn;
+    appContext?: AppContextLike;
+};
+
+/**
+ * SVG 组件：
+ * svg 文件放在 `src/assets/icons` 下
+ * name 对应 `src/assets/icons` 下的 `目录-文件名`
+ */
+export declare const SvgIcon: default_2.FC<SvgIconProps<SVGSVGElement>>;
+
+export declare interface SvgIconProps<T> extends SVGAttributes<T> {
+    className?: string;
+    style?: CSSProperties;
+    prefix?: string;
+    /** [dir]-[name] */
+    name: string;
+    color?: string;
+    size?: number | string;
+    width?: number | string;
+    height?: number | string;
+}
+
+export declare const TAB_EVENTS: {
+    readonly CLOSE: "CLOSETABPANE";
+    readonly OPEN: "OPENTABPANE";
+    readonly ROUTE: "ROUTE";
+    readonly RELOAD: "RELOADTAB";
+};
+
+export declare type TabClosePayload = {
+    closeAll?: boolean;
+    jumpToHome?: boolean;
+};
+
+export declare type TabOpenPayload = {
+    key?: string;
+    pageCode?: string;
+    query?: string;
+    params?: any;
+    newWindow?: boolean;
+};
+
+export declare function TransitionFilter({ show, children }: TransitionFilterProps): JSX_2.Element;
+
+export declare interface TransitionFilterProps {
+    show: boolean;
+    children: default_2.ReactNode;
+}
+
+export declare type UiLocalLike = Record<string, any>;
+
+export declare function useEvent(eventName: string, handler: (payload: any) => void): void;
+
+export declare const UserInfo: () => JSX_2.Element;
+
+export declare function useSgSystemStore<T = any>(): T;
+
+export declare type UseSystemStoreHook = () => any;
+
+declare type WrappedComponent = default_2.FC;
+
+export { }

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@sg-front-core/ui-v1",
+  "version": "1.0.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/core-ui.umd.cjs",
+  "module": "./dist/core-ui.js",
+  "types": "./dist/types.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/core-ui.js",
+      "require": "./dist/core-ui.umd.cjs"
+    }
+  },
+  "browserslist": [
+    "> 0.2%",
+    "not dead",
+    "mot op_mini all"
+  ],
+  "peerDependencies": {
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "antd": ">=5.0.0",
+    "@ant-design/icons": ">=5.0.0",
+    "react-router-dom": ">=6.9.0",
+    "sg-lowcode-parser": ">=0.1.0",
+    "@sg-front-core/utils-v1": ">=1.0.0"
+  },
+  "engines": {
+    "node": ">=20.19.0"
+  },
+  "devDependencies": {
+    "clsx": "^2.1.1",
+    "@ant-design/icons": "^5.1.4",
+    "@headlessui/react": "^1.7.15",
+    "@icon-park/react": "^1.4.2",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "^18.3.27",
+    "@types/react-dom": "^18.3.7",
+    "ahooks": "^3.9.6",
+    "antd": "^5.24.3",
+    "dayjs": "^1.11.19",
+    "lodash-es": "^4.17.22",
+    "react-router-dom": "^6.30.3",
+    "sg-lowcode-parser": "^0.1.61",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
+    "typescript": "^5.9.3",
+    "@sg-front-core/utils-v1": "1.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "build:watch": "vite build --watch"
+  }
+}