@blocklet/pages-kit 0.4.100 → 0.4.102

package/lib/cjs/utils/common.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBrowserEnv = exports.COLOR_CONVERT_FUNCTION_NAME = void 0;
+exports.COLOR_CONVERT_FUNCTION_NAME = 'colorConvert';
+const isBrowserEnv = () => {
+    return typeof globalThis.window !== 'undefined' && typeof globalThis.document !== 'undefined';
+};
+exports.isBrowserEnv = isBrowserEnv;

package/lib/cjs/utils/property.js

@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initDynamicParsePropertyValueHandlers = exports.isBrowserEnv = exports.RenderNestedComponent = void 0;
+exports.initDynamicParsePropertyValueHandlers = exports.RenderNestedComponent = void 0;
 exports.componentUMDName = componentUMDName;
 exports.mergeComponent = mergeComponent;
 exports.safeJSONParse = safeJSONParse;
@@ -36,6 +36,7 @@ exports.assignNullableFields = assignNullableFields;
 exports.getComponentDependencies = getComponentDependencies;
 const isNil_1 = __importDefault(require("lodash/isNil"));
 const yaml = __importStar(require("yaml"));
+const common_1 = require("./common");
 function componentUMDName({ componentId }) {
     return `PagesCustomComponent${componentId}`;
 }
@@ -102,10 +103,6 @@ function safeYamlParse(value) {
     }
     return yaml.parse(value);
 }
-const isBrowserEnv = () => {
-    return typeof globalThis.window !== 'undefined' && typeof globalThis.document !== 'undefined';
-};
-exports.isBrowserEnv = isBrowserEnv;
 let dynamicPropertyHandlers = null;
 let initDynamicPropertyHandlersPromise = null;
 // 根据前后端环境初始化动态的属性处理函数
@@ -115,10 +112,13 @@ const initDynamicParsePropertyValueHandlers = () => {
     if (!initDynamicPropertyHandlersPromise) {
         initDynamicPropertyHandlersPromise = (async () => {
             dynamicPropertyHandlers = {};
-            if ((0, exports.isBrowserEnv)()) {
+            if ((0, common_1.isBrowserEnv)()) {
                 // colorConvert 需要前端环境才能处理，依赖 mui theme
-                const { colorConvert } = await Promise.resolve().then(() => __importStar(require('./style')));
-                dynamicPropertyHandlers.color = (value) => colorConvert(value);
+                // @ts-ignore
+                const colorConvertFn = globalThis[common_1.COLOR_CONVERT_FUNCTION_NAME];
+                if (typeof colorConvertFn === 'function') {
+                    dynamicPropertyHandlers.color = (value) => colorConvertFn(value);
+                }
             }
             return dynamicPropertyHandlers;
         })();

package/lib/cjs/utils/style.js

@@ -14,6 +14,7 @@ const Theme_1 = require("@arcblock/ux/lib/Theme");
 const gradient_parser_1 = __importDefault(require("gradient-parser"));
 const get_1 = __importDefault(require("lodash/get"));
 const tinycolor2_1 = __importDefault(require("tinycolor2"));
+const common_1 = require("./common");
 const GRADIENT_START = 0;
 const GRADIENT_END = 100;
 const baseTheme = (0, Theme_1.createTheme)({});
@@ -165,3 +166,7 @@ function colorConvert(color, _theme = blockletTheme) {
     }
     return color || '';
 }
+if ((0, common_1.isBrowserEnv)()) {
+    // @ts-ignore inject colorConvert to globalThis
+    globalThis[common_1.COLOR_CONVERT_FUNCTION_NAME] = colorConvert;
+}