feat: 工具类型

Author: Rain120

CHANGELOG.md

@@ -1,4 +1,4 @@
-# [1.0.0](https://github.com/Rain120/typescript-guide/compare/0.0.1...1.0.0) (2022-01-21)
+# [1.0.0](https://github.com/Rain120/typescript-guide/compare/0.0.1...1.0.0) (2024-01-16)
 
 
 ### Bug Fixes
@@ -20,6 +20,7 @@
 * **extends:** update ([8cd0fdc](https://github.com/Rain120/typescript-guide/commit/8cd0fdc819baf8178a16e3b3dcc77b3b90c11ec3))
 * **intersection-types:** update ([e5ffe1b](https://github.com/Rain120/typescript-guide/commit/e5ffe1bd61dd154329422a420c9a91f3346e6a90))
 * **keyof:** update usage ([37c61cb](https://github.com/Rain120/typescript-guide/commit/37c61cbf14eb66f5c84c8cd90a27b79183cc0bf7))
+* **utility types:** custom ([50e8703](https://github.com/Rain120/typescript-guide/commit/50e87037bc7ad9b20757efa1ad18734db428f0a5))
 * add Previously at keyword for descript the resource about it ([be81d8e](https://github.com/Rain120/typescript-guide/commit/be81d8e5f2f6d2892852f72143b09607ddc1d78a))
 * blog tips & pdfs & books ([310765f](https://github.com/Rain120/typescript-guide/commit/310765ffd4e95bcde3dc3a33c3ca7115f80d30f1))
 * compile-config about module resolver & flie inclusive; keyword about is ([4b5832d](https://github.com/Rain120/typescript-guide/commit/4b5832df75a82cd75b553463d1ed476f22d20fd1))

docs/.vuepress/utils/alias.json

@@ -35,6 +35,8 @@
   "interface-vs-type": "interface 和 type 有什么异同点？",
   "module-resolver": "Typescript 模块解析",
   "custom-utility-types": "自定义工具类型",
+  "if-else": "条件类型",
+  "spread": "拓展运算符",
   "tips": "Typescript Tips",
   "faqs": "Typescript FAQs"
 }

docs/zh/tips/if-else/README.md

@@ -0,0 +1,48 @@
+## 定义
+
+条件类型，条件类型冒号左边为 if 右边为 else
+
+## 使用
+
+```ts
+type If<T, K> = T extends K ? true : false;
+
+type IfValue<T extends boolean, K, L> = T extends true ? K : L;
+```
+
+## 快来耍耍啊
+
+### 🌰🌰
+
+<!-- 题目 -->
+
+```ts
+type A = { name: string }
+type B = { name: string; age?: number | string }
+
+type x = If<A, B>
+
+type xA = IfValue<true, A, B>
+type xB = IfValue<false, A, B>
+
+```
+
+[Go Demo](https://www.typescriptlang.org/play?#code/C4TwDgpgBAkgZgHgCoBooGkB8UC8UlQQAewEAdgCYDOGUA-FMAE4Cu0AXFHAIYA2VEANwAoYaEiw4ANT5tkhEuWpQARgHs1vCNzJp0aADLY8BYqUo1mberU4GRY8NACCuKAG8oZbgFsInKmYASzIAcygAX0cJACE3T28-AOCwwShuUIg6TjIWHxUIJigAHyhAphDwqOjoIjd4BGc0GMxRcVrXPHgZXjkrCDQmqBaaqCI4rulZCAQefgGoIZagA)
+
+### 游乐场
+
+<br />
+
+<Editor
+  value='// enjoy yourself'
+/>
+
+### 参考答案
+
+```ts
+// answer
+```
+
+## 参考资料
+
+

docs/zh/tips/spread/README.md

@@ -0,0 +1,56 @@
+## 定义
+
+拓展运算符
+
+## 使用
+
+```ts
+type spreadFirst<T> = T extends [infer First, ...infer Rest] ? First : never;
+
+type spreadLast<T> = T extends [...infer First, infer Last] ? Last : never;
+
+type spreadFirstChar<T> = T extends `${infer First}${infer Rest}`? First : never;
+
+type spreadRestChar<T> = T extends `${infer First}${infer Rest}`? Rest : never;
+```
+
+## 快来耍耍啊
+
+### 🌰🌰
+
+<!-- 题目 -->
+
+```ts
+type Arr = [1, 2, 3]
+type Str = '123'
+type Num = 123
+
+type FA = spreadFirst<Arr> // 1
+type LA = spreadLast<Arr> // 3
+
+type FS = spreadFirstChar<Str> // 1
+type LS = spreadRestChar<Str> // 23
+
+type FN = spreadFirstChar<Num> // never
+
+```
+
+[Go Demo](https://www.typescriptlang.org/play?#code/C4TwDgpgBAzmBOECGATAYgS3jYAeAKgHxQC8U+UEAHsBAHYoxQDaGdAZhPFJtsADRQAdCLaduAJQg4AulAD8PLDigAuKHQgA3LgG4AUPtCRYCZCgAySHAWJkK1WgybMRQsVyV9BH7ldkKUP7AahraeobG0HCIqLw4AMIAFkjwtqTklDT0jFAABgAkAN6+XjgAvsWlUhV5ivEh6po68AZG4NFmqDXAyanp9llOuYUlHJ4NlWPiUD3ldbPSjWEtbVFQAILw3GTMAIyCAEyCAMwy7SYAysA7UADke4cndxfQAHIArgC2GY8nkR0eBsMjFzA1cFt4IRXkFgWRQahghDttCYWhLiCuuhlL0UmlrlCYRYMfCsT0+vibqj1mg3pjYti+BTcJ8vtCgA)
+
+### 游乐场
+
+<br />
+
+<Editor
+  value='// enjoy yourself'
+/>
+
+### 参考答案
+
+```ts
+// answer
+```
+
+## 参考资料
+
+