@blocklet/pages-kit 0.2.433 → 0.2.434

package/lib/esm/builtin/async/ai-runtime.js

@@ -0,0 +1 @@
+export * from '@blocklet/ai-runtime/front';

package/lib/esm/builtin/{async/ai-runtime/components/AgentInputField/LanguageField.js → components/LanguageField/index.js}

@@ -11,11 +11,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { createElement as _createElement } from "react";
 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 { useLocaleContext } from '../../../../locale';
-import { languages } from '../../utils/languages';
+import { languages } from './languages';
 const filter = (options, state) => {
     return options.filter((o) => {
         if (state.inputValue) {

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

@@ -0,0 +1 @@
+export { default as LanguageField } from './LanguageField';

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const customComponentRendererContext = createContext(undefined);
+export function CustomComponentRendererProvider({ value, children, }) {
+    return _jsx(customComponentRendererContext.Provider, { value: value, children: children });
+}
+export function useCustomComponentRenderer() {
+    return useContext(customComponentRendererContext);
+}

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

@@ -14,9 +14,11 @@ import { Alert, Box } from '@mui/material';
 import { ErrorBoundary } from 'react-error-boundary';
 import { RenderNestedComponent } from '../../utils/property';
 import BlockletReactComponentRenderer from './BlockletReactComponentRenderer';
+import { useCustomComponentRenderer } from './context';
 import { DevProvider, useDev } from './DevProvider';
 import { useComponent } from './state';
 export * from './state';
+export * from './context';
 const MAXIMUM_RENDER_STACK_SIZE = 20;
 export default function CustomComponentRenderer(_a) {
     var _b;
@@ -42,8 +44,10 @@ function ComponentRenderer(_a) {
         // throw to outer error boundary
         throw component.error;
     }
+    const ctx = useCustomComponentRenderer();
     if (component === null || component === void 0 ? void 0 : component.Component) {
-        return (_jsx(Renderer, Object.assign({ renderCount: renderCount + 1 }, props, { Component: component.Component, props: Object.assign(Object.assign({}, component.props), props.props) })));
+        const children = (_jsx(Renderer, Object.assign({ renderCount: renderCount + 1 }, props, { Component: component.Component, props: Object.assign(Object.assign({}, component.props), props.props) })));
+        return (ctx === null || ctx === void 0 ? void 0 : ctx.customRendererComponent) ? (_jsx(ctx.customRendererComponent, { Component: component.Component, children: children })) : (children);
     }
     return null;
 }

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

@@ -22,12 +22,13 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { cx } from '@emotion/css';
 import set from 'lodash/set';
 import { useDeferredValue, useEffect, useRef, useState } from 'react';
+import { Helmet } from 'react-helmet';
 import { create } from 'zustand';
 import { immer } from 'zustand/middleware/immer';
 import { preloadComponents } from '../../api';
 import { PreloadComponentScriptModule } from '../../types';
 import { PreloadComponentsStateGlobalVariableName } from '../../types/preload';
-import { mergeComponent } from '../../utils/property';
+import { mergeComponent, parsePropertyValue } from '../../utils/property';
 const PRELOAD_COMPONENTS_STATE = window[PreloadComponentsStateGlobalVariableName];
 let states;
 function importCustomComponent(m, { componentId }) {
@@ -38,7 +39,8 @@ function importCustomComponent(m, { componentId }) {
     else if (!css)
         Component = m.default;
     else {
-        Component = (props) => (_jsxs(_Fragment, { children: [_jsx("style", { children: css }), _jsx(m.default, Object.assign({}, props, { className: cx(props.className, `CustomComponent_${componentId}`) }))] }));
+        Component = (props) => (_jsxs(_Fragment, { children: [_jsx(Helmet, { children: _jsx("style", { children: css }) }), _jsx(m.default, Object.assign({}, props, { className: cx(props.className, `CustomComponent_${componentId}`) }))] }));
+        Component.outputValueSchema = m.default.outputValueSchema;
     }
     return Component;
 }
@@ -57,7 +59,7 @@ export const customComponentStates = () => {
             instances: Object.assign({}, PRELOAD_COMPONENTS_STATE === null || PRELOAD_COMPONENTS_STATE === void 0 ? void 0 : PRELOAD_COMPONENTS_STATE.instances),
         },
         getComponent({ instanceId, componentId, locale }) {
-            var _a, _b;
+            var _a, _b, _c;
             const { config: { supportedLocales }, components, instances, } = get().state;
             if (!(supportedLocales === null || supportedLocales === void 0 ? void 0 : supportedLocales.some((i) => i.locale === locale)))
                 return null;
@@ -76,7 +78,7 @@ export const customComponentStates = () => {
             const props = (_b = (_a = instance.locales) === null || _a === void 0 ? void 0 : _a[locale]) === null || _b === void 0 ? void 0 : _b.props;
             if (!props)
                 return null;
-            return { component, Component, props };
+            return { component, Component, props, componentProperties: (_c = components[componentId]) === null || _c === void 0 ? void 0 : _c.component.properties };
         },
         loadComponents(input) {
             return __awaiter(this, void 0, void 0, function* () {
@@ -128,12 +130,22 @@ function loadComponents(input) {
     });
 }
 export function useComponent({ instanceId, componentId, properties, locale, dev }) {
-    var _a, _b;
+    var _a, _b, _c;
     const transpile = useTranspileComponent({ componentId, locale, properties, dev });
     const preload = usePreloadComponent({ instanceId, componentId, properties, locale, dev });
+    const componentProperties = (_a = transpile === null || transpile === void 0 ? void 0 : transpile.componentProperties) !== null && _a !== void 0 ? _a : preload === null || preload === void 0 ? void 0 : preload.componentProperties;
     return {
-        Component: (_a = transpile === null || transpile === void 0 ? void 0 : transpile.Component) !== null && _a !== void 0 ? _a : preload === null || preload === void 0 ? void 0 : preload.Component,
-        props: (_b = transpile === null || transpile === void 0 ? void 0 : transpile.props) !== null && _b !== void 0 ? _b : preload === null || preload === void 0 ? void 0 : preload.props,
+        Component: (_b = transpile === null || transpile === void 0 ? void 0 : transpile.Component) !== null && _b !== void 0 ? _b : preload === null || preload === void 0 ? void 0 : preload.Component,
+        props: Object.assign(Object.assign({}, ((_c = transpile === null || transpile === void 0 ? void 0 : transpile.props) !== null && _c !== void 0 ? _c : preload === null || preload === void 0 ? void 0 : preload.props)), Object.fromEntries(Object.entries(properties !== null && properties !== void 0 ? properties : {})
+            .map(([key, { value }]) => {
+            var _a;
+            const property = (_a = componentProperties === null || componentProperties === void 0 ? void 0 : componentProperties[key]) === null || _a === void 0 ? void 0 : _a.data;
+            if (!property)
+                return undefined;
+            const v = parsePropertyValue(property, value, { locale, defaultLocale: dev === null || dev === void 0 ? void 0 : dev.defaultLocale });
+            return [property.key, v];
+        })
+            .filter((i) => !!i))),
         error: transpile === null || transpile === void 0 ? void 0 : transpile.error,
     };
 }
@@ -164,6 +176,7 @@ function usePreloadComponent({ instanceId, componentId, properties, locale, dev
     return null;
 }
 function useTranspileComponent({ componentId, locale, properties, dev: { defaultLocale, components } = {}, }) {
+    var _a, _b;
     const [{ error, Component, propertiesFromCode }, setComponent] = useState({});
     const component = mergeComponent({
         componentId,
@@ -216,6 +229,7 @@ function useTranspileComponent({ componentId, locale, properties, dev: { default
         error,
         Component,
         props: component === null || component === void 0 ? void 0 : component.properties,
+        componentProperties: (_b = (_a = components === null || components === void 0 ? void 0 : components[componentId]) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.properties,
     };
 }
 export function transpileAndLoadScript(script) {