@lark-apaas/miaoda-core 0.1.0-alpha.13 → 0.1.0-alpha.14

package/lib/apis/hooks/useAppInfo.d.ts

@@ -0,0 +1 @@
+export * from '../../hooks/useAppInfo';

package/lib/apis/hooks/useAppInfo.js

@@ -0,0 +1 @@
+export * from "../../hooks/useAppInfo.js";

package/lib/components/AppContainer/index.js

@@ -13,7 +13,7 @@ registerDayjsPlugins();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
 const App = (props)=>{
     const { themeMeta = {} } = props;
-    const { rem } = findValueByPixel(`${themeMeta.borderRadius}`, themeMetaOptions.themeRadius) || {
+    const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
         rem: '0.625'
     };
     const radiusToken = generateTailwindRadiusToken(Number(rem));

package/lib/components/TopNav/TitleBar.js

@@ -3,7 +3,7 @@ import { useMemo, useState } from "react";
 import { Link, matchPath, useLocation } from "react-router-dom";
 import { LogOut, MoreHorizontal, X } from "lucide-react";
 import { clsxWithTw } from "../../utils/utils.js";
-import { useCurrentAppInfo, useCurrentUserProfile, useLogout } from "../../hooks/index.js";
+import { useAppInfo, useCurrentUserProfile, useLogout } from "../../hooks/index.js";
 import { DropdownThemeClass, MaskThemeClass, TopHeaderThemeClass } from "../common/index.js";
 const TitleBar = ({ navList, className })=>{
     const { pathname } = useLocation();
@@ -17,7 +17,7 @@ const TitleBar = ({ navList, className })=>{
         navList,
         pathname
     ]);
-    const { appName, appLogo } = useCurrentAppInfo();
+    const { appName, appLogo } = useAppInfo();
     const { name: userName, avatar: userAvatar } = useCurrentUserProfile();
     const { handlerLogout } = useLogout();
     const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -90,6 +90,9 @@ const TitleBar = ({ navList, className })=>{
                                                     children: userName
                                                 }),
                                                 /*#__PURE__*/ jsx("img", {
+                                                    onClick: ()=>{
+                                                        if (window._IS_Spark_RUNTIME) location.href = '/suda/user?brand=1';
+                                                    },
                                                     src: userAvatar,
                                                     alt: "avatar",
                                                     className: "w-8 h-8 rounded-full ml-2"

package/lib/components/TopNav/TopNav.js

@@ -3,13 +3,13 @@ import { useRef, useState } from "react";
 import { Menu, X } from "lucide-react";
 import { Link } from "react-router-dom";
 import { clsxWithTw } from "../../utils/utils.js";
-import { useCurrentAppInfo } from "../../hooks/useCurrentAppInfo.js";
+import { useAppInfo } from "../../hooks/useAppInfo.js";
 import { useCurrentUserProfile } from "../../hooks/useCurrentUserProfile.js";
 import { DropdownThemeClass, NavMenu, TopHeaderThemeClass, UserAvatarMenu } from "../common/index.js";
 function TopNav({ navList = [], align = 'left', className, activeClassName }) {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const navRef = useRef(null);
-    const { appName, appLogo } = useCurrentAppInfo();
+    const { appName, appLogo } = useAppInfo();
     const { avatar: userAvatar } = useCurrentUserProfile();
     return /*#__PURE__*/ jsxs("header", {
         ref: navRef,

package/lib/components/User/UserDisplay.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { IUserProfile } from '../../apis/udt-types';
 export interface UserDisplayProps {
     users: IUserProfile[];
-    size: 'small' | 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     className?: string;
     style?: React.CSSProperties;
 }

package/lib/components/common/LogoInfo.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
 import { Link } from "react-router-dom";
-import { useCurrentAppInfo } from "../../hooks/useCurrentAppInfo.js";
+import { useAppInfo } from "../../hooks/useAppInfo.js";
 import { clsxWithTw } from "../../utils/utils.js";
 function LogoInfo({ className, logoClassName }) {
-    const { name, avatar } = useCurrentAppInfo();
+    const { name, avatar } = useAppInfo();
     return /*#__PURE__*/ jsx("div", {
         className: clsxWithTw('overflow-hidden text-ellipsis whitespace-nowrap', className),
         children: /*#__PURE__*/ jsxs(Link, {

package/lib/components/theme/ThemeProvider.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { type ReactNode } from 'react';
 import type { ITheme } from '../../types';
-import { IThemeMeta } from './util';
+import { IThemeTokenMeta } from './util';
 export interface IBaseThemeProviderProps {
     defaultTheme?: ITheme;
-    themeMeta?: Partial<IThemeMeta>;
+    themeMeta?: Partial<IThemeTokenMeta>;
 }
 interface ThemeProviderProps extends IBaseThemeProviderProps {
     children: ReactNode;

package/lib/components/theme/ThemeProvider.js

@@ -22,13 +22,13 @@ function ThemeProvider({ children, defaultTheme = 'light', themeMeta = {}, enabl
     useEffect(()=>{
         const root = window.document.documentElement;
         if (void 0 !== themeMeta.spacing) {
-            const { rem } = findValueByPixel(`${themeMeta.spacing}`, themeMetaOptions.themeSpaces) || {
+            const { rem } = findValueByPixel(themeMetaOptions.themeSpaces, themeMeta.spacing) || {
                 rem: '0.25'
             };
             root.style.setProperty('--spacing', `${rem}rem`);
         }
         if (void 0 !== themeMeta.borderRadius) {
-            const { rem } = findValueByPixel(`${themeMeta.borderRadius}`, themeMetaOptions.themeRadius) || {
+            const { rem } = findValueByPixel(themeMetaOptions.themeRadius, themeMeta.borderRadius) || {
                 rem: '0.625'
             };
             root.style.setProperty('--radius', `${rem}rem`);
@@ -44,7 +44,7 @@ function ThemeProvider({ children, defaultTheme = 'light', themeMeta = {}, enabl
         }
     };
     const antdTheme = useMemo(()=>{
-        const res = findValueByPixel(`${themeMeta.spacing}`, themeMetaOptions.themeSpaces) || {
+        const res = findValueByPixel(themeMetaOptions.themeSpaces, themeMeta.spacing) || {
             pixel: '36',
             rem: '0.25',
             size: {

package/lib/components/theme/constants.d.ts

@@ -41,7 +41,7 @@ type ThemeColorTokenMap = {
 };
 export declare const themeColorTokenMap: ThemeColorTokenMap;
 export declare function getKeyByColor(colorValue: string, theme: keyof ThemeColorTokenMap): string;
-export declare function findValueByPixel(pixelValue: string, themeSpaces: typeof themeMetaOptions.themeSpaces | typeof themeMetaOptions.themeRadius): {
+export declare function findValueByPixel(themeSpaces: typeof themeMetaOptions.themeSpaces | typeof themeMetaOptions.themeRadius, pixelValue?: string | number): {
     pixel: string;
     rem: string;
 };

package/lib/components/theme/constants.js

@@ -550,7 +550,8 @@ function getKeyByColor(colorValue, theme) {
     const colorMap = themeColorTokenMap[theme];
     return Object.keys(colorMap).find((key)=>colorMap[key] === colorValue) || '';
 }
-function findValueByPixel(pixelValue, themeSpaces) {
+function findValueByPixel(themeSpaces, pixelValue) {
+    if (!pixelValue) return;
     return themeSpaces.options.find((option)=>option.value.pixel === pixelValue)?.value;
 }
 export { findValueByPixel, getKeyByColor, themeColorTokenMap, themeMetaOptions, themeTailwindRadius };

package/lib/components/theme/ui-config.d.ts

@@ -1,49 +1 @@
-export interface SelectOption {
-    label: string;
-    value: string;
-    rawValue: string;
-}
-export interface SelectUIConfig {
-    type: 'select';
-    options: SelectOption[];
-}
-export interface SpacingUIConfig {
-    type: 'spacing';
-    options: SelectOption[];
-}
-interface Color {
-    label: string;
-    value: string;
-    type?: 'tailwind' | 'style';
-    rawValue?: string;
-}
-export interface ColorPickerUIConfig {
-    type: 'color-picker';
-    recommendColors: {
-        title: string;
-        options: Color[];
-    }[];
-}
-export interface IconPickerUIConfig {
-    type: 'icon-picker';
-}
-export type UIComponentConfig = SelectUIConfig | ColorPickerUIConfig | IconPickerUIConfig | SpacingUIConfig;
-export interface InspectorUIConfig {
-    version: string;
-    common: {
-        fontSize: UIComponentConfig;
-        fontWeight: UIComponentConfig;
-        borderRadius: UIComponentConfig;
-        borderWidth: UIComponentConfig;
-        textAlign: UIComponentConfig;
-        padding: UIComponentConfig;
-        margin: UIComponentConfig;
-        color: UIComponentConfig;
-        borderColor: UIComponentConfig;
-        backgroundColor: UIComponentConfig;
-    };
-    components?: Record<string, Record<string, UIComponentConfig>>;
-    tokens: Record<string, string>;
-}
-export declare const defaultUIConfig: InspectorUIConfig;
-export {};
+export { defaultUIConfig, type UIComponentConfig, } from '@lark-apaas/miaoda-inspector';