@lark-apaas/client-toolkit 1.1.20-alpha.tea.1 → 1.1.20-antd-test.0

package/lib/antd-table.d.ts

@@ -0,0 +1,4 @@
+import { Table } from 'antd';
+import type { TableProps } from 'antd';
+export { Table };
+export type { TableProps };

package/lib/antd-table.js

@@ -0,0 +1,2 @@
+import { Table } from "antd";
+export { Table };

package/lib/components/AppContainer/index.js

@@ -1,5 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
+import { ConfigProvider } from "antd";
 import { MiaodaInspector } from "@lark-apaas/miaoda-inspector";
 import IframeBridge from "./IframeBridge.js";
 import { defaultUIConfig } from "../theme/ui-config.js";
@@ -9,14 +10,20 @@ import { findValueByPixel, generateTailwindRadiusToken, themeColorTokenMap, them
 import { registerDayjsPlugins } from "./dayjsPlugins.js";
 import "../../index.css";
 import { initAxiosConfig } from "../../utils/axiosConfig.js";
-import { reportTeaEvent } from "./utils/tea.js";
 import { useAppInfo } from "../../hooks/index.js";
-import { TrackKey } from "../../types/tea.js";
 import safety from "./safety.js";
-import { getAppId } from "../../utils/getAppId.js";
 registerDayjsPlugins();
 initAxiosConfig();
 const isMiaodaPreview = window.IS_MIAODA_PREVIEW;
+const readCssVarColor = (varName, fallback)=>{
+    try {
+        if ('undefined' == typeof document) return fallback;
+        const value = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
+        return value || fallback;
+    } catch  {
+        return fallback;
+    }
+};
 const App = (props)=>{
     const { themeMeta = {} } = props;
     useAppInfo();
@@ -39,16 +46,6 @@ const App = (props)=>{
             }, 300);
         });
     }, []);
-    useEffect(()=>{
-        if ('production' === process.env.NODE_ENV) reportTeaEvent({
-            trackKey: TrackKey.VIEW,
-            trackParams: {
-                artifact_uid: getAppId(window.location.pathname),
-                agent_id: 'agent_miaoda',
-                url: window.location.href
-            }
-        });
-    }, []);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(Toaster, {}),
@@ -67,17 +64,139 @@ const App = (props)=>{
         ]
     });
 };
