From cbc44bbce97b299cdc18057d75228c831e4b9c5e Mon Sep 17 00:00:00 2001 From: 1549469775 <1549469775@qq.com> Date: Tue, 14 Jun 2022 17:20:52 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9E=84=E5=BB=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/build/buildAll.ts | 7 +++++++ packages/build/buildComponent.ts | 7 ++++++- packages/components/button/index.ts | 6 ++++++ packages/components/button/index.vue | 25 +++++++++++++++++++++++++ packages/components/components.ts | 2 ++ packages/playground/components.d.ts | 1 + packages/playground/src/App.vue | 3 +++ packages/theme-chalk/src/base.scss | 3 +++ pnpm-lock.yaml | 9 ++++++++- 9 files changed, 61 insertions(+), 2 deletions(-) create mode 100644 packages/components/button/index.ts create mode 100644 packages/components/button/index.vue create mode 100644 packages/theme-chalk/src/base.scss diff --git a/packages/build/buildAll.ts b/packages/build/buildAll.ts index 07b007f..a71d970 100644 --- a/packages/build/buildAll.ts +++ b/packages/build/buildAll.ts @@ -15,6 +15,10 @@ export default function (name: string) { from: "@princess-ui/components", to: "../", }, + // { + // from: /\@princess\-ui\/theme-chalk\/src\/(.*?)\.scss/i, + // to: "princess-ui/theme-chalk/$1.css" + // } ], }), vue({ isProduction: true }), @@ -42,6 +46,9 @@ export default function (name: string) { if (/^vue/.test(id)) { return true } + if (/^princess-ui/.test(id)) { + return true + } return false }, output: [ diff --git a/packages/build/buildComponent.ts b/packages/build/buildComponent.ts index 06e21d6..7eeb985 100644 --- a/packages/build/buildComponent.ts +++ b/packages/build/buildComponent.ts @@ -26,6 +26,11 @@ export default function (prefix: string, component: string, name: string, opts?: from: "@princess-ui/components", to: "princess-ui/lib", }, + // 考虑使用gulp进行替换，做成element类似的结构 + // { + // from: /\@princess\-ui\/theme-chalk\/src\/(.*?)\.scss/i, + // to: "princess-ui/theme-chalk/$1.css" + // } ], }), // libInjectCss(), @@ -67,7 +72,7 @@ export default function (prefix: string, component: string, name: string, opts?: if (/^vue/.test(id)) { return "Vue" } - if (new RegExp(/^princess-ui/).test(id)) { + if (new RegExp(/^princess-ui\/lib/).test(id)) { let str = id.replace(/^princess\-ui\/lib\//, prefix) str = str.slice(0, 2) + str.slice(2)[0].toUpperCase() + str.slice(3) return str diff --git a/packages/components/button/index.ts b/packages/components/button/index.ts new file mode 100644 index 0000000..7282283 --- /dev/null +++ b/packages/components/button/index.ts @@ -0,0 +1,6 @@ +import PsButton from "./index.vue" + +export { + PsButton +} +export default PsButton \ No newline at end of file diff --git a/packages/components/button/index.vue b/packages/components/button/index.vue new file mode 100644 index 0000000..52ce227 --- /dev/null +++ b/packages/components/button/index.vue @@ -0,0 +1,25 @@ + + + + + diff --git a/packages/components/components.ts b/packages/components/components.ts index 8601517..7619fd2 100644 --- a/packages/components/components.ts +++ b/packages/components/components.ts @@ -1,5 +1,7 @@ // 该文件为自动生成，请勿修改！！！ +import PsButton from "./button" import PsCaptcha from "./captcha" export { + PsButton, PsCaptcha } \ No newline at end of file diff --git a/packages/playground/components.d.ts b/packages/playground/components.d.ts index f011bbd..16c12af 100644 --- a/packages/playground/components.d.ts +++ b/packages/playground/components.d.ts @@ -6,6 +6,7 @@ import '@vue/runtime-core' declare module '@vue/runtime-core' { export interface GlobalComponents { Panel: typeof import('./src/components/Panel.vue')['default'] + PsButton: typeof import('@princess-ui/components/button')['PsButton'] PsCaptcha: typeof import('@princess-ui/components/captcha')['PsCaptcha'] } } diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue index e3cc0a8..cb52b26 100644 --- a/packages/playground/src/App.vue +++ b/packages/playground/src/App.vue @@ -20,6 +20,9 @@ function send(start: () => void, done: (isDone: boolean) => void) { sada + + +