@blocklet/pages-kit 0.6.38 → 0.6.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/CustomComponentRenderer/index.js +6 -1
- package/lib/cjs/tsconfig.tsbuildinfo +1 -1
- package/lib/cjs/utils/property.js +1 -6
- package/lib/cjs/utils/style.js +2 -6
- package/lib/esm/components/CustomComponentRenderer/index.js +6 -1
- package/lib/esm/tsconfig.tsbuildinfo +1 -1
- package/lib/esm/utils/property.js +2 -7
- package/lib/esm/utils/style.js +3 -7
- package/lib/types/tsconfig.tsbuildinfo +1 -1
- package/lib/types/utils/style.d.ts +1 -1
- package/package.json +2 -2
|
@@ -21,6 +21,7 @@ exports.default = CustomComponentRenderer;
|
|
|
21
21
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
22
22
|
const react_1 = require("react");
|
|
23
23
|
const react_error_boundary_1 = require("react-error-boundary");
|
|
24
|
+
const color_1 = require("../../contexts/color");
|
|
24
25
|
const property_1 = require("../../utils/property");
|
|
25
26
|
const BlockletReactComponentRenderer_1 = __importDefault(require("./BlockletReactComponentRenderer"));
|
|
26
27
|
const DevProvider_1 = require("./DevProvider");
|
|
@@ -45,6 +46,7 @@ function ComponentRenderer({ renderCount = 0, blockletId, blockletTitle, compone
|
|
|
45
46
|
}
|
|
46
47
|
const component = (0, state_1.useComponent)({ ...props, dev });
|
|
47
48
|
const ctx = (0, context_1.useCustomComponentRenderer)();
|
|
49
|
+
const colorConvert = (0, color_1.useColorConvert)();
|
|
48
50
|
// 传递过来的参数，需要确保经过前端 parsePropertyValue 处理，并且补全不存在的参数
|
|
49
51
|
const parsedProps = (0, react_1.useMemo)(() => {
|
|
50
52
|
const result = {
|
|
@@ -61,10 +63,13 @@ function ComponentRenderer({ renderCount = 0, blockletId, blockletTitle, compone
|
|
|
61
63
|
result[key] = (0, property_1.parsePropertyValue)(property, result[key] ?? defaultValue, {
|
|
62
64
|
locale: props?.locale,
|
|
63
65
|
defaultLocale,
|
|
66
|
+
propertyHandlers: {
|
|
67
|
+
color: (value) => colorConvert(value),
|
|
68
|
+
},
|
|
64
69
|
});
|
|
65
70
|
});
|
|
66
71
|
return result;
|
|
67
|
-
}, [props?.props, component?.properties, component?.props]);
|
|
72
|
+
}, [props?.props, component?.properties, component?.props, colorConvert]);
|
|
68
73
|
const renderComponentChildren = (Component) => {
|
|
69
74
|
const children = (0, jsx_runtime_1.jsx)(Renderer, { renderCount: renderCount + 1, ...props, Component: Component, props: parsedProps });
|
|
70
75
|
return ctx?.customRendererComponent ? ((0, jsx_runtime_1.jsx)(ctx.customRendererComponent, { Component: Component, children: children })) : (children);
|