@blocklet/pages-kit 0.2.433 → 0.2.435

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("@blocklet/ai-runtime/front"), exports);

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

@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const context_1 = require("@arcblock/ux/lib/Locale/context");
 const material_1 = require("@mui/material");
 const pick_1 = __importDefault(require("lodash/pick"));
 const react_2 = require("react");
-const locale_1 = require("../../../../locale");
-const languages_1 = require("../../utils/languages");
+const languages_1 = require("./languages");
 const filter = (options, state) => {
     return options.filter((o) => {
         if (state.inputValue) {
@@ -32,7 +32,7 @@ const filter = (options, state) => {
 };
 const LanguageField = (0, react_2.forwardRef)((_a, ref) => {
     var { readOnly, parameter, onChange } = _a, props = __rest(_a, ["readOnly", "parameter", "onChange"]);
-    const { locale } = (0, locale_1.useLocaleContext)();
+    const { locale } = (0, context_1.useLocaleContext)();
     const value = (props === null || props === void 0 ? void 0 : props.value) ? languages_1.languages.find((o) => o.en === props.value) : null;
     return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, Object.assign({ size: "small", ref: ref }, (0, pick_1.default)(props, 'autoFocus', 'fullWidth', 'sx', 'className', 'style'), { renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({}, (0, pick_1.default)(props, 'inputRef', 'size', 'hiddenLabel', 'helperText', 'error', 'placeholder', 'InputProps', 'inputProps'), params))), options: languages_1.languages, getOptionKey: (i) => i.en, getOptionLabel: (o) => {
             return locale === 'zh' ? o.cn : o.en;

package/lib/cjs/builtin/{components.js → components/index.js}

@@ -4,5 +4,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LanguageField = void 0;
-var LanguageField_1 = require("./async/ai-runtime/components/AgentInputField/LanguageField");
+var LanguageField_1 = require("./LanguageField");
 Object.defineProperty(exports, "LanguageField", { enumerable: true, get: function () { return __importDefault(LanguageField_1).default; } });

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomComponentRendererProvider = CustomComponentRendererProvider;
+exports.useCustomComponentRenderer = useCustomComponentRenderer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const customComponentRendererContext = (0, react_1.createContext)(undefined);
+function CustomComponentRendererProvider({ value, children, }) {
+    return (0, jsx_runtime_1.jsx)(customComponentRendererContext.Provider, { value: value, children: children });
+}
+function useCustomComponentRenderer() {
+    return (0, react_1.useContext)(customComponentRendererContext);
+}

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

@@ -34,9 +34,11 @@ const material_1 = require("@mui/material");
 const react_error_boundary_1 = require("react-error-boundary");
 const property_1 = require("../../utils/property");
 const BlockletReactComponentRenderer_1 = __importDefault(require("./BlockletReactComponentRenderer"));
+const context_1 = require("./context");
 const DevProvider_1 = require("./DevProvider");
 const state_1 = require("./state");
 __exportStar(require("./state"), exports);
+__exportStar(require("./context"), exports);
 const MAXIMUM_RENDER_STACK_SIZE = 20;
 function CustomComponentRenderer(_a) {
     var _b;
@@ -62,8 +64,10 @@ function ComponentRenderer(_a) {
         // throw to outer error boundary
         throw component.error;
     }
+    const ctx = (0, context_1.useCustomComponentRenderer)();
     if (component === null || component === void 0 ? void 0 : component.Component) {
-        return ((0, jsx_runtime_1.jsx)(Renderer, Object.assign({ renderCount: renderCount + 1 }, props, { Component: component.Component, props: Object.assign(Object.assign({}, component.props), props.props) })));
+        const children = ((0, jsx_runtime_1.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) ? ((0, jsx_runtime_1.jsx)(ctx.customRendererComponent, { Component: component.Component, children: children })) : (children);
     }
     return null;
 }

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

@@ -53,6 +53,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const css_1 = require("@emotion/css");
 const set_1 = __importDefault(require("lodash/set"));
 const react_1 = require("react");
+const react_helmet_1 = require("react-helmet");
 const zustand_1 = require("zustand");
 const immer_1 = require("zustand/middleware/immer");
 const api_1 = require("../../api");
@@ -69,7 +70,8 @@ function importCustomComponent(m, { componentId }) {
     else if (!css)
         Component = m.default;
     else {
-        Component = (props) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: css }), (0, jsx_runtime_1.jsx)(m.default, Object.assign({}, props, { className: (0, css_1.cx)(props.className, `CustomComponent_${componentId}`) }))] }));
+        Component = (props) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("style", { children: css }) }), (0, jsx_runtime_1.jsx)(m.default, Object.assign({}, props, { className: (0, css_1.cx)(props.className, `CustomComponent_${componentId}`) }))] }));
+        Component.outputValueSchema = m.default.outputValueSchema;
     }
     return Component;
 }
@@ -88,7 +90,7 @@ 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;
@@ -107,7 +109,7 @@ 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* () {
@@ -160,12 +162,22 @@ function loadComponents(input) {
     });
 }
 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 = (0, property_1.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,
     };
 }
@@ -196,6 +208,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] = (0, react_1.useState)({});
     const component = (0, property_1.mergeComponent)({
         componentId,
@@ -248,6 +261,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,
     };
 }
 function transpileAndLoadScript(script) {