🔱: [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/layout/components/source-link/index.vue

@@ -22,7 +22,7 @@ export default defineComponent({
       },
       { immediate: true }
     );
-    const middle = "/fast-crud/fs-admin-antdv/blob/main/src/views";
+    const middle = "/fast-crud/fs-admin-antdv4/blob/main/src/views";
     function goSource(prefix: any) {
       const path = router.currentRoute.value.fullPath;
       window.open(prefix + middle + path + "/index.vue");

packages/ui/certd-client/src/layout/components/theme/color-picker.vue

@@ -54,6 +54,7 @@ export default defineComponent({
   name: "FsThemeColorPicker",
   props: {
     primaryColor: {
+      type: String,
       default: "#1890ff"
     }
   },

packages/ui/certd-client/src/layout/components/theme/index.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="fs-theme" @click="show()">
     <fs-iconify icon="ion:sparkles-outline" />
-    <a-drawer v-model:visible="visible" title="主题设置" placement="right" width="350px" :closable="false" @after-visible-change="afterVisibleChange">
-      <fs-theme-color-picker :primary-color="setting.getTheme.primaryColor" @change="setting.setPrimaryColor"></fs-theme-color-picker>
+    <a-drawer v-model:open="visible" title="主题设置" placement="right" width="350px" :closable="false" @after-open-change="afterVisibleChange">
+      <fs-theme-color-picker :primary-color="setting.themeConfig?.colorPrimary" @change="setting.setPrimaryColor"></fs-theme-color-picker>
     </a-drawer>
   </div>
 </template>

packages/ui/certd-client/src/layout/components/theme/mode-set.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="fs-theme-mode">
+    <a-switch :checked="setting.themeConfig.mode === 'dark'" @update:checked="onChange">
+      <template #checkedChildren>
+        <fs-iconify icon="ion:moon" />
+      </template>
+      <template #unCheckedChildren>
+        <fs-iconify icon="ion:sunny" />
+      </template>
+    </a-switch>
+  </div>
+</template>
+
+<script lang="ts">
+import { ref, defineComponent } from "vue";
+import { useSettingStore } from "/@/store/modules/settings";
+
+export default defineComponent({
+  name: "FsThemeModeSet",
+  components: {},
+  setup() {
+    const setting = useSettingStore();
+    const onChange = (checked: boolean) => {
+      if (checked) {
+        setting.setDarkMode("dark");
+      } else {
+        setting.setDarkMode("light");
+      }
+    };
+    return {
+      setting,
+      onChange
+    };
+  }
+});
+</script>
+
+<style lang="less">
+.fs-theme-mode {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>