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

perf: 优化antdv4 示例授权页面tree的样式
build: publish success
chore: 1
chore: 1
chore: 1
fix: getFileName支持item参数

https://github.com/fast-crud/fast-crud/issues/385
fix: fs-form独立使用支持插槽

https://github.com/fast-crud/fast-crud/issues/389
fix: 修复三级以上路由页面无法缓存的问题

https://github.com/fast-crud/fast-crud/issues/394
perf: form.wrapper.buttons支持compute动态计算
feat: 表单支持变更关闭前提醒保存，form.wrapper支持beforeClose事件
fix: 修复图片裁剪按钮上下和左右相反的bug

https://github.com/fast-crud/fast-crud/issues/402
perf: alioss getAuthorization接口支持后台返回key

https://github.com/fast-crud/fast-crud/issues/405
perf: alioss getAuthorization接口支持后台返回key

https://github.com/fast-crud/fast-crud/issues/405
perf: fs-dict-tree支持插槽

https://github.com/fast-crud/fast-crud/issues/407
perf: 单选、多选、select、tree-select、table-select 都提供selected-change事件，可以获取选中的dict选项
feat: table-select 支持查看模式

https://github.com/fast-crud/fast-crud/issues/413
perf: 优化fs-admin可以在手机上操作
chore: pnpm workspace问题优化
docs: 1
chore: antdv4 支持主题色选择
...

packages/ui/certd-client/src/views/crud/component/independent/index.vue

@@ -26,6 +26,15 @@
           <input type="file" @change="fileUploaderChange" />
           <a v-if="signedUrl" :href="signedUrl" target="_blank">下载</a>
         </a-form-item>
+        <a-form-item label="表格选择">
+          <fs-table-select v-model="form.tableSelect" v-bind="tableSelectBinding" />
+          <fs-label label="切换value">
+            <a-radio-group v-model:value="form.tableSelect">
+              <a-radio :value="1">王小虎</a-radio>
+              <a-radio :value="2">id为2的记录</a-radio>
+            </a-radio-group>
+          </fs-label>
+        </a-form-item>
         <a-form-item>
           <a-button @click="submit">提交</a-button>
         </a-form-item>
@@ -37,9 +46,11 @@
 <script lang="ts" setup>
 import { reactive, ref } from "vue";
 import { message } from "ant-design-vue";
-import { dict, useUi } from "@fast-crud/fast-crud";
+import {dict, useUi, utils} from "@fast-crud/fast-crud";
 import dayjs from "dayjs";
 import { FsUploaderS3, loadUploader, useUploader } from "@fast-crud/fast-extends";
+import createCrudOptionsText from "/@/views/crud/component/text/crud";
+import * as textTableApi from "/@/views/crud/component/text/api";
 
 defineOptions({
   name: "ComponentIndependent"
@@ -49,7 +60,8 @@ const form = reactive({
   avatar: undefined,
   copyable: "可复制的内容",
   select: 1,
-  humanizeTime: dayjs(new Date().getTime() - 100000)
+  humanizeTime: dayjs(new Date().getTime() - 100000),
+  tableSelect: null
 });
 
 const uploader = ref({
@@ -66,7 +78,7 @@ const cropperUploader = ref({
     viewMode: 1
   },
   async onReady(context: any) {
-    console.log("onReady", context);
+    utils.logger.info("onReady", context);
     context.zoom(-0.1);
     context.zoom(-0.1);
     context.zoom(-0.1);
@@ -81,6 +93,26 @@ const dictRef = dict({
   ]
 });
 
+const tableSelectBinding = ref({
+  dict: dict({
+    value: "id",
+    label: "name",
+    getNodesByValues: async (values: any[]) => {
+      return await textTableApi.GetByIds(values);
+    }
+  }),
+  crossPage: true,
+  valuesFormat: {
+    labelFormatter: (item: any) => {
+      return `${item.id}.${item.name}`;
+    }
+  },
+  select: {
+    placeholder: "点击选择"
+  },
+  createCrudOptions: createCrudOptionsText
+});
+
 const signedUrl = ref();
 async function fileUploaderChange(event: any) {
   const file = event.target.files[0];
@@ -90,7 +122,7 @@ async function fileUploaderChange(event: any) {
     file,
     fileName: file.name,
     onProgress(progress: any) {
-      console.log("progress:" + progress.percent + "%");
+      utils.logger.info("progress:" + progress.percent + "%");
     }
   });
   const { ui } = useUi();
@@ -104,6 +136,6 @@ async function fileUploaderChange(event: any) {
 
 function submit() {
   message.info("submit:" + JSON.stringify(form));
-  console.log("submit:", form);
+  utils.logger.info("submit:", form);
 }
 </script>