@blocklet/pages-kit 0.5.55 → 0.6.0

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

@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.injectGlobalComponents = injectGlobalComponents;
 require("es-module-shims");
-const react_1 = __importDefault(require("react"));
 const ufo_1 = require("ufo");
 const arcblockUx = __importStar(require("../builtin/arcblock/ux"));
 const imagePreview = __importStar(require("../builtin/async/image-preview"));
@@ -76,7 +75,6 @@ function injectGlobalComponents() {
             // avoid addImportMap error
         };
     }
-    win.React = react_1.default;
     win[builtin_1.RelativeModulesGlobalVariableName] = {};
     // create module map
     const modules = {
@@ -144,7 +142,9 @@ function injectGlobalComponents() {
                     '/';
                 const fullUrl = (0, ufo_1.joinURL)(window.location.origin, relativeChunksMountPoint, 'chunks', fileName);
                 if (!win[builtin_1.RelativeModulesGlobalVariableName][fullUrl]) {
-                    if (enableShim) {
+                    // @ts-ignore
+                    if (enableShim && window?.importShim) {
+                        // @ts-ignore
                         win[builtin_1.RelativeModulesGlobalVariableName][fullUrl] = window.importShim(/* @vite-ignore */ fullUrl);
                     }
                     else {
@@ -258,6 +258,7 @@ export default ${hasDefaultExport ? 'moduleSource.default' : 'moduleSource'};
         // 添加 resolve 配置
         const importMap = { imports };
         win.importMap = importMap;
+        // @ts-ignore
         if (enableShim && !!window?.esmsInitOptions?.shimMode) {
             try {
                 win.importShim.addImportMap(importMap);

package/lib/esm/builtin/color-picker.js

@@ -3,14 +3,14 @@ import Empty from '@arcblock/ux/lib/Empty';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { Box, Button, Dialog, DialogActions, DialogContent, DialogTitle, ButtonGroup, Typography, Tooltip, Skeleton, Alert, } from '@mui/material';
 import { useBoolean, useLocalStorageState, useReactive } from 'ahooks';
-import { Suspense, forwardRef, lazy, useCallback, useImperativeHandle, useRef } from 'react';
+import { Suspense, lazy, useCallback, useImperativeHandle, useRef } from 'react';
 import tinycolor from 'tinycolor2';
 import { useMuiColorPalette } from '../contexts/color';
 import { isColorString, isGradient, getSafeGradient, getTransparentBackground } from '../utils/style';
 const ColorPickerLib = lazy(() => import('react-best-gradient-color-picker'));
 const HEIGHT = 400;
 const WIDTH = 270;
-export function AlternateColorIndicator({ value, sx = {} }) {
+export function AlternateColorIndicator({ value = '', sx = {} }) {
     if (!value)
         return null;
     return (_jsx(Box, { sx: {
@@ -119,7 +119,7 @@ export function ColorItem({ color, sx = {}, ...props }) {
             ...styleMap,
         }, ...props }));
 }
-export const ConfigColorDialog = forwardRef(function ConfigColorDialog({ onSave, enableMuiPalette = true }, ref) {
+export const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPalette = true, }) {
     const state = useReactive({
         value: '',
         originalMuiKey: null,
@@ -300,7 +300,7 @@ export const ConfigColorDialog = forwardRef(function ConfigColorDialog({ onSave,
                                         state.value = value;
                                         state.originalMuiKey = null;
                                     }, hidePresets: true, hideAdvancedSliders: true, hideColorGuide: true, hideInputType: true }) }) })) })] }), _jsxs(DialogActions, { children: [_jsx(Button, { variant: "outlined", size: "small", onClick: handleClose, children: t('common.cancel') }), _jsx(Button, { variant: "contained", size: "small", onClick: handleSave, children: t('maker.save') })] })] }));
