diff --git a/packages/admin/src/components/components/README.md b/packages/admin/src/components/components/README.md deleted file mode 100644 index 6393944b3..000000000 --- a/packages/admin/src/components/components/README.md +++ /dev/null @@ -1,90 +0,0 @@ -## 如何将组件添加至 Omi-Admin - -## 创建组件 - -在 omi/package/admin/src/components 目录下创建 name-component.tsx - -使用目录下的 `example-component.tsx` 进行修改,添加你的组件展示页面 - -``` js -import { WeElement, h, tag } from 'omi' -import { tw, sheet } from 'omi-twind' -import '../docs/admin-docs' -import './code-demo' -import './code-demo/container' - -// 引入你的组件 -// TODO -// import '@omiu/name' - -interface Props {} - -// TODO -const tagName = 'name-component' -declare global { - namespace JSX { - interface IntrinsicElements { - [tagName]: Omi.Props & Props - } - } -} - -@tag(tagName) -export default class extends WeElement { - static css = [sheet.target] - - // TODO - mdA = - ` - \`\`\`html -
example
- \`\`\` - ` - - installed() {} - - render() { - - return ( - - -
- {/* TODO */} -
example
-
-
-
- ) - } -} - -``` - -## 国际化中添加组件 - -在 `omi/package/admin/src/l10n/zh` 及 `omi/package/admin/src/l10n/en` 中加入 - -```js -// omi/package/admin/src/l10n/en -Name:"example" -// omi/package/admin/src/l10n/zh -Name:"例子" -``` - -## 将组件展示页加入 Admin 路由 (支持自动加入了) - -```js - components.map((componentName: string) => - route(`/${componentName}-component`, () => { - //lazy load - import(`./components/components/${componentName}-component.tsx`).then( - () => rootEl.transitionTo(`${componentName}-component`) - ) - }) - ) -```