🔱: [client] sync upgrade with 3 commits [trident-sync]

chore: 1.13.8
perf(form): 支持conditionalRender

packages/ui/certd-client/src/router/source/modules/crud.ts

@@ -426,7 +426,7 @@ export const crudResources = [
             component: "/crud/form/nest/index.vue"
           },
           {
-            title: "字段组件周围render",
+            title: "字段组件render",
             name: "FormRender",
             path: "/crud/form/render",
             component: "/crud/form/render/index.vue"

packages/ui/certd-client/src/views/crud/form/render/crud.tsx

@@ -1,5 +1,5 @@
 import * as api from "./api";
-import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes, useUi } from "@fast-crud/fast-crud";
+import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, dict, EditReq, UserPageQuery, UserPageRes, useUi } from "@fast-crud/fast-crud";
 
 export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
   const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
@@ -61,6 +61,34 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
               );
             }
           }
+        },
+        conditionalRender: {
+          title: "条件渲染",
+          type: "text",
+          form: {
+            helper: "符合条件则render，否则走默认",
+            conditionalRender: {
+              match({ form }) {
+                return form.conditionalRenderToggle;
+              },
+              render({ form }) {
+                return <div style={{ lineHeight: "32px" }}>{form.conditionalRender || "请先输入值"}</div>;
+              }
+            }
+          }
+        },
+        conditionalRenderToggle: {
+          title: "切换条件",
+          type: "dict-switch",
+          dict: dict({
+            data: [
+              { value: 1, label: "预览模式" },
+              { value: 0, label: "编辑模式" }
+            ]
+          }),
+          form: {
+            helper: "切换条件render 编辑/预览 模式"
+          }
         }
       }
     }

packages/ui/certd-client/src/views/crud/form/render/index.vue

@@ -1,7 +1,7 @@
 <template>
   <fs-page>
     <template #header>
-      <div class="title">表单字段组件周围的render</div>
+      <div class="title">表单字段render</div>
       <div class="more">
         <a target="_blank" href="http://fast-crud.docmirror.cn/api/crud-options/columns.html#key-form-prefixrender">文档</a>
       </div>

packages/ui/certd-client/src/views/crud/form/render/mock.ts

@@ -6,10 +6,12 @@ const options: any = {
 };
 const list = [
   {
-    name: "王小虎"
+    name: "王小虎",
+    conditionalRender: "conditionalRender"
   },
   {
-    name: "张三"
+    name: "张三",
+    conditionalRender: "conditionalRender"
   }
 ];