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

perf: export 功能
perf: export 功能
chore: 自定义组件onChange
perf: naiveui 自定义组件支持change validation
chore:
perf: 自定义组件支持触发validation
chore:

packages/ui/certd-client/src/views/crud/component/editor/crud.tsx

@@ -84,13 +84,26 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
             // show: compute(({ form }) => {
             //   return form.change === "wang";
             // }),
-            rules: [{ required: true, message: "此项必填" }],
+            rules: [
+              { required: true, message: "此项必填" },
+              {
+                validator: async (rule, value) => {
+                  if (value.trim() === "<p><br></p>") {
+                    throw new Error("内容不能为空");
+                  }
+                }
+              }
+            ],
             component: {
               disabled: compute(({ form }) => {
                 return form.disabled;
               }),
               id: "1", // 当同一个页面有多个editor时，需要配置不同的id
-              config: {},
+              toolbarConfig: {},
+              editorConfig: {},
+              onOnChange(value: any) {
+                console.log("value changed", value);
+              },
               uploader: {
                 type: "form",
                 buildUrl(res: any) {

packages/ui/certd-client/src/views/crud/component/select/crud.tsx

@@ -264,7 +264,8 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
             title: "多选本地",
             component: {
               mode: "multiple"
-            }
+            },
+            rules: [{ required: true, message: "请选择一个选项" }]
           },
           dict: dict({
             data: [

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

@@ -1,6 +1,6 @@
 import * as api from "./api";
-import { AllUploadSuccessValidator } from "@fast-crud/fast-extends";
 import { AddReq, CreateCrudOptionsProps, CreateCrudOptionsRet, DelReq, EditReq, UserPageQuery, UserPageRes } from "@fast-crud/fast-crud";
+import { createUploaderRules } from "@fast-crud/fast-extends";
 
 export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOptionsRet {
   const pageRequest = async (query: UserPageQuery): Promise<UserPageRes> => {
@@ -79,6 +79,7 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
                 type: "form"
               }
             },
+            rules: createUploaderRules([{ required: true, message: "此项必传", trigger: "change" }]),
             helper: "最大可上传2个文件"
           },
           column: {
@@ -248,14 +249,8 @@ export default function ({ crudExpose }: CreateCrudOptionsProps): CreateCrudOpti
           title: "校验",
           type: "file-uploader",
           form: {
-            rules: [
-              { required: true, message: "此项必传", trigger: "input" },
-              {
-                validator: AllUploadSuccessValidator(), //如果要自定义校验规则则需要手动配置这个
-                message: "还有文件正在上传，请稍候",
-                trigger: "input"
-              }
-            ],
+            // 使用createUploaderRules创建校验规则,会附带文件还未上传完成的校验
+            rules: createUploaderRules([{ required: true, message: "此项必传", trigger: "change" }]),
             helper: "大小不能超过50M，文件未上传完成之前，阻止提交",
             component: {
               uploader: {

packages/ui/certd-client/src/views/crud/feature/local-v-model/local.vue

@@ -20,6 +20,7 @@ export default defineComponent({
     const { crudBinding, crudRef, crudExpose } = useFs({ createCrudOptions });
 
     onMounted(() => {
+      //启用行编辑模式
       crudExpose.editable.enable({ mode: "row" });
     });