-const AppContainer = (props)=>{
+const AppContainer_AppContainer = (props)=>{
     const { children, ...rest } = props;
+    const [cssColors, setCssColors] = useState(()=>({
+            background: readCssVarColor('--background'),
+            destructive: readCssVarColor('--destructive'),
+            primary: readCssVarColor('--primary'),
+            foreground: readCssVarColor('--foreground'),
+            warning: readCssVarColor('--warning'),
+            success: readCssVarColor('--success'),
+            muted: readCssVarColor('--muted'),
+            mutedForeground: readCssVarColor('--muted-foreground'),
+            border: readCssVarColor('--border'),
+            popover: readCssVarColor('--popover'),
+            accent: readCssVarColor('--accent')
+        }));
+    useEffect(()=>{
+        if ('production' === process.env.NODE_ENV) return ()=>{};
+        const observer = new MutationObserver((mutations)=>{
+            for (const mutation of mutations){
+                let linkTag = null;
+                if ('attributes' === mutation.type) {
+                    if ('fullstack-nestjs-template:chunk-main' === mutation.target.dataset.webpack) linkTag = mutation.target;
+                } else if ('childList' === mutation.type) {
+                    for (const node of Array.from(mutation.addedNodes))if ('LINK' === node.nodeName && 'fullstack-nestjs-template:chunk-main' === node.dataset.webpack) {
+                        linkTag = node;
+                        break;
+                    }
+                }
+                if (linkTag) {
+                    let retryCount = 0;
+                    const maxRetries = 10;
+                    const retryDelay = 400;
+                    const updateColors = ()=>{
+                        const newColors = {
+                            background: readCssVarColor('--background'),
+                            destructive: readCssVarColor('--destructive'),
+                            primary: readCssVarColor('--primary'),
+                            foreground: readCssVarColor('--foreground'),
+                            warning: readCssVarColor('--warning'),
+                            success: readCssVarColor('--success'),
+                            muted: readCssVarColor('--muted'),
+                            mutedForeground: readCssVarColor('--muted-foreground'),
+                            border: readCssVarColor('--border'),
+                            popover: readCssVarColor('--popover'),
+                            accent: readCssVarColor('--accent')
+                        };
+                        setCssColors((currentColors)=>{
+                            if (JSON.stringify(currentColors) !== JSON.stringify(newColors)) {
+                                retryCount = 0;
+                                return newColors;
+                            }
+                            if (retryCount < maxRetries) {
+                                retryCount++;
+                                setTimeout(updateColors, retryDelay);
+                            }
+                            return currentColors;
+                        });
+                    };
+                    setTimeout(updateColors, 100);
+                }
+            }
+        });
+        observer.observe(document.head, {
+            childList: true,
+            subtree: true,
+            attributes: true,
+            attributeFilter: [
+                'href'
+            ]
+        });
+        return ()=>{
+            observer.disconnect();
+        };
+    }, []);
+    const antdThemeToken = {
+        colorBgBase: cssColors.background,
+        colorError: cssColors.destructive,
+        colorInfo: cssColors.primary,
+        colorLink: cssColors.primary,
+        colorPrimary: cssColors.primary,
+        colorSuccess: cssColors.primary,
+        colorTextBase: cssColors.foreground,
+        colorWarning: cssColors.destructive
+    };
+    const antdTableToken = {
+        bodySortBg: cssColors.muted,
+        borderColor: cssColors.border,
+        expandIconBg: cssColors.background,
+        filterDropdownBg: cssColors.popover,
+        filterDropdownMenuBg: cssColors.popover,
+        fixedHeaderSortActiveBg: cssColors.muted,
+        footerBg: cssColors.muted,
+        footerColor: cssColors.mutedForeground,
+        headerBg: cssColors.muted,
+        headerColor: cssColors.mutedForeground,
+        headerFilterHoverBg: cssColors.muted,
+        headerSortActiveBg: cssColors.muted,
+        headerSortHoverBg: cssColors.muted,
+        headerSplitColor: cssColors.border,
+        rowExpandedBg: cssColors.background,
+        rowHoverBg: cssColors.muted,
+        rowSelectedBg: cssColors.accent,
+        rowSelectedHoverBg: cssColors.accent,
+        stickyScrollBarBg: cssColors.muted
+    };
+    const antdPaginationToken = {
+        itemActiveBg: cssColors.background,
+        itemActiveBgDisabled: cssColors.muted,
+        itemActiveColor: cssColors.primary,
+        itemActiveColorDisabled: cssColors.muted,
+        itemActiveColorHover: cssColors.muted,
+        itemBg: cssColors.background,
+        itemInputBg: cssColors.background,
+        itemLinkBg: cssColors.background
+    };
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(safety, {}),
-            /*#__PURE__*/ jsx(App, {
-                themeMeta: props.themeMeta,
-                children: children
+            /*#__PURE__*/ jsx(ConfigProvider, {
+                theme: {
+                    token: antdThemeToken,
+                    components: {
+                        Table: antdTableToken,
+                        Pagination: antdPaginationToken
+                    }
+                },
+                children: /*#__PURE__*/ jsx(App, {
+                    themeMeta: props.themeMeta,
+                    children: children
+                })
             })
         ]
     });
 };
-const components_AppContainer = AppContainer;
-export { components_AppContainer as default };
+const AppContainer = AppContainer_AppContainer;
+export { AppContainer as default };

package/lib/components/AppContainer/safety.js

