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

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,
@@ -34,7 +34,7 @@ function TopNav({ navList = [], align = 'left', className, activeClassName }) {
                                     /*#__PURE__*/ jsx("span", {
                                         className: "max-w-[240px] font-medium w-full truncate",
                                         title: appName,
-                                        children: appName || '新应用'
+                                        children: appName || "\u65B0\u5E94\u7528"
                                     })
                                 ]
                             })

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/User/UserProfile/UserProfileUI.js

@@ -41,7 +41,7 @@ function UserProfileUI({ user }) {
                                 style: {
                                     marginRight: 0
                                 },
-                                children: "暂停使用"
+                                children: "\u6682\u505C\u4F7F\u7528"
                             })
                         ]
                     }),
@@ -65,7 +65,7 @@ function UserProfileUI({ user }) {
                             href: getChatAppLink(user.feishu_open_id),
                             target: "_blank",
                             rel: "noopener noreferrer",
-                            children: "消息"
+                            children: "\u6D88\u606F"
                         })
                     }) : null
                 ]
@@ -78,7 +78,7 @@ function UserProfileUI({ user }) {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "text-sm text-[#646A73] min-w-[74px]",
-                                children: "部门"
+                                children: "\u90E8\u95E8"
                             }),
                             /*#__PURE__*/ jsx("span", {
                                 className: clsxWithTw('text-sm text-[#1F2329] flex-1 break-all', {
@@ -93,7 +93,7 @@ function UserProfileUI({ user }) {
                         children: [
                             /*#__PURE__*/ jsx("span", {
                                 className: "text-sm text-[#646A73] min-w-[74px]",
-                                children: "邮箱"
+                                children: "\u90AE\u7BB1"
                             }),
                             user.email ? /*#__PURE__*/ jsx("a", {
                                 href: `mailto:${user.email}`,

package/lib/components/User/UserProfile/utils.js

@@ -16,7 +16,7 @@ const formatI18nProfile = (profile)=>({
     });
 const getChatAppLink = (openId)=>`https://applink.feishu.cn/client/chat/open?openId=${openId}`;
 const INVALID_USER = {
-    name: '无效人员',
+    name: "\u65E0\u6548\u4EBA\u5458",
     avatar: 'https://lf3-static.bytednsdoc.com/obj/eden-cn/LMfspH/ljhwZthlaukjlkulzlp/miao/no-person.svg',
     email: '',
     department: '',

package/lib/components/User/UserSelect.js

@@ -3,7 +3,7 @@ import { useMemo, useRef, useState } from "react";
 import { Avatar, Select, Spin } from "antd";
 import { LoaderCircle } from "lucide-react";
 import { debounce } from "lodash";
-import { dataloom } from "../../integrations/dataloom.js";
+import { getDataloom } from "../../integrations/dataloom.js";
 import "./UserSelect.css";
 import { UserWithAvatar } from "./UserWithAvatar.js";
 const mapValueToOptions = (value)=>{
@@ -57,6 +57,7 @@ const UserSelect = ({ mode = 'single', defaultValue, value, onChange, placeholde
     const fetchRef = useRef(0);
     const fetchUsers = async (search)=>{
         try {
+            const dataloom = await getDataloom();
             const { data } = await dataloom.service.user.search({
                 name: search,
                 pageSize: 20
@@ -140,7 +141,7 @@ const UserSelect = ({ mode = 'single', defaultValue, value, onChange, placeholde
                 })
             }) : /*#__PURE__*/ jsx("span", {
                 className: "py-[1px] px-1 text-[#8F959E]",
-                children: "无结果，建议更换搜索词"
+                children: "\u65E0\u7ED3\u679C\uFF0C\u5EFA\u8BAE\u66F4\u6362\u641C\u7D22\u8BCD"
             }),
             optionRender: optionRender,
             options: options,

package/lib/components/User/UserWithAvatar.js

@@ -14,7 +14,7 @@ const textVariantMap = {
 };
 function UserWithAvatar({ data, size = 'medium', mode = 'tag', className }) {
     const { avatar, name } = data;
-    const displayName = name || '无效人员';
+    const displayName = name || "\u65E0\u6548\u4EBA\u5458";
     return /*#__PURE__*/ jsxs("div", {
         className: clsxWithTw('flex items-center gap-1 rounded-full', {
             'bg-[rgba(31,35,41,0.1)]': 'tag' === mode,

package/lib/components/Welcome/index.js

@@ -8,15 +8,15 @@ const Welcome = ()=>/*#__PURE__*/ jsxs("div", {
                 children: [
                     /*#__PURE__*/ jsx("div", {
                         className: "text-2xl font-bold mb-3",
-                        children: "欢迎使用妙搭 \uD83D\uDC4B"
+                        children: "\u6B22\u8FCE\u4F7F\u7528\u5999\u642D \uD83D\uDC4B"
                     }),
                     /*#__PURE__*/ jsx("div", {
                         className: "text-[#646A73] text-sm",
-                        children: "1. 随时发送消息，开始构建你的专属应用"
+                        children: "1. \u968F\u65F6\u53D1\u9001\u6D88\u606F\uFF0C\u5F00\u59CB\u6784\u5EFA\u4F60\u7684\u4E13\u5C5E\u5E94\u7528"
                     }),
                     /*#__PURE__*/ jsx("div", {
                         className: "text-[#646A73] text-sm",
-                        children: "2. 无需担心代码实现，妙搭帮你一一解决"
+                        children: "2. \u65E0\u9700\u62C5\u5FC3\u4EE3\u7801\u5B9E\u73B0\uFF0C\u5999\u642D\u5E2E\u4F60\u4E00\u4E00\u89E3\u51B3"
                     })
                 ]
             }),

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, {
@@ -19,7 +19,7 @@ function LogoInfo({ className, logoClassName }) {
                 /*#__PURE__*/ jsxs("span", {
                     className: "w-full truncate",
                     children: [
-                        name || '新应用',
+                        name || "\u65B0\u5E94\u7528",
                         " "
                     ]
                 })

package/lib/components/common/NavItem.js

@@ -80,7 +80,7 @@ const NavItem = /*#__PURE__*/ react.forwardRef((props, ref)=>{
     });
 });
 NavItem.displayName = 'NavItem';
-const MoreNavItem = ({ expandedNavItemsPath, onClick, isExpanded, name = '更多', ...restProps })=>{
+const MoreNavItem = ({ expandedNavItemsPath, onClick, isExpanded, name = "\u66F4\u591A", ...restProps })=>{
     const { pathname } = useLocation();
     const isActive = useMemo(()=>{
         const matched = expandedNavItemsPath.some((path)=>{

package/lib/components/common/UserAvatarMenu.js

@@ -36,7 +36,7 @@ function UserAvatarMenu({ className }) {
                         children: [
                             /*#__PURE__*/ jsx(LogOut, {}),
                             /*#__PURE__*/ jsx("span", {
-                                children: "退出登录"
+                                children: "\u9000\u51FA\u767B\u5F55"
                             })
                         ]
                     })

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

@@ -1,6 +1,6 @@
 const themeMetaOptions = {
     themeColors: {
-        title: '主题色',
+        title: "\u4E3B\u9898\u8272",
         options: [
             {
                 value: '--blue-700',
@@ -33,7 +33,7 @@ const themeMetaOptions = {
         ]
     },
     themeRadius: {
-        title: '圆角',
+        title: "\u5706\u89D2",
         options: [
             {
                 value: {
@@ -70,7 +70,7 @@ const themeMetaOptions = {
         ]
     },
     themeSpaces: {
-        title: '间距',
+        title: "\u95F4\u8DDD",
         options: [
             {
                 value: {
@@ -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';