构建

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: [

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

packages/components/button/index.ts

@@ -0,0 +1,6 @@
+import PsButton from "./index.vue"
+
+export {
+    PsButton
+}
+export default PsButton

packages/components/button/index.vue

@@ -0,0 +1,25 @@
+<template>
+    <div>ffffffffffff</div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+    name: "ps-button"
+})
+</script>
+
+<script lang="ts" setup>
+import { defineComponent, onBeforeUnmount, ref } from "vue"
+// const props = withDefaults(
+//     defineProps<{
+
+//     }>(),
+//     {
+
+//     },
+// )
+// const emits = defineEmits<{
+
+// }>()
+
+</script>

packages/components/components.ts

@@ -1,5 +1,7 @@
 // 该文件为自动生成，请勿修改！！！
+import PsButton from "./button"
 import PsCaptcha from "./captcha"
 export { 
+  PsButton,
   PsCaptcha 
 }

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']
   }
 }

packages/playground/src/App.vue

@@ -20,6 +20,9 @@ function send(start: () => void, done: (isDone: boolean) => void) {
             <ps-captcha @send="send" border :duration="5">sada</ps-captcha>
         </div>
     </Panel>
+    <Panel name="按钮">
+        <ps-button></ps-button>
+    </Panel>
 </template>
 
 <style>

packages/theme-chalk/src/base.scss

@@ -0,0 +1,3 @@
+*{
+    color: gainsboro;
+}

pnpm-lock.yaml

@@ -7,6 +7,7 @@ importers:
       '@princess-ui/build': workspace:*
       '@princess-ui/components': workspace:*
       '@princess-ui/docs': workspace:*
+      '@princess-ui/hooks': workspace:*
       '@princess-ui/playground': workspace:*
       '@princess-ui/share': workspace:*
       '@princess-ui/theme-chalk': workspace:*
@@ -22,6 +23,7 @@ importers:
       '@princess-ui/build': link:packages/build
       '@princess-ui/components': link:packages/components
       '@princess-ui/docs': link:docs
+      '@princess-ui/hooks': link:packages/hooks
       '@princess-ui/playground': link:packages/playground
       '@princess-ui/share': link:packages/share
       '@princess-ui/theme-chalk': link:packages/theme-chalk
@@ -67,6 +69,9 @@ importers:
   packages/components:
     specifiers: {}
 
+  packages/hooks:
+    specifiers: {}
+
   packages/playground:
     specifiers:
       '@types/lodash': ^4.14.182
@@ -1199,6 +1204,7 @@ packages:
 
   /commander/2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+    requiresBuild: true
     dev: true
     optional: true
 
@@ -2261,7 +2267,7 @@ packages:
     dev: false
 
   /image-size/0.5.5:
-    resolution: {integrity: sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=}
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
     engines: {node: '>=0.10.0'}
     hasBin: true
     requiresBuild: true
@@ -4315,6 +4321,7 @@ packages:
       rollup: 2.74.1
     optionalDependencies:
       fsevents: 2.3.2
+    dev: true
 
   /vite/2.9.9_wcpnhpi5xopjmdpkm2r2ee7ige:
     resolution: {integrity: sha512-ffaam+NgHfbEmfw/Vuh6BHKKlI/XIAhxE5QSS7gFLIngxg171mg1P3a4LSRME0z2ZU1ScxoKzphkipcYwSD5Ew==}