@blocklet/pages-kit 0.4.99 → 0.4.101

package/lib/types/types/index.d.ts

@@ -3,3 +3,4 @@ export * from './core';
 export * from './state';
 export * from './preload';
 export * from './builtin';
+export * from './style';

package/lib/types/types/state.d.ts

@@ -1,4 +1,5 @@
 import { CustomComponent } from './core';
+import { StyleConfig } from './style';
 export type PublishMode = 'production';
 export type StateMode = 'draft' | 'production';
 export interface PageTemplateConfig {
@@ -7,23 +8,34 @@ export interface PageTemplateConfig {
     dataSourceId?: string;
     dataSourceParameters?: Record<string, any>;
 }
-export interface Page {
+export type Page = {
     id: string;
     createdAt: string;
     updatedAt: string;
     publishedAt: string;
-    isPublic: boolean;
-    templateConfig?: PageTemplateConfig;
     slug: string;
     sections: Record<string, Section>;
     sectionIds: string[];
+    isPublic: boolean;
+    templateConfig?: PageTemplateConfig;
     locales?: Record<string, {
         title?: string;
         description?: string;
         backgroundColor?: string;
         image?: string;
+        header?: {
+            sticky?: boolean;
+            translucent?: boolean;
+            hideNavMenus?: boolean;
+            translucentTextColor?: string;
+        };
+        footer?: {
+            hidden?: boolean;
+        };
+        style?: StyleConfig;
+        [key: string]: any;
     }>;
-}
+};
 export interface Chunk {
     id: string;
     code?: string;
@@ -34,11 +46,12 @@ export interface Section<T = {
     id: string;
     component: string;
     config?: T;
+    visibility?: 'visible' | 'hidden';
     name?: string;
     isTemplateSection?: boolean;
     templateDescription?: string;
     llmConfig?: {
-        properties: Record<string, {
+        properties?: Record<string, {
             key: string;
             isNeedGenerate: boolean;
             displayName?: string;
@@ -51,7 +64,6 @@ export interface Section<T = {
             }>;
         }>;
     };
-    visibility?: 'visible' | 'hidden';
     locales?: Record<string, T>;
 }
 export type State = {
@@ -60,6 +72,8 @@ export type State = {
     components: Record<string, {
         index: number;
         data: CustomComponent;
+        blockletId?: string;
+        blockletTitle?: string;
     }>;
     supportedLocales: {
         locale: string;

package/lib/types/types/style.d.ts

@@ -0,0 +1,31 @@
+export type SizeEnum = 'none' | 'small' | 'normal' | 'large';
+export type StyleEnum = 'paddingY' | 'paddingX' | 'maxWidth';
+export type StyleFormat = 'sx';
+export type CommonPaddingItem = {
+    title: string;
+    value: SizeEnum;
+    sx: {
+        [key: string]: any;
+    };
+};
+export type PaddingYItem = CommonPaddingItem;
+export type PaddingXItem = CommonPaddingItem;
+export type MaxWidthSizeEnum = 'full' | 'sm' | 'md' | 'lg' | 'xl';
+export type MaxWidthItem = {
+    title: string;
+    value: MaxWidthSizeEnum;
+    sx: {
+        [key: string]: any;
+    };
+};
+export interface StyleValueOptions {
+    type: StyleEnum;
+    value: string;
+    format?: StyleFormat;
+    defaultValue?: any;
+}
+export type StyleConfig = {
+    paddingY?: SizeEnum;
+    paddingX?: SizeEnum;
+    maxWidth?: MaxWidthSizeEnum;
+};

package/lib/types/utils/common.d.ts

@@ -0,0 +1,2 @@
+export declare const COLOR_CONVERT_FUNCTION_NAME = "colorConvert";
+export declare const isBrowserEnv: () => boolean;

package/lib/types/utils/property.d.ts

@@ -22,9 +22,11 @@ export declare function mergeComponent({ componentId, getComponent, locale, defa
 export declare const RenderNestedComponent = "__RENDER_NESTED_COMPONENT__";
 export declare function safeJSONParse(value: string | Record<string, any>): any;
 export declare function safeYamlParse(value: string | Record<string, any>): any;
-export declare function parsePropertyValue(property: NonNullable<CustomComponent['properties']>[string]['data'], value: any, { locale, defaultLocale }: {
+export declare const initDynamicParsePropertyValueHandlers: () => Promise<Record<string, any>>;
+export declare function parsePropertyValue(property: NonNullable<CustomComponent['properties']>[string]['data'], value: any, { locale, defaultLocale, propertyHandlers, }: {
     locale?: string;
     defaultLocale?: string;
+    propertyHandlers?: Record<string, (value: any) => any>;
 }): any;
 export declare function assignNullableFields(properties: any, newProperties: any): any;
 export declare function getComponentDependencies({ state, pageIds, componentIds, }: {

package/lib/types/utils/style.d.ts

@@ -0,0 +1,23 @@
+import { Theme } from '@mui/material';
+export declare function getBlockletTheme(): Theme;
+export declare function isGradient(color: string): boolean;
+export declare function isColorString(color: string): boolean;
+/**
+ * 检查字符串是否为有效的MUI颜色键
+ */
+export declare function isMuiColorKey(value: string): boolean;
+/**
+ * 处理渐变的解析，并转换为rgba格式
+ */
+export declare function getSafeGradient(color: string): string;
+/**
+ * 解析颜色字符串
+ */
+export declare function parseColor(color?: string): string;
+/**
+ * 转换颜色
+ * @param color - 颜色字符串
+ * @param _theme - 主题对象，默认为全局主题
+ * @returns 转换后的颜色字符串
+ */
+export declare function colorConvert(color: string, _theme?: Theme): any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/pages-kit",
-  "version": "0.4.99",
+  "version": "0.4.101",
   "description": "Pages Kit components and utils for blocklet(s)",
   "publishConfig": {
     "access": "public"
@@ -47,6 +47,10 @@
     "./utils/*": {
       "import": "./lib/esm/utils/*.js",
       "require": "./lib/cjs/utils/*.js"
+    },
+    "./contexts/*": {
+      "import": "./lib/esm/contexts/*.js",
+      "require": "./lib/cjs/contexts/*.js"
     }
   },
   "typesVersions": {
@@ -77,6 +81,10 @@
       "utils/*": [
         "./lib/types/utils/*.d.ts",
         "./lib/types/utils/*/index.d.ts"
+      ],
+      "contexts/*": [
+        "./lib/types/contexts/*.d.ts",
+        "./lib/types/contexts/*/index.d.ts"
       ]
     }
   },
@@ -92,7 +100,7 @@
     "url": "git+https://github.com/blocklet/pages-kit.git"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.12.54",
+    "@arcblock/did-connect": "^2.12.58",
     "@blocklet/ai-kit": "^0.1.72",
     "@blocklet/js-sdk": "^1.16.41",
     "@blocklet/sdk": "^1.16.41",
@@ -107,6 +115,7 @@
     "es-module-shims": "^2.0.10",
     "eventsource-parser": "^2.0.1",
     "file-saver": "^2.0.5",
+    "gradient-parser": "^1.0.2",
     "html2pdf.js": "^0.10.2",
     "immer": "^10.1.1",
     "isomorphic-dompurify": "^2.14.0",
@@ -131,6 +140,7 @@
     "react-transition-group": "^4.4.5",
     "react-wrap-balancer": "^1.1.1",
     "remark-gfm": "^4.0.0",
+    "tinycolor2": "^1.6.0",
     "typescript": "~5.5.4",
     "ufo": "^1.5.4",
     "yaml": "^2.5.0",
@@ -153,8 +163,8 @@
     "react-router-dom": "^6.16.0"
   },
   "devDependencies": {
-    "@arcblock/ux": "^2.12.54",
-    "@blocklet/ai-runtime": "^0.4.254",
+    "@arcblock/ux": "^2.12.58",
+    "@blocklet/ai-runtime": "^0.4.255",
     "@blocklet/js-sdk": "^1.16.41",
     "@blocklet/sdk": "^1.16.41",
     "@emotion/cache": "^11.13.1",
@@ -163,6 +173,7 @@
     "@mui/icons-material": "^5.16.14",
     "@mui/lab": "^5.0.0-alpha.173",
     "@mui/material": "^5.16.14",
+    "@types/gradient-parser": "^0.1.5",
     "@types/lodash": "^4.17.7",
     "@types/mustache": "^4.2.5",
     "@types/node-fetch": "^2.6.11",
@@ -170,6 +181,7 @@
     "@types/react-helmet": "^6.1.11",
     "@types/react-scroll-to-bottom": "^4.2.5",
     "@types/react-syntax-highlighter": "^15.5.13",
+    "@types/tinycolor2": "^1.4.6",
     "axios": "^1.7.4",
     "npm-run-all": "^4.1.5",
     "react": "^18.3.1",