@blocklet/pages-kit 0.6.107 → 0.7.0

package/lib/cjs/utils/inject-global-components.js

@@ -22,42 +22,27 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.injectGlobalComponents = injectGlobalComponents;
 const ufo_1 = require("ufo");
 const arcblockUx = __importStar(require("../builtin/arcblock/ux"));
 const imagePreview = __importStar(require("../builtin/async/image-preview"));
-const reactMarkdown = __importStar(require("../builtin/async/react-markdown"));
-const reactScrollToBottom = __importStar(require("../builtin/async/react-scroll-to-bottom"));
-const reactSyntaxHighlighter = __importStar(require("../builtin/async/react-syntax-highlighter"));
 const colorPicker = __importStar(require("../builtin/color-picker"));
 const components = __importStar(require("../builtin/components"));
-const dayjs = __importStar(require("../builtin/dayjs"));
 const emotionCss = __importStar(require("../builtin/emotion/css"));
 const eventBus = __importStar(require("../builtin/event-bus"));
 const iconifyReact = __importStar(require("../builtin/iconify/react"));
-const immer = __importStar(require("../builtin/immer"));
 const locale = __importStar(require("../builtin/locale"));
 const markdownRenderer = __importStar(require("../builtin/markdown/index"));
-const muiLab = __importStar(require("../builtin/mui/lab"));
 const muiMaterial = __importStar(require("../builtin/mui/material"));
 const pageHeader = __importStar(require("../builtin/page/header"));
 const react = __importStar(require("../builtin/react"));
 const reactDOM = __importStar(require("../builtin/react-dom"));
-const reactHookForm = __importStar(require("../builtin/react-hook-form"));
 const reactRouterDOM = __importStar(require("../builtin/react-router-dom"));
 const reactWrapBalancer = __importStar(require("../builtin/react-wrap-balancer"));
 const session = __importStar(require("../builtin/session"));
-const stream = __importStar(require("../builtin/stream"));
-const uploader = __importStar(require("../builtin/uploader"));
 const utils = __importStar(require("../builtin/utils"));
 const zod = __importStar(require("../builtin/zod"));
-const zustand = __importStar(require("../builtin/zustand"));
-const zustandMiddlewareImmer = __importStar(require("../builtin/zustand/middleware/immer"));
-const CustomComponentRenderer_1 = __importDefault(require("../components/CustomComponentRenderer"));
 const builtin_1 = require("../types/builtin");
 const builtin_module_transformer_1 = require("./typescript/builtin-module-transformer");
 const { getComponentMountPoint } = utils;
