From 4b113433a0db8ecf2b7daa8c0cd143bc2766032f Mon Sep 17 00:00:00 2001 From: lishengbo <1171734220@qq.com> Date: Tue, 12 Jul 2022 20:33:41 +0800 Subject: [PATCH 1/2] feat:pagination --- .eslintrc.js | 1 + app/.vitepress/src/i18n/discovery/isula.ts | 43 + app/.vitepress/src/i18n/index.ts | 1 + app/.vitepress/src/views/TheDemo.vue | 59 +- .../views/other/projects/isula/TheIsula.vue | 117 + app/zh/other/projects/isula/index.md | 5 + opendesign/index.ts | 15 +- opendesign/pagination/OPagination.vue | 58 + opendesign/pagination/index.ts | 7 + opendesign/table/OTable.vue | 11 + opendesign/table/OTableColumn.vue | 12 + opendesign/table/index.ts | 10 + package-lock.json | 9162 +++++++++++++++++ pnpm-lock.yaml | 476 +- 14 files changed, 9713 insertions(+), 264 deletions(-) create mode 100644 app/.vitepress/src/i18n/discovery/isula.ts create mode 100644 app/.vitepress/src/views/other/projects/isula/TheIsula.vue create mode 100644 app/zh/other/projects/isula/index.md create mode 100644 opendesign/pagination/OPagination.vue create mode 100644 opendesign/pagination/index.ts create mode 100644 opendesign/table/OTable.vue create mode 100644 opendesign/table/OTableColumn.vue create mode 100644 opendesign/table/index.ts create mode 100644 package-lock.json diff --git a/.eslintrc.js b/.eslintrc.js index b2e8a1cab..a03e9c69b 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -27,5 +27,6 @@ module.exports = { 'no-unused-vars': 'error', eqeqeq: 'error', '@typescript-eslint/no-explicit-any': 'off', + 'vue/no-v-model-argument': 'off', }, }; diff --git a/app/.vitepress/src/i18n/discovery/isula.ts b/app/.vitepress/src/i18n/discovery/isula.ts new file mode 100644 index 000000000..e1441361d --- /dev/null +++ b/app/.vitepress/src/i18n/discovery/isula.ts @@ -0,0 +1,43 @@ +import { createI18n } from 'vue-i18n'; + +const messages = { + zh: { + ISULA_INTRODUCES:[ + { + CONTENT:'开启iSula之旅', + LINK:'' + }, + { + CONTENT:'想对iSula说', + LINK:'' + }, + { + CONTENT:'iSula Logo', + LINK:'' + } + ], + INTERPRETATION:'i.zu.la/,华为容器技术方案品牌。其原意是一种非常强大的蚂蚁,学术上称为“子弹蚁”,因为被它咬一口,犹如被子弹打到那般疼痛。iSula是世界上强大的昆虫之一。华为容器技术方案品牌因其“小个头、大能量”的含义而取名。', + TAB_ITEMS:['iSulad' ,'isula-build' ,'isula-transform'], + FEAT_CONTENTS:[' iSulad 是一个新的通用容器引擎,提供统一的架构设计来满足CT和IT领域的不同需求。它具有轻、快、 易、灵的特点,这与子弹蚂蚁"小个头、大能量"的形象不谋而合。', + '轻量语言:C/C++,Rust on the way' , + 'iSulad 的特点如下:','北向接口:提供CRI接口,支持对接Kubernets;同时提供便捷使用的命令行 ', + '南向接口:支持OCI runtime和镜像规范,支持平滑替换 ', + '容器形态:支持系统容器、虚机容器等多种容器形态 ', + '扩展能力:提供插件化架构,可根据用户需要开发定制化插件', + '以上的特点使得 iSulad 可以不受硬件规格和架构的限制,更小的底噪开销也使得它的可应用领域更为广泛。'], + DOCUMENT_LISTS:[ + {TITLE:'README',CAPTION:'阅读iSula基础信息',TEXT:'毕昇JDK8'}, + {TITLE:'架构说明',CAPTION:'了解iSula架构说明',TEXT:'毕昇JDK8'}, + {TITLE:'编译手册',CAPTION:'学习iSula编译手册',TEXT:'毕昇JDK8'}, + ] + }, + +}; + +const i18n = createI18n({ + locale: 'zh', + allowComposition: true, + messages, +}); + +export default i18n; \ No newline at end of file diff --git a/app/.vitepress/src/i18n/index.ts b/app/.vitepress/src/i18n/index.ts index 2bd285505..1b610ec70 100644 --- a/app/.vitepress/src/i18n/index.ts +++ b/app/.vitepress/src/i18n/index.ts @@ -5,6 +5,7 @@ const messages = { button1: '点击换肤', button2: '点击切换中英文', button3: '可以在函数中或者dom加载完后使用window相关属性', + arr:['1','2'] }, en: { button1: 'change theme', diff --git a/app/.vitepress/src/views/TheDemo.vue b/app/.vitepress/src/views/TheDemo.vue index c7e48559b..59322e518 100644 --- a/app/.vitepress/src/views/TheDemo.vue +++ b/app/.vitepress/src/views/TheDemo.vue @@ -13,8 +13,32 @@ const home = computed(() => { const name = ref(''); -// const a = 2; -// const m = 1; +const currentPage1 = ref(5); +const pageSize4 = ref(100); +const total = ref(100); + +const tableData = [ + { + date: '2016-05-03', + name: 'Tom', + address: 'No. 189, Grove St, Los Angeles', + }, + { + date: '2016-05-02', + name: 'Tom', + address: 'No. 189, Grove St, Los Angeles', + }, + { + date: '2016-05-04', + name: 'Tom', + address: 'No. 189, Grove St, Los Angeles', + }, + { + date: '2016-05-01', + name: 'Tom', + address: 'No. 189, Grove St, Los Angeles', + }, +]; onMounted(() => { window.addEventListener('click', () => { @@ -24,6 +48,32 @@ onMounted(() => {