-});
+};
 export function ColorPicker({ value, onChange, style = {}, sx = {} }) {
     const refDialog = useRef(null);
     return (_jsxs(_Fragment, { children: [_jsx(ColorItem, { color: value || '', style: { width: '1rem', height: '1rem', padding: 0, marginRight: '0.25rem', ...style }, sx: { ...sx }, onClick: () => {

package/lib/esm/builtin/components/LanguageField/index.js

@@ -3,7 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import { Autocomplete, ListItemIcon, ListItemText, MenuItem, TextField } from '@mui/material';
 import pick from 'lodash/pick';
-import { forwardRef } from 'react';
 import { languages } from './languages';
 const filter = (options, state) => {
     return options.filter((o) => {
@@ -14,7 +13,7 @@ const filter = (options, state) => {
         return true;
     });
 };
-const LanguageField = forwardRef(({ readOnly, parameter, onChange, ...props }, ref) => {
+const LanguageField = ({ ref, readOnly, parameter, onChange, ...props }) => {
     const { locale } = useLocaleContext();
     const value = props?.value ? languages.find((o) => o.en === props.value) : null;
     return (_jsx(Autocomplete, { size: "small", ref: ref, ...pick(props, 'autoFocus', 'fullWidth', 'sx', 'className', 'style'), renderInput: (params) => (_jsx(TextField, { ...pick(props, 'inputRef', 'size', 'hiddenLabel', 'helperText', 'error', 'placeholder', 'InputProps', 'inputProps'), ...params })), options: languages, getOptionKey: (i) => i.en, getOptionLabel: (o) => {
@@ -26,5 +25,5 @@ const LanguageField = forwardRef(({ readOnly, parameter, onChange, ...props }, r
                 _jsx(ListItemIcon, { children: _jsx(option.flag, {}) }),
                 _jsx(ListItemText, { primary: `${option.name} ${locale === 'zh' ? option.cn : option.en} (${option.abbr})` })));
         } }));
-});
+};
 export default LanguageField;

package/lib/esm/builtin/markdown/action-button.js

@@ -3,10 +3,10 @@ import { Icon } from '@iconify/react';
 import { Box, Tooltip } from '@mui/material';
 import { useRef, useState } from 'react';
 import LoadingButton from './loading-button';
-export default function ActionButton({ tip, tipSucceed, title, titleSucceed, icon, iconSucceed, autoReset, placement = 'top', ...props }) {
+export default function ActionButton({ tip = '', tipSucceed = '', title = '', titleSucceed = '', icon = '', iconSucceed = '', autoReset = false, placement = 'top', ...props }) {
     const [active, setActive] = useState(false);
     const [error, setError] = useState();
-    const timer = useRef();
+    const timer = useRef(undefined);
     const onClose = () => {
         setError(undefined);
         if (autoReset) {
@@ -19,7 +19,9 @@ export default function ActionButton({ tip, tipSucceed, title, titleSucceed, ico
         clearTimeout(timer.current);
     };
     const realIcon = active ? iconSucceed : icon;
-    const toolTipTitleText = error ? _jsx(Box, { color: "error", children: error.message }) : (active && tipSucceed) || tip;
+    const toolTipTitleText = error ? (_jsx(Box, { sx: {
+            color: 'error',
+        }, children: error.message })) : ((active && tipSucceed) || tip);
     const buttonText = active ? titleSucceed : title;
     return (_jsx(Tooltip, { title: toolTipTitleText, disableInteractive: true, placement: placement, onClose: onClose, onOpen: onOpen, children: _jsx("span", { children: _jsx(LoadingButton, { startIcon: realIcon && (typeof realIcon === 'string' ? _jsx(Icon, { icon: realIcon }) : realIcon), loadingPosition: realIcon ? 'start' : undefined, ...props, onClick: async (e) => {
                     if (!props.onClick)

package/lib/esm/builtin/markdown/loading-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LoadingButton as MuiLoadingButton } from '@mui/lab';
-import { forwardRef, useCallback, useState } from 'react';
-const LoadingButton = forwardRef(({ onClick, ...props }, ref) => {
+import { useCallback, useState } from 'react';
+const LoadingButton = ({ ref = undefined, onClick, ...props }) => {
     const [loading, setLoading] = useState(false);
     const handleClick = useCallback(async (e) => {
         try {
@@ -13,5 +13,5 @@ const LoadingButton = forwardRef(({ onClick, ...props }, ref) => {
         }
     }, [onClick]);
     return _jsx(MuiLoadingButton, { ref: ref, ...props, loading: props.loading || loading, onClick: handleClick });
-});
+};
 export default LoadingButton;

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

@@ -38,7 +38,15 @@ function MarkdownPre({ children }) {
             borderRadius: 1,
             bgcolor: 'rgb(245, 242, 240)',
             '> pre': { mt: '0 !important' },
-        }, children: [_jsxs(Stack, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [_jsx(Box, { children: language }), _jsx(Box, { flex: 1 }), _jsx(ActionButton, { autoReset: true, title: _jsx(Icon, { icon: "tabler:copy" }), titleSucceed: _jsx(Icon, { icon: "tabler:copy-check" }), sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 }, onClick: () => {
+        }, children: [_jsxs(Stack, { direction: "row", sx: {
+                    alignItems: 'center',
+                    p: 0.5,
+                    pl: 1.5,
+                    borderBottom: 1,
+                    borderColor: 'grey.200',
+                }, children: [_jsx(Box, { children: language }), _jsx(Box, { sx: {
+                            flex: 1,
+                        } }), _jsx(ActionButton, { autoReset: true, title: _jsx(Icon, { icon: "tabler:copy" }), titleSucceed: _jsx(Icon, { icon: "tabler:copy-check" }), sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 }, onClick: () => {
                             window.navigator.clipboard.writeText(childrenProps.children);
                         } })] }), children] }));
 }

package/lib/esm/builtin/react-dom.js

@@ -1,2 +1,16 @@
-import * as ReactDOM from 'react-dom';
+// React DOM 19
+// Re-export ReactDOM
+import ReactDOM from 'react-dom';
 export default ReactDOM;
+// Re-export all ReactDOM APIs
+export { createPortal, flushSync, 
+// React 19 form APIs
+useFormStatus, requestFormReset, 
+// React 19 resource preloading APIs
+preload, preinit, preconnect, prefetchDNS, } from 'react-dom';
+// Re-export React 18+ client APIs
+export { createRoot, hydrateRoot } from 'react-dom/client';
+// Re-export React 19 static APIs
+export { prerender, prerenderToNodeStream } from 'react-dom/static';
+// Export client object for compatibility
+export * as client from 'react-dom/client';

package/lib/esm/builtin/react.js

@@ -1,3 +1,10 @@
-import * as React from 'react';
+// React 19
+// Re-export React (avoiding TypeScript export conflicts)
+import React from 'react';
 export default React;
-export { Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, cloneElement, createContext, createElement, createFactory, createRef, forwardRef, isValidElement, lazy, memo, startTransition, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, version, } from 'react';
+// Re-export all React named exports
+export { Children, Component, Fragment, Profiler, PureComponent, StrictMode, Suspense, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, lazy, memo, startTransition, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, version, 
+// React 19 APIs
+useActionState, useOptimistic, use, } from 'react';
+// Re-export JSX runtime
+export { jsx, jsxs, Fragment as JSXFragment } from 'react/jsx-runtime';

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

@@ -287,7 +287,7 @@ const getComponentByComponentId = ({ componentId, locale, instanceId, }) => {
     return result;
 };
 function usePreloadComponent({ instanceId, componentId, properties, locale, dev }) {
-    const previousRef = useRef();
+    const previousRef = useRef(undefined);
     const realLocale = getRealLocale(locale);
     const result = getComponentByComponentId({ componentId, locale: realLocale, instanceId });
     if (result) {