fixed bug

package.json

@@ -17,7 +17,7 @@
         "doc:dev": "pnpm run -C docs dev",
         "doc:build": "pnpm run -C docs build",
         "doc:serve": "pnpm run -C docs serve",
-        "build": "pnpm run -C packages/build build && pnpm run -C packages/princess-ui build",
+        "build": "pnpm run -C packages/build build && pnpm run -C packages/theme-chalk build && pnpm run -C packages/princess-ui build",
         "theme": "pnpm run -C packages/theme-chalk build",
         "release": "cd packages/princess-ui & npm publish"
     },

packages/components/captcha/index.ts

@@ -1,7 +1,5 @@
 import PsCaptcha from "./index.vue"
 
-PsCaptcha.name = "ps-captcha"
-
 export {
     PsCaptcha
 }

packages/components/captcha/index.vue

@@ -1,11 +1,18 @@
 <template>
-    <div class="ps-send" @click="onClick" :disabled="isDisabled" :loading="isLoading" type="button" size="small">
+    <div class="ps-send" :class="[size ? 'ps-send--' + size : '']" @click="onClick" :disabled="isDisabled"
+        :loading="isLoading" type="button" size="small">
         {{ text }}
     </div>
 </template>
 
+<script lang="ts">
+export default defineComponent({
+    name: "ps-captcha"
+})
+</script>
+
 <script lang="ts" setup>
-import { onBeforeUnmount, ref } from "vue"
+import { defineComponent, onBeforeUnmount, ref } from "vue"
 const props = withDefaults(
     defineProps<{
         duration?: number
@@ -13,6 +20,7 @@ const props = withDefaults(
         runText?: string
         loadingText?: string
         resetText?: string
+        size?: "small" | "big"
     }>(),
     {
         runText: "{%s}s 后重新发送",

packages/playground/components.d.ts

@@ -6,6 +6,7 @@ import '@vue/runtime-core'
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
+    PsCaptcha: typeof import('@princess-ui/components/captcha')['PsCaptcha']
   }
 }
 

packages/playground/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --port=3433",
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview"
   },

packages/playground/src/App.vue

@@ -13,15 +13,22 @@ function send(start: () => void, done: (isDone: boolean) => void) {
 
 <template>
     <ps-captcha @send="send" :duration="5">sada</ps-captcha>
+    <ps-captcha size="small" @send="send" :duration="5">sada</ps-captcha>
+    <ps-captcha size="big" @send="send" :duration="5">sada</ps-captcha>
 </template>
 
 <style>
+html,body{
+    margin: 0;
+    padding: 0;
+}
 #app {
-    font-family: Avenir, Helvetica, Arial, sans-serif;
+    display: flex;
+    justify-content: center;
+    align-items: center;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-align: center;
-    color: #2c3e50;
+    height: 100vh;
-    margin-top: 60px;
 }
 </style>

packages/theme-chalk/gulpfile.ts

@@ -8,10 +8,16 @@ import cleanCSS from 'gulp-clean-css'
 import rename from 'gulp-rename'
 import consola from 'consola'
 import { getOutput } from "@princess-ui/share";
+import rimraf from "rimraf"
 
 const distFolder = path.resolve(__dirname, 'dist')
 const distBundle = getOutput("theme-chalk")
 
+function clean(cb) {
+    rimraf.sync(distBundle)
+    cb()
+}
+
 /**
  * compile theme-chalk scss & minify
  * not use sass.sync().on('error', sass.logError) to throw exception
@@ -80,9 +86,9 @@ export function copyThemeChalkSource() {
   )
 }
 
-export const build = parallel(
+export const build = series(clean, parallel(
-  copyThemeChalkSource,
+    copyThemeChalkSource,
-  series(buildThemeChalk, buildDarkCssVars, copyThemeChalkBundle)
+    series(buildThemeChalk, buildDarkCssVars, copyThemeChalkBundle)
-)
+))
 
 export default build

packages/theme-chalk/src/button.scss

@@ -1,3 +1,4 @@
+@use "common/var.scss";
 
 div{
     color: darkkhaki;

packages/theme-chalk/src/captcha.scss

@@ -1,4 +1,19 @@
-.ps-send{
+@use 'common/var.scss';
+
+.ps-send {
+    user-select: none;
     color: blue;
     cursor: pointer;
+    display: inline-block;
+    padding: 4px 10px;
+    border-radius: 15px;
+    border: 1px solid blue;
+    &--small {
+        font-size: 14px;
+        padding: 2px 6px;
+    }
+    &--big {
+        font-size: 18px;
+        padding: 4px 10px;
+    }
 }

packages/theme-chalk/src/common/var.scss

@@ -0,0 +1 @@
+

packages/theme-chalk/src/index.scss

@@ -1,5 +1,2 @@
 @import "./button.scss";
-@import "./send.scss";
+@import "./captcha.scss";
-div{
-    color: rosybrown;
-}

tsconfig.json

@@ -13,6 +13,7 @@
     },
     "include": ["packages", "typings"],
     "exclude": [
+        "packages/princess-ui/lib/**/*",
         "node_modules",
         "**/dist",
         "**/__tests__/**/*",