@@ -82,23 +67,14 @@ function injectGlobalComponents() {
     const modules = {
         React: react,
         ReactDOM: reactDOM,
-        '@blocklet/pages-kit/builtin/pages-kit': { CustomComponentRenderer: CustomComponentRenderer_1.default },
-        '@blocklet/pages-kit/builtin/dayjs': dayjs,
         '@blocklet/pages-kit/builtin/utils': utils,
-        '@blocklet/pages-kit/builtin/stream': stream,
         '@blocklet/pages-kit/builtin/react': react,
         '@blocklet/pages-kit/builtin/react-dom': reactDOM,
-        '@blocklet/pages-kit/builtin/uploader': uploader,
         '@blocklet/pages-kit/builtin/color-picker': colorPicker,
         '@blocklet/pages-kit/builtin/markdown/index': markdownRenderer,
         '@blocklet/pages-kit/builtin/emotion/css': emotionCss,
         '@blocklet/pages-kit/builtin/mui/material': muiMaterial,
-        '@blocklet/pages-kit/builtin/mui/lab': muiLab,
-        '@blocklet/pages-kit/builtin/react-hook-form': reactHookForm,
         '@blocklet/pages-kit/builtin/iconify/react': iconifyReact,
-        '@blocklet/pages-kit/builtin/zustand': zustand,
-        '@blocklet/pages-kit/builtin/zustand/middleware/immer': zustandMiddlewareImmer,
-        '@blocklet/pages-kit/builtin/immer': immer,
         '@blocklet/pages-kit/builtin/react-wrap-balancer': reactWrapBalancer,
         '@blocklet/pages-kit/builtin/react-router-dom': reactRouterDOM,
         '@blocklet/pages-kit/builtin/session': session,
@@ -106,9 +82,6 @@ function injectGlobalComponents() {
         '@blocklet/pages-kit/builtin/arcblock/ux': arcblockUx,
         '@blocklet/pages-kit/builtin/page/header': pageHeader,
         '@blocklet/pages-kit/builtin/components': components,
-        '@blocklet/pages-kit/builtin/async/react-scroll-to-bottom': reactScrollToBottom,
-        '@blocklet/pages-kit/builtin/async/react-markdown': reactMarkdown,
-        '@blocklet/pages-kit/builtin/async/react-syntax-highlighter': reactSyntaxHighlighter,
         '@blocklet/pages-kit/builtin/async/image-preview': imagePreview,
         '@blocklet/pages-kit/builtin/event-bus': eventBus,
         '@blocklet/pages-kit/builtin/zod': zod,

package/lib/esm/builtin/markdown/markdown-renderer.js

@@ -3,7 +3,6 @@ import { Icon } from '@iconify/react';
 import { Box, Stack, styled } from '@mui/material';
 import React from 'react';
 import { MarkdownHooks } from 'react-markdown';
-import rehypeMermaid from 'rehype-mermaid';
 import remarkGfm from 'remark-gfm';
 import ActionButton from './action-button';
 import { MarkdownProvider, useMarkdownOptions } from './markdown-context';
@@ -66,7 +65,7 @@ function MarkdownRenderer(props) {
             '& h6': (theme) => ({ ...theme.typography.h6, marginBottom: '0.35em' }),
             '& p': (theme) => ({ ...theme.typography.body1, marginBottom: '0.35em' }),
             '& li': (theme) => ({ ...theme.typography.body1, marginBottom: '0.35em' }),
-        }, children: _jsx(MarkdownProvider, { options: options, children: _jsx(MarkdownHooks, { ...rest, remarkPlugins: [remarkGfm], rehypePlugins: [rehypeMermaid], components: {
+        }, children: _jsx(MarkdownProvider, { options: options, children: _jsx(MarkdownHooks, { ...rest, remarkPlugins: [remarkGfm], components: {
                     pre: MarkdownPre,
                     code: MarkdownCode,
                     table: MarkdownTable,

package/lib/esm/components/CustomComponentRenderer/state.js

@@ -10,7 +10,6 @@ import { joinURL } from 'ufo';
 import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { preloadComponents } from '../../api';
-import { useDeepCompareMemo } from '../../hooks/use-deep-compare-memo';
 import { PreloadComponentScriptModule } from '../../types';
 import { PreloadComponentsStateGlobalVariableName } from '../../types/preload';
 import { mergeComponent, parsePropertyValue } from '../../utils/property';
@@ -253,7 +252,7 @@ export function useComponent({ instanceId, componentId, properties, locale, dev
     // mode: production 不会有 transpile.props, dev 模式下会有 transpile.props，优先级最低
     const componentProps = transpile?.props ?? preload?.props;
     // 对 properties 进行转译，优先级中等
-    const dynamicComponentProps = useDeepCompareMemo(() => {
+    const dynamicComponentProps = useMemo(() => {
         return Object.fromEntries(Object.entries(properties ?? {})
             .map(([key, { value }]) => {
             const property = componentProperties?.[key]?.data;
@@ -270,7 +269,7 @@ export function useComponent({ instanceId, componentId, properties, locale, dev
             return [propKey, v];
         })
             .filter((i) => !!i));
-    }, [properties, componentProperties, locale, dev?.defaultLocale]);
+    }, [JSON.stringify(properties), JSON.stringify(componentProperties), locale, dev?.defaultLocale]);
     return {
         Component: transpile?.Component ?? preload?.Component,
         EditComponent: transpile?.EditComponent,