chore: 更新构建配置

Author: Tyh2001

CHANGELOG_zh.md

@@ -2,6 +2,15 @@
 
 [English](https://github.com/Tyh2001/tyh-ui2/blob/master/CHANGELOG.md) | Chinese
 
+## 4.0.0 (2022-07-24)
+
+## 3.6.0 (2022-07-24)
+
+- 优化组件类型限制
+- 更新插件配置
+- 优化组件细节样式
+- 增加样式按需引入
+
 ## 3.5.0 (2022-05-06)
 
 - 取消组件代码封转

docs/docs/components/button.md

@@ -258,6 +258,7 @@
 | size     | 按钮尺寸       | string  | large / small / mini                           | ——      |
 | square   | 方形按钮       | boolean | ——                                             | false   |
 | loading  | loading 状态   | boolean | ——                                             | false   |
+| block    | 是否为块级元素 | boolean | ——                                             | false   |
 
 <style scoped>
 .tyh-button-group,

package.json

@@ -4,17 +4,18 @@
     "node": ">= 16"
   },
   "scripts": {
+    "clean": "rimraf dist",
     "start": "pnpm run -C start dev",
     "dev:docs": "pnpm run -C docs dev",
-    "build": "pnpm build:css && vite build && pnpm build:theme && pnpm move",
+    "build": "pnpm clean && pnpm build:css && vite build && pnpm build:lib && pnpm build:umd && pnpm build:theme",
     "build:docs": "pnpm run -C docs build",
+    "build:es": "vite build --config vite.config.ts",
     "build:theme": "vite build --config vite.config.theme.ts",
+    "build:umd": "vite build --config vite.config.umd.ts",
+    "build:lib": "vite build --config vite.config.lib.ts",
     "build:css": "vite build --config vite.config.css.ts",
     "move": "node ./script/move-file.js",
-    "lint": "eslint . --ext .vue,.js,.ts,.jsx,.tsx,.md,.json --max-warnings 0 && pretty-quick --check --branch master",
-    "lint:fix": "eslint --fix . --ext .vue,.js,.ts,.jsx,.tsx,.md,.json && pretty-quick --branch master",
     "prettier": "prettier --write .",
-    "prepare": "husky install",
     "commit": "cz"
   },
   "license": "ISC",
@@ -26,15 +27,15 @@
     "unplugin-vue-setup-extend-plus": "^0.3.2",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-dts": "^1.2.0",
-    "vue": "^3.2.31"
+    "vue": "^3.2.33"
   },
   "lint-staged": {
     "*.{vue,js,ts,md,json}": "prettier --write"
   },
   "devDependencies": {
     "@commitlint/cli": "^16.2.1",
     "@commitlint/config-conventional": "^16.2.1",
-    "@vitejs/plugin-vue": "^2.2.0",
+    "@vitejs/plugin-vue": "^2.3.1",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.9.0",
@@ -46,8 +47,8 @@
     "prettier": "^2.5.1",
     "pretty-quick": "^3.1.3",
     "typescript": "^4.5.4",
-    "vite": "^2.8.0",
-    "vue-router": "^4.0.13",
+    "rimraf": "^3.0.2",
+    "vite": "^2.9.5",
     "vue-tsc": "^0.29.8"
   },
   "config": {

packages/components/button/src/button.vue

@@ -1,15 +1,15 @@
 <template>
-  <button :class="[...isClass, ...typeClass]" :disabled="disabled || loading">
+  <button :class="classList" :disabled="disabled || loading" :style="{ color }">
     <i
       v-if="loading || icon"
       :class="['tyh-icon', loading ? 'tyh-ui-loading' : icon]"
       :style="{ color }"
     />
-    <span v-if="$slots.default" :style="{ color }"><slot /></span>
+    <slot />
   </button>
 </template>
 
-<script lang="ts" setup>
+<script lang="ts" setup name="TyhButton">
   import { computed } from 'vue'
   import { Props } from './props'
   import { THEME } from '@tyh-ui2/utils'
@@ -21,26 +21,18 @@
     return prop.type === 'default' || !prop.type ? '#333' : '#fff'
   })
 
-  const isClass = computed((): (string | object)[] => {
+  const classList = computed((): (string | object)[] => {
     return [
       'tyh-button',
+      `tyh-button-${prop.type}`,
       {
-        [`tyh-button-size-${prop.size}`]: prop.size,
+        [`tyh-button-${prop.size}`]: prop.size,
         'tyh-button-round': prop.round,
-        'tyh-button-square': prop.square
+        'tyh-button-square': prop.square,
+        'tyh-button-simple': prop.simple,
+        'tyh-button-disabled': prop.disabled || prop.loading,
+        'tyh-button-block': prop.block
       }
     ]
   })
-
-  const typeClass = computed((): string[] => {
-    return [
-      prop.simple
-        ? prop.disabled || prop.loading
-          ? `tyh-button-simple-disabled-${prop.type}`
-          : `tyh-button-simple-${prop.type}`
-        : prop.disabled || prop.loading
-        ? `tyh-button-disabled-${prop.type}`
-        : `tyh-button-${prop.type}`
-    ]
-  })
 </script>

packages/components/button/src/props.ts

@@ -27,5 +27,6 @@ export const Props = {
   },
   square: Boolean,
   simple: Boolean,
-  loading: Boolean
+  loading: Boolean,
+  block: Boolean
 } as const