@@ -152,7 +152,7 @@ const Component = ()=>{
             /*#__PURE__*/ jsx(PopoverTrigger, {
                 asChild: true,
                 children: /*#__PURE__*/ jsxs("div", {
-                    className: "fixed right-3 bottom-3 inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-2.5 py-1.5 bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-md text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000] cursor-pointer",
+                    className: "fixed right-3 bottom-3 inline-flex items-center gap-x-1 border-solid border-[#ffffff1a] border px-2.5 py-1.5 bg-[#1f2329e5] backdrop-blur-[5px] shadow-[0px_6px_12px_0px_#41444a0a,0px_8px_24px_8px_#41444a0a] rounded-[6px] text-[#ebebeb)] font-['PingFang_SC'] text-xs leading-[20px] tracking-[0px] z-[10000000] cursor-pointer",
                     onMouseEnter: ()=>{
                         clearTimeout(timeoutRef.current);
                         setOpen(true);
@@ -173,7 +173,7 @@ const Component = ()=>{
                 })
             }),
             /*#__PURE__*/ jsx(PopoverContent, {
-                className: "overflow-hidden p-0 m-0 border-0 rounded-xl!",
+                className: "overflow-hidden p-0 m-0 border-0 rounded-[12px]!",
                 style: {
                     boxShadow: '0 6px 12px 0 #41444a0a, 0 8px 24px 0 #41444a0a'
                 },

package/lib/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: {
-    variant?: "default" | "secondary" | "destructive" | "outline";
+    variant?: "default" | "destructive" | "secondary" | "outline";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/lib/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: {
-    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost";
+    variant?: "default" | "link" | "destructive" | "secondary" | "outline" | "ghost";
     size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg";
 } & import("class-variance-authority/dist/types").ClassProp) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/lib/types/index.d.ts

@@ -10,6 +10,5 @@ declare global {
         _IS_Spark_RUNTIME?: boolean;
         _bucket_id?: string;
         csrfToken?: string;
-        collectEvent?: (...args: any[]) => void;
     }
 }

package/lib/utils/getParentOrigin.d.ts

@@ -1,4 +1,3 @@
-export declare function getEnv(): 'BOE' | 'PRE' | 'ONLINE';
 /**
  * @internal
  * 获取预览环境父级域名

package/lib/utils/getParentOrigin.js

@@ -1,13 +1,7 @@
-function getEnv() {
-    const { origin } = window.location;
-    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'ONLINE';
-    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'PRE';
-    return 'BOE';
-}
 function getPreviewParentOrigin() {
-    const env = getEnv();
-    if ('ONLINE' === env) return 'https://miaoda.feishu.cn';
-    if ('PRE' === env) return 'https://miaoda.feishu-pre.cn';
+    const { origin } = window.location;
+    if (origin.includes('feishuapp.cn') || origin.includes('miaoda.feishuapp.net')) return 'https://miaoda.feishu.cn';
+    if (origin.includes('fsapp.kundou.cn') || origin.includes('miaoda-pre.feishuapp.net')) return 'https://miaoda.feishu-pre.cn';
     return 'https://miaoda.feishu-boe.cn';
 }
-export { getEnv, getPreviewParentOrigin };
+export { getPreviewParentOrigin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/client-toolkit",
-  "version": "1.1.20-alpha.tea.1",
+  "version": "1.1.20-antd-test.0",
   "types": "./lib/index.d.ts",
   "main": "./lib/index.js",
   "files": [
@@ -15,6 +15,11 @@
       "require": "./lib/index.js",
       "types": "./lib/index.d.ts"
     },
+    "./antd-table": {
+      "import": "./lib/antd-table.js",
+      "require": "./lib/antd-table.js",
+      "types": "./lib/antd-table.d.ts"
+    },
     "./lib/index.css": "./lib/index.css",
     "./dataloom": {
       "import": "./lib/apis/dataloom.js",
@@ -83,10 +88,8 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@zumer/snapdom": "^1.9.14",
     "axios": "^1.12.2",
-    "blueimp-md5": "2.10.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "~2.0.1",
-    "crypto-js": "3.1.9-1",
     "dayjs": "^1.11.13",
     "echarts": "^6.0.0",
     "lodash": "^4.17.21",

package/lib/components/AppContainer/utils/getLarkUser.d.ts

@@ -1 +0,0 @@
-export declare function getLarkUserInfo(): Promise<any>;

package/lib/components/AppContainer/utils/getLarkUser.js

@@ -1,17 +0,0 @@
-import { getAppId } from "../../../utils/getAppId.js";
-import { getCsrfToken } from "../../../utils/getCsrfToken.js";
-async function getLarkUserInfo() {
-    const appId = getAppId(window.location.pathname);
-    if (!appId) return {
-        code: 1,
-        msg: 'appId is required',
-        data: {}
-    };
-    const response = await fetch(`/spark/b/${getAppId(window.location.pathname)}/tenant_info`, {
-        headers: {
-            'X-Suda-Csrf-Token': getCsrfToken()
-        }
-    });
-    return await response.json();
-}
-export { getLarkUserInfo };

package/lib/components/AppContainer/utils/tea.d.ts

@@ -1,8 +0,0 @@
-import { type TrackParams } from '../../../types/tea';
-export declare const encryptTea: (message: any) => string;
-/**
- * 初始化Tea 客户端
- * @export
- */
-export declare function createTracker(): Promise<void>;
-export declare const reportTeaEvent: ({ trackKey, trackParams }: TrackParams) => Promise<void>;

package/lib/components/AppContainer/utils/tea.js

@@ -1,51 +0,0 @@
-import blueimp_md5 from "blueimp-md5";
-import sha1 from "crypto-js/sha1";
-import { isMobile } from "../../../utils/deviceType.js";
-import { getEnv } from "../../../utils/getParentOrigin.js";
-import { getLarkUserInfo } from "./getLarkUser.js";
-const saltA = '08a441';
-const saltB = '42b91e';
-const encryptTea = (message)=>{
-    const msgString = String(message);
-    return sha1(saltA + blueimp_md5(msgString + saltB)).toString();
-};
-let teaInstance = false;
-async function createTracker() {
-    const { data } = await getLarkUserInfo();
-    const { tenantID, userID } = data || {};
-    const userIDEncrypt = userID && '0' !== userID ? encryptTea(userID) : void 0;
-    const tenantIDEncrypt = tenantID && '0' !== tenantID ? encryptTea(tenantID) : void 0;
-    window.collectEvent('init', {
-        app_id: 672575,
-        channel: 'cn',
-        disable_auto_pv: false,
-        enable_ab_test: false,
-        enable_debug: false,
-        enable_stay_duration: true,
-        reportTime: 1000
-    });
-    window.collectEvent('config', {
-        user_unique_id: userIDEncrypt,
-        device_type: isMobile() ? 'mobile' : 'pc',
-        evtParams: {
-            open_from: new URLSearchParams(window.location.search).get('open-from') ?? void 0,
-            env: getEnv(),
-            user_id: userIDEncrypt,
-            tenant_id: tenantIDEncrypt
-        }
-    });
-    teaInstance = true;
-    window.collectEvent('start');
-}
-const reportTeaEvent = async ({ trackKey, trackParams = {} })=>{
-    if (!teaInstance) {
-        teaInstance = true;
-        await createTracker();
-    }
-    try {
-        window.collectEvent(trackKey, trackParams);
-    } catch (err) {
-        console.error(err);
-    }
-};
-export { createTracker, encryptTea, reportTeaEvent };

package/lib/types/tea.d.ts

@@ -1,7 +0,0 @@
-export interface TrackParams {
-    trackKey: TrackKey;
-    trackParams?: Record<string, unknown>;
-}
-export declare enum TrackKey {
-    VIEW = "aily_agent_artifact_page_view"
-}

package/lib/types/tea.js

@@ -1,5 +0,0 @@
-var tea_TrackKey = /*#__PURE__*/ function(TrackKey) {
-    TrackKey["VIEW"] = "aily_agent_artifact_page_view";
-    return TrackKey;
-}({});
-export { tea_TrackKey as TrackKey };

package/lib/utils/deviceType.d.ts

@@ -1,3 +0,0 @@
-export declare const isIpad: () => boolean;
-export declare const isMobile: () => boolean;
-export declare const isIOS: () => boolean;

package/lib/utils/deviceType.js

@@ -1,13 +0,0 @@
-const isIpad = ()=>{
-    const _isIpad = /iPad|Tab|Tablet/i.test(navigator.userAgent) && navigator.maxTouchPoints && navigator.maxTouchPoints > 1;
-    return Boolean(_isIpad);
-};
-const isMobile = ()=>{
-    const isPhone = /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i.test(navigator.userAgent);
-    return isPhone || isIpad();
-};
-const isIOS = ()=>{
-    if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) return true;
-    return false;
-};
-export { isIOS, isIpad, isMobile };