From 147a55e0382d024c8727e90d1910f266d1e00c26 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E4=BB=AA=E5=BC=8F?= <854085467@qq.com> Date: Sun, 10 Oct 2021 23:42:05 +0800 Subject: [PATCH] =?UTF-8?q?feat(transfer):=20=E5=88=9D=E6=AD=A5=E9=9B=86?= =?UTF-8?q?=E6=88=90=20tansfer=20=E7=BB=84=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/docs/zh-CN/components/layout.md | 2 - docs/docs/zh-CN/components/transfer.md | 19 ++ docs/src/layouts/Layout.vue | 6 + docs/src/router/zh-CN.ts | 5 + src/index.ts | 5 +- src/module/transfer/index.ts | 9 + src/module/transfer/index.vue | 291 +++++++++++++++++++++++++ 7 files changed, 334 insertions(+), 3 deletions(-) create mode 100644 docs/docs/zh-CN/components/transfer.md create mode 100644 src/module/transfer/index.ts create mode 100644 src/module/transfer/index.vue diff --git a/docs/docs/zh-CN/components/layout.md b/docs/docs/zh-CN/components/layout.md index 5e3a51f6..316b9b35 100644 --- a/docs/docs/zh-CN/components/layout.md +++ b/docs/docs/zh-CN/components/layout.md @@ -1,5 +1,3 @@ -layui 之所以赢得如此多人的青睐，更多是在于它「前后界面兼备」的能力。既可编织出绚丽的前台页面，又可满足繁杂的管理系统界面需求。layui 致力于让每一位开发者都能轻松搭建自己的管理界面。下面是演示代码，你可以前往示例页面： - ```html diff --git a/docs/docs/zh-CN/components/transfer.md b/docs/docs/zh-CN/components/transfer.md new file mode 100644 index 00000000..2e77d27e --- /dev/null +++ b/docs/docs/zh-CN/components/transfer.md @@ -0,0 +1,19 @@ +::: demo + + + + + +::: \ No newline at end of file diff --git a/docs/src/layouts/Layout.vue b/docs/src/layouts/Layout.vue index 382fe6e3..21d49782 100644 --- a/docs/src/layouts/Layout.vue +++ b/docs/src/layouts/Layout.vue @@ -266,6 +266,12 @@ export default { subTitle: 'tree', path: '/zh-CN/components/tree', }, + { + id: 31, + title: '穿梭框', + subTitle: 'tree', + path: '/zh-CN/components/transfer', + }, ] const selected = ref(1) diff --git a/docs/src/router/zh-CN.ts b/docs/src/router/zh-CN.ts index 94328a32..dbae9101 100644 --- a/docs/src/router/zh-CN.ts +++ b/docs/src/router/zh-CN.ts @@ -157,6 +157,11 @@ const zhCN = [ path: '/zh-CN/components/page', component: () => import('../../docs/zh-CN/components/page.md'), meta: { title: '分页' }, + }, + { + path: '/zh-CN/components/transfer', + component: () => import('../../docs/zh-CN/components/transfer.md'), + meta: { title: '穿梭框' }, } ], }, diff --git a/src/index.ts b/src/index.ts index c0451491..f82920dc 100644 --- a/src/index.ts +++ b/src/index.ts @@ -52,6 +52,7 @@ import LayTabItem from './module/tabItem/index' import LayTree from './module/tree/index' import LayTable from './module/table/index' import LayPage from './module/page/index' +import LayTransfer from './module/transfer/index' const components: Record = { LayRadio, @@ -103,7 +104,8 @@ const components: Record = { LayIconPicker, LayTree, LayTable, - LayPage + LayPage, + LayTransfer } const install = (app: App, options?: InstallOptions): void => { @@ -169,6 +171,7 @@ export { LayTree, LayTable, LayPage, + LayTransfer, install, } diff --git a/src/module/transfer/index.ts b/src/module/transfer/index.ts new file mode 100644 index 00000000..9ca8cf09 --- /dev/null +++ b/src/module/transfer/index.ts @@ -0,0 +1,9 @@ +import type { App } from 'vue' +import Component from './index.vue' +import type { IDefineComponent } from '../type/index' + +Component.install = (app: App) => { + app.component(Component.name || 'LayTransfer', Component) +} + +export default Component as IDefineComponent diff --git a/src/module/transfer/index.vue b/src/module/transfer/index.vue new file mode 100644 index 00000000..60eb6685 --- /dev/null +++ b/src/module/transfer/index.vue @@ -0,0 +1,291 @@ + + +