diff --git a/doc/api.md b/doc/api.md
index 0acfe9f..d070dd1 100644
--- a/doc/api.md
+++ b/doc/api.md
@@ -99,7 +99,6 @@ const Entry = createEntry(children);
| 属性名 | 说明 | 类型 | 默认值 |
|-----|----|----|-----|
| data | 组件数据 | object | - |
-| enableResponsiveProvider | 是否在 contextComponent 外包一层 `@kne/responsive-utils` 的 `ResponsiveProvider` | boolean | `false`(`@kne/example-driver` ≥0.1.24 已在 LiveCode 内注入,默认无需开启) |
```js
import {ExampleDriverContext} from '@kne/modules-dev/dist/index';
@@ -107,7 +106,7 @@ import {ExampleDriverContext} from '@kne/modules-dev/dist/index';
### ExampleDriverContext
-示例 `contextComponent` 包装器(`GlobalProvider` + `MemoryRouter`)。可通过 `enableResponsiveProvider` 可选叠加 `ResponsiveProvider`。
+示例 `contextComponent` 包装器(`GlobalProvider` + `MemoryRouter`)。响应式上下文由 `@kne/example-driver` LiveCode 内注入,无需在此层再包 `ResponsiveProvider`。
```js
import {FontList} from '@kne/modules-dev/dist/index';
diff --git a/lib/modulefederation.config.js b/lib/modulefederation.config.js
index 3012803..5c808fd 100644
--- a/lib/modulefederation.config.js
+++ b/lib/modulefederation.config.js
@@ -52,6 +52,8 @@ module.exports = {
singleton: true, requiredVersion: false
}, '@kne/global-preset': {
singleton: true, requiredVersion: false
+ }, '@kne/responsive-utils': {
+ singleton: true, requiredVersion: false
}
}
};
diff --git a/package.json b/package.json
index 5deb8eb..b992130 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@kne/modules-dev",
- "version": "2.4.0",
+ "version": "2.4.3",
"description": "用于辅助在项目内启动一个规范化组件开发的环境",
"publishConfig": {
"access": "public",
@@ -41,12 +41,11 @@
"@kne/camel-case": "^0.1.1",
"@kne/craco-module-federation": "^1.1.9",
"@kne/ensure-slash": "^0.1.0",
- "@kne/example-driver": "^0.1.24",
+ "@kne/example-driver": "^0.1.28",
"@kne/fetch-npm-package": "^0.1.4",
"@kne/md-doc": "^0.1.23",
"@kne/react-fetch": "^1.4.3",
"@kne/react-icon": "^0.1.4",
- "@kne/responsive-utils": "^0.1.2",
"ajv": "^8.18.0",
"chokidar": "^3.5.3",
"classnames": "^2.3.2",
@@ -66,8 +65,7 @@
"antd": ">=5",
"loader-utils": "*",
"react": ">=18",
- "react-router-dom": ">=6.4",
- "@kne/responsive-utils": ">=0.1.2"
+ "react-router-dom": ">=6.4"
},
"browserslist": {
"production": [
diff --git a/src/ExampleDriverContext.js b/src/ExampleDriverContext.js
index da10ceb..4fd3952 100644
--- a/src/ExampleDriverContext.js
+++ b/src/ExampleDriverContext.js
@@ -1,26 +1,17 @@
import React from 'react';
import {MemoryRouter} from 'react-router-dom';
-import {ResponsiveProvider} from '@kne/responsive-utils';
import {createWithRemoteLoader} from '@kne/remote-loader';
-/**
- * ExampleDriver contextComponent wrapper (GlobalProvider + router).
- * `enableResponsiveProvider` defaults to false — @kne/example-driver LiveCode
- * injects ResponsiveProvider with device-preview container mode since 0.1.24+.
- */
+/** ExampleDriver contextComponent wrapper (GlobalProvider + router). ResponsiveProvider is injected by @kne/example-driver LiveCode. */
const ExampleDriverContext = createWithRemoteLoader({
modules: ['components-core:Global@GlobalProvider']
-})(({remoteModules, children, enableResponsiveProvider = false, ...props}) => {
+})(({remoteModules, children, ...props}) => {
const [GlobalProvider] = remoteModules;
- const tree = (
+ return (
{children}
);
- if (enableResponsiveProvider) {
- return {tree};
- }
- return tree;
});
export default ExampleDriverContext;
diff --git a/src/ExamplePage.js b/src/ExamplePage.js
index 543fc74..cb6e18d 100644
--- a/src/ExamplePage.js
+++ b/src/ExamplePage.js
@@ -11,7 +11,7 @@ import ExampleDriverContext from './ExampleDriverContext';
export const ExampleContent = createWithRemoteLoader({
modules: ["components-core:Global@useGlobalContext", "components-core:Global@usePreset"]
-})(({remoteModules, data, enableResponsiveProvider = false}) => {
+})(({remoteModules, data}) => {
const [useGlobalContext, usePreset] = remoteModules;
const {global: global} = useGlobalContext();
const preset = usePreset();
@@ -19,15 +19,11 @@ export const ExampleContent = createWithRemoteLoader({
const exampleStyle = get(data, 'example.style');
const DriverContext = useMemo(() => {
return ({children}) => (
-
+
{children}
);
- }, [global, preset, enableResponsiveProvider]);
+ }, [global, preset]);
useEffect(() => {
if (!exampleStyle) {
return;