@opendesign-plus/components 0.0.1-rc.5 → 0.0.1-rc.7

package/dist/index.d.ts

@@ -1,10 +1,17 @@
 import { default as OBanner } from './components/OBanner.vue';
 import { default as OCookieNotice } from './components/OCookieNotice.vue';
+import { default as OFooter } from './components/OFooter.vue';
+import { default as OHeader } from './components/OHeader.vue';
+import { default as OHeaderMoblie } from './components/OHeaderMoblie.vue';
 import { default as OHeaderSearch } from './components/OHeaderSearch.vue';
+import { default as OHeaderUser } from './components/OHeaderUser.vue';
 import { default as OPlusConfigProvider } from './components/OPlusConfigProvider.vue';
 import { default as OSection } from './components/OSection.vue';
+import { default as OSourceCode } from './components/OSourceCode.vue';
 import { default as OThemeSwitcher } from './components/OThemeSwitcher.vue';
-export { OBanner, OCookieNotice, OHeaderSearch, OPlusConfigProvider, OSection, OThemeSwitcher };
+export { OBanner, OCookieNotice, OFooter, OHeader, OHeaderMoblie, OHeaderSearch, OHeaderUser, OPlusConfigProvider, OSection, OSourceCode, OThemeSwitcher };
+export * from './components/element-plus';
+export * from './components/events';
 declare const _default: {
     install: (app: any) => void;
 };

package/docs/design.md

@@ -1,27 +1,27 @@
-# 业务组件设计文档
-
-## 目录结构
-
-```text
-components
-  ├─ docs // 文档
-  ├─ playground // 演练场
-  ├─ scripts // 脚本
-  ├─ src // 具体内容
-```
-
-## 总览
-
-| 名称 | 文件名 | 状态       | 备注 |
-|:------|:------|:------|:------|
-| Banner | OBanner.vue   | 10月完成   ||
-| 通用楼层布局 | OSection.vue   |   10月完成  ||
-| 导航搜索| OHeaderSearch.vue   |  10月完成  ||
-| 会议日历| OMettingCalendar.vue   |  11月完成  ||
-| openEuler社区页头| OHeader_openEuler.vue   |  11月完成  ||
-| openEuler社区页脚| OFooter_openEuler.vue   |  11月完成  ||
-| 悬浮按钮| OFloatingButton.vue   |  11月完成  ||
-| 语言切换| OLanguageSwitcher.vue   |  11月完成  |调用useLocale的能力|
-| 风格切换| OThemeSwitcher.vue   |  11月完成  |调用useTheme的能力|
-| 导航用户信息| OUserInfo.vue   |  11月完成  |调用useLogin的能力|
-| 隐私管理| OCookieNotice.vue   |  11月完成  ||
+# 业务组件设计文档
+
+## 目录结构
+
+```text
+components
+  ├─ docs // 文档
+  ├─ playground // 演练场
+  ├─ scripts // 脚本
+  ├─ src // 具体内容
+```
+
+## 总览
+
+| 名称 | 文件名 | 状态       | 备注 |
+|:------|:------|:------|:------|
+| Banner | OBanner.vue   | 10月完成   ||
+| 通用楼层布局 | OSection.vue   |   10月完成  ||
+| 导航搜索| OHeaderSearch.vue   |  10月完成  ||
+| 会议日历| OMettingCalendar.vue   |  11月完成  ||
+| openEuler社区页头| OHeader_openEuler.vue   |  11月完成  ||
+| openEuler社区页脚| OFooter_openEuler.vue   |  11月完成  ||
+| 悬浮按钮| OFloatingButton.vue   |  11月完成  ||
+| 语言切换| OLanguageSwitcher.vue   |  11月完成  |调用useLocale的能力|
+| 风格切换| OThemeSwitcher.vue   |  11月完成  |调用useTheme的能力|
+| 导航用户信息| OUserInfo.vue   |  11月完成  |调用useLogin的能力|
+| 隐私管理| OCookieNotice.vue   |  11月完成  ||

package/docs/design_banner.md

