@blocklet/pages-kit 0.4.125 → 0.4.127

package/lib/cjs/utils/common.js

@@ -1,8 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBrowserEnv = exports.COLOR_CONVERT_FUNCTION_NAME = void 0;
+exports.isMuiColorKey = isMuiColorKey;
 exports.COLOR_CONVERT_FUNCTION_NAME = 'colorConvert';
 const isBrowserEnv = () => {
     return typeof globalThis.window !== 'undefined' && typeof globalThis.document !== 'undefined';
 };
 exports.isBrowserEnv = isBrowserEnv;
+/**
+ * 检查字符串是否为有效的MUI颜色键
+ */
+function isMuiColorKey(value) {
+    // special case
+    if (value === 'transparent') {
+        return true;
+    }
+    return /^(primary|secondary|error|warning|info|success|grey|background|text|action)\.[a-z0-9]+$/.test(value);
+}

package/lib/cjs/utils/preload.js

@@ -23,6 +23,7 @@ ${script}
 </script>
 `)
             .join('\n')}
+  
 <script>
 var ${types_1.PreloadComponentsStateGlobalVariableName} = ${JSON.stringify(injectState)}
 </script>

package/lib/cjs/utils/property.js

@@ -111,7 +111,7 @@ const initDynamicParsePropertyValueHandlers = () => {
         initDynamicPropertyHandlersPromise = (async () => {
             dynamicPropertyHandlers = {};
             if ((0, common_1.isBrowserEnv)()) {
-                // colorConvert 需要前端环境才能处理，依赖 mui theme
+                // colorConvert 目前需要前端环境才能处理，依赖 mui theme
                 // @ts-ignore
                 const colorConvertFn = globalThis[common_1.COLOR_CONVERT_FUNCTION_NAME];
                 if (typeof colorConvertFn === 'function') {

package/lib/cjs/utils/style.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMuiColorKey = void 0;
 exports.getBlockletTheme = getBlockletTheme;
 exports.isGradient = isGradient;
 exports.isColorString = isColorString;
-exports.isMuiColorKey = isMuiColorKey;
 exports.getSafeGradient = getSafeGradient;
 exports.parseColor = parseColor;
 exports.colorConvert = colorConvert;
@@ -16,6 +16,7 @@ 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");
+Object.defineProperty(exports, "isMuiColorKey", { enumerable: true, get: function () { return common_1.isMuiColorKey; } });
 const GRADIENT_START = 0;
 const GRADIENT_END = 100;
 const baseTheme = (0, Theme_1.createTheme)({});
@@ -60,16 +61,6 @@ function isColorString(color) {
     }
     return false;
 }
-/**
- * 检查字符串是否为有效的MUI颜色键
- */
-function isMuiColorKey(value) {
-    // special case
-    if (value === 'transparent') {
-        return true;
-    }
-    return /^(primary|secondary|error|warning|info|success|grey|background|text|action)\.[a-z0-9]+$/.test(value);
-}
 /**
  * 处理渐变的解析，并转换为rgba格式
  */
@@ -155,7 +146,7 @@ function parseColor(color = '') {
  * @returns 转换后的颜色字符串
  */
 function colorConvert(color, _theme = blockletTheme) {
-    if (isMuiColorKey(color)) {
+    if ((0, common_1.isMuiColorKey)(color)) {
         if (color === 'transparent') {
             return 'transparent';
         }

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

@@ -17,7 +17,7 @@ const PRELOAD_COMPONENTS_STATE = window[PreloadComponentsStateGlobalVariableName
 let states;
 function importCustomComponent(m, { componentId }) {
     // check if m is a Promise
-    if (m && typeof m.then === 'function') {
+    if (m && m instanceof Promise) {
         // handle Promise case
         return (props) => {
             const [loading, setLoading] = useState(true);
@@ -156,19 +156,7 @@ export const customComponentStates = () => {
                     if (typeof m === 'function') {
                         try {
                             const modulePromiseOrObject = m();
-                            // if the module is a promise, we need to wait for it to resolve
-                            if (modulePromiseOrObject instanceof Promise) {
-                                modulePromiseOrObject
-                                    .then((m) => {
-                                    Component = importCustomComponent(m, { componentId });
-                                })
-                                    .catch((err) => {
-                                    console.error(`Failed to initialize component ${componentId}:`, err);
-                                });
-                            }
-                            else {
-                                Component = importCustomComponent(modulePromiseOrObject, { componentId });
-                            }
+                            Component = importCustomComponent(modulePromiseOrObject, { componentId });
                         }
                         catch (err) {
                             console.error(`Failed to initialize component ${componentId}:`, err);

package/lib/esm/contexts/color.js

@@ -29,6 +29,13 @@ export function useMuiColorPalette() {
                 format: (key, variant) => `${key}.${variant}`,
                 accessor: (key) => theme.palette[key],
             })),
+            // {
+            //   type: 'did',
+            //   keys: ['primary', 'secondary'],
+            //   variants: null,
+            //   format: (key: string) => `did.${key}`,
+            //   accessor: () => theme.palette.did,
+            // },
             {
                 type: 'background',
                 keys: ['default', 'paper'],
@@ -43,13 +50,13 @@ export function useMuiColorPalette() {
                 format: (key) => `text.${key}`,
                 accessor: () => theme.palette.text,
             },
-            {
-                type: 'action',
-                keys: ['active', 'hover', 'selected', 'disabled', 'disabledBackground', 'focus'],
-                variants: null,
-                format: (key) => `action.${key}`,
-                accessor: () => theme.palette.action,
-            },
+            // {
+            //   type: 'action',
+            //   keys: ['active', 'hover', 'selected', 'disabled', 'disabledBackground', 'focus'],
+            //   variants: null,
+            //   format: (key: string) => `action.${key}`,
+            //   accessor: () => theme.palette.action,
+            // },
             {
                 type: 'grey',
                 keys: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'],