@blocklet/pages-kit-runtime 0.1.10 → 0.1.11

package/lib/cjs/client.js

@@ -1,4 +1,37 @@
 "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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -13,37 +46,93 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuntimeComponent = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Result_1 = __importDefault(require("@arcblock/ux/lib/Result"));
 const Spinner_1 = __importDefault(require("@arcblock/ux/lib/Spinner"));
 const js_sdk_1 = require("@blocklet/js-sdk");
 // @ts-ignore
-const home_1 = __importDefault(require("@blocklet/pages-kit-inner-components/home"));
+const home_1 = require("@blocklet/pages-kit-inner-components/home");
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const ahooks_1 = require("ahooks");
+const react_1 = __importStar(require("react"));
 const ufo_1 = require("ufo");
 const CenteredContainer = ({ children }) => ((0, jsx_runtime_1.jsx)(Box_1.default, { display: "flex", justifyContent: "center", alignItems: "center", minHeight: "100vh", children: children }));
 const api = (0, js_sdk_1.createAxios)({
     baseURL: (0, ufo_1.joinURL)(((_a = window === null || window === void 0 ? void 0 : window.blocklet) === null || _a === void 0 ? void 0 : _a.prefix) || ''),
 });
-exports.default = (props) => {
+const RuntimeComponent = (props) => {
+    const proxyState = (0, ahooks_1.useReactive)({
+        rawState: props.state,
+    });
+    const listeners = (0, react_1.useRef)(new Set());
+    // 暴露 proxyState 和 waitForState 给父组件
+    (0, react_1.useImperativeHandle)(props.stateRef, () => {
+        return {
+            getState: () => proxyState.rawState,
+            waitForState: () => {
+                if (proxyState.rawState) {
+                    return Promise.resolve(proxyState.rawState);
+                }
+                return new Promise((resolve) => {
+                    const listener = (state) => {
+                        if (state) {
+                            listeners.current.delete(listener);
+                            resolve(state);
+                        }
+                    };
+                    listeners.current.add(listener);
+                });
+            },
+        };
+    });
+    // 当状态更新时通知所有监听器
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if ((_a = props.stateRef) === null || _a === void 0 ? void 0 : _a.current) {
+            listeners.current.forEach((listener) => listener(proxyState.rawState));
+        }
+    }, [proxyState.rawState]);
     const { loading } = (0, ahooks_1.useRequest)(() => __awaiter(void 0, void 0, void 0, function* () {
-        const { data } = yield api.get('/api/pages', { params: props });
-        const dataResult = props.handleData ? props.handleData(data) : data;
-        // @ts-ignore
-        window.__PAGE_STATE__ = dataResult.state;
-        // @ts-ignore
-        window.__PROJECT_ID__ = dataResult.did;
+        if (!props.did || props.state) {
+            return null;
+        }
+        const { data } = yield api.get('/api/pages', {
+            params: {
+                did: props.did,
+            },
+        });
+        proxyState.rawState = data.state;
         return data;
     }), {
-        refreshDeps: [props.did],
+        refreshDeps: [props.did, props.state],
     });
     if (loading) {
         return ((0, jsx_runtime_1.jsx)(CenteredContainer, { children: (0, jsx_runtime_1.jsx)(Spinner_1.default, {}) }));
     }
-    // @ts-ignore
-    if (!window.__PAGE_STATE__) {
+    if (!proxyState.rawState) {
         return ((0, jsx_runtime_1.jsx)(CenteredContainer, { children: (0, jsx_runtime_1.jsx)(Result_1.default, { status: 404 }) }));
     }
-    return (0, jsx_runtime_1.jsx)(home_1.default, {});
+    return (0, jsx_runtime_1.jsx)(home_1.PageRoutes, { mode: "production", state: proxyState.rawState });
 };
+exports.RuntimeComponent = RuntimeComponent;
+class Runtime {
+    constructor(props) {
+        this.stateRef = react_1.default.createRef();
+        this.props = props;
+    }
+    get rawState() {
+        var _a;
+        return (_a = this.stateRef.current) === null || _a === void 0 ? void 0 : _a.getState();
+    }
+    waitForState() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            return (_a = this.stateRef.current) === null || _a === void 0 ? void 0 : _a.waitForState();
+        });
+    }
+    render() {
+        return (0, jsx_runtime_1.jsx)(exports.RuntimeComponent, Object.assign({}, this.props, { stateRef: this.stateRef }));
+    }
+}
+exports.default = Runtime;

package/lib/cjs/components/custom-component/index.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("./settings"), exports);

package/lib/cjs/components/custom-component/settings.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PropertiesConfig = exports.BasicInfo = void 0;
+// @ts-ignore
+var setting_1 = require("@blocklet/pages-kit-inner-components/setting");
+Object.defineProperty(exports, "BasicInfo", { enumerable: true, get: function () { return setting_1.BasicInfo; } });
+Object.defineProperty(exports, "PropertiesConfig", { enumerable: true, get: function () { return setting_1.PropertiesConfig; } });

package/lib/cjs/components/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./create-resource"), exports);
+__exportStar(require("./custom-component"), exports);

package/lib/cjs/locales/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.translations = void 0;
+// @ts-ignore
+var locales_1 = require("@blocklet/pages-kit-inner-components/locales");
+Object.defineProperty(exports, "translations", { enumerable: true, get: function () { return locales_1.translations; } });