@@ -1,41 +1,41 @@
-# banner 组件设计文档
-
-## 使用场景
-
-运用于首页主 Banner 的呈现，将 Banner 的不同细分场景配置化，支持图文型、图片型、多端，满足绝大部分 Banner 场景。
-
-## 字段配置
-
-| 字段名          | 字段用途                                       |
-| :-------------- | :--------------------------------------------- |
-| light           | light 主题下相关配置                           |
-| dark            | dark 主题下相关配置                            |
-| bg_pc           | PC 端 Banner 图                                |
-| bg_pad          | Pad 端 Banner 图                               |
-| bg_mb           | 移动端端 Banner 图                             |
-| bg_theme        | Banner 图所在主题                              |
-| bg_href         | Banner 跳转链接                                |
-| bg_btn          | Banner 按钮内容                                |
-| pc_text_width   | PC 端下图片型适配，文本图片宽度                |
-| pc_text_height  | PC 端下图片型适配，文本图片高度                |
-| pad_text_width  | Pad 端下图片型适配，文本图片宽度               |
-| pad_text_height | Pad 端下图片型适配，文本图片高度               |
-| pad_offset      | Pad 端下 Banner 图适配，偏移量使主视觉元素位置 |
-
-## 规范描述
-
-### 适配原则
-
-#### ≥1680px: banner 高度： 460px；标题距离顶部导航 128px；标题字号 56px；正文字号 20px；
-
-#### 1680px ~ 1201px: banner 高度： 400px；标题距离顶部导航 88px；标题字号 48px；正文字号 18px；
-
-#### 1200px ~ 841px: banner 高度： 320px；标题距离顶部导航 64px；标题字号 40px；正文字号 16px；
-
-#### 840px ~ 601px: 折叠屏、手机横屏、Pad 竖屏，banner 高度： 184px；标题距离顶部导航 24px；标题字号 22px；正文字号 12px；banner 圆角 12px；
-
-#### 600px ~ 360px: 手机竖屏，banner 高度： 184px；标题距离顶部导航 24px；标题字号 22px；正文字号 21px；banner 圆角 12px；
-
-### 切图原则 -- 待补充
-
-### 交互原则 -- 待补充
+# banner 组件设计文档
+
+## 使用场景
+
+运用于首页主 Banner 的呈现，将 Banner 的不同细分场景配置化，支持图文型、图片型、多端，满足绝大部分 Banner 场景。
+
+## 字段配置
+
+| 字段名          | 字段用途                                       |
+| :-------------- | :--------------------------------------------- |
+| light           | light 主题下相关配置                           |
+| dark            | dark 主题下相关配置                            |
+| bg_pc           | PC 端 Banner 图                                |
+| bg_pad          | Pad 端 Banner 图                               |
+| bg_mb           | 移动端端 Banner 图                             |
+| bg_theme        | Banner 图所在主题                              |
+| bg_href         | Banner 跳转链接                                |
+| bg_btn          | Banner 按钮内容                                |
+| pc_text_width   | PC 端下图片型适配，文本图片宽度                |
+| pc_text_height  | PC 端下图片型适配，文本图片高度                |
+| pad_text_width  | Pad 端下图片型适配，文本图片宽度               |
+| pad_text_height | Pad 端下图片型适配，文本图片高度               |
+| pad_offset      | Pad 端下 Banner 图适配，偏移量使主视觉元素位置 |
+
+## 规范描述
+
+### 适配原则
+
+#### ≥1680px: banner 高度： 460px；标题距离顶部导航 128px；标题字号 56px；正文字号 20px；
+
+#### 1680px ~ 1201px: banner 高度： 400px；标题距离顶部导航 88px；标题字号 48px；正文字号 18px；
+
+#### 1200px ~ 841px: banner 高度： 320px；标题距离顶部导航 64px；标题字号 40px；正文字号 16px；
+
+#### 840px ~ 601px: 折叠屏、手机横屏、Pad 竖屏，banner 高度： 184px；标题距离顶部导航 24px；标题字号 22px；正文字号 12px；banner 圆角 12px；
+
+#### 600px ~ 360px: 手机竖屏，banner 高度： 184px；标题距离顶部导航 24px；标题字号 22px；正文字号 21px；banner 圆角 12px；
+
+### 切图原则 -- 待补充
+
+### 交互原则 -- 待补充

package/docs/design_section.md

@@ -1,27 +1,27 @@
-# 全局通用楼层组件设计文档--OSection
-
-## 使用场景
-
-运用于社区需要通用楼层的场景，提供标准化楼层标题、主体、楼层注脚等内容的模板。
-
-## 属性
-
-| 属性                  | 属性用途                             | 类型    |
-| :-------------------- | :----------------------------------- | :------ |
-| title                 | 楼层大标题                           | String  |
-| subtitle              | 楼层副标题                           | String  |
-| full                  | 是否整屏宽度显示                     | Boolean |
-| header-justify-center | 楼层主标题是否居中                   | Boolean |
-| footer                | 楼层 footer 内容                     | String  |
-| footer-href           | 楼层 footer 如需跳转，可配置跳转链接 | String  |
-
-## 插槽
-
-| 插槽名   | 插槽用途          |
-| :------- | :---------------- |
-| title    | 自定义楼层标题    |
-| subtitle | 自定义楼层副标题  |
-| footer   | 自定义楼层 footer |
-| default  | 自定义楼层主内容  |
-
-## 规范描述 -- 待补充
+# 全局通用楼层组件设计文档--OSection
+
+## 使用场景
+
+运用于社区需要通用楼层的场景，提供标准化楼层标题、主体、楼层注脚等内容的模板。
+
+## 属性
+
+| 属性                  | 属性用途                             | 类型    |
+| :-------------------- | :----------------------------------- | :------ |
+| title                 | 楼层大标题                           | String  |
+| subtitle              | 楼层副标题                           | String  |
+| full                  | 是否整屏宽度显示                     | Boolean |
+| header-justify-center | 楼层主标题是否居中                   | Boolean |
+| footer                | 楼层 footer 内容                     | String  |
+| footer-href           | 楼层 footer 如需跳转，可配置跳转链接 | String  |
+
+## 插槽
+
+| 插槽名   | 插槽用途          |
+| :------- | :---------------- |
+| title    | 自定义楼层标题    |
+| subtitle | 自定义楼层副标题  |
+| footer   | 自定义楼层 footer |
+| default  | 自定义楼层主内容  |
+
+## 规范描述 -- 待补充