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;